/*  
Theme Name: piglesias.com
Theme URI: 
Description: in the begining theme based on the famous
<a href="http://binarybonsai.com/kubrick/">Kubrick</a> but now is a self based theme :).
Version: 0.5
Author: Pablo Iglesias (a.k.a. Public)
Author URI: http://piglesias.com/

*/

*{
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 100%;
	width: 100%;

	
}

body {
	height: 100%;
	width: 100%;
	font-size: small;
	font-family: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #555;
	/*background-color: #222;*/
	background: url(images/fondo_body2.jpg) #222 no-repeat top right;
	behavior: url(csshover.htc);
}

/*-- ELEMENTOS GENERICOS --*/
a {
	color: #CC0001;
	text-decoration: none;
}

a:hover {
	
	text-decoration: underline;
}


img{
	border: 0;
}

img.thumbs_portada {
	width: 50px;
	height: 50px;
}

ul, li {
	
	list-style-type: none;
	list-style-position: inside;
	
}

li {
	
}

ul.bullet li {
list-style-type: none;
list-style-position: inside;
padding-left: 12px;
background: url(images/bullet_orange.gif) no-repeat -3px 1px;
margin-left:10px;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #555; 
	}

h1 {
	position: relative;
	font-size: small ;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	width: 50%;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	
}

h3.titulo_individual {
	
	font-size: 2.1em;
}



h3, h4, h5, h6 {
	font-size: large;
}

.clear_both {
	clear: both;
}

.float_left {
        float:left;
clear:both;
}

.float_right {float:right; clear:both;}

/*-- CABECERA --*/


h1>img /*imagen logo*/

{
	display:block;
	
}

h1>span /*texto del titulo*/

 {
	display:block;
	width: 100%;
	
}

#cabecera {
	width: 85%;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #FFF;
}

/*-- MENU --*/
#navegacion {
	height: 115px;
	width: 99.9%;
	float: left;
	background: url(images/fondo_menu2.gif) repeat-x bottom  #000;
	border-bottom: 1px solid #000;
}

ul#menu {
	float: left;
	display: block;
	background: url(./images/fondomenu.jpg) repeat-x #920A0A;
	padding-left: 30%;
	height: 6.1em;
	width: 70%;
	border-bottom: solid 1px #680B0B;	
	
}

ul#menu li, ul#menu li#primero {
	display: block;
	list-style-type: none;
	list-style-position: inside;
	float: left;
	border-right: solid 1px #930B0B;
}

ul#menu li#primero {
	border-left: solid 1px #930B0B;
	
}

ul#menu li a {
	display: block;
	color: #FFF;
	float: left;
	font-size: /*125%*/1.2em;
	padding: 1em;
	padding-top: 3em;
	width: 4.1em;
	height: 1em;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	text-transform: lowercase;
}

ul#menu li a:hover {
	background-color: #AB0B0B; 
}

/*-- FIN MENU --*/

/*-- SUBNAVEGACION --*/
ul#menu2{
	float: right;
	display: block;
	height: 27px;
	margin-top: 5px;
	margin-right: 23%;
	width: auto;
	font-size: 0.86em;
	
	
}

ul#menu2 li {
	float: left;
	
}

#menu2 li a {
	float: left;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	color: #FFF;
	margin-top: 2px;
}

.rss {
	background: url(images/piglesias-rss.gif) 0 0 no-repeat;
	padding-left: 22px;
}
#buscador {
	float: left;
	margin: 3px auto auto 3px;
}

#campo_buscar {
	border: 1px solid #6C6C6C;
	padding-left: 3px;
}

#boton_buscar {
	cursor: default;
	
}
/*-- FIN CABECERA --*/



#contenedor, #contenedor_portada {
	
	margin-left: auto;
	margin-right: auto;
	
	min-height: 500px;
	width: 85%;
	background: url(./images/fondocontenidos.jpg) repeat-y;
	background-position: /*71%*/63% 5px;
	background-color: #FFF;
	
}

.header2 {
	width: 100%;
	
	padding-top:1%;
}

.header2 h2 {
	margin: 2.5%;
	line-height: 150%;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#header_blog {
	background-color: #33CC34;
}

#header_portafolio {
	background-color: #87CEFA;
}


#bienvenida {
	background-color: #91CBDD;
	color: #FFF;
	padding: 1.5em;
}

