/*
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; }
body {font: 62.5% verdana, arial, sans-serif; color: #fff; background: url(images/illimani32.jpg) no-repeat top center #656c4a;
 background-attachment:fixed; text-align: center; }
a:link, a:active, a:visited {color: #efb;}
  a:hover { color: #d0dda3; }
  a { text-decoration: none; }
h1, h2, h3, h4 { text-transform: none; color: #efb; line-height: 1.2em;}
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
.chrondate { font-size: 0.6em; color: #808768; padding-left: 0.5em; }
.chrondate a { color: #808768; }
.chrondate a:hover { color: #d0dda3; }
#shelfwrap { background: url(images/fondiu.png); }
#mymenu { background: url(images/fondiu.png); font-size: 0.7em; font-family: verdana, arial, sans-serif; }
  #shelf { color: #d6ddbc; background: #282c1e; text-align: justify; width: 70em; min-height: 385px; margin: 0 auto; line-height: 1.5em; opacity: 0.7; filter:alpha(opacity=70); }
	#shelf .left { width: 38em; padding: 0 0.5em 0.5em; }
		ul#navigation { margin: 0; padding: 0 0 1em 0; list-style: none; }		
		#navigation li { background: url(images/dot.png) repeat-x 0.7em 0; }
		#navigation li a { float: left; background: url(images/fondiu.png); padding: 0 0.2em 0 0; }
		ul#navigation li span { float: right; padding: 0 0.2em; background: url(images/fondiu.png); }
		ul#navigation li br { clear: both; }
	#shelf .right { width: 27em; padding: 0 0.5em 0.5em; }
		ul#recentposts {list-style: none; }		
		#recentposts li { background: url(images/li.gif) no-repeat 0 0.3em; padding-left: 15px;	margin-left: 4px; }
#shelfbreak { background: #656C4A; 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; opacity: 0.7; filter:alpha(opacity=70); }
	#searchform div { padding: 0.2em 0 0 0; }
		#searchform span { margin-left: 3.6em; }
	#search { width: 140px; border: 1px solid #282c1e; background: #282c1e; font-size: 1em; font-family: verdana, arial, sans-serif; color: #eee; }
	
/* top banner */
#banner { background: url(images/fondiu.png) repeat-x top left; height: 15em; }
	#foliage { margin: 0 auto; background: url(images/foliage22.jpg) no-repeat top left; display: block; width: 70em; height: 16em; }
#urbalink { float: left; display: block; width: 465px; height: 140px; }
#hormiguita { float: left; background: url(images/hormiguita.gif) no-repeat bottom right; display: block; width: 115px; height: 140px; }
	#pull a {	float: right; display: block; width: 105px; height: 140px; text-indent: -9999em; background: url(images/pull131.jpg) no-repeat top right; }
	#pull a:hover { background: url(images/pull131.jpg) no-repeat bottom right; }
		
