html{ overflow-y:scroll; } body{ margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#919191; background-color:#232323; } .clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; } .clear{ display:block; clear:both; } html[xmlns] .clear{ display:block; } * html .clear{ height:1%; } a{ outline:none; text-decoration:none; } code{ font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; } .fl_left{ float:left; } .fl_right{ float:right; } img{ margin:0; padding:0; border:none; line-height:normal; vertical-align:middle; } .imgholder, .imgl, .imgr{ padding:4px; border:1px solid #D6D6D6; text-align:center; } .imgl{ float:left; margin:0 15px 15px 0; clear:left; } .imgr{ float:right; margin:0 0 15px 15px; clear:right; } /* ----------------------------------------------Wrapper-------------------------------------*/ div.wrapper{ display:block; width:100%; margin:0; padding:0; text-align:left; } .row1, .row1 a{ color:#C0BAB6; background-color:#333333; } .row2{ color:#979797; background-color:#FFFFFF; } .row2 a{ color:#FF9900; background-color:#FFFFFF; } .row4, .row4 a{ color:#919191; background-color:#232323; } /*----------------------------------------------Generalise-------------------------------------*/ #header, #container, #footer, #copyright{ display:block; width:960px; margin:0 auto; } nav ul{ margin:0; padding:0; list-style:none; } h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-size:16px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase; } /*----------------------------------------------Header-------------------------------------*/ #header #hgroup{ padding:0px 0; } #header #hgroup h1, #header #hgroup h2{ font-weight:normal; text-transform:none; } #header #hgroup h1{ font-size:36px; } #header #hgroup h2{ font-size:13px; } /*----------------------------------------------Content Area-------------------------------------*/ #container{ padding:30px 0; } #container section{ display:block; width:100%; margin:0 0 30px 0; padding:0; } #container .last{ margin:0; } #container .more{ text-align:right; text-transform:uppercase; font-size:smaller; font-weight:bold; } /* ------Slider-----*/ #container #slider{ display:block; width:100%; } #container #slider a{ display:block; padding:9px; border:1px solid #DEDEDE; } #container #slider a:hover{ border-color:#FF9900; } /* ------Main Content-----*/ #container #content{ float:left; width:630px; line-height:1.6em; } #container #content #latest ul{ margin:0; padding:0; list-style:none; } #container #content #latest ul li{ display:block; width:100%; margin-bottom:30px; } #container #content #latest ul li.last{ margin-bottom:0; } #container #content #latest ul li article figure img{ float:left; width:180px; height:150px; margin:0; padding:4px; border:1px solid #666666; } #container #content #latest ul li article figure figcaption{ display:block; float:right; width:410px; } #container #content #latest ul li article figure h2{ font-size:14px; } /* ------Right Column-----*/ #container #right_column{ float:right; width:280px; } #container #right_column h2.title{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #DEDEDE; } #container #right_column nav{ display:block; width:100%; margin-bottom:30px; } #container #right_column nav ul{ margin:0; padding:0; list-style:none; } #container #right_column nav li{ margin:0 0 3px 0; padding:0; } #container #right_column nav li.last{ margin-bottom:0; } #container #right_column nav a{ display:block; margin:0; padding:5px 10px 5px 20px; color:#666666; background:url("../img/orange_file.gif") no-repeat 10px center #FFFFFF; text-decoration:none; border-bottom:1px dotted #666666; } #container #right_column nav a:hover{ color:#FF9900; background-color:#FFFFFF; } /*----------------------------------------------Footer-------------------------------------*/ #footer{ padding:30px 0; font-size:12px; line-height:1.4em; }