/*  
Theme Name: PixelDeco
Theme URI: http://www.lopsae.com/
Description: Pixeles y formas angulares reminicentes de lo moderno y clásico.
Version: 0.1
Author: Miguel López
Author URI: http://www.lopsae.com/
*/


/*
++++++++++++++++++++++++++++++++++++++++
Etiquetas Base
++++++++++++++++++++++++++++++++++++++++
*/


body,
p,
div{
	margin: 0px;
	padding: 0px;
	color: #2D2D2D;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	text-align: left;
}


body {
	background-color: #DADADA;
}


p{
	padding: 7px 0px 8px 0px;
}


img{
	border-style: solid;
	border-width: 2px;
	border-color: #CCCCCC;
}


a:visited{
	color: #775555;
}
a:link{
	color: #BB5555;
}
a:hover{
	color: #EE4444;
}
a:active{
	color: #FF3333;
}


ul{
	list-style-type: square;
}
/*
li:before{
	content: "\00BB \0020";
}
*/


blockquote, code.blockcode{
	margin: 0px 10px;
	border-style: double;
	border-width: 3px;
	border-color: #D5D5D5;
}


blockquote{
	padding: 8px 20px 8px 45px;
	background: #E5E5E5 url(./images/fondoBlockquote.jpg) no-repeat;
}


code.blockcode{
	padding: 10px 20px 10px 45px;
	background: #E5E5E5 url(./images/fondoBlockcode.jpg) no-repeat;
	display: block;
}



/*
++++++++++++++++++++++++++++++++++++++++
Estructurales
++++++++++++++++++++++++++++++++++++++++
*/


div.contenedorGeneral{
	width: 600px;
	margin: 0px auto 0px auto;
}


div.contenedorEncabezado{
	width: 600px;
	text-align: center;
}


div.contenedorCuerpo{
	width: 600px;
	text-align: left;
}


div.cuerpoInicial{
	width: 600px;
	height: 25px;
	background: url(./images/fondoInicialCuerpo.jpg) no-repeat;
	padding: 20px 0px 0px 0px;
	text-align: center;
}


div.cuerpoMedio{
	width: 520px;
	background: url(./images/fondoMedioCuerpo.jpg) repeat-y;
	padding: 15px 40px 0px 40px;
}


div.cuerpoIntermedio{
	width: 520px;
	height: 25px;
	margin: 5px 0px 20px 0px;
	background: url(./images/fondoIntermedioCuerpo.jpg) no-repeat;
}


div.colofonInicial,
div.colofonArchivosInicial,
div.colofonComentariosInicial{
	width: 600px;
	height: 20px;
}
div.colofonInicial{
	background: url(./images/fondoInicialColofon.jpg) no-repeat;
}
div.colofonArchivosInicial{
	background: url(./images/fondoInicialColofonArchivos.jpg) no-repeat;
}
div.colofonComentariosInicial{
	background: url(./images/fondoInicialColofonComentarios.jpg) no-repeat;
}


div.colofonMedio{
	width: 520px;
	background: url(./images/fondoMedioColofon.jpg) repeat-y;
	padding: 5px 40px 5px 40px;
}


div.colofonIzquierdo{
	width: 240px;
	padding: 0px 20px 0px 0px;
	font-size: 12px;
	float: left;
}


div.colofonDerecho{
	width: 240px;
	margin-left: 260px;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
}


div.colofonSuperior{
	width: 520px;
	height: 5px;
}


div.colofonInferior{
	width: 520px;
	height: 5px;
	clear: both;
}


div.colofonFinal{
	width: 600px;
	height: 50px;
	background: url(./images/fondoFinalColofon.jpg) no-repeat;
	text-align: center;
	clear: both;
}


div.contenedorPie{
	width: 600px;
	padding: 10px 0px;
	text-align: center;
}


div.floatClear{
	height: 1px;
	clear: both;
	overflow: hidden;
}


/*
++++++++++++++++++++++++++++++++++++++++
Del Cuerpo
++++++++++++++++++++++++++++++++++++++++
*/


div.articuloContenido{
	padding: 5px 0px 0px 0px;
}


div.articuloPie{
	padding: 10px 0px 0px 0px;
	text-align: center;
}


div.articuloDescripcion{
	
}


div.articulosNavegacion{
	padding: 0px 0px 30px 0px;
	font-size: 12px;
	text-align: center;
}


div.blogDescripcion{
	font-size: 18px;
	color: #AAAAAA;
	text-align: center;
}


div.cuerpoDescripcion{
	font-size: 16px;
	color: #888888;
	padding: 0px 0px 15px 0px;
	text-align: center;
}



/*
++++++++++++++++++++++++++++++++++++++++
De los comentarios
++++++++++++++++++++++++++++++++++++++++
*/


div.comentariosAviso{
	padding: 2px 6px;
	border: 3px double #DD5555;
}


ol.comentariosLista{
	padding: 0px 40px 5px 40px;
}


