/*
Theme Name: Mineria responsable
Theme URI: http://wordpress.org/
Description: Tema diseñado por Jorge merchán e implementado por <a href="http://felipesilva.com/">Felipe Silva Herrán</a>.
Version: 1.0
Author: Jorge Merchan - Felipe Silva Herrán
Author URI: http://felipesilva.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* GENERAL */

* {
	padding:0;
	margin: 0;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height:180%;
	font-family:Helvetica, Arial, sans-serif;
	color: #535353;
	/* background:#E1EEAF; */
background-image: url("http://www.mineriaresponsable.com.ec/wp-content/themes/FlexxGreen/images/body-bg.jpg");
	}

h6.titulo {float:left;}
h6.titulo span{display:none;}
a{ color:#6C6E0D; text-decoration:none;}
a:hover{ color:#000; text-decoration: underline;}

/* CONTENEDORES */

#contenedor {
	width:1000px;
	margin:0 auto;
	background:url(images/fondo.gif) repeat-y;
}

/* Encabezado */
#encabezado {
	width:1000px;
	height:247px;
	background:url(images/header.jpg) no-repeat;
}
#navegacion {
	width:860px;
	height:72px;
	padding:156px 0 0 120px;
	float:left;
	font-size:1.3em;
	font-stretch:condensed;
	text-transform:uppercase;
}
#navegacion ul{
	list-style:none;
	margin:40px 0 0 0;
	width:315px;
	float:left;
}
#navegacion ul li{
	float:left;
	margin:0 5px;
}
#navegacion ul li a{
	color:#F8E3AF;
	text-decoration:none;
	display:block;
	height:30px;
	width:80px;
}
#navegacion ul li a:hover{
	color:#FFF;
}
#navegacion ul li a span{
	display:none;
}

.bt-rss{
	float:left;
	height:72px;
	width:80px;
}
.bt-rss a{
	display:block;
	height:72px;
	width:80px;
}
.bt-rss a span{
	display:none;
}
.buscar{
	float:left;
	height:32px;
	width:250px;
	padding:38px 0 0 120px;
}
.buscar form{
	vertical-align:top;
	float:left; 
} 
.buscar input#searchsubmit{vertical-align:bottom;}

/* Contenido */
#cuerpo {
	width:970px;
	padding:0 0 0 30px;
}
#contenido {
	width:591px;
	min-height:400px;
	float:left;
	background:url(images/contenido.jpg) no-repeat #E8E8E8;
}
#contenido .post, #contenido .comentarios, #contenido .page{
	margin:0 15px;
	padding:25px 15px 10px 15px;
	font-size:1.3em;
}
#contenido h1 {
	font-size:1.8em;
	line-height:120%;
	padding:5px 0;
	float:left;
	width:450px;
	margin:0 20px 10px 0;
}
#contenido .separador{
	clear:both;
}

#contenido h2 {
	padding:15px 0;
	font-size:1.4em;
	font-weight:normal;
}
#contenido h3 {
	padding:5px 0;
	font-size:1em;
	font-weight:normal;
	color: #666;
}
#contenido p{
	padding:0 0 10px 0;
	text-align:justify;
}
#contenido ul, #contenido ol{
	margin:0 0 10px 20px;
}
#contenido li{
	margin:5px 0;
}
#contenido img{
	margin:0 10px 10px 0;
	float:left;
}

/* Laterales */

#lateral {
	width:379px;
	min-height:985px;
	float:left;
	background:url(images/sidebar.jpg) no-repeat;
	overflow:visible;
}
#lateral1 {
	width:323px;
	float:left;
	padding:10px;
}
#lateral3 #twtr-widget-1 h4 {
	font-size:14px !important;
}

.sidebar {
	width:150px;
	padding:10px;
	float:left;
	color:#535353;
	font-size:1.3em;
}
.sidebar ul, .sidebar ol{
	margin:0 0 0 20px;
	list-style:square;
}
.widget{
	margin:10px 0;
}
.widget li{
	margin:5px 0;
}
.widget h3{
	font-size:1.4em;
	background:#7E7C32;
	color:#E8E9CC;
	margin:0 0 10px 10px;
	text-transform:uppercase;
	font-weight:normal;
}
#calendar_wrap{
	margin:0 0 0 10px;
}

/* Pie */
#pie {
	width:980px;
	background:#1E1E1E;
	padding:10px 0 0 20px;
	clear:both;
	color:#FFF;
	border-top:#3D3D3D 6px solid;
}
#fondo {
	width: 30px;
	height:528px;
	background:url(images/bottom.jpg) no-repeat;
	float:left;
	position:absolute;
	z-index:2;
	margin:-544px 0 0 -20px;
}

/* ESPECÍFICOS */

.tags {
	border-bottom:#909090 1px solid;
	margin:20px 0 10px 0;
	text-align:right;
	padding:0 0 10px 0;
}
.fecha{
	float:left;
	height:60px;
	width:53px;
	background:url(images/fecha.gif) no-repeat;
	text-align:center;
	text-transform:uppercase;
	padding:7px 0 0 0;
}
.mes{
	color:#EFE8CE;
	font-size:0.9em;
}
.dia{
	font-size:1.8em;
	color:#C8A679;
	margin:5px 0 0 0;
}
.odd, .page{
background-color: #D1D1D1; }
.even {
background-color: #E8E8E8; }
.txt_right {
	text-align:right;
}
#comment {
	width:500px;
}
#respond h2 {
	font-size:1.1em; color:#C00;
}
#respond h3 {
	font-size:1.1em;
}

