/*  
Theme Name: Valechumbar Theme
Theme URI: http://www.muyblog.com/
Description: Tema de Valechumbar
Version: 0.1
Author: Juan Hidalgo
Author URI: http://www.juanhidalgo.info/

*/

p.clear { margin: 0; padding: 0; clear: both; }

/*@links varios */
a:link {
	color: #34913E;
	text-decoration: none;
}

a:visited {
	color: #b85b5a;
	text-decoration: none;
}

a:hover, a:active {
text-decoration: underline;
}


/* @MENU SUPERIOR */
#topmenu {
	text-align: right;
	font-size: 1.7em;
	padding: 10px 0 0 0;
	margin: 0 15px 0 0;
	line-height: 1em;
	}

#topmenu ul {
	margin: 0;
	padding: 0;
	}

#topmenu ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#topmenu a:link, #topmenu a:visited {
	font-weight: bold;
	color: #D9D9D9;
	background: url(images/icon-document.gif) no-repeat right;
	padding: 0 12px 0 0;
	}

#topmenu a:hover, #topmenu a:active {
	color: #34913E;
	text-decoration: none;
	}

/* FIN MENU SUPERIOR */

/* @BODY Y DIVS PRINCIPALES */

body {
	/*Tipografias y fondos */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	background: url(images/bg.gif);
	color: #333; /*pongo de color de texto un gris más comodo para leer */
	text-align: center;
	font-size: 13px;
	/*Estructura */
	margin: 0;
	padding: 0;
	}

#header {
	background: #FFFFFF url(images/header.jpg) top left no-repeat;
	padding: 0;
	margin: 0;
	height: 245px; /*la altura de la imagen + 10px de margen*/
	width: 830px;
	}
	
#headerimg {
	position: absolute;
	margin: 115px 0 0 468px; /*ubicar el logo-valechumbar correctamente */
	}

#headerimg h1 {
	/*background: url(images/logo-valechumbar.jpg) no-repeat; *//*reemplazo texto valechumbar con la imagen */
	text-indent: -5000px; /*para que no se vea el texto */
	width: 332px;
	height: 45px;
	margin: 0;
	padding: 0;
	}

#page {
	text-align: left; /*reseteo a align left */
	background: #FFFFFF url(images/bgsidebar.gif) right repeat-y; /*con la imagen hago que el color del sidebar llegue hasta el final */
	margin: 15px  auto; /*para centrarlo en la pantalla */
	padding: 0;
	width: 830px;
	border: 0;
	}
	
.narrowcolumn {
		display: inline; /* arregla bug de IE6 (double-margin) y no hace nada en los demas */
	float: left;
	padding: 0;
	margin: 0 0 0 20px;
	width: 470px;
	background: #FFFFFF;
	}
	
/*@FOOTER */
#footer {
	background: #47A338 url(images/bg-footer.gif) repeat-x;	
	clear: both;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	width: 830px;
	text-align: center;
	}
	
#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

#footer a:link {
color: #FFFFFF;
}

/*FIN FOOTER */
	
/* @SIDEBAR */
/*layout */
#sidebar
{	font-size: 10px;
	padding: 0;
	margin: 0 0 0 509px;
	width: 312px;
	}

#sidebar1 {		/*sidebar izquierda */
	float: left;
	width: 170px;
	margin: 0;
	} 

#sidebar2 {		/*sidebar derecha */
	float:left;
	margin: 0 0 0 10px;
	width: 127px; /*no es 130px porque IE6 me rompe las pelotas */
	}


#sidebar0 {		/* sidebar completa arriba */
	text-align:center;
	}

#sidebar3 {		/* sidebar completa abajo */
	margin: 0;
	text-align:center;
	}

/*#sidebar form {
	width: 110px;
	padding: 0;
	margin: 0;
	}*/
/*fin layout*/	
/*elementos de sidebar */
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	padding: 0;
	margin: 0; /*le saco los margenes default que tienen las listas */
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#sidebar ul li ul li {
	background: #EEEEEE;
	padding: 2px 10px;
	margin: 1px 0 0 0;
	}
	
