/*
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
* { margin: 0; padding: 0; outline: none;}
h1, h2, h3, p, pre, blockquote, form, fieldset, ul, ol { margin: 1em 0; }
body {font: 72% verdana, arial, sans-serif; color: #ccc; background: #D7C39A; text-align: center; }
a:link, a:active, a:visited {color: #9F8C60;}
a:hover { color: #63573A; }
a { text-decoration: none; }
h1, h2, h3, h4 { text-transform: lowercase; color: #9F8C60; }
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
.chrondate { color: #5F5F5F; padding-left: 0.5em; }
.chrondate a { color: #5F5F5F; }
.chrondate a:hover { color: #5F5F5F; }
#shelfwrap { background: #D7C39A; }
#shelf { color: #857550; background: #D7C39A; text-align: left; width: 850px; min-height: 380px; margin: 0 auto; line-height: 1.5em; margin-top: 50px;}
#shelf .left { width: 33em; padding: 0 0.5em 0.5em; margin-left: 120px; }
ul#navigation { margin: 0; padding: 0 0 1em 0; list-style: none; }
#navigation li { background: url(images/dot.gif) repeat-x 0.7em 0; }
#navigation li a { float: left; background: #646B4A; padding: 0 0.2em 0 0; }
ul#navigation li span { float: right; padding: 0 0.2em; background: #646B4A; }
ul#navigation li br { clear: both; }
#shelf .right { width: 25em; padding: 0 0.5em 0.5em; margin-right: 90px; }
ul#recentposts {list-style: none; }
#recentposts li { background: url(images/li.gif) no-repeat 0 0.3em; padding-left: 15px; margin-left: 4px; }
#shelfbreak { background: #D7C39A; height: 1em; }
#searchbar { background: url(images/searchbg.jpg) no-repeat top left; display: block; height: 41px; width: 280px; margin: 0 0 0 -0.2em; padding: 0.2em 0 0 1em;}
#searchform div { padding: 0.2em 0 0 0; }
#searchform span { margin-left: 3.6em; }
#search { width: 140px; border: 1px solid #333; background: #333; font-size: 1em; font-family: verdana, arial, sans-serif; color: #eee; }
.header_fonts { font: 100% verdana, arial, sans-serif; color: #857550; padding: 6em 0em 5em 0em; background: #D7C39A; }
.header_fonts a { font: 100% verdana, arial, sans-serif; color: #857550; background: #D7C39A; }
.header_fonts a:hover { font: 100% verdana, arial, sans-serif; color: #24201D; }
/* top banner */
#banner { background: #24201D url(images/lawn.jpg) repeat-x top left; height: 22em; }
#foliage { margin: 0 auto; display: block; width: 70em; height: 16em; }
#toggle a { float: right; margin-left: 1em; color: #C5CC88; }
#toggle a:hover { no-repeat; font-size: 1em; color: #FFFFFF; }
#toggle { float: right; margin-right: -0.7em; display: block; width: 11.7em; text-align:justify; padding: 0 0 2.5em 0; }
#pull a { float: right; display: block; width: 105px; height: 146px; text-indent: -9999em; background: url(images/pull.jpg) no-repeat top right; }
#pull a:hover { background: url(images/pull.jpg) no-repeat bottom right; }
/* -------------------------------------------- content */
#top {background: #24201D;}
#content { background: #24201D; width: 870px; margin: 0 auto 0; padding: 4em 4em 4em 4em; text-align: left; line-height: 1.5em; }
.post { padding: 0 0 1.5em 0; }
.postbox { padding: 1em 1em 1em 1em; display: block; width: 900px; background: #777777; text-align: "middle"; z-image: 0; }
.entrymeta { margin: -1em 0 2em 0; text-transform: lowercase; }
.entry img { padding: 3px; background: #444; border: 1px solid #444; }
.entry ul li, .mulch ul li { list-style: none; background: url(images/li.gif) no-repeat 0 0.3em; padding-left: 1.5em; margin-left: 2.2em; }
.entry ol, .mulch ol { margin-left: 3.5em; }
.entry li, .mulch li { padding-bottom: 0.3em; width: 423px; font-size: 1em; }
.entry blockquote, .mulch blockquote { margin-left: 3.9em; color: #8f8f8f; width: 423px; }
.entry strong, .mulch strong { color: #FAF3D7; }
.returnhome { float: right; }
/* -------------------------------------------- content details */
.commentnote { color: #857550; padding: 0.5em 0.3em 0 0.9em; }
#singlecontent { width: 75em; margin: 0 auto; padding-bottom: 3em; text-align: left; line-height: 1.5em; }
#singlecontent .post { float: left; width: 75em; }
#commentscolumn { color: #63573A; margin: 2em 0 3em 0; float: right; width: 75em; background: #D7C39A url(images/snippet_right.gif) no-repeat bottom right; }
.comments {color: #63573A; margin: 0; padding: 9px 9px 0 9px; background: url(images/snippet_left.gif) no-repeat -1px -1px;}
#commentwrap { float: left; margin:0; padding-bottom: 3em; }
#commentform small {color: #555;}
.commentlist li { list-style: none; border-top: 1px solid #717a50; padding-top: 0.3em; }
.author .commententry { background: url(images/author.gif) no-repeat top right;}
.commententry { padding: 0 0.8em 0 0.9em; overflow: hidden; }
.commententry blockquote {color: #BFB18B; margin-left: 1em;}
#author, #email, #url, #comment {font: 11px verdana, arial, sans-serif; background: #333; border: 1px solid #555; color: #ddd; padding: 2px; }
#author, #email, #url {width: 185px;}
#comment {width: 436px; height: 125px; overflow: auto; font-size: 10px;}
#submit {background: #D7C39A; border: 1px solid #857550; color: #857550; font-size: 11px; padding: 0 1em;}
.metaColumn {
width:850px;
height:1px;
float:center;
margin-bottom: 8px;
background:url(images/post-mid-back.gif);
}
/* -------------------------------------------- footer content */
#footer { background: #D7C39A; color: #857550; width: 58em; margin: 1em auto 0; padding: 0 0 30px 0; text-transform: lowercase; }
#footshelf { color: #857550; background: #D7C39A url(images/shelf_right.jpg) no-repeat top right; text-align: left; width: 850px; min-height: 380px; margin: 0 auto; line-height: 1.5em; margin-top: 0em;}
#footshelf .leftf { float: left; width: 21em; padding: 0 0.5em 0.5em; margin-left: 0em; }
#footshelf .centerf { float: left; width: 21em; padding: 0 0.5em 0.5em; margin-left: 0em; }
#footshelf .rightf { float: left; width: 21em; padding: 0 0.5em 0.5em; margin-right: 0em; }
#footshelf .centerfooter { float: left; width: 58em; padding: 0 0.5em 0.5em; margin-left: 22em; height: 3em; margin-top: 2em; }
#footshelf .searchfooter { color: #63573A; float: left; width: 27em; padding: 0 0 3em 0; margin-left: 27.5em; height: 1.5em; margin-top: -1em; }
#footshelf .copyrightfooter { color: #63573A; float: left; width: 50em; padding: 3em 0 3em 0; margin-left: 13em; height: 2em; margin-top: -1em; text-align: center; }
.footer_fonts a:link, a:active, a:visited {color: #63573A;}
.footer_fonts a { font: 100% verdana, arial, sans-serif; color: #63573A; }
.footer_fonts a:hover { font: 100% verdana, arial, sans-serif; color: #24201D; }
#footshelfbreak { background: #D7C39A; height: 1em; }
/* -------------------------------------------- misc */
.clear {clear: both;}
.center {text-align: center;}
/* ----------------------------------- floats */
.right { float: right; }
.left { float: left; }
.titletop { float: left; margin-left: -1.5em; font: bold 1.5em verdana, sans-serif; padding: 0em 0 1.5em 0; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }
.small_fonts {font: 88% verdana, arial, sans-serif; color: #857550; background: #D7C39A; line-height: 1.5em; }