/*  
Theme Name: Organica Creativa
Theme URI: http://www.criaturacreativa.com/
Description: Organic, primitive or a modern trend?
Version: 1.0
Author: Eduardo Cesario, ported to Wordpress by <a href="http://seville.oo.nu/blog>Cintia Kou</a>
Author URI: http://www.criaturacreativa.com/
*/

/* ################## H   E   A   D   E   R ################## */
#header	{
		background-image: url("images/header.gif");
		background-repeat: no-repeat;
		background-position:top;
		position: absolute;
		top: 35px;
		left: 122px;
		width: 658px;
		height: 330px;
		display:block;
		clear:both;
		text-align:center;
		}

#header h1	{
		margin-top: 30px;
		margin-left: 40px;
		font-size: 3em;
		}

#header h1 a {
		color: #fff;
		}

.description {
		margin-left: 40px;
		color: #eee;
		width: 80%;
		display: none;
		}

#botonia	{
	height:60px; 
	background-color:#99CC00;
	width:100%;
	padding: 5px;
/*	float:left;*/
}

.bio		{
		top: 175px;
		left: 38px;
		position: absolute;
		width: 300px;
		text-align: justify;
		}

#extraDiv2	{
		background: transparent url("images/organica-creativa.gif") top left no-repeat;
		/*position: absolute;*/
		margin-top: 191px;
		padding-right: 1px;
		float:right;
		width: 295px;
		height: 339px;
		z-index:1;
		}

		


/* ################## S   T   R   U   C   T   U   R   E ################## */

body 		{ 
		background-color: #99CC00;
		background-image:  url("images/bg_body.gif");
		background-repeat:no-repeat;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left:122px;
		font-family: Verdana, Tahoma, Arial, sans-serif;
		font-size: 11px;
		line-height: 15px;
		color: #666666;
		font-weight: normal;
		}
	
#container	{
		margin-top:0px;
		width: 658px;
		background-image: url("images/wide_container.gif");
		background-repeat:	repeat-y;
		background-position:left;
		}
	
#intro		{
		padding-top: 280px;
		padding-left: 25px;
		width: 320px;
		}
		
#supportingText{
		padding: 25px;
		width: 320px;
		}

	
#requirements p.p5	{
		font-variant:small-caps;
		font-size: 10px;
/*		border-bottom: 2px dotted #FFCC00;
		text-align: center;*/
		text-align:left;
		width: 470px;
		}

#footer	{
		background:  url("images/footer.jpg");
		background-repeat:no-repeat;
		width: 470px;
		height: 46px;
		/*text-align:center;*/
		padding-left:40px;
		margin-top:10px;
		padding: 10px;
		font-weight: bold;
		}

#footer a	{
		color: #FF9900;
		}

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

/* ################## F   O   N   T   S ################## */
a, a:visited {
		text-decoration: none;
		color: #009999;
		}

a:link 	{
		text-decoration: none;
		}

a:hover 	{
		text-decoration: none;
		color:#FF9900;
		}

a:active 	{
		text-decoration: none;
		}

small 		{
		font-family: verdana, Arial, Sans-Serif;
		font-size: 0.9em;
		line-height: 1.5em;
		font-weight:normal;
		}

blockquote 	{
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		background: url(images/blockquote.gif) left top no-repeat;
		}

.commentcount {
		font-size: 10px;
		font-weight: normal;
		margin-top: -10px;
		}

.post		{
		margin-bottom: 20px;
		text-align: justify;
		display:block;
		}

.post h3 	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		font-weight: bold;
		}

.navigation 	{
		display: block;
		text-align: center;
		margin-top: 8px;
		margin-bottom: 10px;
		}

.alignright 	{
		float: right;
		}
	
.alignleft 	{
		float: left
		}
.center 	{
		text-align: center;
		}

.date 		{ 
		font: 10px verdana, arial, times; 
		text-align: center; 
		color:#fff;
		margin: 0 10px 0 0; 
		padding: 2px 2px 4px 2px; 
		width: 30px; 
		float: left; 
		background: url(images/date.gif) no-repeat 0% 0%; 
		}

				
/* ################## S   I   D   E   B   A   R ################## */		
#sidebar	{
		position: absolute;
		top: 570px;
		left: 570px;
		z-index: 1;
		width: 230px;
		color:#CCCCCC;
		}

#sidebar h2	{
		color: #fff;
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-size: 18px;
		font-weight: bold;
		margin: 0;
		padding: 9px 0 0 23px;
		background: url(images/sidebar_header.gif) no-repeat;
		vertical-align: top;
		height: 25px;
		}

#sidebar ul	{
		position:relative;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

#sidebar ul li li a{
		background: #3399ff url(images/bullet.gif) left no-repeat;
		padding-left: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0;
		border-bottom: 1px dotted #D0D0D0;
		display: block;
		width: 199px;
		}

#sidebar .sidelower {
        	background: url(images/sidebar_foot.gif) center top no-repeat;
        	height: 27px;
        	padding: 0;
        	margin: 0 0 20px 0;
		}

