/* @override http://lumin-essence.com.au/blog/wp-content/themes/foliage_mod/style.css */





/*

Theme Name: Foliage [v1.02]

Theme URI: http://5thirtyone.com/eyecandy

Description: Totally revamped by blog{ART} - www.blogart.com.au. Inspiried by nature, Foliage maintains the simplicity of a single column layout with a obvious bias towards the color green. Green with envy.

Version: 1.02

Author: Derek Punsalan

Author URI: http://5thirtyone.com



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;}

h1, h2, h3, p, pre, blockquote, form, fieldset, ul, ol { margin: 2em 0; }

body {font: 62.5% Century Gothic, arial, sans-serif; color: black; background: #523627; text-align: centre; margin-right: -2em 0; font-size: 14px; }

a:link, a:active, a:visited {color: #c3ea8d;}

  a:hover { color: #c3ea8d; }

  a { text-decoration: none; }

h1, h2, h3, h4 { color: #523627; }

h1 { font-size: 2em; }

h2 { font-size: 20px;
	background-color: transparent;
	margin-left: 125px;
	margin-right: 20px;
	margin-top: -30px;
}

h3 { font-size: 1.5em; }

h4 { font-size: 1.3em; }

h2 a:link{
	color: #523627;
}

#date{
	width: 125px;
	height: 65px;
	background: transparent url(images/date.png
) no-repeat;
}
#day{
	background-color: transparent;
	padding-top: 5px;
	padding-left: 5px;
	color: white;
	font: 10px "century gothic", "Lucida Grande", Lucida, Verdana, sans-serif;
}


/*.chrondate { color: #3f3f3f; padding-left: 0.5em;
	
	width: 102px;
	height: 59px;
	background-color: red;
}

.chrondate a { color: #3f3f3f; }

.chrondate a:hover { color: #d0dda3; }*/

#shelfwrap { background: #523627;
}

  #shelf { color: #d6ddbc; background: #523627 url(images/shelf_right.jpg) no-repeat right; text-align: left; width: 900px; min-height: 270px; margin: 0 auto; line-height: 1.5em;
}

	#shelf .left { width: 450px; padding: 0 0.5em 0.5em;
	background-color: #523627;
}
.right p{
	background-color: transparent;
	width: 300px;
	margin-left: -50px;
	padding-right: 20px;
}
.right h3{
	margin-left: -50px;
	padding-top: 75px;
}

		ul#navigation { margin: 0; padding: 0 0 1em 0; list-style: none;
	background-color: #523627;
}		

		#navigation li { background: #523627 url(images/dot.jpg) repeat-x 0.7em 0; }

		#navigation li a { float: left; background: #523627; padding: 0 0.2em 0 0; }
				ul#navigation li span { float: right; padding: 0 0.2em; background: #523627; }

		ul#navigation li br { clear: both;
	background-color: #523627;
}

	#shelf .right { width: 27em; padding: 0 0.5em 0.5em; }

		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: #523627; 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 none #333; background: #674e41; font-size: 1em; font-family: verdana, arial, sans-serif; color: #eee; }

	

/* top banner */

#banner { background: #fff url(images/lawn.jpg) repeat-x top left; height: 15em; }

	#foliage { margin: 0 auto; background: url(images/foliage.png
	) no-repeat top left; display: block; width: 1000px; height: 300px; }

	#pull a {	float: right; display: block; width: 105px; height: 146px; text-indent: -9999em; background: url(images/pulltop.jpg) no-repeat top right; }

	#pull a:hover { background: url(images/pullbottom.jpg) no-repeat bottom right; }

		

/* -------------------------------------------- content */
img {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

#top {background: white;}

#content { width: 950px; padding: 0 0 6em 0; text-align: left; line-height: 1.5em;
	margin: 75px auto 0;
}

	.post { padding: 0 0 1.5em 0; }
	.entry{
	padding-top: 0px;
}

	.entrymeta { margin: -1em 0 2em 0; text-transform: lowercase; }		

  .entry img { padding: 0px; background: #444; border: 0px solid #444;
	margin-right: auto;
	margin-left: auto;
} 

	.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: #efb; }

.returnhome { float: right; }

#postsplit{
	background-image: url(images/fm-postsplit.png);
	height: 80px;
	margin-right: auto;
	width: 900px;
	margin-left: 100px;
	margin-bottom: 20px;
	display: inline-block;
}

/* -------------------------------------------- content details */

.commentnote { color: #c3ea8d; padding: 0.5em 0.3em 0 0.9em; }

#singlecontent { width: 900px; padding-bottom: 3em; text-align: left; line-height: 1.5em;
	margin: 125px auto 0;
}

	#singlecontent .post { float: left; width: 45em; } 		

#commentscolumn { color: white; margin: 2em 0 3em 0;  width: 975px; background: #fff url(images/snippet_right.jpg) no-repeat right bottom;
overflow-y: auto;

overflow-x: hidden;

overflow: -moz-scrollbars-vertical;
	max-height:  150px;
	float: none;
	display: inline-block;
}


ol.comments { color: #a97;  width: 980px; background: white url(images/snippet_right.jpg) no-repeat scroll right bottom;
max-height:  100px;

overflow-y: auto;

overflow-x: hidden;

overflow: -moz-scrollbars-vertical;
	border: px solid #dbebb0;
	margin-bottom: 3em;
	margin-top: 2em;

}


img.avatar{
	display: none;
}

#commentwrap { float: left; margin:0; padding-bottom: 3em;
	width: 900px;
}

.comments {color: #c3ea8d; margin: 0; padding: 9px 9px 0 9px; background: url(images/snippet_lefts.png) no-repeat -1px -1px;}
#commentform{
	margin-left: 200px;
}
	#commentform small {color: #555;}

  .commentlist li { list-style: none; border-top: 0px solid #717a50; padding-top: 0.3em;
	padding-left: 5px;
}

	.author .commententry { background: url(images/author.gif) no-repeat top right;}

	.commententry { overflow: hidden;

	width: 700px;
	padding: 5px 0.8em 0 10px;
	margin-left: 10px;
	border-top-style: solid;
	border-top-width: 1px;
}

	.commententry blockquote {color: #c3ea8d; margin-left: 1em;}
#author, #email, #url, #comment {font: 11px verdana, arial, sans-serif; background: #c3ea8d; border: 1px solid #555; color: white; padding: 2px; }

  #author, #email, #url {width: 500px;
	border-style: none;
	height: 20px;
}	

  #comment {width: 500px; height: 125px; overflow: auto; font-size: 10px;
	border-style: none;
}
.commentnote {
	margin-left: 15px;
	color: white;
}
  #submit {background: #656C4A; border: 1px solid #d6ddbc; color: #d6ddbc; font-size: 11px; padding: 0 1em;}


/* -------------------------------------------- footer content */
#bottom{
	background: url(images/weeds.jpg) repeat-x 0 top;
	height: 25px;
	margin-top: -10px;
}

#footer { color: #d6ddbc; width: 58em; margin: 1em auto 0; text-transform: lowercase;
	padding: 20px 0 30px;
}



/* -------------------------------------------- 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; }

hr {
	display: none;
}