/*

Theme Name: 5ThirtyOne Foliage

Theme URI: 

Description: Foliage maintains the simplicity of a single column theme

Version: 1.5

Author: Derek Punsalan

Author URI: 



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.

*/



* { margin: 0; padding: 0; }

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

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; text-transform: lowercase; color: #f0f0f0; }

h1 {font-size: 2em;}

h2 {font-size: 1.9em;}

h3 {font-size: 1.6em;}

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

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.5em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #e8e8e8; }

body { font-size: 62.5%; 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.2em; text-transform: lowercase; }

	#navigation li { float: right; width: 7.5em; list-style: none; }

	#navigation a { color: #aaa; display: block; width: 7.5em; line-height: 3.1em; padding-top: 8em; }

	#navigation a:hover { color: #eee; background: #95A566; border-bottom: 2px solid #eee; }



/* ----------------------------------- main */

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

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

.post { position: relative; padding-bottom: 2.5em; }

	* html .post { height: 1%; }

.entrycomments { position: absolute; right: 0; bottom: 0; font-size: 0.9em; }

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

	.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-bottom-color: #444; margin-right: 0.1em; }

		.tabbedCommentsnav li.tabbedCommentsactive a { background-color: #444; }

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

		



/* ----------------------------------- page bottom */

#bottom { width: 100%; background: #95A566 url("images/bottom.gif") repeat-x top left; }

#bottomwrap { margin: 0 auto; padding-top: 3%; padding-left: 1.5%; width: 54em; }

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

	#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: right; width: 25em; overflow: hidden; }



/* ----------------------------------- misc */

img { background: #4f4f4f; border: 1px solid #95A566; padding: 2px; }

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

abbr[title]:hover { cursor: help; }

.clear { clear: both; }

.alignleft { float: left; }

.alignright { float: right; }

.wp-smiley { border: 0; }



/* ----------------------------------- comments */

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

	

/* ----------------------------------- footer */

#footer { text-align: center; padding: 0.5em 0 0.3em; text-transform: lowercase; }

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



/* ----------------------------------- float rules */

.floatleft { float: left; margin: 3px 7px 0 0; }

.floatright { float: right; margin: 3px 0 0 7px; }

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