/*
Theme Name: Foliage [v1.02]
Theme URI: http://5thirtyone.com/eyecandy
Description: 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: 1em 0; /* give me back my basic margins */
	}
	
body {
	font-size: 62.5%; 
	background: #25303d;
	text-align: center;
	}
	
/* links  and fonts */


h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
/*  	text-transform: lowercase; */
	letter-spacing: -1px;   
	color: #f0f0f0;
}

h1 {font-size: 2em;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.6em;}


.entry strong, #bottom strong {
	color: white;
}

a {text-decoration: none;}
a:active {outline: none;}

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

	a:hover {color: #B2C977;}

p, li {
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #e8e8e8;
}



.chrondate {
	color: #3f3f3f;
	padding-left: 0.5em;
	font-size: 0.7em;
}
.chrondate a {color: #3f3f3f;}
.chrondate a:hover {color: #d0dda3;} 
	
/* shelf & navigation */
#shelfwrap {
	background: #6b87a6;
	}
	
#shelf {
	color: #d6ddbc;
	background: #6b87a6 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 0.5em 0.5em;
		}
		
		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: #6b87a6;
			padding: 0 0.2em 0 0;		
			}
			
		ul#navigation li span {
			float: right;
			padding: 0 0.2em;
			background: #6b87a6;
			}
			
		ul#navigation li br {
			clear: both;
			}
		
	#shelf .right {
		width: 27em; 
		padding: 0 0.5em 0.5em;
		}
		
		ul#recentposts {
			margin: 0;	
			padding: 0;	
			list-style: none;	
			}
			
		#recentposts li {
			background: url(images/li.gif) no-repeat 0 0.3em;
			padding-left: 15px;	
			margin-left: 4px;		
			}
			
#shelfbreak {
	background: #6b87a6;
	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;
		color: #fff;
		font-size: 1.2em;
		}
	
	#search {
	width: 140px;
	border: 1px solid #25303d;
	background: #25303d;
	font-size: 1.2em;
	font-family: 'Lucide Grande', Verdana, Arial, Sans-Serif;
	color: #fff;
	}
	
/* top banner */
#banner {
	background: #25303d 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;
		}
		
/* main content area home and index */
#top {background: #25303d;}




#page {
	width: 54em;
	margin: 0 auto;
	text-align: left;
}

.content {
	margin-top: -23em;
	padding: 0 2% 1%;
	width: 54em;
	margin: 0 auto;
	text-align: left;
}

.post {
	position: relative;
	padding-bottom: 2.5em;
}
	/* hides from ie-mac \*/
	* html .post { /* fixes ie for absolutely pos. comments button */
		height: 1%;
	}
	
.entrycomments {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.9em;
	letter-spacing: -1px;
}

	.entrycomments a {
		text-align: center;
		display: block;
		padding: 0.3em;
		line-height: 1.2em;
		outline: none;
	}
	
	.entrycomments a:link, .entrycomments a:visited {
		color: #4f4f4f;
		border: 1px solid #4f4f4f;
	}
	
	.entrycomments a:hover, .entrycomments a:active {
		color: #6b87a6;
		border: 1px solid #5f5f5f;
	}

.entry {
	padding-bottom: 1em;
}

	.entry a:link, .entry a:active, .entry a:visited {
		color: #B2C977;
	}
	
	.entry a:hover {
		color: white;
	}
	
	.entry h3 {
		padding-left: 1.6em;
		background: url("images/entryleaf.gif") no-repeat top left;
		margin-top: 1.5em;	
	}
	
	.entry ul {
		list-style-type: none;
	}
		
	.entry li {
		width: 34.5em;
	}
		
	.entry ul li {
		background: url("images/li.gif") no-repeat;
		padding-left: 1.3em;
		margin-left: 3em;
		background-position: 0 0.4em;
	}

	.entry ol {
		margin: 0 0 0 5.5em;	
	}
	
	.entry blockquote p {
		margin-left: 3em;
		width: 34em;
		color: #9f9f9f;
	}
	
.entrymeta {
	font-size: 0.9em;
	margin: -2.2em 0 2.6em 0;
	text-transform: lowercase;
}















/*		
#relatedposts {margin: 0; padding: 0;}
#relatedposts h3 {margin: 0;}
#relatedposts ul {margin: 1em 0 0 0;}
*/




