/*
Theme Name: 5ThirtyOne Foliage
Theme URI: http://5thirtyone.com/foliage/
Description: Foliage maintains the simplicity of a single column theme
Version: 1.5
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.
*/

* { 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; color: #333; }
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: #fff; }
body { font-size: 62.5%; margin: -1.2em 0; background: #221057; max-width: 100%;}

/* ----------------------------------- navigation */
#header { display: block; width: 90em; height: 40em; background: #003366 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; }
	#navigation li { float: right; width: 6.5em; list-style: none; }
	#navigation a { color: #FFF; display: block; width: 6.5em; line-height: 3.1em; padding-top: 9em; }
	#navigation a:hover { color: #221057; background: #2272e7; border-bottom: 2px solid #eee; }

/* ----------------------------------- main */
#page { width: 90em; margin: 0 auto; text-align: left; background: #003366; border-left: 2px solid #eee; border-right: 2px solid #eee;} 
.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; }