/* @override http://anotherdaylate.com/blog/wp-content/themes/default/style.css */


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none; vertical-align:top; }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Typography */

h1 { font:24px/24px; font-family: "Century Gothic", "Helvetica", "Arial", sans-serif; margin:60px 0 2px 0; color:#555 }
h2 { font:25px/25px bold; font-family: Georgia, "Times New Roman", Times, serif; margin:4px 0 6px 0; color:#555 }
h3 { font:18px/19px bold; font-family: "Century Gothic", "Helvetica", "Arial", sans-serif; margin:10px 0 4px 0; color:#555 }
h4 { font:12px/12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin:0; color:#555 }

body, p, dt, dd, label, input, textarea { font-family:'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, Helvetica, sans-serif }

p { margin:2px 0 10px 0; font-size:13px; line-height:20px; color:#333 }
li { font-family: 'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#555 }

input, textarea { border:1px solid #555; font-size:11px; color:#000; margin:5px 0; padding:3px; background:#eee }
input:focus, textarea:focus { background:#fff }

a { color:#1f707e; text-decoration:none }
a:hover { color:#1f707e; border-bottom:2px solid #651e11; padding:0 0 1px 0; }
h2.widgettitle { color:#651e11; margin:10px 0 3px 0 }
a img { border: none; }

/* Layout */

div#page { margin: 0px auto; background:none; }
div#header, div#footer { width:870px; height:150px; float:left; margin:0 0 0 100px }
div#headerimg { margin:10px 40px; float:left; } 

div#content { margin:0 0 0 100px; width:700px; float:left }
div#sidebar { margin:0 0 0 20px; width:150px; float:left; position:relative; top:-136px; }

textarea#comment { width:690px; }

br.columnEnder { clear:both; border:none; height:0 }

/* BLOG : General */
div.post { background: url(images/blogpostbg.jpg) repeat-y 0 0; border:3px solid #712f22; padding: 10px 15px; margin:0 0 20px 0 }
div.entry { margin:12px 0 }
div.entry img { margin: 0 0 0 120px; }

ol.commentlist { margin:15px 0 }
ol.commentlist li { border-left:2px solid #651e11; border-bottom:1px solid #651e11; margin:0 0 15px 0; padding:0 0 0 10px }

div#sidebar li a img { border: 3px #fff solid; width: 110px; margin: 7px 0; }
div#sidebar li a:hover img { border: 3px #1f707e solid; }

div.navigation { height:30px; }
div.alignleft { float:left; width:350px; }
div.alignright { float:left; width:350px; text-align:right; }

body { background:#fff url(images/blogbg.jpg) top center repeat-y } /* This is all the way down here so that - in theory - everything else will load before the (rather huge) background image does */