/*
Theme Name: Foliage Mod
Theme URI: http://5thirtyone.com/wordpress-foliage-mod-theme
Description: Inspired by nature.
Version: 1.02
Author: Derek Punsalan
Author URI: http://5thirtyone.com
Meta: http://www.blogcatalog.com/directory/art/photography-art

This theme was designed and coded by Derek Punsalan.
You can find his ramblings and additional work at http://5thirtyone.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

* {
	margin:0;
	padding:0;
	outline:none;
	border:0;
}

h1,h2,h3,p,pre,blockquote,form,fieldset,ul,ol {
	margin:1em 0;
}

body {
	font-size:11px;
	font-family: arial, verdana, sans-serif;
	color:#E8E8D1;
	background:#656C4A;
	text-align:center;
}

a:link,a:active,a:visited {
	color:#efb;
}

a:hover {
	color:#d0dda3;
}

a {
	text-decoration:none;
}

h1,h2,h3,h4 {
	text-transform:lowercase;
	color:#efb;
}

h1 {
	font-size:18px;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:12px;
}

.chrondate {
	color:#3f3f3f;
	padding-left:.5em;
}

.chrondate a {
	color:#3f3f3f;
}

.chrondate a:hover {
	color:#d0dda3;
}

#shelfwrap {
	background:#656C4A;
}

#shelf {
	color:#d6ddbc;
	background:#656C4A url(images/shelf_right.jpg) no-repeat top right;
	text-align:left;
	width:58em;
	min-height:270px;
	margin:0 auto;
	line-height:1.5em;
}

#shelf .left {
	width:28em;
	padding:0 .5em .5em;
}

ul#navigation {
	margin:0;
	padding:0 0 1em;
	list-style:none;
}

#navigation li {
	background:url(images/dot.gif) repeat-x .7em 0;
}

#navigation li a {
	float:left;
	background:#646B4A;
	padding:0 .2em 0 0;
}

ul#navigation li span {
	float:right;
	padding:0 .2em;
	background:#646B4A;
}

ul#navigation li br {
	clear:both;
}

#shelf .right {
	width:27em;
	padding:0 .5em .5em;
}

ul#recentposts {
	list-style:none;
}

#recentposts li {
	background:url(images/li.gif) no-repeat 0 .3em;
	padding-left:15px;
	margin-left:4px;
}

#shelfbreak {
	background:#656C4A;
	height:1em;
}

#searchbar {
	background:url(images/searchbg.jpg) no-repeat top left;
	display:block;
	height:41px;
	width:280px;
	margin:0 0 0 -.2em;
	padding:.2em 0 0 1em;
}

#searchform div {
	padding:.2em 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;
}


	
/* top banner */
#banner {
	background:#333 url(images/lawn.jpg) repeat-x top left;
	height:15em;
}

#foliage {
	margin:0 auto;
	background:url(images/foliage.gif) no-repeat top left;
	display:block;
	width:70em;
	height:16em;
}

#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:#333;
}

#content {
	width:990px;
	margin:0 auto;
	padding:0 0 50px;
	text-align:left;
	line-height:16px;
}

#content #leftcolumn,
#content #middlecolumn,
#content #rightcolumn {
	float:left
}

#content #leftcolumn {
	display:block;
	width:190px;
}
#content #rightcolumn {
	width:250px;
	display:block;
}

#content #leftcolumn,
#content #middlecolumn {
	margin:0 30px 0 0;
}

#content #middlecolumn {
	width:485px;
}

#content #middlecolumn img {
	max-width: 485px;
}

.post {
	padding:0 0 1.5em;
}

.entrymeta {
	margin:-1em 0 2em;
	text-transform:lowercase;
}

.entry img {
	padding:3px;
	background:transparent;
	border:solid 0 transparent;
}

.entry ul li,.mulch ul li {
	list-style:none;
	background:url(images/li.gif) no-repeat 0 .3em;
	padding-left:1.5em;
	margin-left:2.2em;
}

.entry ol,.mulch ol {
	margin-left:3.5em;
}

.entry li,.mulch li {
	padding-bottom:.3em;
	width:423px;
	font-size:1em;
}

.entry blockquote,.mulch blockquote {
	margin-left:3.9em;
	color:#8f8f8f;
	width:423px;
}

.entry strong,.mulch strong {
	color:#efb;
}

.returnhome {
	float:right;
}


	
/* -------------------------------------------- content details */
.commentnote {
	color:#B3BE82;
	padding:.5em .3em 0 .9em;
}

#singlecontent {
	width:75em;
	margin:0 auto;
	padding-bottom:3em;
	text-align:left;
	line-height:1.5em;
}

#singlecontent .post {
	float:left;
	width:45em;
}

#commentscolumn {
	color:#d6ddbc;
	margin:2em 0 3em;
	float:right;
	width:28em;
	background:#656C4A url(images/snippet_right.gif) no-repeat bottom right;
}

.comments {
	color:#d6ddbc;
	margin:0;
	padding:9px 9px 0;
	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:.3em;
}

.author .commententry {
	background:url(images/author.gif) no-repeat top right;
}

.commententry {
	padding:0 .8em 0 .9em;
	overflow:hidden;
}

.commententry blockquote {
	color:#B3BE82;
	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:#656C4A;
	border:1px solid #d6ddbc;
	color:#d6ddbc;
	font-size:11px;
	padding:0 1em;
}


/* =----------------------------------- misc sidebar updates */
.sidebarmodule {
	margin: 0 0 30px 0;
}
.sidebarmodule .modulelist {
	list-style: none;
}
.sidebarmodule .modulelist li {
	background:url(images/li.gif) no-repeat 0 4px;
	padding-left:15px;
	margin-left: 7px;
}

	
/* -------------------------------------------- footer content */
#footer {
	color:#d6ddbc;
	width:58em;
	margin:1em auto 0;
	padding:0 0 30px;
	text-transform:lowercase;
}


	
/* -------------------------------------------- misc */
.clear {
	clear:both;
}

.center {
	text-align:center;
}


	
/* ----------------------------------- floats */
.right {
	float:right;
}

.left {
	float:left;
}

.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;
}