#columna_contenidos {
	float: left;
	margin: 2.5%;
	
	width: 57%;
}

/* --- POST --- */

.post {
	float: left;
	margin-bottom: 6%;
	padding-bottom: 2%;
	/*width: 95%;*/

}

.post h3 {
padding-top: 25px;
	margin-bottom: 1%;
	
}

.post p {
        float: none;
}

.post_busqueda {
	font-size: small;
	margin-top: 3%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.post_busqueda h3 {
	margin-bottom: 0;
}
.post ul  {
	width: 80%;
}

.post ul, .post ul li  {
	list-style-position: inside;
list-style-type: none;
	
}

.post img {
	
	text-align: center;
	border: solid 1px #E5E5E5;
	background-image: url(images/fondo-img.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #C1C2C5;
	margin-right: 1em;
	padding: 5px;
	float: left;
	margin-top: 0;
	
	
}

.post a:hover img {
	background-image: none;
	background-color: #CC0001;
	border: solid 1px #CC0001;
	
}

.fecha{
	float: left;
	width: 65px;
	border: 1px solid #DCDCDC;
	background-image: url(images/fondo-img.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-right: 2%;
}

.fecha span {
	display: block;
	text-align: center;
	
}

.mes {
	
}

.dia{
	font-size: xx-large;
}

.ano{
	background-color: #666;
	color: #F5F5F5;
}

.autor, .extracto {
	clear: both;
	font-style: italic;
	font-family: Georgia, Serif;
	font-size: medium;
	color: #666;
	text-align: right;
	margin-top: 5%;
	margin-right: 5%;
	
	
}

.texto {
	margin-top: 5%;
	margin-bottom: 7%;

	
}
.post_busqueda .texto {
	margin-top: 0;
	margin-bottom: 0;
}
.texto blockquote{
	width: 80%;
	margin: 5% auto;
	font-style: italic;
	padding: 4%;
	border-left: 3px solid #F5F5F5;
}

.post p {
	line-height: 155%;
	padding-top: 1%;
	padding-bottom: 1%;
}

.postmetadata {
	clear: both;
	text-align: center;
	border-top: 1px dotted ButtonFace;
	border-bottom: 1px dotted ButtonFace;
	padding: 0.3em;
}
/* --- POST PORTAFOLIO --- */

.post_portafolio {
	width: 100%;
}

.post_portafolio .texto {

/*width: 330px;*/
margin-left: auto;
margin-right: auto;
	
} 

.post_portafolio .texto img{
float: none;
max-width: 330px;

	
} 




.ficha_portafolio ul.post-meta {
	display:block;
	
	
	margin-top: 1%;
	margin-right: 2%;
	font-size: x-small;
	width: 343px;
	height: 165px;
	padding-top: 55px;
	padding-bottom: 5%;
	background: url(./images/fichas.png) no-repeat top right;
	
}

.ficha_portafolio ul.post-meta li {
	width: 80%;
	float:right;
	margin-right: 12%;
	list-style-type: none;
	background-image: none;
}

.ficha_portafolio ul.post-meta .post-meta-key{
	font-weight: bold;
}

/* --- PAGINACION --- */

.paginacion {
	clear: both;
	float: left;
	padding: 3%;
	width: 90%;
	border: 1px solid #CC0001;
	height: 2em;
	
}


/*-- SIDEBAR --*/


.current-cat  a {
	/*background-color: #CC0001;
	color: #FFF;
	padding: 0 0.3em;*/
}

ul#columna_lateral, ul#columna_lateral_portada {
	
	margin: 2em 2em 2em 0;
	width: 32%;
	float: right;
	
}



 li.bloque_lateral {
 clear: both;
 float: rigth;
 margin-bottom: 0.6em;
 width: 100%;
 
}

li.bloque_lateral h3 {
	margin-top: 0em;
	margin-bottom: 0.1em;
}


ul.lista_categorias li, ul.lista_categorias_portada li {
	margin-top: 0.3em;
}
ul.lista_categorias li a, ul.lista_categorias_portada li a {
	background: url(./images/carpeta_ico.gif) no-repeat;
	background-position: 0 -16px;
	margin-left: 0.5em;
	padding-left:1.4em;
}

ul.lista_categorias li a:hover, ul.lista_categorias li.current-cat a {
	background-position: 0 0px;
}



ul.lista_categorias li.current-cat a {
	font-size: large;
	background: url(./images/carpeta_ico2.gif) no-repeat;
	background-position: 0 0;
	margin-left: 0.2em;
}

/*thumbnails portafolio*/

ul.portada_del_portafolio li {
	margin-top:3%;
}
ul#extractos_portafolio {
	display: block;
	margin-top:1%;
}

ul#extractos_portafolio li{
	display: block;
	margin: 0;
	float: left;
}

