* { padding: 0; margin: 0; } body { background: #fff; font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #282828; } h1, h2, h3 { font-family: Georgia, Times, "Times New Roman"; font-weight: normal; color: #000; } h4 { font-family: Verdana, Arial, sans-serif; font-weight: bold; margin-bottom: 10px; font-size: 12px; } a:link, a:visited, a:active { color: #852226; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #852226; } a:hover { background: #852226; color: #fff; } p { font-family: Verdana, Arial, sans-serif; margin-bottom: 10px; } .left { float: left; } .right { float: right; } #header { width: 100%; background: #3a3a3a; border-bottom: 4px solid #c8c8c8; padding: 10px 0; height: 30px; } #header_c { width: 920px; margin: 0 auto; } #logo { margin: 0 0 0 16px; } #logo a:link h1 { color: #dddddd; font-size: 26px; font-weight: normal; text-decoration: none; float: left; font-family: Arial; } #logo a:link h2 { font-size: 13px; color: #bcbcbc; margin: 16px 0 0 1px; font-weight: bold; text-decoration: none; float: left; font-family: Arial; } #logo small { float: left; color: #bbbbbb; font-size: 10px; text-transform: uppercase; font-weight: bold; margin: 10px 0 0 4px; cursor: default; } #nav { float: right; text-align: right; margin-top: 8px; } #nav ul { list-style-type: none; } #nav ul li { float: left; font-size: 12px; color: #fff; font-weight: bold; text-transform: uppercase; } #nav ul li a:link { color: #fff; border: 1px solid #fff; padding: 2px 4px 1px 4px; text-decoration: none; margin-left: 20px; font-weight: bold; } #nav ul li a:hover { background: none; color: #fff; border: 1px solid #3a3a3a; } .about { background: #2c7400; } .contact { background: #004c99; } .advertise { background: #ab0000; } #nav ul .selected a:link{ border: none; background: none; } #body { width: 920px; margin: 0 auto; border-left: 1px dotted #dddddd; border-right: 1px dotted #dddddd; overflow: hidden; } #content { width: 590px; padding: 5px 15px 15px 15px; border-right: 1px dotted #dddddd; float: left; } .post { overflow: hidden; margin-top: 15px; margin-bottom: 15px; float: left; width: 100%; } .post h1 { margin-bottom: 10px; font-size: 18px; } .post h1 a:link { color: #464646; border: none; } .post h1 a:hover { background: none; color: #464646; text-decoration: underline; } .post h2 { margin-bottom: 10px; } .post p { line-height: 18px; } .post ul { list-style-type: none; margin: 15px 0 15px 20px; } .post ul li { background: url(../images/black-dash.gif) no-repeat 0 18px; padding: 10px 0 10px 8px; } .post ol { margin: 10px 0 10px 36px; } .post ol li { margin: 15px 0; } pre { margin: 15px 0; float: left; } code { color:#757575; line-height: 20px; font-size: 14px; margin: 0 0 0 16px; padding: 2px 10px; background: #ededed; border-bottom: 1px solid #ababab; border-left: 5px solid #c0c0c0; width: 530px; float: left; } .pfooter { margin-top: 10px; width: 100%; float: left; border-top: 1px dotted #dddddd; font-size: 12px; color: #8f8f8f; padding: 8px 0 0 0; } .pfooter a:link { border: none; } .date { float: left; background: url('../images/date.gif') no-repeat 0 1px; padding: 0 0 0 16px; } .category { float: right; background: url('../images/category.gif') no-repeat 0 2px; padding: 0 0 0 16px; } .comments { float: right; background: url('../images/comments.gif') no-repeat 0 2px; padding: 0 0 0 16px; margin-left: 20px; } #sidebar { float: left; margin: 15px; width: 265px; font-family: Arial, sans-serif; } #rss { width: 245px; height: 64px; padding: 10px; background: url('../images/rss.gif') no-repeat 10px 18px; background-color: #ff9600; border: 2px solid #e4892b; } #rss h2 { margin: 0 0 0 60px; color: #fff; font-family: Arial; cursor: default; } #rss form { margin: 6px 0 0 0; float: right; } #rss .email { padding: 2px; background: #ffe4bd; border: 1px solid #dd8c20; width: 116px; font-size: 11px; } #rss .submit { padding: 2px; background: #814c00; color: #fff; border: 1px solid #ffba61; font-size: 11px; } #rss small { float: right; font-size: 10px; text-transform: uppercase; margin-top: 5px; } #rss small a:link { color: #fff; border-bottom: 1px dotted #fff; } #rss small a:hover { background: none; color: #000; } #adspace { margin: 15px 0; background: url('../images/ad-here.gif') repeat-x; width: 247px; height: 103px; padding: 10px; border: 1px solid #3185b5; color: #fff; text-align: center; } #adspace h1 { font-family: Arial; font-weight: bold; color: #fff; } #adspace a:link { color: #fff; font-weight: bold; border-bottom: 1px dotted #fff; } #adspace a:hover { background: none; color: #00507a; border-bottom: 1px dotted #00507a; } #twitter { background: url(../images/twitter.gif) no-repeat top right; background-color: #9ae4e8; padding: 10px; color: #000; margin: 15px 0; border: 2px solid #7acdd1; } #twitter ul { list-style-type: none; } #twitter ul li { background: #b2f3f7; padding: 4px 6px; border: 1px solid #bcfcff; } #footer { width: 100%; background: #3a3a3a; padding: 10px 0; } #fspan { text-align: center; color: #ccc; font-size: 11px; } #top10 { background: #970000; padding: 10px 10px 12px 10px; border: 1px solid #600000; color: #fff; margin: 15px 0 0 0; font-family: Arial; } #top10 h2 { font-family: Arial; margin: 0 0 8px 0; font-size: 13px; font-weight: bold; color: #fff; } #top10 ol { margin: 0 0 0 24px; } #top10 li { margin: 0 0 8px 0; } #top10 li a:link { color: #fff; border-bottom: 1px dotted #fff; line-height: 18px; } /* tabs */ .tabberlive .tabbertabhide { display:none; } .tabber { } .tabberlive { margin-top:1em; } ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #246700; font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border-bottom: none; background: #cdcdcd; text-decoration: none; font-weight: bold; } ul.tabbernav li a:link { color: #484848; } ul.tabbernav li a:visited { color: #484848; } ul.tabbernav li a:hover { color: #fff; background: #40b600; border-color: #246700; } ul.tabbernav li.tabberactive a { background-color: #328e00; border: 1px solid #246700; border-bottom: 1px solid #328e00; color: #fff; } ul.tabbernav li.tabberactive a:hover { color: #fff; background: #328e00; border-bottom: 1px solid #328e00; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:10px; border:1px solid #246700; border-top:0; background: #328e00; color: #fff; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } #recent li { margin: 0 0 8px 28px; } #recent li a:link { color: #fff; border-bottom: 1px dotted #fff; line-height: 18px; } #recent li a:hover { background: #26a000 } #cats ul { margin-left: 8px; list-style-type: none; } #cats ul li { margin: 0 0 8px 0; padding: 2px 2px 1px 12px; background: url(../images/dash.gif) no-repeat 0 11px; } #cats ul li a:link{ color: #fff; border-color: #fff; } #cats ul li a:hover { background: #26a000 } /* Factoidals */ blockquote { margin: 0 15px 15px 25px; padding: 5px 5px 5px 15px; border-left: 5px solid #a90300; font-style: italic; color: #999; } #related-posts { margin: 10px 0 15px 0; float: left; } #related-posts h2 { float: left; width: 200px; } #related-posts ul { list-style-type: none; margin-top: 10px; width: 440px; float: left; } #related-posts ul li { margin: 0 0 10px 0; line-height: 18px; } #share { float: right; width: 100px; font-size: 11px; padding: 8px; background: #fff; border: 1px solid #e5e5e5; } #share a:link, #share a:visited, #sharea:active { text-decoration: none; border: none; color: #000; } #comments h2 { color: #000; margin: 0 0 20px 0; } #comments h2 a { font-weight: normal; border: none; } #comments-all { list-style: none; margin: 5px 0 0 0; } #comments-all li { overflow: hidden; padding: 10px; line-height: 18px; background: #f9f9f9; border: 1px solid #e1e1e1; margin-bottom: 15px; } #comments-all li h4 { margin: 0; padding: 2px 3px 2px 6px; background: #fff; border-left: 5px solid #bebebe; color: #aaa; } #comments-all li a { font-weight: bold; border: none; } #comments-all .admin { background: #eef6ff; border-color: #d7e2ee; } #links { margin: 10px 0; float: left; width: 100%; } #links ol { margin: 15px 0 0 30px; } #links ol li { margin: 0 0 10px 0; } #post-comment { float: left; overflow: hidden; width: 558px; padding: 15px; background: #f7f7f7; border: 1px solid #ebebeb; border-top: 5px solid #d9d9d9; margin-bottom: 15px; } #post-comment form { margin: 15px 0 0 0; } #post-comment input, #post-comment textarea { border: 1px solid #a0a0a0; padding: 2px; } #post-comment label { margin: 0 0 0 10px; } #post-comment p { margin-bottom: 12px; } .googlesearch { width: 259px; }