/* @override http://localhost/blog/wp-content/themes/selfpursuit/style.css */
/*  
Theme Name: Self Pursuit
*/

body, h1, h2, p, form, ul, ol, li { margin: 0; padding: 0; list-style: none; }

div#wrapper { width: 900px; margin: 0 auto; }

a { color: #cd0a0a; text-decoration: none; }
a:hover { color: #860707; text-decoration: underline; }

h1 a { display: block; text-decoration: none; height: 130px; background: url(images/head.jpg) no-repeat top left; position: relative; }
h1 a span { display: none; }
h1 a span.description { display: block; color: #9fbdd1; font: bold 12px Arial; width: 230px; position: absolute; bottom: 40px; left: 285px; }

div#content { width: 510px; float: left; background: url(images/nav.gif) no-repeat; }

div#topthings { float: left; width: 510px; height: 30px; }
div#topthings form, div#topthings a { float: right; font: bold 11px Verdana; padding-top: 3px; }
div#topthings form { padding-right: 10px; }
div#topthings form input#s { width: 130px; }
div#topthings a { background: url(images/feed.png) no-repeat 0 100%; padding: 9px 10px 0 18px; color: #FFF; }

div#sidebar { width: 390px; float: left; background: url(images/signup_box.gif) no-repeat; }

div.post { clear: both; padding: 16px 30px 16px 20px; }
div.post h2 { font: 30px Trebuchet MS; padding-left: 8px; }
div.post .entry h2 { font-size: 24px; padding-left: 0; }
span.button { background: #444; font: bold 9px Verdana; text-transform: uppercase; margin: 0 5px; }
span.button a { color: #FFF; padding: 3px; }
small.date { font: bold 11px Verdana; color: #444; display: block; padding: 3px 10px 8px; margin-bottom: 16px; border-bottom: 2px solid #CCC; }

p, ul, ol { font: 12px/18px Verdana; margin-bottom: 16px; }
ul li { background: url(images/bullet.gif) no-repeat 4px 12px; border-bottom: 1px solid #DDD; padding: 5px 0 3px 14px; }
p.postmetadata, p.commentbottom { font-weight: bold; color: #444; }
p.postmetadata a { font-weight: normal; }
p.navigation { height: 20px; }
p.navigation span.left { float: left; }
p.navigation span.right { float: right; }

form#signup-area { width: 350px; height: 170px; margin: 40px 0 20px 20px; }
form#signup-area p { padding: 30px 20px 20px 20px; }
form#signup-area span#lulz { float: left; width: 140px; margin-left: 20px; }
form#signup-area span#lulz label { display: block; font: 11px/22px Verdana; }
form#signup-area span#lulz span.input { display: block; }
form#signup-area span#lulz span.input input { width: 140px; }
form#signup-area span#lulzd { float: left; width: 150px; text-align: center; font: bold 14px/20px Arial; }
form#signup-area span#lulz span.inputs { padding-top: 6px;display: block; text-align: right; }

div.spacer { float: left; width: 20px; }
div.sidebar h2 { background: url(images/sidebar_h2.gif) no-repeat; height: 30px; font: bold 12px/30px Trebuchet MS; text-transform: uppercase; letter-spacing: 2px; color: #FFF; text-align: center; margin-top: 20px; }
div.sidebar ul { margin-top: 10px; }
div.sidebar ul li a { color: #444; }
div#sidebar-a { float: left; width: 240px; }
div#sidebar-b { float: left; width: 130px; margin-top: 20px; }
div#sidebar-b p { font: 11px/14px Verdana; }