a.thumb_portafolio{
	display: block;
	margin: 2% auto auto 5px;
	float: left;
	padding: 0;
	border: 3px solid #A1A1A1;
	height: 40px;
}

a.thumb_portafolio:hover {
	border-color: #CC0000;
}

a.thumb_portafolio img{
	width: 40px;
	height: 40px;
	margin: 0;
}



/*---PORTADA---*/

#contenedor_portada {
	/*background-image: none;*/
}

#contenedor_portada #columna_contenidos {
	/*width: 63%;
	border: 0px solid orange;*/
}

.caja_portada {
	/*float: left;*/
	width: 100%;
	/*margin: 3%;*/
	margin-bottom: 6%;
}

.caja_portada h2 {
	
}

.caja_portada h3{
	width:100%;
	margin: 1% 0;
}

.caja_portada h3 a{
	/*font-family: Trebuchet MS, sans-serif;*/
	/*font-size: smaller;
	text-decoration: none;
	font-weight: normal;
	width:100%;*/
	
}

.caja_portada h3 a:hover{
	text-decoration: underline;
}

ul#columna_lateral_portada {
/*	width: 27%;*/
	
	
}

.portafolio_portada {
	background-color: #D0D6D9;
	width: 70%;
	padding: 0.6em 0 0.3em 0.8em;
	 
}

.portafolio_portada h3{
	color: #FFF;
}

/*Extractos portada*/

ul#extractos_portada {
	display: block;
	width: 95%;
	font-size: 0.8em;
}

ul#extractos_portada li {
	margin-top: 10px;
	float: left;
	padding:0;
	
	clear: both;
	width: 100%;
}

ul#extractos_portada li a  {
	display: block;
	margin: 0;
	height: /*5em*/auto;
	min-height: 4.5em;
	width: 100%;
	border: 0px solid #C10001;
	padding:0;
	padding-bottom: 10px;
	color:#666;
	text-decoration: none;
	background-color: #E2E7ED;
}

ul#extractos_portada li a:hover {
	background-color: #C10001;
	text-decoration: none;
	color: #FFF;
}

ul#extractos_portada li a img {
	float:left;
	display: block;
	padding: 0;
	width: /*4.4em*/40px;
	height: /*4.4em*/40px;
	margin: 3% auto 3% 2%;
	border: 1px solid #fff;
	
}

ul#extractos_portada li a span  {
	width: 73%;
	float:left;
	display: block;
	margin-left: 3%;
	/*position: absolute;
	margin-left: 30px;
	margin-top: -40px;*/
	
}

.titulo_extractos {
	margin-top: 3%;
	display: block;
	float:left;
	font-weight: bold;
	text-transform:uppercase;
	
}
.subtitulo_extractos {
	font-variant: normal;
	
}
/*fin Extractos portada*/




/*---FIN PORTADA---*/

/*---FORMULARIOS---*/

/*comentarios*/

#comentarios {
	float: left;
	background-color: /*#2A2A2A*/#111;
	color: #F3F4F5;
	width: 94%;
	min-height: 300px;
	padding: 3%;
	
}




ol.commentlist {
	
	width: 60%;
	float: left;
}

ol.commentlist li {
	
	margin-top: 3em;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 1em;
}

#escribir_comentario {
	width: 35%;
	
	background-color: #BABABA;
	
}

#commentform {
	margin-top: 2%;
	
}

input, textarea {
	background: url(./images/fondo_forms.gif) repeat-x #FFF;
	border: 1px solid #666;
}

#commentform input, #commentform textarea {
 	margin-top: 0.8%;
}

#pie {
	float:left;
	min-height: 10%;
	height: 10%;
	width:100%;
	background: url(./images/fondomenu.jpg) repeat-x #920A0A;
	margin: 0;
	padding-top:3%;
	margin-bottom: 0;
}

#pie a{
	color: #FFF;
	text-decoration: underline;
}

#pie p {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	width: 52%;
	height: 5%;
}
.statcounter {
	display: none;
}