/*
Theme Name: Evolutive
Theme URI: http://superthemes.org/themes/evolutive
Description: Evolutive by <a href="http://superthemes.org/" title="Superthemes' Evolutive">Superthemes.org</a>
Author: Tipografo.org
Version: 1.2
Tags: jQuery, Grid, vGrid, Dynamic.
*/

@charset "utf-8";
body, html{ padding: 0px; margin:0px 0px 40px 0px;}
body{font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size:10px; word-spacing:1px; line-height:1.8; height:100%; width:100%;}

	a:link 		{color: #000; text-decoration:none; border: 0px; margin: 0px;}
	a:visited 	{color: #000; text-decoration: none; border: 0px; margin: 0px;}
	a:hover 	{color: #555; text-decoration: none; border: 0px; margin: 0px;}
	a:active 	{color: #000; text-decoration: none; border: 0px; margin: 0px;}
	a:focus 	{color: #000; text-decoration: none; border: 0px; margin: 0px;}

/* MAIN STUFF */
#grid-content{overflow: hidden; height: 0;}
#header{padding: 20px 0px; margin: 30px; width: 900px;}
#logo{	float: left;
	margin-right: 50px; 
	height: 36px; 
	width: 100px;
	}

#header .menu{float: left;}
#header .menu li{float: left; margin: 10px;}
#header a.alignright{margin: 10px 0px; text-decoration: none;}
#header ul.menu li.current-menu-item a{text-decoration: none;}
#grid-content, #page{margin: 0px 30px 30px 30px;}
#page{width: 800px; font-size: 18px;}

/* TYPO */
h1,h2,h3,h4,h5,h6{font-weight: bold; letter-spacing: -0.5px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration: none;}
a, a:hover, a:active, a:focus{outline: 0;}
#grid-content .post ul{list-style-type: circle; list-style-position: inside;}
#grid-content .post ol{list-style-type: decimal; list-style-position: inside;}

/* POST */
#grid-content div.post{height: auto; margin: 5px; z-index: 1;}
#grid-content div.post.t50{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; height: 200px;}
#grid-content div.navi-post.t50{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; height: auto;}
#grid-content div.post.t50:hover{  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#grid-content div.post .pre{float: left; width: 300px; overflow: hidden;}
#grid-content .post.openpost, #grid-content .single-post{height: auto; padding: 10px; width: 900px; overflow: hidden; z-index: 10; margin-bottom: 00px;}
#grid-content .post.openpost img, #grid-content .single-post img{max-width: 900px;}
div#head-1{float: left; width: 500px; margin-bottom: 10px;}
div#head-2{float: right; width: 50px; text-align: right; margin-bottom: 10px;}
.alignleft, img.alignleft{ display: inline; float: left; margin-right: 20px; margin-top: 4px;}
.alignright, img.alignright{ display: inline; float: right; margin-left: 20px; margin-top: 4px;}
.aligncenter, img.aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter{ margin-bottom: 10px;}
dl.gallery-item{float: left; cursor: pointer;}
.post-thumbnail{height: 180px; padding: 10px;}
.post-thumbnail a{height: 100%; width: 100%; display: block; text-decoration: none;}
.text-post{margin: 10px; height: 180px; overflow: hidden;}
span.close{ float: right; width: 15px; height: 15px; display: block; }
span.close a{display: block; background: transparent url(images/close.png) no-repeat center; height: 15px; width: 15px;}
span.inpost{padding: 1px;}
#post-foot{padding: 20px 0px 10px 0px;}
.gallery{margin: 10px 0px;}
.gall img{max-width: 900px;}
.img-desc{font-style: italic;}
/* UTILS */
#loader{position: absolute; bottom: 20px; right: 20px; background: #fff url('images/load.gif') no-repeat center; height: 20px; width: 20px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
#grid-content .post-blocker{width: 600px; background: transparent; clear: both; height: 1px; display: block;}
span.post-tracker{display: none;}
.nav-previous,
.nav-next{width: 130px; padding: 10px; float: left;}
.nav-next{text-align: right;}


/* COLORS */
body{background: #eee; color:#999;}
#logo{color: #428eff;}
#header ul.menu li.current-menu-item a{color: #999;}
h1,h2,h3,h4,h5,h6, .text-post h2 a{color: #222;}
a{color: #428eff;}
#grid-content div.post{background: white;}
#post-foot a{color: #999;}
span.inpost{background: white; color: #222;}
.text-post a{color: #999;}
#grid-content div.post{background: white;}
#header a.alignright{color: #222;}