/*
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, h6, h5, p, pre, blockquote, form, fieldset, ul { margin: 1em 0; }
h1, h3, h4, h6, h5 { font-family: Arial, Helvetica, sans-serif; color: #202020; }
h1 {font-size: 3em;}
h2 {font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif; font-size: 3.3em; letter-spacing: 0px; font-weight: normal; text-align: left; }
h3 {font-size: 1.6em;}

h4 {font-size: 1.6em; color: #dd8822; margin-left: 30px; margin-top: -1.5em; }

h5 {font-size: 16px; color: #606060; margin-bottom: -5px; }

h6 {font-size: 12px; color: #606060; font-weight: normal; padding-top: 12px; border-top: 1px solid #ffffff; }
.entry strong, #bottom strong { color: #9f2727;}
a {text-decoration: none;}
a:active {outline: none;}
a:link, a:visited {color: #9f2727;}
a:hover, a:active {color: #dd8822;}
p, li { font-size: 1.3em; line-height: 1.6em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #111111; }
body { font-size: 62.5%; margin: 0px; background-color: transparent; max-width: 100%; }

/* ----------------------------------- navigation */
.entry a:active,
#header { width: 100%; height: 120px; text-align: right;}

/* ----------------------------------- main */
#page { width: 54em; margin: 0 auto; text-align: left; } 
.content { margin-top: 0em; padding: 0 2% 1%; text-align: justify;}
.post { position: relative; padding-bottom: 2.5em; }
	* html .post { height: 1%; }
.entrycomments { right: 0; font-size: 0.9em; width: 100%; text-align: right; border-top: 1px solid #dd8822; }
	.entrycomments a { line-height: 1.2em; }
	.entrycomments a:link, .entrycomments a:visited { color: #4f4f4f; }
	.entrycomments a:hover, .entrycomments a:active { color: #dd8822; }
.entry { padding-bottom: 1em; }
	.entry a:link, .entry a:visited { color: #9f2727; }
	.entry a:hover, .entry a:active { color: #dd8822; }
	.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; margin-bottom: 2em; }
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: #e8e8e8; border: 1px solid #f5f5f5; margin-right: 0.1em; }
		.tabbedCommentsnav li.tabbedCommentsactive a { background-color: #f5f5f5; border-bottom-color: #f5f5f5; }
		.tabbedCommentsnav li a:hover, 
		.tabbedCommentsnav li.tabbedCommentsactive a:hover { color: #9f2727; background: #f5f5f5; }
.tabbedCommentslive .commentTab { background: #f5f5f5;	padding: 1.2em 0.5em; margin-top: 3px; border: 1px solid #f5f5f5; }
.commentlist li { list-style: none; font-size: 1em; margin-bottom: 0.5em; background: #f5f5f5; border-bottom: 1px solid #dd8822; width: 50.8em; }
	.comment { overflow: auto; padding: 0 0.5em 0.6em 0.5em; outline: none; }
	li.alt { background: #f5f5f5; }
	li.author { background: #f5f5f5; }
	.commentmeta { text-align: right; color: #000000; font-size: 12px; }
	.commentmeta a:link, a:visited { color: #dd8822; }
	.commentmeta a:active, a:hover { color: #000000; }
	.author a:link, a:visited { color: #dd8822; }

	.author a:hover, a:active { color: #000000; }
	.commentmeta a:hover,
	li.author a:hover, 
	li.specialguest a:hover {color: #000000;}
		

/* ----------------------------------- page bottom */
#bottom { width: 100%; background-color: #f6f6f6; border-top: 1px solid #dd8822; }
#bottomwrap { margin: 0 auto; padding-top: 3%; padding-left: 1.5%; width: 54em; }
	#bottomwrap ul { margin-left: 0.6em; list-style-type: none; }
	#bottomwrap ul li { padding-left: 1.3em; background-position: 0 0.4em; }

        #bottomwrap ul li a:link, a:visited { color: #bb6600; }

        #bottomwrap ul li a:hover, a:active { color: #000000; }
.toolshed { padding-left: 1.6em; background: url("images/leaf2.gif") no-repeat top left; margin-top: 1.5em; }

#bottomleft { float: left; width: 34%;}
#bottomcenter { float: left; width: 32%;}
#bottomright { float: right; width: 34%; }



/* ----------------------------------- misc */
img { border: 1px solid #000000; padding: 4px; background: #ffffff; }
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 #dd8822; color: #000000; padding: 0.3em; }
#submit, #searchsubmit, #author, #url, #email, #comment { border: 1px solid #dd8822; background: #fff; padding: 0.3em; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; }
#author, #url, #email, #comment { color: #000000; border: 1px solid #4f4f4f; }
.commentTab #submit { background: #aaaaaa; border: 1px solid #4f4f4f; color: #000000; padding: 0.3em 0.3em; font-size: 1.0em; }
	#author, #email, #url { width: 15em; }
	#comment { width: 98%; height: 15em; overflow: auto; }
.commentTab a:link, a:visited { color: #dd8822; }

.commentTab a:hover, a:active { color: #000000; }
	
/* ----------------------------------- footer */
#footer { text-align: center; padding: 0.5em 0 0.1em; }

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

/* ----------- Cosas varias */

h2 a:visited, h2 a:link {color: #000000; }

h2 a:hover, h2 a:active {color: #dd8822; }

h6 a:visited, h6 a:link {color: #606060; }

h6 a:hover, h6 a:active {color: #bb6600; }