/*
Theme Name: whatleyDude
Theme URI: http://whatleydude.com
Description: A theme for Whatley lazily derived from the blog medic :)
Version: 1.0
Author: Andrew Pepperrell
Author URI: http://www.pepsmedia.com/
*/


/* Yahoo CSS Reset version: 2.5.1 */
html{color:#555;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/* core bits and bobs plus fonts */
body   { font-family: arial; font-size: 82%; background: url('blackfade.png') top left repeat-x #000; }
a      { color: #814D52; text-decoration: none; }
em     { font-style: italic; }
strong { font-weight: bold; }
h1     { font-size: 2em;   margin-bottom: 0.3em; }
h2     { font-size: 1.7em; margin-bottom: 0.4em; }
h3     { font-size: 1.5em; margin-bottom: 0.5em; }
h4     { font-size: 1.3em; margin-bottom: 0.5em; }

h5     { font-size: 1.1em; margin-bottom: 0.5em; }
abbr   { border-bottom: dotted 1px #555; }


/* entry formatting */
.entry p             { margin-bottom: 1em; }
.entry a             { font-weight: bold; }
.entry blockquote    { font-style: italic; background: url('blockquote.gif') 15px 15px no-repeat #f4f4f4; margin: 1em 0; padding: 1em 1em 1em 100px; }
.entry blockquote p  { margin: 0; padding: 0; }
.entry ul, .entry ol { padding-left: 30px; margin-bottom: 1em; }
.entry ul li         { list-style: disc; margin-bottom: 0.5em }
.entry ol li         { list-style: decimal; margin-bottom: 0.5em; }


/* the width and centered */
.wc { width: 870px; margin: 0 auto; position: relative; }


/* header */
#header     { height: 80px; position: relative; }
#header h1  { font-size: 36px; padding: 12px 0 0 0; margin: 0; }
#header h2  { font-size: 12px; padding: 0 0 0 15px; margin: 0; color: #999; }
#findme     { position: absolute; right: 0; bottom: 0; background: #fff; padding: 5px 0 5px 5px; border: solid 1px #c6cdd6; border-bottom: none; }
#findme a   { display: block; float: left; margin-right: 5px; }
#findme img { max-width: 16px; max-height: 16px; }
/* Whatley and navigation */
#whatley    { background: url('whatley.jpg') top left no-repeat #E6EDF6; position: relative; border: solid 1px #c6cdd6; }
#nav        { padding: 205px 10px 5px 10px; height: 1.2em; }
#nav li     { float: left; margin-right: 16px; }


/* main content */
#main       { padding: 20px 0; background: #fff; }
#content    { float: left; width: 525px; }
.post       { padding: 20px 0 0 0; position: relative; }
.post h2    { font-size: 1.7em; margin: 0; }
.entry h2   { margin-bottom: 0.4em; }
.postdate   { float: right; width: 50px; height: 50px; color: #a6adb6; background: #E6EDF6; text-align: center; position: relative; margin-left: 5px; border: solid 1px #c6cdd6; }
.day        { font-size: 34px; position: absolute; top: -1px; left: 6px; }
.month      { font-size: 14px; position: absolute; bottom: 2px; left: 6px; }
.postmeta   { margin-top: 1px; font-size: 0.9em; color: #a6adb6; }
.entry      { padding-top: 10px; line-height: 1.4em; overflow: hidden; }
.tags       { font-size: 0.9em; font-style: italic; }
.singlemeta { background: #f4f4f4; padding: 5px; line-height: 1em; }
.navigation { margin-bottom: 1em; }
/* images */
.alignright { float: right; margin: 0 0 10px 10px; }
.alighleft  { float: left; margin: 0 10px 10px 0; }
.imgborder  { border: solid 1px #555; }


/* comments */
#comments       { margin-bottom: 0.8em; }
.commentlist    { padding-left: 20px; }
.commentlist p     { margin-bottom: 10px; }
.commentlist li { list-style: decimal; margin-bottom: 1em; }
#commentform input { margin-bottom: 10px; }
#commentform #comment { margin-bottom: 10px; width: 525px; }


/* Site nav */
.navigation { padding-top: 20px; }


/* sidebar */
#sidebar       { float: right; width: 320px; margin-top: 20px; background: #E6EDF6; border: solid 1px #c6cdd6; }
#sidebar h2    { font-size: 1.3em; margin: 0.8em 0 0 0; }
#sidebar ul ul { }
#feed          { margin: 0; padding: 0; font-size: 1.3em; }
#feed a        { padding-left: 20px; background: url('feed.gif') no-repeat 0 40%; }


/* footer */
#footer { color: #888; padding: 10px 0; font-size: 0.9em; text-align: center; }