#sidebar ul li ul li:hover {
	background: #E7E7E7;
	padding: 2px 10px;
	margin: 1px 0 0 0;
	}

/* links de sidebar */
#sidebar ul li a:link, #sidebar ul li a:visited {
	display: block;
	background: url(images/arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	color: #635D45;
	text-decoration: none;
	}	

#sidebar ul li a:hover, #sidebar ul li a:active {
	text-decoration: underline;
	}

#sidebar ul.inline li a:link, #sidebar ul.inline li.inline a:visited { /*class especial para links inline */
	display: inline;
	}

#sidebar ul.nobullet li a:link, #sidebar ul.nobullet li.inline a:visited { /*class especial para links inline sin bullet */
	display: inline;
	background: none;
	padding: 0 0 0 4px;
	}	

#sidebar h2 {
	background: /*#FFFFFF*/ url(images/sidetitlebg-right.gif) bottom right no-repeat; /*rounden derecho */
	color: #FFFFFF /*#34913E*/;
	font-size: 12px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 5px 0 3px 10px; 
	margin: 10px 0 0 0;
		}	
		
.rounded {
	background: url(images/sidetitlebg.gif) bottom left no-repeat; /*rounded izquierdo */
	}

/* FIN SIDEBAR */	

/* @Titulos de posts */
.post h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 	1.6em;
	font-weight: bold;
	color: #333333;
	}

a.posttitle:link, a.posttitle:visited {
	color: #333333;
	}

a.posttitle:hover, a.posttitle:active {
	color: #34913E;
	}

#posttitle small {
	margin: 0;
	padding: 0;
	}

/* Fecha de post */
.post-date {
	float: left;
	color: #666666;
	font-family: Georgia,'Lucida sans ms', Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	margin: 0 8px 0 5px;
	padding: 4px 0 0 0;
	width: 35px;
	height: 38px;
	background: url(images/date-back.gif) no-repeat;
	line-height:1.5em;
}

.dia {				/* dia en numero */
	font-size: 2em;
	}

.mes {				/* mes en tres letras */
	font-size: 0.9em;
	}
/* fin titulos */

/* @POSTS */

.post h2 {
	margin: 0;
	padding: 0;
	}

.postfoot {
	background: #FFF url(images/bgpostfoot.jpg) no-repeat;
	height: 36px;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	}	

.postfoot a:visited {
	color: #34913E; /*para que en postfoot no sea rojo el visited */
	}

.post {
	margin: 10px 0 20px;
	text-align: justify; /*justifico los textos de los articulos */
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.postmetadata {
	clear: left;
	}
	
.postmetadata img {
	vertical-align: bottom;
	}

p.postmetadata {
margin: 10px 0 10px 0;
}

	.post .entry { margin: 15px 0 0 0; }
		.post .entry p { line-height: 1.5em; margin: 0 0 1.5em 0; }

/* FIN POSTS */

/* @IMAGENES */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}

/* FIN IMAGENES */

/* @VARIOS */
.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
/* fin varios */

/* @COMENTARIOS */
h5 {											/*titulos despues del post con fondo verde */
	background: url(images/bg-tituloh3.gif) no-repeat;	
	padding: 4px 15px;
	color: #FFFFFF;
	width: 465px;
	font-size: 1em;
	margin: 0;
	}


ol.commentlist { /*margin y padding de lista de comentarios a 0 */
	margin: 0;
	padding: 0;
	}

.alt {     			/*comentario por medio */
	margin: 0;
	padding: 10px;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

	.commentlist li .avatar { float: right; border: 1px #999 solid; }

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}


/* div para reglas de convivencia */
#commentarea {
	padding: 20px;
	margin: 0 0 15px 0;
    background:url(images/bg-commentform.gif);
	color:#000 ;
	border: 1px solid #34913e;
	}

#respond {
	margin: 0;
	padding: 0;
	}

#fbc_login { float: none; }

/* fin comentarios */

/* div para ultimos articulos, abajo de los comentarios */

#latest {
	margin: 10px 0 0 0;
	padding: 0 0 15px 0;
    }

