@charset "utf-8";

/*
Theme Name: Haciendo Media Theme
Theme URI: http://blog.haciendomedia.com/
Description: Theme para el blog del jefe
Version: 1.0
Author: Angel Custodio
Author URI: http://angelcustodio.net/
Tags: fixed width, two columns, widgets, static sidebar, simple
*/

/* CONSTANTES */
body { font-family: Georgia, "Times New Roman", serif; }
a { text-decoration: none; }
blockquote { margin: 0 65px 0 5px; padding: 0 0 0 25px; font-style: italic; background: #FFFFFF url('imgs/quote.jpg') no-repeat left 2px; }
.salteador { clear: both; visibility: hidden; height: 1px; }
.separaposts { display: block; height: 23px; }
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 5px 5px 5px 0; }
.alignright { float: right; margin: 5px 0px 5px 5px; }

/* BLOQUES */
div#wrapper {
	margin: 0 auto;
	width: 850px;
	background: #FFFFFF;
}

div#cabecera {
	padding: 35px 0 0 0;
	width: 850px;
	height: 71px;
}
	div#logo { float: left; width: 317px; height: 64px; }
	div#buscador { 
		float: left; 
		margin: 0 0 0 283px;
		padding: 7px 0 0 5px; 
		width: 245px;
		height: 25px; 
		background: #FFFFFF url('imgs/bg-buscador.jpg') no-repeat left top; 
	}
		div#buscador input.buscador { width: 180px; height: 14px; border: none; font-family: Georgia, "Times New Roman", serif; font-size: 13px; color: #a28b7d; }
		div#buscador input.boton { border: none; font-size: 13px; font-family: Georgia, "Times New Roman", serif; color: #988872; background: none; }
	
