/*  
Theme Name: Muynieve Theme
Theme URI: http://www.muyblog.com/
Description: Muynieve
Version: 0.1
Author: Juan Hidalgo
Author URI: http://www.muynieve.com/

*/

@import url(http://muyblog.com/_shared/css/muyblog.css);

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

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

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


/* @MENU SUPERIOR */
#topmenu {
	text-align: left;
	font-size: 1.7em;
	padding: 0 0 0 530px;
	margin: 0; /*ubicarlo */
	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: #FFFFFF;
	padding: 0 12px 0 0;
	}

#topmenu a:hover, #topmenu a:active {
	color: #7DADF0;
	text-decoration: none;
	}

/* FIN MENU SUPERIOR */

/* @BODY Y DIVS PRINCIPALES */

html {
background: #3976C5 url(images/bg-page.gif) top center repeat-y;
}

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

#header {
	padding: 0;
	margin: 0 auto; /*centrado*/
	height: 200px; 
	width: 830px;
	}
	
#headerimg {
	/*position: absolute;*/
	margin: 0 0 0 520px; /*ubicar el logo donde quiero */
	}

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

#page {
	text-align: left; /*reseteo a align left */
	/*background: url(images/bgsidebar.gif) right repeat-y; con la imagen hago que el color del sidebar llegue hasta el final */
	margin: 0  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: url(images/bg-footer.jpg) repeat-x;	
	clear: both;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	width: 861px;
	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;
	}

/*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 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: url(images/sidetitlebg.gif);
	/*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 12px;
	color: #3464A6;
	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: url(images/sidetitlebg.gif);
	color: #4D4D4D;
	font-size: 12px;
	font-weight: bold;
    padding: 3px 0 3px 10px; 
	margin: 10px 0 0 0;
		}	
		
/* FIN SIDEBAR */	

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

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

a.posttitle:hover, a.posttitle:active {
	color: #333333;
	text-decoration: none;
	}

#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;
	padding: 4px 0 0 0;
	width: 35px;
	height: 40px;
	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/sidetitlebg.gif);
	margin: 10px 0 0 0;
	padding: 5px 0 0 20px;
	color: #999999;
	}	

.postfoot a:link, a:visited {
	color: #7DADF0; 
		}

.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;
}


/* 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;
	padding: 4px;
	margin: 0 0 2px 7px;
	}
	
.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	}

/* FIN IMAGENES */

/* @VARIOS */
blockquote p {
		margin: 0;
		}

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


.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
h2 {
	color: #999999;
	font-size: 130%;
}
/* fin varios */

/* @COMENTARIOS */
h5 {								/*titulos despues del post*/
	background: url(images/sidetitlebg.gif);	
	padding: 4px 15px;
	color: #000000;
	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 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;
	}

/* comentario especial para Agus 
#comment_agus {
	background: #ecfae8;
	border: 1px solid #9ac447;
	padding: 0 5px 0 5px;
	}*/

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

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

/* 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: #3164A6;
	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*/
/* para send to a friend plugin */
#nf-ssend2friend {
color: #666666;
font-size: 1.1em;
}

/* Google adsense */
#ads_300-250 {
	padding: 5px;
	background: #CFD8E5;
	border: 1px solid #a1bee5;
	}

/* para los titulares rss*/	
#rssreader {
clear: both;
/*background:#E5E5E5;*/
height: 370px;
padding: 0 0 0 10px;
margin: 10px 0 0 0;
border-top: 1px solid #4D4D4D;
}

#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: #3164A6;
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;
}