html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .hidden { display: none; } a, a:link, a:visited{ color: #fff; text-decoration:underline;} a:hover, a:active{ color: #fff; text-decoration:none;} #sidebar a, #sidebar a:link, #sidebar a:link{ color:#fff; text-decoration:none;} #sidebar a:hover, #sidebar a:active{ color:#8ac0d9; text-decoration:underline;} #footer .navigation a, #footer .navigation a:link, #footer .navigation a:visited{ color: #fff; text-decoration:none;} #footer .navigation a:hover, #footer .navigation a:active{ color: #fff; text-decoration:underline;} a.comment, a.comment:link, a.comment:visited{ color: #fff; padding-left:13px; background:url(images/comment_bubble.gif) no-repeat 0 3px;} ul#pages li a, ul#pages li a:link, ul#pages li a:visited{ color:#fff; text-decoration:none; display:block;} ul#pages li a:hover, ul#pages li a:active{ color:#fff; text-decoration:underline; display:block;} .entry p.postmetadata a, .entry p.postmetadata a:link,.entry p.postmetadata a:visited{text-decoration:none;} .entry p.postmetadata a:hover,.entry p.postmetadata a:active{text-decoration:underline;} body { font-size: 12px; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.jpg) no-repeat top center fixed; color: #fff; width:100%; } #container{ width:831px; margin:auto; } #header{ width:621px; height:151px; padding-left:210px; position:relative; } #header h1{ font-size:28px; color:#fff; font-weight:300; left:13px; padding:72px 0 0 10px; } * html #header h1{ padding:35px 0 0 10px; } .description{ font-size:12px; color:#fff; float:left; padding-left:13px; } ul#pages{ width:605px; height:23px; background:url(images/pages_bg.gif) no-repeat 0 0; margin-left:9px; list-style:none; float:left; padding-top:10px; } * html ul#pages{ margin-left:4px; } ul#pages li{ text-align:center; float:left; color:#fff; font-size:14px; padding:0 10px 0 10px; border-right:solid 1px #fff; } #sidebar_contain{ float:left; } #sidebar{ width:202px; min-height:400px; float:left; margin-left:8px; background:#1b4053; opacity: 0.5;filter:alpha(opacity=50);zoom:1; padding-bottom:50px; color: #fff; } * html #sidebar{ height:400px; margin-left:4px; margin-top:-6px; } #search_holder{ width:181px; height:20px; background:url(images/search_holder_bg.gif) repeat-x 0 0; margin-left:8px; padding:10px; } * html #search_holder{ height:26px; } /* Begin Form Elements */ #searchform { float:left; text-align: center; } #search_holder #searchform #s { width:150px; height:14px; margin-right:5px; float:left; font-size:13px; color: #626262; } * html #search_holder #searchform #s{ width:149px; font-size:12px; margin-right:2px; } #sidebar #searchsubmit { float:left; } #sidebar ul{ margin:30px 0 0 10px; font-size: 11px; } #sidebar ul li{ margin:6px 0 6px 0; font-size: 11px; } #sidebar ul li ul{ margin:3px 0 0 10px; font-size: 11px; } #sidebar ul li ul li ul{ margin:3px 0 0 10px; font-size: 11px; } #sidebar ul li ul li ul li ul{ margin:3px 0 0 10px; font-size: 11px; } ul h2{ font-size:16px; color: #fff; background:url(images/sidebar_heading_underline.gif) no-repeat left bottom; padding-bottom:7px; padding-left:2px; margin-bottom:5px; } #content{ width:548px; min-height:900px; margin-left:12px; float:left; } * html #content{ height:900px; } .post{ width:585px; margin-bottom:10px; padding:9px; background:#395f75; opacity: 0.8;filter:alpha(opacity=80);zoom:1; } .postHeading{ width:587px; height:40px; } .postDate{ width:40px; height:37px; background:url(images/date_bg.gif) no-repeat; text-align:center; color:#fff; font-size:10px; float:left; padding:3px 0 0 0; } .postDate p{ margin:0; padding:0; } .postDate p.day{ font-size:12px; font-weight:bold; } .postTitle{ width:530px; height:28px; background:#82a6b6; float:left; padding:5px 7px 5px 7px; } * html .postTitle{ width:533px; padding:4px 7px 4px 7px; } .postTitle h2{ margin:0; padding:0; color:#fff; font-size:18px; } .postTitle small{ color: #1b4053; font-size:10px; } .entry{ width:567px; padding: 17px 10px 10px 10px; } .entry p{ padding: 0 0 15px 0; } .entry p.postmetadata{ background:url(images/comment_rule.gif) no-repeat top left; padding:10px 3px 3px 3px; text-align:right; font-size:10px; } .entry ul{ margin:10px 0 10px 30px; list-style:disc; } .entry ul li{ margin:6px 0 6px 0; } #footer{ width:603px; height:135px; background:url(images/footer_bg.gif) repeat-x 0 0; float:right; margin-right:5px; position:relative; } * html #footer{ margin-right:2px; width:605px; } ul#foot_nav{ position:absolute; right:5px; bottom:5px; list-style:none; font-size:10px; } ul#foot_nav li{ float:left; padding:0 3px 0 3px; overflow:visible; vertical-align:middle; } ul#foot_nav li img{ vertical-align:top; overflow:visible; margin-top:0px; z-index:999; } .navigation{ width:587px; height:25px; background:url(images/comment_rule.gif) no-repeat bottom left; margin:10px auto 0 auto; padding-bottom:15px; font-size: 18px } * html .navigation{ height:10px; padding-bottom:5px; } .nav_left{ float:left; padding:10px; } .nav_right{ float:right; padding:10px; }