#latest ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#latest li a:link, #latest li a:visited {
	/*display: block; IE6 no me deja poner block porque la caga*/ 
	font-size: 1.6em;
	line-height: 1em;
	background: url(images/arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #BFBFBF /*#D9D9D9*/;
	}	

#latest li a:hover, #latest li a:active {
	color: #34913E;
	text-decoration: none;
	}

/* @FORMS */
#searchform {
	margin: 0;
	padding: 5px 3px; 
	}
	
#searchform form {
display:inline;
}	

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	color: #666666;
	}

#sidebar #searchsubmit {
	padding: 1px;
	margin: 0;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 420px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* FIN FORMS */

/* @PLUGINS Y AGREGADOS*/
/*random quote */
.wp_quotes_quote {
	background: url(images/comillas-random-quote.gif) no-repeat;
	padding: 15px 0 15px 5px;
	border: 0;
	}
.wp_quotes_author {
	border-top: 1px solid #FFFFFF;
	}

/* Google adsense */
#ads_300-250 {
	margin: 0 0 0 40px; /* para el 'centrado'*/
	padding: 0 0 0 55px;
	background: url(images/adsense/300-250/rotator.php) no-repeat;
	}

/* para los titulares rss*/	
#rssreader { clear: both; background:#E5E5E5; padding: 0 0 0 10px; margin: 10px 0 0 0; border-top: 1px solid #4D4D4D; font-size: .9em; }
	#rssreader img { vertical-align: bottom; }
	#rssreader ul { margin: 0; padding: 0; list-style-type: none; }
		#rssreader ul li { margin: 0 0 0 8px; border-bottom: 1px solid #666666; padding: 5px 0 5px 0; }
	#rssreader a:visited { color: #34913E; font-style: italic; }

.feed {
float: left;
width: 255px;
margin: 10px 10px 0 0;
}

.feed h2 {
color: #FFFFFF;
margin: 0 7px 0 0;
padding: 5px;
font-size: 1.2em;
background: url(images/bg-muyblogbar.gif) repeat-x;
}

/* para el page navigation del index */
.pages {
width: 100%;
background: #ededed;
border: 1px solid #cccccc;
text-align: center;
padding: 3px 0 3px 0;
margin: 0 0 10px 0;
}

/* para la seccion frases */
blockquote p {
		margin: 0;
		}

blockquote {
		font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
		width: 85%;
		text-align: left;
		background: url(images/comillas-frase.gif) no-repeat;
		color: #8c8c8c;
		margin: 0 0 0 46px;
		padding: 10px 0 0 23px;
		font-style: normal;
		font-size: 160%;
		line-height: 120%;
}

.frase {
		font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
		width: 85%;
		text-align: left;
		background: url(images/comillas-frase.gif) no-repeat;
		color: #8c8c8c;
		margin: 0 0 0 46px;
		padding: 10px 0 0 23px;
		font-style: normal;
		font-size: 160%;
		line-height: 120%;
}

/* class para citas */

.cita {	margin-left: 60px;
		margin-top: 5px;
		padding: 8px 0 0 8px;
		color: #666666;
		background: url(images/comillas-cita.gif) no-repeat;
		}

/* para send to a friend plugin */
#nf-ssend2friend {
color: #666666;
font-size: 1.1em;
}

/* para autores en Acerca de */
#autores {
width: 100%;
height: 100%;
display: block;
font-size: 150%;
line-height: 150%;
background: #f0f0f0;
border: 1px solid #b3b3b3;
margin: 0 0 10px 0;
}

/* para votacion de comentarios */
.impopular {
display: none;
}

.mostrar {
font-style: normal;
cursor: pointer;
color: #666666;
}

/* MuyBlog Connect */
#muyblog_profile { margin: 10px 0; background: #f7f7f7; border: 1px #eee solid; padding: 10px; }
	#muyblog_profile p { margin: 0; }
	#muyblog_profile img, #userbar img { background: #fff; border: 1px #ccc solid; padding: 2px; width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	
#userbar { border: #ccc solid; border-width: 1px 0; padding: 10px 0; margin: 10px 0; font-size: 13px; }
 #userbar img { vertical-align: middle; }
 #userbar span { margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px #ddd solid; }