/* Theme Name: Paintbox CMS Theme URI: http://www.tipografo.org/wordpress-themes/paintbox-cms/ Description: Another Theme by Tipografo. Version: 1.0 Author: Tipografo Author URI: http://www.tipografo.org/ Tags: Clean, Grid Based, jQuery, Minimal, Professional, W3C Valid. */ @charset "utf-8"; body, html{ padding:0px; margin:0px;} body{ background-color:#d1d5d5; color:#555; font-family:Helvetica, Sans; font-size:11px; word-spacing:1px; line-height:1.5; height:100%; width:100%; } /* MAIN ELEMENTS */ #load{ display:none; position:absolute; right: 30px; top:30px; width:20px; height:20px; background:white url(images/load.gif) no-repeat center; } div#head{ background: #222; padding: 20px 0px;} div.box{ border-bottom:1px dotted #ccc; margin-bottom:20px; } #page{background: #fff;} #precontent{ float: left; width: 960px; background: white; border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding: 10px 0px;} #precontent #bcumb{padding-top: 5px;} /* CONTENT */ #sticky_container{ background: #dfe5e6;} #sticky_container.box{padding: 10px;} /* NAV & MENU*/ #nav_container ul.nav, ul.wp-tag-cloud{ margin-bottom:20px; } .nav li a, ul.wp-tag-cloud li a{ text-decoration:none; color:#716071; display: block; padding: 3px 5px; margin-bottom: 1px; background: #f3f7f8; } .nav li a:hover{ background: #eee; } .nav li a:active{ color:#999; } .nav li ul.children li a{ padding-left: 10px;} #links {margin-bottom: 20px;} #links .nav li a, ul.wp-tag-cloud li a{background: transparent; border-bottom: 1px dotted #ccc; padding-left: 0px;} .navigation{margin: 0px 20px 20px 0px;} .navigation div a{background: #222; padding: 5px 10px; display: block; color: #fff;} .navigation div a:hover{background: #f3f7f8; color: #555;} #menu{display: text-align:right;} #menunav{ float: right; margin-top: 20px;background:transparent;} #menunav, #menunav ul {list-style: none; line-height: 1;} #menunav a, #menunav a:hover {display: block; text-decoration: none; border:none;} #menunav li {float: left;list-style:none;} #menunav a, #menunav a:visited {display:block; color: #f5f5f4; padding:6px 12px; } #menunav a:hover, #menunav a:active, .current_page_item a, #home .on {text-decoration:underline;} #menunav li ul { position: absolute; left: -999em; height: auto;} #menunav li li { width: 174px;} #menunav li li a, #menunav li li a:visited {font-weight:normal; font-size:0.9em; color:#FFF; } #menunav li li a:hover, #menunav li li a:active {} #menunav li:hover ul, #menunav li li:hover ul, #menunav li li li:hover ul, #menunav li.sfhover ul, #menunav li li.sfhover ul, #menunav li li li.sfhover ul { left:auto; } a.main:hover { background:none; } /* GENERIC TYPO */ h1,h2,h3, h2 a{ color:#222; text-decoration:none; } h1{ font-size:18px; line-height:165%; } h2{ font-size:14px; line-height:165%; } h3{ font-size:11px; line-height:150%; } h3.archive-title{font-size: 14px; color: #716071;} h4{ color: #0AAF86;} a{ color:#999; text-decoration:none; } a:hover{ color:#333; } #head h2{ font-size: 12px; line-height: 100%;} div#head h1 a, #head h2{ color: white;} .single-post .singlehead h2, .page-content .singlehead h2{ font-size: 24px;} .single-post .dates{ margin: 15px 0px;} .single-post h4, page-content h4{ color: #222;} h2 a:hover{color:#716071;} label{color:#999;} /* POST CONTENT CLASSES */ .single-post{ padding-bottom: 10px;} .post a{ text-decoration:underline; } .post ul{ list-style:inherit; list-style-position:inside; margin:10px; } .post ol{ list-style:decimal; list-style-position:inside; margin:10px; } .post blockquote{ font-family:Georgia, Serif; text-align:center; margin:10px 0px; font-style:italic; } .singlehead, .dates{ margin:10px 0px; } .alignleft{ float:left; text-align:left; } .alignright{ float:right; text-align:right; } .post img.alignright{margin: 0px 0px 5px 5px;} .post img.alignleft{margin: 0px 5px 5px 0px;} .meta{ margin-top:20px; clear: both; padding: 10px 0px;} .single-post .meta{ border-bottom:1px dotted #ccc; padding-bottom: 5px; margin-bottom: 20px;} .meta p{ margin-right:20px; display:inline; clear:} .meta li{ display: inline;} .dates{ font-style:italic; font-family:Georgia, "Serif"; text-align: right; color: #999;} a.more-link{ text-decoration:none; } .post img{ padding:5px; margin:5px 5px 5px 0px; } .box img:hover{ background:#eee; } .post cite{ font-family:Georgia, Serif;} #share {margin: 10px 0px 20px 0px;} #share li{display: inline; color: #eee; background: #222; padding: 5px;} #share li a{color: white;} #share li a:hover{color: #0AAF86;} /* COMMENTS */ ol.commentlist li{ padding:5px; margin:10px 0px; border-bottom: 1px dotted #ccc;} p.allowedtags{ font-size:10px; color:#aaa; margin-top:10px;} #recent-comments ul{margin-bottom: 20px;} #recent-comments li{ border-bottom: 1px dotted #ccc; padding: 5px 0px;} #recent-comments li a{text-decoration: underline;} /* SEARCH, BUTTONS & FORMS */ input#submit, input#searchsubmit{ margin-top:10px; background:#222; padding:3px; color:white; border:0px;} input#searchsubmit{ margin-top:0px;} input#s{background: #fff; border: 1px solid #aaa ;padding: 4px; width: 216px;} .searchform{margin-bottom: 20px; border-bottom: 1px dotted #ccc; padding-bottom: 10px;} .searchform form{margin-top: 5px;} form#commentform textarea{ width: 580px; border: 1px solid #aaa;} /* SLIDESHOWS */ .slideshow { width: 630px; height: 400px;} .slideshow img { padding:5px; background-color:#eee;} .gallery-nav{ margin: 20px 0px 10px 0px;} /* FOOTER & PREFOOTER */ #footer{ margin-bottom: 20px;} #footer a{color: #555; text-decoration: underline;} #prefooter{color: #999; background: #222; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;} #prefooter h4{margin-bottom: 10px;} #prefooter .box{border: 0px; padding: 0px;} #prefooter .box ul{ list-style: none; margin: 0px;} #prefooter .box li a{ display: block; border-bottom: 1px solid #333; padding: 3px;} #prefooter .box li a:hover{ background: #333; color: white;} /* ADS */ .ads{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}