/*
Theme Name: 5ThirtyOne Foliage [public revision]
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.0
Author: Derek Punsalan
Author URI: http://5thirtyone.com

Do not rip or pass of as your own. I spent a pretty dime of my time on this one. Please give credit where credit is due. Respect goes out to the various plugin / script authors that I've made use of within Foliage.

Currently bug squashing.  Ask first. 
*/

/* =general & repeats
================================================= */

* { /* removes global padding & margins */
	margin: 0;
	padding: 0;
	outline: none;
}

h1, h2, h3, p, pre, blockquote, form, fieldset, ul {
  margin: 1em 0; /* give me back my basic margins */
}

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

h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}

a:link, a:active, a:visited {color: #efb;}
a:hover {color: #d0dda3;}
a {text-decoration: none;}

.chrondate {font-size: 0.9em; color: #3f3f3f; padding-left: 0.5em;}
.chrondate a {color: #3f3f3f;}
.chrondate a:hover {color: #d0dda3;}

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

p, li {
	font-size: 1em;
  line-height: 1.4em;
	color: #e8e8e8;
}

body {
	font: 62.5% 'Lucide Grande', Verdana, Arial, Sans-Serif; /* resets to 10px */
	margin: -1.2em 0;
	background: #333;
	max-width: 100%;
}

/* =navigation
================================================= */

#header {
	display: block;
	width: 54em;
	height: 40em;
	background: #333 url("images/banner_green.jpg") no-repeat top left;
}

#navigation {
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-transform: lowercase;
	letter-spacing: -1px;
}

	#navigation li {
		float: right;
		width: 4.5em;
		list-style: none;
	}
	
	#navigation a {
		color: #666;
		display: block;
		width: 4.5em;
		line-height: 3.1em;
		padding-top: 8em;
	}
	
	#navigation a:hover {
		color: #e6e6e6;
		background: #95A566;
		border-bottom: 2px solid #e6e6e6;
	}

/* =top page
================================================= */

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

.content {
	margin-top: -23em;
	xpadding: 0 2% 1%;
}

.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: #95A566;
		border: 1px solid #5f5f5f;
	}

.entry {
	padding-bottom: 1em;
}

	.entry a:link, .entry a:active, .entry a:visited {
		color: #B2C977;
	}
	
	.entry a:hover {
		color: #73804E;
	}
	
	.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;
}
	
/* =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: #95A566;
		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: #95A566;
		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 page
================================================= */

#bottom {
	width: 54em;
	border-top: 2px solid #e6e6e6;
	background: #95A566 url("images/snippet_right.gif") no-repeat bottom right; 
}

#bottomwrap {
	margin: 0 auto;
	xbackground: #95A566 url("images/snippet_right.gif") no-repeat bottom right; 
	padding-top: 3%;
	padding-left: 1.5%;
	float: none;
}

#bottomwrap a:hover {color: #efb;}

	#bottomwrap ul {
		margin-left: 0.6em;
		list-style-type: none;
	}
	
	#bottomwrap ul li {
		background: url("images/li_bottom.gif") no-repeat;
		padding-left: 1.3em;
		background-position: 0 0.4em;
	}
	
.toolshed {
	padding-left: 1.6em;
	background: url("images/leaf2.gif") no-repeat top left;
	margin-top: 1.5em;	
}
	
#bottomleft {
	float: left;
	width: 25em;
	position: relative;
}

#bottomnav li a span {
	display: none;
}
		
	#bottomnav li a:hover span {
		display: inline;
	}
	
#bottomright {
	float: none;
	width: 25em;
	overflow: hidden;
}

/* favicon links inspired by kristin
	http://www.wiphey.com/2006/02/07/wp-quicky-1-9rules-style-links-page/ */
	
#linkage li {
	background-image: none !important; /* overrides li background images */
	margin-left: -1.3em;
}

#linkage ul {
	margin: 0;
	padding: 0;
}

#linkage ul li {
	margin: 0;
	padding: 0 0 0.2em 0;
	display: block;
	width: 25em;
	display: inline;
	}

#linkage h2 {
 	font-size: 1.2em;
	margin: 0 0 0.2em 0;
	padding: 0 0 0.2em 0;
  	text-transform: lowercase;
}

#linkage img {
	padding: 2px;
	background: #B2C977;
	border: 1px solid #5F684B;
   width: 16px;
   height: 16px;
}

.linkageNotes a:active, .linkageNotes a:link, .linkageNotes a:visited {
	color: #efb;
}

/* =footer
================================================= */

#footer {
	xtext-align: center;
	xpadding: 0.5em 0 0.3em;
	padding-top: 5%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	padding-bottom: 1%;
	text-transform: lowercase;
	float: none;
}

#footer a:hover {color: #efb;}

/* =misc & images
================================================= */

img {xbackground: #4f4f4f; xborder: 1px solid #95A566; xpadding: 2px;}

.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;}
	
.clear { /* for clearing floats */
	clear: both;
}

.alignleft {float: left;}
.alignright {float: right;}

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

.wp-smiley {
  border: 0;
}

/* =forms
================================================= */

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

#submit, #searchsubmit, #author, #url, #email, #comment {
	border: 1px solid #B2C977;
	background: #333;
	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: #95A566;
	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;
	}

#searchbar {
background: url(images/searchbg.gif) 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: 'Lucide Grande', Verdana, Arial, Sans-Serif;
	color: #eee;
	}