#sidebar a 	{
		background-color: #3399ff;
		display: block;
		font-weight: bold;
		color:#FFFFFF;
		}

#sidebar a:hover {
		display: block;
		font-weight: bold;
		color: #ffffff;
		background-color:#FFCD00;
		text-decoration: none;
		}

#nobg a, #nobg a:hover	{
	background:none;
	color:#FF6600;
	font-weight:bold;
	display:inline;
	text-align:center;
	}

/* ################ C   O   M   M   E   N   T ########################*/
.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}
	
.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
		}

.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
		margin: 10px 5px 10px 0;
		}

.commentlist {
		padding: 0;
		text-align: justify;
		}

.commentlist li {
		font-weight: bold;
		margin: 15px 0 3px;
		padding: 5px 10px 3px;
		list-style: none;
		}

.commentmetadata {
		font-weight: normal;
		margin: 0;
		display: block;
		}

h3#comments 	{
		padding: 0;
		margin: 40px auto 20px ;
		font-size: 13px;
		}

h3#respond 	{
		font-size: 13px;
		}

#commentform p {
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

#commentform textarea {
		width: 100%;
		padding: 2px;
		}

#commentform #submit {
		margin: 0;
		float: right;
		}

#commentform p {
		margin: 5px 0;
		}

.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		color: #777;
		}

.alt 		{
		margin: 0;
		padding: 10px;
		color:#666666;
		background-color: #f8f8f8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}



/* ################ I   M   A   G   E ########################*/

p img 		{
		padding: 0;
		max-width: 100%;
		}

img.centered {
		padding: 2px;
       	border: 1px solid #ccc;
       	background: #fff;
		display: block;
		margin-left: auto;
		margin-right: auto;
		color: #000;
		}

img.alignright {
		padding: 2px;
		border: 1px solid #ccc;
		background: #fff;
		margin: 0 0 2px 7px;
		display: inline;
		color: #000;
		}

img.alignleft {
		padding: 2px;
		border: 1px solid #ccc;
		background: #fff;
		margin: 0 7px 2px 0;
		display: inline;
		color: #000;
		}

.gravatar 	{
        	float:right;
        	padding: 2px;
        	border: 1px solid #ccc;
        	background: #fff;
       	margin: 0 0 2px 7px;
		color: #000;
		}
		
.sinapsis	{
	display: none;
	}
	
img	{
	border:0px;
	}
	
.adsense	{
	padding-left: 43px;
	background-image:url(images/bg_adsense.gif);
	background-repeat:no-repeat;
	}

.ad200naranja	{
	display:block;
	width: 230px;
	height:254px;
	padding-top:27px;
	padding-left:15px;
	background-image:url(images/bg_ad_naranja.gif);
	background-repeat:no-repeat;
	}

.ad200cian	{
	display:block;
	width: 230px;
	height:254px;
	padding-top:27px;
	padding-left:15px;
	background-image:url(images/bg_ad_cian.gif);
	background-repeat:no-repeat;
	}

.flickr {
	display:block;
	width: 230px;
	height:254px;
	padding-top:27px;
	padding-left:60px;
	background-image:url(images/bg_ad_naranja.gif);
	background-repeat:no-repeat;
	}

	
.firefox	{
	padding-left: 20px;
	padding-bottom:20px;
	}
	
.topad	{
	padding-top:70px;
	padding-left:40px;
	display:block;
	padding-bottom:50px;
	}
	
.adamarillo	{
/*	background-image:url(images/bg_ad_amarillo.jpg);
	background-repeat:no-repeat;*/
	background-color:#FF9900;
	padding-left:43px;
	padding-top:5px;
	padding-bottom:5px;
/*	width:320px;
	height:80px;*/
	display:block;
	}
	
.vineta	{
	padding-right:5px;
	}
	
	
/* SOBREEXPUESTOS */

#seblog	{
	background-color: #FFCC00;
	color: #666666;
	}
	
#seblog .feedTitle	{
	display: none;
	}	
	
#seblog a:link, #seblog a:hover, #seblog a:visited, #seblog a:active	{
	padding:5px;
	display:block;
	color: #990000;
	font-weight:bold;
	background-color:#FFCC00;
	}
	
#seblog a:hover	{
	text-decoration:underline;
	}

#seblog	.logo{
	width:230px;
	height:60px;
	background-image:url(images/boton_SE_ccsblog.gif);
	display: block;
	}
	
#seblog .colofon	{
	width:230px;
	height:15px;
	background-image:url(images/boton_SE_colofon.gif);
	background-position:bottom;
	margin-bottom:15px;
	}
	
#seblog ul, #seblog li	{
	padding:0px;
	margin:0px;
	list-style-type:none;
	list-style-image:none;
	}
	
#seblog ul li div	{
	padding:5px;
	overflow:hidden;
	}
	
#chicle	{
	width:230px;
	height:100px;
	overflow:hidden;
	}

#chicle a, #chicle a:hover	{
	display:inline;
	}