/* -------------------------------------------- content */
#top {background: url(images/fondiu.png) repeat-x repeat-y;}
#sidebar {background: #282c1e ; width: 51em; margin: 0 auto 1em; padding: 0; text-align: center; font-size: 1em; line-height: 1.1em; overflow:hidden; }
#content {background: #000 ; width: 51em;	margin: 0 auto 0; padding: 0 0 3em 0; text-align: left; font-size: 1.2em; line-height: 1.2em; overflow:hidden; opacity: 0.7;filter:alpha(opacity=70);zoom:1;



         -webkit-border-top-left-radius:10px;

         -webkit-border-top-right-radius:10px;

         -webkit-border-bottom-left-radius:10px;

         -webkit-border-bottom-right-radius:10px;



         -khtml-border-radius-topleft:10px;

         -khtml-border-radius-topright:10px;

         -khtml-border-radius-bottomleft:10px;

         -khtml-border-radius-bottomright:10px;



         -moz-border-radius-topleft:10px;

         -moz-border-radius-topright:10px;

         -moz-border-radius-bottomleft:10px;

         -moz-border-radius-bottomright:10px;}
	.post { padding: 0.5em 0.5em 1.5em 0.5em; }
	.entrymeta { margin: -1em 0 2em 0; text-transform: none; }		
  .entry img { padding: 3px; background: #000; border: 1px solid #000; } 
	.entry ul li, .mulch ul li { list-style: none; background: url(images/li.gif) no-repeat 0 0.3em; padding-left: 1.5em; margin-left: 2.2em; }


	.entry ol, .mulch ol { margin-left: 3.5em; }
	.entry li, .mulch li { padding-bottom: 0.3em; width: 423px; font-size: 1em;	}
	.entry blockquote, .mulch blockquote { margin-left: 3.9em; color: #8f8f8f; width: 423px; }
	.entry strong, .mulch strong { color: #efb; }
.returnhome { float: right; }

/* -------------------------------------------- content details */
.commentnote { color: #B3BE82; padding: 0.5em 0.3em 0.8em 0.9em; background: url(images/snippet_left14.png) repeat -1px -1px;}
#singlecontent { width: 75em; margin: 0 auto; padding-bottom: 3em; text-align: left; line-height: 1.5em; }
	#singlecontent .post { float: left; width: 45em; background: #000 ; opacity: 0.6;filter:alpha(opacity=60);zoom:1;



         -webkit-border-top-left-radius:10px;

         -webkit-border-top-right-radius:10px;

         -webkit-border-bottom-left-radius:10px;

         -webkit-border-bottom-right-radius:10px;



         -khtml-border-radius-topleft:10px;

         -khtml-border-radius-topright:10px;

         -khtml-border-radius-bottomleft:10px;

         -khtml-border-radius-bottomright:10px;



         -moz-border-radius-topleft:10px;

         -moz-border-radius-topright:10px;

         -moz-border-radius-bottomleft:10px;

         -moz-border-radius-bottomright:10px;} 		
#commentscolumn { color: #ecf1dc; margin: 0 0 3em 0; float: right; width: 28em; background: url(images/snippet_right14.png) repeat bottom right;}
	.comments {color: #d6ddbc; margin: 0; padding: 9px 9px 0 9px; background: url(images/snippet_left14.png) repeat -1px -1px;}
#commentwrap { float: left; margin:0; padding-bottom: 3em; }
	#commentform small {color: #eeffba;}
  .commentlist li { list-style: none; border-top: 3px solid #717a50; padding-top: 0.3em; background: url(images/snippet_left14.png) repeat-y -1px -1px;}
	.author .commententry { background: url(images/estido-a.jpg) no-repeat top right;}
.corigangar .commententry { background: url(images/polino-a.jpg) no-repeat top right;}
.dani .commententry { background: url(images/dani-a.jpg) no-repeat top right;}
.guille .commententry { background: url(images/guillerman-a.jpg) no-repeat top right;}
.perrorabioso .commententry { background: url(images/oscarini-a.jpg) no-repeat top right;}
.junior .commententry { background: url(images/junior-a.jpg) no-repeat top right;}
.anig .commententry { background: url(images/anita-a.jpg) no-repeat top right;}
.chebas .commententry { background: url(images/chebas-a.jpg) no-repeat top right;}
.telemaco .commententry { background: url(images/telemaco-a.jpg) no-repeat top right;}
.chochoe .commententry { background: url(images/chochoe-a.jpg) no-repeat top right;}
	.commententry { padding: 0.5em 0.8em 0 0.9em; overflow: hidden; }
	.commententry blockquote {color: #B3BE82; margin-left: 1em;}
#author, #email, #url, #comment {font: 11px verdana, arial, sans-serif; background: #333; border: 1px solid #555; color: #ddd; padding: 2px; }
  #author, #email, #url {width: 185px;}	
  #comment {width: 436px; height: 125px; overflow: auto; font-size: 10px;}
  #submit {background: #656C4A; border: 1px solid #d6ddbc; color: #d6ddbc; font-size: 11px; padding: 0 1em;}

/* -------------------------------------------- footer content */
#footer { color: #d6ddbc; width: 58em; margin: 1em auto 0; padding: 0 0 30px 0; text-transform: lowercase; }

/* -------------------------------------------- misc */
.clear {clear: both;}
.center {text-align: center;}
	
/* ----------------------------------- floats */
.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; }