div#cuerpo {
	margin: 16px 0 0 0;
	width: 850px;
}
	div#posts { 
		float: left;
		width: 560px; 
	}
		div#informacion { display: block; 
			margin: 0 0 15px 0;
			padding: 10px 0 0 15px;
			width: 545px;
			height: 27px; 
			font-family: Georgia, "Times New Roman", serif; 
			font-size: 14px; 
			font-style: italic; 
			color: #FFFFFF; 
			background: url('imgs/bg-informacion.jpg') no-repeat left top; 
		}
		div.post { padding: 0 0 5px 0; width: 560px; background: url('imgs/bg-postline.jpg') no-repeat center bottom; }
		div.post div.titular { margin: 0 0 5px 0; }
			div.post div.titular h2 { display: block; font-size: 18px; line-height: 125%; }
			div.post div.titular h2 a { color: #db3854; }
			div.post div.titular h2 a:hover { color: #978a84; }
		div.post div.fecha { display: block; float: left; width: 280px; height: 18px; font-size: 15px; font-style: italic; color: #948b85; }
		div.post div.numcomentarios { display: block; float: left; padding: 1px 0 0 0; width: 280px; height: 17px; font-size: 13px; text-align: right; }
			div.post div.numcomentarios a { padding: 0 0 0 17px; color: #978a84; background: #FFFFFF url('imgs/bg-numcomentarios.jpg') no-repeat left top; }
			div.post div.numcomentarios a:hover { color: #db3854;}
		div.post div.texto { margin: 13px 0 17px 0; font-size: 13px; color: #756256; line-height: 132%; text-align: justify; }
			div.post div.texto img { margin: 0 0 10px 0; }
			div.post div.texto p { margin: 10px 0 0 0; }
			* > div.post div.texto p:first-child { margin: 25px 0 0 0; }
			div.post div.texto a { color: #db3854; }
			div.post div.texto a:hover { color: #db3854; }
			div.post div.texto ul { margin: 15px 0 5px 5px; }
				div.post div.texto ul li { padding: 2px 0 2px 12px; background: #FFFFFF url('imgs/dot.jpg') no-repeat left 8px; }
		div.post div.meta { color: #7e7262; }
			div.post div.meta a { color: #db3854; }
			div.post div.meta a:hover { color: #7e7262; }
			div.post div.meta span.tweetit { 
				display: block; 
				float: left;
				padding: 9px 0 0 28px;
				width: 77px; 
				height: 20px; 
				font-size: 13px;
				font-weight: bold;
				background: #FFFFFF url('imgs/bg-tweetit.jpg') no-repeat left top; 
			}
			div.post div.meta span.etiquetas {
				display: block;
				float: left;
				width: 410px;
				padding: 9px 0 0 44px;
				height: 20px;
				font-size: 13px;
				background: transparent url('imgs/bg-etiqueta.jpg') no-repeat 10px top; 
			}
		div#navegacion { margin: 10px 0 0 0; }
			div#navegacion a { color: #dddddd; }
			div#navegacion a:hover { color: #988872; }
			div#navegacion span.anterior { margin: 0 7px 0 0; padding: 3px 9px 3px 33px; display: block; float: right; border: 1px solid #dddddd; font-size: 14px; }
			div#navegacion span.siguiente { margin: 0; padding: 3px 9px 3px 11px; display: block; float: right; border: 1px solid #dddddd; font-size: 14px; }
			div#navegacion span.anterior:hover { border: 1px solid #988872; }
			div#navegacion span.siguiente:hover { border: 1px solid #988872; }

	div#sidebar {
		float: left;
		margin: 0 0 0 40px;
		width: 250px;
	}
		div.about { margin: 0 0 25px 0; font-style: italic; font-size: 14px; line-height: 125%; color: #988872; }
			div.about a { color: #a28b7d; }
			div.about a:hover { color: #db3854; }
		div.widget { color: #a28b7d; }
			div.widget a { color: #a28b7d; }
			div.widget a:hover { color: #db3854; }
		div.widget h2 { 
			display: block; 
			padding: 10px 0 0 15px;
			width: 235px; 
			height: 27px; 
			font-size: 16px;
			font-style: italic;
			font-weight: normal;
			color: #FFFFFF;
			background: #FFFFFF url('imgs/bg-widget.jpg') no-repeat left top;
		}
			div.widget h2 a {}
			div.widget h2 a:hover {}
		div.widget ul { margin: 10px 0 15px 0; }
			div.widget ul li {
				padding: 7px 0 8px 0;
				border-bottom: 1px dotted #988872;
				font-size: 13px;
			}
			div.widget ul li a {}
			div.widget ul li a:hover {}
		div.widget div.nubedetags { margin: 10px 0 15px 0; text-align: justify; line-height: 180%; }
		div.widget span.rssfeed { display: inline-block; padding: 2px 0 0 20px; height: 16px; background: #FFFFFF url('imgs/icon-rssfeed.jpg') no-repeat left top; }
		div.widget span.twitter { display: inline-block; padding: 2px 0 0 20px; height: 16px; background: #FFFFFF url('imgs/icon-twitter.jpg') no-repeat left top; }
		div.widget span.email { display: inline-block; padding: 2px 0 0 20px; height: 16px; background: #FFFFFF url('imgs/icon-email.jpg') no-repeat left top; }
	
div#footer { 
	margin: 30px 0 0 0;
	padding: 10px 0 0 0; 
	width: 850px; 
	height: 23px; 
	color: #FFFFFF; 
	text-align: center; 
	font-size: 14px; 
	background: #FFFFFF url('imgs/bg-footer.jpg') no-repeat center bottom; 
}
	div#footer a { color: #9d907d; }
	div#footer a:hover { color: #db3854; }
	
/* COMENTARIOS */
div#comentarios {}
	div#comentarios div.nohaycomentarios { 
		display: block;
		padding: 30px 0 0 0; 
		width: 560px; 
		height: 45px; 
		text-align: center; 
		font-size: 13px; 
		color: #CCCCCC; 
		background: #FFFFFF url('imgs/icon-nohay.jpg') no-repeat 135px top; 
	}
	div#comentarios div.comentarioscerrados { 
		display: block; 
		padding: 30px 0 0 0; 
		width: 560px; 
		height: 45px; 
		text-align: center; 
		font-size: 13px;
		color: #CCCCCC; 
		background: #FFFFFF url('imgs/icon-cerrados.jpg') no-repeat 135px top; 
	}
	div#comentarios div.comentario { width: 560px; }
		div#comentarios div.comentario a { color: #db3854; }
		div#comentarios div.comentario a:hover { color: #db3854; }
		div#comentarios div.comentario div.avatar { float: right; display: block; width: 50px; text-align: right; }
		div#comentarios div.comentario div.texto { 
			float: right; 
			display: block; 
			padding: 5px 25px 0 0;
			width: 480px;
			min-height: 65px;
			font-size: 12px;
			line-height: 132%;
			text-align: right;
			color: #756256; 
			background: #FFFFFF url('imgs/bg-comments.jpg') no-repeat right top; 
		}
			div#comentarios div.comentario div.texto p { margin: 10px 0 0 0; }
			* > div#comentarios div.comentario div.texto p:first-child { margin: 0; }
	div#comentarios div#formulario { padding: 5px 0; ;width: 560px; background: url('imgs/bg-postline.jpg') no-repeat center top; }
		div#comentarios div#formulario div#izquierda { display: block; float: right; width: 390px; }
		div#comentarios div#formulario div#derecha { display: block; float: right; margin: 0 0 0 20px; width: 150px; }
			div#comentarios div#formulario div#derecha input.campo { 
				display: block;
				margin: 0 0 10px 0;
				padding: 0 3px;
				width: 144px; 
				height: 17px;
				border: none;
				font-family: Georgia, "Times New Roman", serif;
				font-size: 12px;
				color: #756256;
				background: #FFFFFF url('imgs/bg-campo.jpg') no-repeat left top;
			}
			div#comentarios div#formulario div#derecha input.submit { 
				display: block;
				margin: 0 0 10px 0;
				width: 150px; 
				height: 17px;
				border: none;
				font-family: Georgia, "Times New Roman", serif;
				font-size: 12px;
				color: #756256;
				background: #FFFFFF url('imgs/bg-submit.jpg') no-repeat left top;
				cursor: pointer;
			}
			div#comentarios div#formulario div#izquierda textarea { 
				display: block;
				margin: 0 0 10px 0;
				padding: 3px 3px 15px 3px;
				width: 384px; 
				height: 91px;
				border: none;
				font-family: Georgia, "Times New Roman", serif;
				font-size: 12px;
				color: #756256;
				background: #FFFFFF url('imgs/bg-textarea.jpg') no-repeat left top;
			}
			
/* HACKS */
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#buscador { padding: 5px 0 7px 5px; }
}