/* Theme Name: Black Splat WR Theme URI: http://samk.ca/freebies/free-wordpress-theme-blacksplat/ Description: A simple, 3-column widget-ready WordPress theme designed to incorporate common ad formats. Author: Sam Karathanos Author URI: http://samk.ca/ Version: 1.3 Tags: black, gold, simple, grunge, right sidebar, 3 columns, fixed width, valid xhtml, valid css, widgets, adsense ready, rounded, 1024 . Released under the GPL. . */ /* Defaults */ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 10px; } a { color: #727248; text-decoration: none; } a:hover { color: #727248; text-decoration: underline; } blockquote { background: url(images/bquotes.gif) left top no-repeat; padding-left: 35px; margin: 10px 0 0 10px; font-style: italic; } code { color: #555; } body { position: relative; /* Fixes browser resizing bug in IE6 */ margin: 10px auto; width: 980px; font-family: 'trebuchet ms', arial, sans-serif; text-align: center; /* IE Centering Technique */ background: #000; } /* Header and wrapper */ #wrapper { width: 980px; text-align: left; /* IE Centering Technique */ background: url(images/topcurve.png) 40px 0 no-repeat; } #headerwrapper { background: url(images/topsplatleft.png) left top no-repeat; } #header { margin: 0 40px; padding-top: 55px; height: 140px; background: url(images/bgheader.jpg) left 55px repeat-x; } #title { float: left; margin-left: 15px; width: 360px; display:inline; } #header h1 { padding: 0; font-size: 15pt; } #header h1 a { color: #d3d082; font-size: 16pt; text-decoration: none; } #header h1 a:hover { color: #EBE9BE; text-decoration: none; } #header h3 { padding: 0; color: #fff; font-size: 11pt; } #topright { color: #fff; font-size: 10pt; float: right; margin-bottom: 24px; margin-right: 15px; width: 468px; height: 60px; display:inline; } #topright a { color: #B4B472; } /* Menu and search */ #nav { clear: both; height: 32px; } #header #searchform { float: right; margin-left: 0; } #searchform { margin-left: 10px; width: 228px; padding-top: 7px; height: 28px; background: #ccc; background: url(images/bgsearch.jpg) left 3px no-repeat; } *:first-child+html #searchform { /* Filter for IE7 */ padding: 5px 0; } * html #searchform { /* Filter for IE6 */ padding: 5px 0; } #searchbox { margin-left: 8px; margin-bottom: 3px; width: 145px; background: none; border: none; } #searchbutton { width: 50px; background: none; border: none; } #searchbutton:hover { cursor: pointer; } #nav ul { list-style: none; width: 600px; } #nav li { float: left; } #nav li a { padding: 0 15px; height: 32px; line-height: 32px; font-weight: bold; font-size: 11pt; color: #FFF; text-transform: lowercase; } #nav li a:hover { color: #d3d082; text-decoration: none; } #nav li.rssmenu a { color: #d3d082; } #nav li.rssmenu a:hover { color: #fff; } /* Content */ #main { clear: both; margin: 0 40px; width: 900px; /* Prevents IE6 miscalculation */ background: #fff; } #contentwrapper { float: left; padding-left: 5px; padding-right: 20px; } #content { width: 505px; } #content .pageTitle { font-size: 15pt; letter-spacing: -1px; color: #222; } .post { margin-top: 0px; margin-bottom: 15px; } h2.postTitle { padding: 0 10px; letter-spacing: -1px; } h2.postTitle a { font-size: 14pt; font-weight: bold; color: #333; } #content p.postMeta { padding: 0 10px; font-size: 10pt; color: #7b7b7b; } .post img { margin: 10px; } #content p, .postContent p { font-size: 10pt; color: #333; } .postContent ul, ol { padding: 0 0 0 35px; } .postContent ul li, ol li { font-size: 10pt; color: #333; } .comment { border-top: 1px solid #ebebeb; } #commentslinks { float: right; text-align: right; padding: 5px 10px; width: 160px; color: #727248; font-size: 9pt; } #commentslinks a { text-decoration: underline; } #comments { margin: 0 10px; padding: 5px 10px; padding-left: 25px; font-size: 9pt; color: #727248; background: url(images/comment.jpg) left 5px no-repeat; } p.comments { clear: both; padding: 5px 10px; } p.comment { padding: 0 10px; } p.comments a { padding-left: 20px; background: url(images/comment.jpg) left top no-repeat; font-size: 10pt; text-decoration: none; } p.comments a:hover { text-decoration: underline; } .commentlist { margin: 10px 25px; padding: 0 10px; font-size: 10pt; list-style: none; } .commentlist li { margin: 0 0 5px -25px; padding-bottom: 5px; } .commentlist cite { font-size: 10pt; font-style: normal; } .commentlist cite a { } .comment .commentmetadata a { color: #333; } .commentlist p { padding: 10px 0; } .comment h3 { font-size: 10pt; font-weight: bold; text-decoration: none; color: #333; } p.comment a { padding-left: 20px; background: url(images/comment.jpg) left top no-repeat; font-size: 10pt; } textarea { width: 480px; } .comment #submit { width: 118px; height: 30px; background: url(images/commentbutton.jpg) left top no-repeat; border: none; font-size: 9pt; color: #fff; } .comment #submit:hover { cursor: pointer; } .commentbody { float:right; width: 370px; margin: 10px 0 15px 0; padding-bottom: 10px; } a.gravatar { float:left; margin:10px 15px 20px 0; width:69px; } #nextprevious { margin: 10px; } /* Sidebars */ #sidebars { float: right; margin-top: 0px; margin-left: 15px; padding-top: 5px; width: 350px; } #sidebar0 { padding: 0 15px 0 0; } #sidebar1 { float: left; width: 160px; } #sidebar2 { float: right; padding-right: 15px; width: 160px; } #sidebars h2 { padding: 0 0 2px 0; font-size: 12pt; color: #333; letter-spacing: -1px; border-bottom: 1px solid #e4e4e4; } #sidebars table { width: 160px; } #sidebars ul { margin: 0; padding: 0 0 5px 0; } #sidebars li { margin-bottom: 20px; list-style: none; font-size: 9pt; } #sidebars li ul { padding: 0; } #sidebars ul ul li { margin: 0; padding: 3px 2px 2px 16px; color: #333; background: url(images/bullet.gif) left 7px no-repeat; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */ } #sidebars a { display: inline; color: #333; text-decoration: none; } #sidebars a.showit { color: #727248; } #sidebars a:hover { color: #727248; text-decoration: underline; } #sidebars p { padding: 2px 0; font-size: 9pt; color: #333; } #tag_cloud a { display: inline; } #sidebars ul.children li {border-bottom:none;} #sidebars ul.children {margin-bottom:-5px;} /* footer*/ #footerwrapper { clear: both; height: 158px; background: url(images/bottomsplatright.png) right bottom no-repeat; } #footer { margin: 0 40px; background: #fff url(images/bgfooter.png) left top repeat-x; } #footerleft { float: left; margin-top: 70px; margin-left: 15px; width: 400px; display: inline; } #footerleft p a { color: #B4B472; } #footerleft p { padding: 0; line-height: 16px; } #footer p { font-size: 10pt; color: #FFF; } a img { border: none; } #bottomcurve { clear: both; width: 900px; height: 55px; background: url(images/bottomcurve.png) left bottom no-repeat; } #bottomcurve span{ float: right; width: 125px; height: 15px; } #bottomcurve span:hover{ cursor: pointer; } .highlight { color: #D9D688; font-weight: bold; } /* Misc */ .cleared { clear: both; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }