/* 
	Theme Name: Fabrica de Caricaturas v3.0 2-Columnas
	Theme URL: http://www.pixelcss.es
	Description: Fabrica de Caricaturas 2-columnas theme created for Wordpress.
	Author: BienB
	Author URI: http://www.pixelCSS.es
	Version: 3.0
	
	Changelog:
		v1.0 - 04.26.08
		v3.0 - 11.03.09
		First Release of PixelCSS 2-Columnas
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* General ------------------------------------------------------------------- */
body {
	background-color:#ece7d6;
	color: #333333;
	font-size: 16px;
	line-height:1.2em;
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin: 0 auto;
	padding: 0;
}

h1 { font-size: 25px; line-height: 1.2em; color: #333; font-weight: normal; }
h2 { font-size: 16px; line-height: 1.2em; color: #333; font-weight: normal; }
h3 { font-size: 16px; line-height: 1.2em; color: #333; font-weight: bold;}
h4 { font-size: 16px; line-height: 1.2em; color: #333; font-weight: bold;}
h5 { font-size: 16px; line-height: 1.2em; color: #333; font-weight: bold;}

a, a:visited {
	color: #498400;
	text-decoration: none;
}
a:hover {
	background-color:#498400;
	color:#fff;
	text-decoration: none;
}
blockquote {
	margin: 0 10px 15px 16px;
	padding: 0 10px 0 10px;
	border-left: 4px solid #373737;
}

table {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 14px;
}
caption {
	font-size: 16px;
	text-align:left;
	font-weight: bold;
	color:#4c4b49;
}
th {
	background-color: #aca392;
	color: #fff;
	text-align:left;
	padding: 4px 4px 2px 4px;
	border-bottom: 2px solid #9cda4a;
}
td {
	background-color: #f5f2e6;
	padding: 4px;
}


/* Clases generales ---------------------------------------------------------- */
.clear { clear:both; }
.separador-5  { width:100%; height:5px;  clear:both; }
.separador-10 { width:100%; height:10px; clear:both; }
.separador-20 { width:100%; height:20px; clear:both; }
.separador-30 { width:100%; height:30px; clear:both; }


/* Contenedores -------------------------------------------------------------- */
#wrap {
	margin: 0 auto 0;
	padding: 0;
	background: #ece7d6 url(images/bg-wrap.jpg) top left no-repeat;
}


/* Header -------------------------------------------------------------------- */
#header {
	width:100%;
	height:120px;
	background-color: #322f2a;
}
#headertop { 
	width: 960px;
	height: 26px;
	margin: 0 auto;
	padding: 0;
	background: #322f2a url(images/bg-headertop.png) top center no-repeat;
}
#header-in {
	width: 960px;
	height: 100px;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #322f2a url(images/bg.png) top center no-repeat;
}
	.headerleft {
		width: 300px;
		float: left;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.headerright {
		width: 660px;
		float: right;
		margin: 0;
		padding: 55px 0 0 0;
		overflow: hidden;
	}

#headertop h1 {
	color:#a8d949;
	color:#fff;
	font-size: 14px;
	font-weight:400;
	margin: 0;
	padding:5px;
	text-align: right;
}

#header a img {
	border: none;
	margin: 0;
	padding: 0;
}



/* Nav ----------------------------------------------------------------------- */
#nav {
	margin: 0;
	padding: 0;
	float: right;
}
#nav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
	display: block;
	margin: 0 2px;
	padding: 10px 13px;
	color: #fff;
	font-size: 12px;
	text-transform: lowercase;
}
#nav li a:hover, #nav li a:active {
	margin: 0 2px;
	padding: 10px 13px;
	color: #fff;
	text-decoration: none;
}

#nav li.current_page_item a {
	margin: 0 2px;
	padding: 10px 13px;
	background-color:#578a17;
}




/* pagina --------------------------------------------------------------------- */
#pagina {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 10px 0;
	line-height: 20px;
}
#pagina .postleft {
	float: left;
	width: 470px;
	min-height:420px;
	margin: 0;
	padding: 0 0 20px 0;
	background: transparent url(images/bg-postleft.gif) top left no-repeat;
}
#pagina .postright {
	float: right;
	width: 450px;
	margin: 0;
	padding: 0 0 20px 0;
}

#pagina h1 {
	margin: 40px 0 10px 0;
	padding: 0;
}
#pagina h2 {
	margin: 0 0 5px 0;
	padding: 0;
}
#pagina h3 {
	margin: 0 0 10px 0;
	padding: 0;
}
#pagina .postleft p {
	margin: 0 0 10px 0;
}
#pagina .postleft ul {
	list-style-type: square;
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
}
#pagina .postleft ul li {
	list-style-type: square;
	margin: 0 0 0 15px;
	padding: 0 0 5px 0;
}
#pagina #photos {
	width: 960px;
	margin: 30px auto 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #998F78;
}
#pagina #photos img {
	float:left; 
	margin:0 10px 20px 0; 
	width: 75px;
	height: 75px;
}
#pagina #photos a img, #pagina #photos a:visited img {
	padding: 0;
	border: 3px solid #fff;
}
#pagina #photos a:hover img {
	padding: 0;
	border: 3px solid #999999;
}


/* Blog ----------------------------------------------------------------------- */
#content {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 10px 0;
	line-height: 20px;
}
#content .postleft {
	float: left;
	width: 450px;
	min-height:420px;
	margin: 0;
	padding: 0 0 20px 0;
	/*background: transparent url(images/bg-postleft.gif) top left no-repeat;*/
}
#content .postleft p {
	margin: 0;
	padding: 0 0 15px 0;
}
#content .postright {
	float: right;
	width: 490px;
	margin: 0;
	padding: 0 0 20px 0;
}
#content .postright p {
	margin: 0;
	padding: 0 0 15px 0;
}
#content .postright img {
	border: 4px solid #fff;
}
#content .postright p img {
	margin-top:48px;
	float:right;
}