div.comentarioPie,
div.comentarioAlternoPie{
	padding: 0px 10px;
	font-size: 11px;
	color: #AAAAAA;
}
div.comentarioPie{
	color: #9F9F9F;
}


span.comentarioAutor,
span.comentarioAutor a{
	font-weight: bold;
	color: #888888;
}
span.comentarioAutor a:hover{
	color: #777777;
}


li.comentario,
li.comentarioAlterno{
	border-left: 3px double #AAAAAA;
	margin: 15px 0px;
	padding: 2px 10px;
}
li.comentarioAlterno{
	background-color: #D8D8D8;
}

li.comentario p,
li.comentarioAlterno p{
	margin: 0px;
	padding: 0px 0px 8px 0px;
}


div.comentariosForma{
	padding: 10px 40px;
}


div.comentarioFormaCampo{
	padding: 0px 0px 10px 0px;
}


input.comentarioFormaTexto{
	width: 150px;
	padding: 1px 2px;
	border: 1px solid #AAAAAA;
}


label.comentarioFormaDescripcion,
div.comentarioFormaDescripcion{
	font-size: 11px;
	color: #666666;
}


textarea.comentarioFormaAreaTexto{
	width: 100%;
	height: 200px;
}


div.comentarioFormaBoton{
	text-align: right;
	padding: 15px 0px;
}



/*
++++++++++++++++++++++++++++++++++++++++
Buscador
++++++++++++++++++++++++++++++++++++++++
*/


input.buscador{
	width: 200px;
	height: 16px;
	margin: 0px;
	padding: 1px 2px;
	border: 1px solid #CCCCCC;
	border-right-style: none;
	color: #555555;
	vertical-align: top;
}


div.cuerpoInicialBuscador{
	text-align: center;
}



/*
++++++++++++++++++++++++++++++++++++++++
Imagenes
++++++++++++++++++++++++++++++++++++++++
*/


img.logoEncabezado{
	width: 600px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	display: block;
	border-style: none;
}


img.icono12x12{
	width: 12px;
	height: 12px;
	border-style: none;
	vertical-align: middle;
}


img.botonBuscador{
	width: 16px;
	height: 16px;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 1px 1px;
	display: inline;
	vertical-align: top;
}


div.imagenCentrada{
	padding: 5px 0px;
	font-size: 12px;
	color: #888888;
	text-align: center;
}


div.imagenCentrada img{
	margin: 0px auto;
	display: block;
}



/*
++++++++++++++++++++++++++++++++++++++++
H's, Spans, y Anchors
++++++++++++++++++++++++++++++++++++++++
*/


h1,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active{
	margin: 0px;
	padding: 0px;
	font-size: 35px;
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}


h2,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active{
	margin: 0px;
	padding: 0px;
	font-size: 25px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}


h3{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}


div.articulosNavegacionDerecha{
	width: 240px;
	font-size: 12px;
	text-align: right;
	float: right;
	display:block;
}


div.articulosNavegacionIzquierda{
	width: 240px;
	font-size: 12px;
	text-align: left;
	float: left;
	display:block;
}


div.fuenteCita{
	text-align: right;
}
div.fuenteCita a{
	padding: 0px 15px 0px 0px;
	background: url(./images/iconoFuenteCita.jpg) no-repeat top right;
}


div.colofonIzquierdo h2,
div.colofonDerecho h2{
	color: #555555;
	font-size: 14px;
	margin: 10px 0px 0px 0px;
}


div.colofonIzquierdo ul,
div.colofonDerecho ul{
	list-style-type: none;
	padding: 0px;
}


div.colofonIzquierdo ul ul,
div.colofonDerecho ul ul{
	list-style-type: square;
	padding: 0px 0px 0px 40px;
}


div.colofonIzquierdo a,
div.colofonDerecho a{
	color: #555555;
	font-weight: bold;
	text-decoration: underline;
}


div.colofonIzquierdo a:hover,
div.colofonDerecho a:hover{
	color: #333333;
}


div.colofonFinal,
div.colofonFinal a{
	color: #5C5C5C;
	font-size: 10px;
}
div.colofonFinal a:hover{
	color: #333333;
}


div.articuloPie,
div.articuloPie a,
div.articuloDescripcion,
div.articuloDescripcion a{
	color: #999999;
	font-size: 12px
}
div.articuloPie a:hover,
div.articuloDescripcion a:hover{
	color: #777777;
}


div.articulosNavegacion a{
	color: #666666;
}
div.articulosNavegacion a:hover{
	color: #444444;
}


div.colofonFinal a,
div.articuloPie a,
div.articulosNavegacion a{
	font-weight: bold;
	text-decoration: underline;
}


div.contenedorPie,
div.contenedorPie a{
	color: #888888;
	font-size: 10px;
}
div.contenedorPie a{
	font-weight: bold;
	text-decoration: none;
}
div.contenedorPie a:hover{
	text-decoration: underline;
}