/* comments */
.tabbedCommentslive .commentTabhide {display:none;}

.tabbedCommentslive {
	margin-top: 1em;
}

ul.tabbedCommentsnav {
 	margin:0;
 	padding:0;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: -1px;
}

	.tabbedCommentsnav li {
	 	list-style: none;
		margin: 0;
 		display: inline;
	}

	.tabbedCommentsnav li a {
 		padding: 0.3em 0.5em;
 		background: #6b87a6;
		border-top: 1px solid #484848;
		border-right: 1px solid #484848;
		border-left: 1px solid #484848;
		border-bottom: 1px solid #444;
		margin-right: 0.1em;
	}
	
		.tabbedCommentsnav li.tabbedCommentsactive a {
 			background-color: #444; /* active tab */
		}

		.tabbedCommentsnav li a:hover, 
		.tabbedCommentsnav li.tabbedCommentsactive a:hover {
 			color: #f0f0f0;
 			background: #444;
		}

.tabbedCommentslive .commentTab {
	background: #444;
	padding: 1.2em 0.5em;
	margin: 0.2em 0 0 0;
	border: 1px solid #484848;
}

.commentlist li {
	list-style: none;
	font-size: 1em;
	margin-bottom: 0.5em;
	background: #4f4f4f;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	width: 50.8em;
}

	.comment {
		overflow: auto;
		padding: 0 0.5em 0.6em 0.5em;
		outline: none;
	}
	
	li.alt {
		background: #3f3f3f;
		border-top: 1px solid #444;
		border-bottom: 1px solid #444;
	}
	
	li.author {
		background: #6b87a6;
		border-top: 1px solid #626C4A;
		border-bottom: 1px solid #626C4A;
	}
	
	.commentmeta {
		text-align: right;
		color: #f0f0f0;
	}
	
		.commentmeta a:link, .commentmeta a:active, .commentmeta a:visited {color: #B2C977;}
			.author a:link, .author a:active, .author a:visited {color: #555;}
		.commentmeta a:hover, li.author a:hover, li.specialguest a:hover {color: #f0f0f0;}



		
/* bottom content area */

#footercontent {
	background: #6b87a6 url(images/bottom_wrap.gif) repeat-x top left;
	margin: 0 0 -1em 0;
	line-height: 1.5em;
	}
	
	#bottomwrap {
		background: url(images/bottom_right.jpg) no-repeat top right;
		width: 70em;
		margin: -1.4em auto 0;
		text-align: left;
		}	
		
	#bottomcontent {
		color: #d6ddbc;
		width: 58em;
		margin: 0 auto;
		padding-top: 5em;
		}
		
#footer {
	color: #d6ddbc;
	width: 58em;
	margin: 2em auto 0;
	text-transform: lowercase;
	}
		
/* misc and images */

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}

.entry img {
	padding: 3px;
	background: #444;
	border: 1px solid #444;
	}
	

.gravatar {
	float: right;
	border: 0;
	padding: 0;
	margin: 0.5em 0 0 0.5em;
}

abbr[title] {border-bottom: 1px dotted #999;}
abbr[title]:hover {cursor: help;}

#tagcloud {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-bottom: 2.8em;
}

.wp-smiley {
  border: 0;
}

#s {
	width: 15em;
	background: #333;
	border: 1px solid #B2C977;
	color: #f0f0f0;
	padding: 0.3em;
}

#submit, #searchsubmit, #author, #url, #email {
	border: 1px solid #B2C977;
	background: #25303d;
	padding: 0.3em;
	color: #f0f0f0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#comment {
	border: 1px solid #6b87a6;
	background: #4f4f4f;
	padding: 0.3em;
	color: #f0f0f0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}


#author, #url, #email, #comment {
	color: #f0f0f0;
	border: 1px solid #4f4f4f;
}

.commentTab #submit {
	background: #6b87a6;
	border: 1px solid #4f4f4f;
	color: #f0f0f0;
	padding: 0.3em 0.3em;
	font-size: 0.9em;
}

	#author, #email, #url {
		width: 15em;
	}
	
	#comment {
		width: 46.2em;
		height: 15em;
		overflow: auto;
	}