#content h1 {
	margin: 40px 0 10px 0;
	padding: 0;
}
#content h1 a  {
	padding: 1px 3px 1px 0;
	color: #333;
	text-decoration: none;
}
#content h1 a:hover {
	color: #fff;
	text-decoration: none;
}
#content h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

#content h3 {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#content h4 {
	margin: 0 0 20px 0;
	padding: 0;
}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0;
	margin: 0;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0;
	margin: 0;
	}
	
#content blockquote p {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	}



#content #photos {
	width: 960px;
	margin: 30px auto 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #998F78;
}
#content #photos img {
	float:left; 
	margin:0 10px 20px 0; 
	width: 75px;
	height: 75px;
}
#content #photos a img, #content #photos a:visited img {
	padding: 0;
	border: 3px solid #fff;
}
#content #photos a:hover img {
	padding: 0;
	border: 3px solid #999999;
}

#content .commentsleft {
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #373737;
}


/* Footer --------------------------------------------------------------------- */
#footerbg {
	background: none;
}
	
#footer {
	width: 960px;
	/*height: 100px;*/
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #998F78;
	font-size: 13px;
}
.footer-1 {
	width: 300px;
	float: left;
	margin: 15px 0 10px 0;
	padding: 5px 0 0 20px;
	border-left: 1px solid #998F78;
}
.footer-2 {
	width: 300px;
	float: left;
	margin: 15px 0 10px 0;
	padding: 5px 20px 0 20px;
	border-left: 1px solid #998F78;
}
.footer-3 {
	width: 260px;
	float: left;
	margin: 15px 0 10px 0;
	padding: 5px 0 0 20px;
	border-left: 1px solid #998F78;
}	

#footer h4 {
	color: #333;
	margin: 0;	
	padding: 0 0 5px 0;
}
#footer p {
	color: #666;
	margin: 0;	
	padding: 0 0 5px 0;
}
#footer p.footer-email {
	padding-left: 25px;
	background: #ece7d6 url(images/sobre.gif) top left no-repeat;
}

#footer a, #footer a:visited {
	padding: 0 2px;
	color: #333;
	text-decoration: underline;
}
#footer a:hover {
	background-color:#578a17;
	color:#fff;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#footer li {
	display: block;
	margin: 0;
	padding: 1px 2px;
	border-bottom: 1px solid #cccccc;
}
#footer li a, #footer li a:visited {
	background-color: transparent;
	padding: 1px 3px 1px 1px;
	border-bottom: 0;
	text-decoration: none;
}
#footer li a:hover {
	background-color:#498400;
	color:#fff;
	text-decoration: none;
}


/* Pie de pagina -------------------------------------------------------------- */
#pie {
	width:100%;
	min-height:70px;
	margin: 10px 0 0;
	padding: 10px 0;
	color: #fff;
	background-color: #322f2a;
	clear:both;
}
#pie a, #pie a:visited {
	padding: 0 2px;
	color: #fff;
	text-decoration: none;
}
#pie a:hover {
	background-color:#578a17;
	color:#fff;
}

#pie-in {
	width: 960px;
	min-height:50px;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-align:center;
}
#pie-in .mini-banners {
	margin-top:10px;
}
#pie-in .mini-banners a:hover {
	background-color:transparent;
}

	
/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0;
	padding: 0;
	}
	
#searchform {
	margin: 0;
	padding: 4px 0 0 0;
	}
	
#s {
	background: #FFFFFF;
	width: 210px;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0 0 0 0;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#sbutt {
	background: #222222;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 1px;
	margin: 0;
	border: 1px solid #FFFFFF;
	}




/* Comentarios ---------------------------------------------------------------- */

#commentblock {
	width: 450px;
	float: left;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	line-height: 20px;
	font-size:13px;
}
.commentleft {
	width: 130px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
	text-transform: lowercase;
}
.commentright {
	width: 270px;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-transform: lowercase;
}

#commentblock p {
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
}
#commentblock ol {
	margin: 0 5px 0 20px;
	padding: 0 0 10px 0;
}
#commentblock ol li {
	margin: 0;
	padding: 0;
}
.commentdate {
	font-size: 12px;
	padding-left: 0;
}
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0;
}
.commentname {
	color: #333333;
	margin: 0;
	padding: 5px 5px 5px 0;
}
.commentinfo {
	clear: both;
}

#name, #email, #url {
	width: 280px;
	color: #333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0;
	padding: 4px;
	background-color: #f5f2e6;
	border: 1px solid #998f78;
	border-left: 2px solid #998f78;
}
	
#words {
	width: 430px;
	color: #333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0;
	background-color: #f5f2e6;
	border: 1px solid #998f78;
	border-left: 2px solid #998f78;
	}
	
#submit {
	color: #333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	text-transform: uppercase;
	padding: 3px;
	margin: 0;
	background-color: #f5f2e6;
	border: 1px solid #998f78;
	border-left: 2px solid #998f78;
	}



/* Descartados *********************************** */
/* **************************************************
.contentleft {
	float: left;
	width: 630px;
	margin: 0 0 0 0;
	padding: 10px 0 20px 0;
	}
	
.contentleft ol {
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	}
	
.contentleft ol li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	}
	
.contentleft ul {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	}
	
.contentleft ul li {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	}
************************************************** */