/* Theme Name: Bits on Broadband Theme URI: http://www.bitsonbroadband.com Description: Theme for Bits on Broadband with Fred Campbell Version: 1.0 Author: Kevin Freiberger Tags: Simple, Two Columns */ @import url(normal.css); html { background: #efefef url(images/bg-tiled.gif) 0 0 repeat-x; padding: 0px; margin: 0px; } body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #333; background: transparent url('images/header-main.jpg') no-repeat top center; height: 300px; padding: 0px; margin: 0px; } p { color: #2e2e2e; font-size: 12px; } ul li { color: #2e2e2e; font-size: 12px; } #header { height: 193px; width: 970px; margin: 0 auto; position: relative; background: transparent url('images/header.jpg') 0 0 no-repeat; } #header h1 a { text-indent: -9999px; display: block; height: 65px; width: 475px; top: 50px; left: 43px; position: absolute; } #header #search { position: absolute; top: 0px; right: 15px; width: 210px; height: 60px; } #header #search label { display: none; } #header #search #searchsubmit { width: 36px; height: 28px; background: transparent url('images/bg-submit.gif') 0 0 no-repeat; border: none; cursor: pointer; text-indent: -9999px; position: absolute; top: 13px; left: 163px; } #header #search input#s { width: 141px; height: 18px; background: transparent url('images/bg-input.gif') 0 0 no-repeat; border: none; color: #c5aba7; font-weight: bold; padding: 5px; position: absolute; top: 13px; left: 12px; } #mainContent { width: 970px; margin: 0 auto; } #mainContent #mainLeft { width: 662px; float: left; display: inline; background: transparent url('images/bg-mainleft.gif') 0 0 repeat-y; } #mainContent #mainLeft .content { min-height: 760px; height: auto !important; height: 760px; } #mainContent #mainLeft .content p { padding: 10px 27px 5px 37px; } #mainContent #mainLeft .content p.metaDate { font-size: 10px; font-weight: bold; color: #959595; padding-top: 0px; } #mainContent #mainLeft .content a { color: #2b5081; text-decoration: underline; font-weight: bold; } #mainContent #mainLeft .content a:hover { text-decoration: none; } #mainContent #mainLeft .content h2 { font-size: 22px; color: #2e2e2e; font-weight: bold; background: transparent url('images/bg-title-wrap.gif') 0 20px no-repeat; width: 662px; padding: 15px 27px 0px 37px; width: 598px; } #mainContent #mainLeft .content h2 a { color: #617085; text-decoration: none; } #mainContent #mainLeft .content h2 a:hover { text-decoration: underline; } #mainContent #mainLeft .content h3 { font-size: 16px; padding: 10px 27px 0px 37px; color: #45516c; } #mainContent #mainLeft .content ul { list-style-position: inside; padding: 10px 27px 10px 37px; } #mainContent #mainLeft .content ul li { padding: 5px 0 5px 20px; background: transparent url('images/bullet.gif') 0 6px no-repeat; } #mainContent #mainLeft .content blockquote p { width: 570px; font-size: 19px; color: #45516c; background: transparent url('images/bq-top.gif') 5px top no-repeat; text-align: center; padding: 15px 20px; } #mainContent #mainLeft .content blockquote { width: 605px; margin: 10px 10px 10px 35px; background: transparent url('images/bq-bottom.gif') right bottom no-repeat; } #mainContent #mainLeft .head { height: 17px; width: 662px; background: transparent url('images/bg-mainleft-head.gif') 0 0 no-repeat; } #mainContent #mainLeft .butt { height: 17px; width: 662px; background: transparent url('images/bg-mainleft-butt.gif') 0 0 no-repeat; } #mainContent #mainLeft .post { padding-bottom: 50px; background: transparent url('images/bg-post-divide.gif') 8px bottom no-repeat; } #mainContent #mainLeft .postTagsTitle { color: #606060; font-weight: bold; font-size: 10px; } #mainContent #mainLeft p a.more-link { font-size: 14px; height: 15px; padding: 15px 27px; width: 200px; float: right; text-align: right; display: block; } #mainContent #mainLeft .navigation { padding: 10px 0 0 37px; font-size: 12px; } #mainContent #mainLeft .content ol { list-style-type: decimal; list-style-position: inside; } #mainContent #mainLeft .content ol li { font-size: 12px; padding: 10px 27px 0px 37px; } #mainContent #mainLeft ol.commentlist li { padding: 5px 27px 25px 37px; background: transparent url('images/bg-post-divide.gif') 8px bottom no-repeat; } #mainContent #mainLeft ol.commentlist li p { padding: 0px; } #mainContent #mainLeft .content form#searchform { padding: 0px 37px; } #mainContent #mainLeft .content form#searchform label { font-size: 12px; font-weight: bold; } #mainContent #mainRight { width: 308px; float: left; display: inline; background: transparent url('images/bg-mainright.gif') 0 0 repeat-y; } #mainContent #mainRight .head { height: 10px; width: 308px; background: transparent url('images/bg-mainright-head.gif') 0 0 no-repeat; } #mainContent #mainRight .butt { height: 10px; width: 308px; background: transparent url('images/bg-mainright-butt.gif') 0 0 no-repeat; } #mainContent #mainRight a { color: #42526e; text-decoration: none; font-weight: bold; } #mainContent #mainRight a:hover { text-decoration: underline; } #mainContent #mainRight h3 { font-size: 12px; text-transform: uppercase; color: #42526e; font-weight: bold; padding: 10px 0 15px 18px; background: transparent url('images/bullet.gif') 0 10px no-repeat; } #mainContent #mainRight ul li { padding: 0 0 6px 18px; } #mainContent #mainRight #bioBox { background: transparent url('images/bio-photo2.jpg') 23px 15px no-repeat; } #mainContent #mainRight #bioBox p { color: #838382; font-size: 12px; line-height: 24px; } #mainContent #mainRight #bioBox p.bioInfo { padding: 35px 0 90px 130px; } #mainContent #mainRight #bioBox p.bioInfo .about { color: #617085; font-size: 12px; font-weight: bold; line-height: 16px; } #mainContent #mainRight #bioBox p.bioInfo .name { color: #551c14; font-size: 16px; font-weight: bold; } #mainContent #mainRight .postDate, #mainContent #mainRight .presentationSub { color: #9f9f9f; font-style: italic; font-size: 11px; } #mainContent #mainRight #feedBox { width: 308px; height: 40px; position: relative; background: transparent url('images/bg-tools.gif') 0 0 no-repeat; } #mainContent #mainRight #feedBox form#subscribe { width: 170px; height: 40px; position: relative; float: left; } #mainContent #mainRight #feedBox input#email { width: 113px; height: 25px; background: transparent url('images/bg-form-subscribe.gif') 0 0 no-repeat; border: none; color: #617085; font-weight: bold; padding: 5px; position: absolute; top: 8px; left: 8px; font-size: 12px; } #mainContent #mainRight #feedBox input#subscribe{ width: 38px; height: 25px; background: transparent url('images/bg-form-subgo.gif') 0 0 no-repeat; border: none; cursor: pointer; text-indent: -9999px; position: absolute; top: 8px; left: 130px; } #mainContent #mainRight #feedBox a.rssFeed { display: block; float: left; margin: 13px 5px; width: 14px; padding: 0 7px; height: 14px; background: transparent url('images/icon-rss.gif') 7px 0 no-repeat; text-indent: -9999px; border-left: 1px solid #b1b1b0; } #mainContent #mainRight .sideBox { padding: 0px 25px; } #mainContent #mainRight .sideBox .divider { width: 250px; height: 40px; background: transparent url('images/bg-sidebar-divide.gif') 0 20px no-repeat; } #footer { width: 970px; margin: 0 auto; clear: both; } #footer p { font-size: 10px; font-weight: bold; color: #858585; padding: 10px 0 10px 12px; }