/* --------------------------------------------------------------------------------------------------------------------------------------------------
HTML
-------------------------------------------------------------------------------------------------------------------------------------------------- */

body {margin:0; background:#FFF url("../design/bg.png") 0 0 repeat-x; line-height:20px; font-size:17px; font-family:"helvetica", sans-serif; color:#000;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, table, ul {margin:15px 0;}
a {color:#1c79a5;}
h1 {margin:0; font-size:24px; font-weight:bold;}
h2 {font-size:20px;}
h3 {font-size:17px; text-decoration:none;}
h4, h5, h6 {font-size:17px; font-weight:bold;}
h7 {font-size:0.9em;}
ul li {padding-left:17px; background:url("../design/arrow.png") 0 0 no-repeat;}
ul ul {margin:0; font-size:15px;}
table {border:2px solid #89CA33;}
table th {padding:5px; border:1px solid #89CA33; font-weight:bold; text-align:center;}
table td {padding:5px; border:1px solid #89CA33;}
img.f-left {margin-right:9px;}
img.f-right {margin-left:9px;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper {position:relative; min-height:100%; overflow:auto;}
#header {position:relative; height:40px; overflow:hidden; padding:0 8px;}
#header #logo {margin:0; margin-top:10px; font-size:1.2em; font-weight:bold; text-shadow:1px 1px 0px #0B74A7; text-align:center;}
#header #logo a {text-decoration:none; color:#FFF;}
#header #info {position:absolute; top:8px; left:8px; margin:0;}  
#header #info a {display:block; width:26px; height:26px; overflow:hidden; background:url("../design/info.png") 0 0 no-repeat;}
#header #search {position:absolute; top:8px; right:8px; margin:0;}
#header #search a {display:block; width:26px; height:26px; margin:0; overflow:hidden; background:url("../design/search.png") 0 0 no-repeat;}
#content .separator {margin:0; padding:8px; background:url("../design/separator.png"); text-shadow:1px 1px 0px #5E852D; font-size:1.0em; font-weight:bold; color:#FFF;}
#content .padding {padding: 8px;}
#content .title {margin:7px 0; font-size:20px;}
#tray {height:24px; overflow:hidden; padding:8px;}
#tray a {color:#000;}
#tray ul {margin:0;}
#tray ul li {display:inline; padding:0; background:none;}
#tray ul li#twitter a {display:block; float:left; margin-right:15px; padding:3px 0 3px 32px; background:url("../design/twitter.png") 0 0 no-repeat;}
#tray ul li#facebook a {display:block; float:left; padding:3px 0 3px 32px; background:url("../design/facebook.png") 0 0 no-repeat;}
#footer {padding:8px; border-top:1px solid #CCC; color:#777; font-size: 0.6em}
#footer p {margin:0;}
#footer a {color:#777;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: HOMEPAGE
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.button {
    background: #1c5ab0 none repeat scroll 0 0;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.2em;
    padding: 0.7em;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    transition: opacity 0.25s ease-in-out 0s;
    margin: 5px ; }

.buttonred {
    background: #ee0011 none repeat scroll 0 0;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 800;
    letter-spacing: 0.2em;
    padding: 0.7em;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    transition: opacity 0.25s ease-in-out 0s;
    margin: 5px ; }

#topstory {position:relative;}
#topstory img {width:100%; height:auto; vertical-align:bottom}
#topstory div {position:absolute; bottom:0; left:0; width:100%;}
#topstory div h1 {margin:0; padding:12px 8px; background:#000; font-size:22px; line-height:25px;}
#topstory div h1 a {text-decoration:none; color:#FFF;}
.list {margin:0;}
.list li {display:block; padding:8px; background:url("../design/gradient.png") 0 100% repeat-x;}
.list li .list-img {float:left; width:168px;}
.list li .list-img img {display:block; width:160px; height:284px;}
.list li .list-txt {float:left:}
.list li .list-txt h7 {margin:0; text-decoration:none;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: CATEGORY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.categories {margin:0;}
.categories li {display:block; padding:8px; border-bottom:1px solid #9BDAFA; background:url("../design/arrow.png") 100% 50% no-repeat;}
.categories li a {font-weight:bold; text-decoration:none;}
.categories li:last-child {border:0;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: IMAGE GALLERY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.gallery {margin:15px -9px;}
.gallery li {display:block; float:left; margin-left:4px; margin-bottom:4px; padding:0; background:none;}
.gallery li img {display:block;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PORTLET: PAGINATION
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.pagination {clear:both; margin:25px 0; text-align:center;}
.pagination a {margin:0 3px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center; text-decoration:none; font-weight:bold; color:#000;}
.pagination strong {margin:0 3px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#11a6ee; text-align:center; color:#FFF;}

.grey {color:#777;}