/*
Theme Name: Rock The Trend (Tim)
*/

body, h1, h2, h3, h4, h5, h6, ul, ol, p, blockquote { margin: 0; padding: 0; }

body { background: #DDD; font: 13px/26px Georgia; color: #333; }

div#deco { border-top: 10px solid #333; width: 984px; margin: 0 auto; }
div#positioner { background: #FFF; overflow: auto; border: 2px solid #D0D0D0; }

p, blockquote, ul, ol { margin-bottom: 26px; }
h1, h2, h3, h4, h5, h6 { line-height: 26px; padding: 12px 0 5px; }

a { color: #003284; }
a img { border: 0; }
a:hover { color: #555 !important; }

blockquote { border-left: 2px solid #CCC; padding-left: 20px; margin-left: 3px; }

h1#logo { height: 100px; margin: 0 30px; }

ul#top-nav { display: block; list-style: none outside; font: 11px Georgia; letter-spacing: 3px; text-transform: uppercase; border: 1px solid #555; border-width: 1px 0; height: 40px; margin: 30px 0 0; padding-left: 30px; background: url(images/nav-bg.gif) repeat-x bottom; }
ul#top-nav li { display: inline; float: left; padding-top: 14px; }
ul#top-nav li a { margin-right: 40px; color: #555; text-decoration: none; }
ul#top-nav li a:hover { border-bottom: 1px solid #CCC; }

div#content { background: ; width: 620px; padding: 30px 30px 0 30px; float: left; background: #FFF url(images/border.gif) repeat-y top right; overflow: hidden; }
div#sidebar { width: 240px; padding: 30px 30px 0 30px; float: left; }

h2.title, div#sidebar h2, h3#comments, div#respond h3 { font: normal 10px Georgia; letter-spacing: 3px; color: #777; text-transform: uppercase; }

div.post h3.title { font: bold 26px Georgia; color: #AAA; margin-bottom: 0; }
div.post h3.title a { color: #000764; text-decoration: none; }

p.author { font: italic 11px Georgia; border: 1px solid #DDD; border-width: 1px 0; padding: 10px 0; margin-bottom: 10px; }
p.author strong { font-style: normal; }
p.author span.bullet { padding: 0 6px; }
p.author span.comment-button a { color: #FFF; background: #000764; font: bold normal 10px Arial; text-transform: uppercase; text-decoration: none; padding: 3px 5px 2px; }
p.author span.comment-button a:hover { background: #555; color: #DDD !important; }

div.post { padding-bottom: 52px; }
div.post h1 { font-size: 24px; }
div.post h2 { font-size: 20px; }
div.post h3 { font-size: 16px; }
div.post h4, h5, h6 { font-size: 13px; }

div#sidebar ul { display: block; list-style: none outside; }
div#sidebar ul h2 { margin: 0 0 12px 0; }
div#sidebar ul li.widget { margin-bottom: 52px; font: 11px/20px Georgia; }
div#sidebar ul li.widget a { font-weight: bold; }
div#sidebar ul li.widget ul li { margin-bottom: 10px; padding-left: 14px; background: url(images/bullet.gif) no-repeat 0 8px; }
div#sidebar ul li.widget span.comment-author { display: block; text-align: right; font-style: italic; }

h3#comments, div#respond h3 { border-top: 1px dashed #555; }
ol.commentlist { list-style: none outside; margin: 0; padding-top: 26px; }
ol.commentlist li { border-bottom: 1px solid #DDD; margin-bottom: 10px; position: relative; }
ol.commentlist li img.avatar { float: left; border: 1px solid #AAA; background: #FFF; padding: 1px; margin-right: 10px; }
ol.commentlist li div.comment-author, ol.commentlist li div.comment-meta { font-size: 12px; line-height: 18px; }
ol.commentlist li cite { font-style: normal; font-weight: bold; }
ol.commentlist li div.comment-meta a { font-style: italic; text-decoration: none; font-size: 11px; color: #888; }
ol.commentlist li div.comment-meta { margin-bottom: 10px; }
ol.commentlist li p { clear: both; margin-left: 46px; }

form#commentform p { margin-bottom: 5px; } 
form#commentform p label { padding: 0 0 0 10px; font: bold 11px Georgia; }
textarea#comment { width: 400px; }

p#footer { clear: both;  padding: 5px 0 70px; }
p#footer a { float: right; height: 23px; width: 140px; background: url(images/icow.gif) top left no-repeat; }
p#footer a:hover { background-position: bottom left; }
p#footer a span { display: none; }