/* Theme Name: Barks5thave Theme URI: http://www.kingtechdesign.com Description: A dirty, grungy theme with a fully dynamic sidebar by Chris Wallace. Author: Thomas King Author URI: http://www.kingtechdesign.com Version: 1.0 Tags: two-columns, variable-width The CSS, XHTML, design and PHP are released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* general styles */ body{margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; text-align: center; background: #a02013; color:#fff; } a, a:visited{color: #4f998d; text-decoration: none} a:hover, a:active{text-decoration: underline} a img{border:0} h1{font:25px normal Georgia, "Times New Roman", Times, serif} h2{font:1.4em Georgia, "Times New Roman", Times, serif} h3{font-size:1em;margin-bottom: 0;} caption{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #f2f2f2} code{background: #D2ECE8} pre code{color: black; background: none;} pre{ height: auto; padding: 40px 12px 12px 12px; background: #FAF8EB url(images/bg-pre.jpg) no-repeat top left; overflow-x:scroll;} fieldset{margin: 0; padding: 0; border: 0} label{display:block; margin: 10px 0 5px 0;} /* WordPress-specific styles */ .navigation{margin: 20px 0; height: 27px;} .alignleft{float:left} .alignright{float:right} .aligncenter{text-align: center; float:none} .tags a{background:url(images/ico-tags.gif) no-repeat top left; padding-left: 18px;} /* header styles */ #header{width:100%; height:200px; margin: 0; padding: 0; text-align:center;background: #bbd5e4 url(images/background.jpg) repeat-x top left; } #header h1 a{color: white} #header a{ display: block;clear:none;} /* main styles */ #container {display:block;float:center;text-align:left;width:990px;padding:0;margin:0;} /* content styles */ #content{ display: block; float: left; clear:none;width: 750px; margin:0px; padding:0px;background:#ffffff; color:#000000;min-height:600px; } #content div.inner{ padding: 15px; } #content .postfooter{background:url(images/bg-post-footer.png) no-repeat top left; width: 640px; line-height: 30px; margin-bottom: 15px; text-indent: 10px;padding:10px;} #content .calendr{background:url(images/ico-calendar.png) no-repeat top left; width: 39px; height: 41px; margin: 0 20px 0 0; text-align: center;clear:none;display:block;float:left;} #content .calendr small{font: 10px Arial, Helvetica, sans-serif; color: #fff; line-height: 1.5em; text-transform:uppercase;display: block} #content .calendr strong{font: bold 22px Arial, Helvetica, sans-serif; color: #2e7368; line-height: 0.9em;display: block} #content h1{margin-top:0} #content h1.post{margin-bottom: 0; float:left;clear:none;} #content .posted{margin-bottom: 10px;} #content input, #content textarea{background:#bcf3ea;} /* sidebar styles */ #sidebar{ display:block; float: right;clear:none; width: 210px; background: url(images/bg-sidebar.png) repeat-y top right; color: white;margin-right:10px;text-align:left;} #sidebar div{margin: 10px 10px 20px 10px} #sidebar h2{ margin: 0 0 10px 0; padding: 0; color: white; line-height: 1.8em; text-indent: 10px; background: url(images/sidebar-h2.png) no-repeat top left; width: 171px; height: 32px;} #sidebar ul, #sidebar ul li{ margin: 0 0 0 5px; padding: 0; list-style:none;} #sidebar ul{ margin: 0 0 20px 5px; } #sidebar a{ color: #bcf3ea;} /* comment styles */ #comments ol, #comments ol li{margin: 0; padding: 0; list-style-type: lower-roman; color: #C8E6E4; font-family: 'Comic Sans MS',Textile,cursive} #comments ol *{color: black; font-family: Arial, Verdana, Tahoma, sans-serif} #comments ol li{padding: 20px 30px; margin: 0; background:#fff url(images/bg-comment.jpg)} #comments ol li div.comment-author{font:18px Georgia, "Times New Roman", Times, serif; overflow: visible; vertical-align: middle} #comments ol li.alt{background:#fff url(images/bg-comment-alt.jpg)} #comments ol li.author{background:#fff url(images/bg-comment-author.jpg)} #comments ol li.author a{color: black} #comments ol li input, #comments ol li select, #comments ol li textarea{width: 100%} #comments ol li .comment-meta{color: #ccc; font-style: italic; font-size: .8em; margin-bottom: 20px} #comments ol li .comment-meta a{color: #ccc; text-decoration none; border-bottom: 1px dotted #ccc;} #comments ol li .comment-meta a:hover{color: black; text-decoration none; border-bottom: none;} #comments div.comment-body{clear:both; margin: 0 0 0 64px} .comments a{background:url(images/ico-speech.gif) no-repeat top left; padding-left: 18px;} #comments div.reply a{background: url("images/reply_arrow.png") no-repeat top left; padding-left: 15px; color: #C12110; font-size: .8em} #comments ol li ul.children, #comments ol li ul.children li{list-style: none; margin-top: 10px; margin-left: 0} /* clear styles */ .clearleft{clear: left} .clearright{clear: right} .clearboth{clear: both} .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0} .clearfix {display: inline-block} html[xmlns] .clearfix {display: block} * html .clearfix {height: 1%} #footer{ clear:both; text-align:center;padding:30px;} /* nav styles */ #nav{ width:980px; height:33px; margin:0px; padding:0px; list-style: url(images/nav_bullet.gif) inside; } #nav li{ padding:0px 15px 0px 15px; border-top: none; border-left: 3px solid #ead197; border-bottom: none; border-right: none; display:inline; } #nav li.first{ border:none; } #nav a{ font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#e8a411; text-decoration:none; } #services{ clear:left; float:left; background-image:url(images/bottomBar_bg.jpg); background-repeat:repeat-x; background-color:#a8c1ab; width:760px; margin:0px; padding:0px 0px 20px 0px; } #servicesArea { clear: both; margin: 0px 10px; padding:10px; background:#fff; width: 720px; height: 180px; overflow:hidden; } .servicesCopy p{ font-size:14px; line-height:18px; padding: 5px 5px 25px 5px; margin:0px; color:#0000CC; } .servicesCopy h1{ color:#CC0000; padding:0px 0px 10px 0px; margin:0px; } .servicesCopy a{ text-align:right; float:right; }