/*
Theme Name: Malviviendo
Theme URI: http://www.malviviendo.com
Description: Tema para la web de la serie online Malviviendo
Version: 1.0
Author: Jorge Rodriguez Leria, Rosa Gutierrez Escudero
Author URI: www.jorgeleria.com
Tags: brown, custom header, fixed width, two columns

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url('reset.css');

body {
	font-family: Verdana, "Lucida Grande", sans-serif;
		background: url(images/fondo.jpg) #7C705A repeat-x center top fixed;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

img { margin-top: 12px;}

#cabecera {width:957px; margin:0px auto; position:relative; height:271px;}
#cabecera h1{text-indent:-9000px; position:absolute;}
#cabecera h1 a{display:block; height:281px; width:957px; overflow:hidden; background:url(images/cabecera.png) no-repeat left top;}
#cabecera h1 a:focus {outline: none;}

#cabecera ul#menu {position:absolute; top:235px; left:11px; width:957px;}
#cabecera ul#menu li{float:left; display:inline;text-indent:-9000px;}
#cabecera ul#menu li a{overflow:hidden;}
#cabecera ul#menu li a:focus {outline: none;}

#cabecera ul#menu li.inicio a {width:88px; height:36px; display:block; background:url(images/botones4.png) no-repeat left top;}
#cabecera ul#menu li.inicio a:hover { background:url(images/botones4.png) no-repeat left -35px;}

#cabecera ul#menu li.blog a {width:72px; height:36px; display:block; background:url(images/botones4.png) no-repeat -88px top;}
#cabecera ul#menu li.blog a:hover {background:url(images/botones4.png) no-repeat -88px -35px;}

#cabecera ul#menu li.nosotros a {width:123px; height:36px; display:block; background:url(images/botones4.png) no-repeat -160px top;}
#cabecera ul#menu li.nosotros a:hover {background:url(images/botones4.png) no-repeat -160px -35px;}

#cabecera ul#menu li.capitulos a {width:130px; height:36px; display:block; background:url(images/botones4.png) no-repeat -283px top;}
#cabecera ul#menu li.capitulos a:hover {background:url(images/botones4.png) no-repeat -283px -35px;}

#cabecera ul#menu li.fotos a {width:83px; height:36px; display:block; background:url(images/botones4.png) no-repeat -413px top;}
#cabecera ul#menu li.fotos a:hover {background:url(images/botones4.png) no-repeat -413px -35px;}

#cabecera ul#menu li.extras a {width:94px; height:36px; display:block; background:url(images/botones4.png) no-repeat -496px top;}
#cabecera ul#menu li.extras a:hover {background:url(images/botones4.png) no-repeat -496px -35px;}

#cabecera ul#menu li.musica a {width:118px; height:36px; display:block; background:url(images/botones4.png) no-repeat -590px top;}
#cabecera ul#menu li.musica a:hover {background:url(images/botones4.png) no-repeat -590px -35px;}

#cabecera ul#menu li.foro a {width:100px; height:36px; display:block; background:url(images/botones4.png) no-repeat -708px top;}
#cabecera ul#menu li.foro a:hover {background:url(images/botones4.png) no-repeat -708px -35px;}

#cabecera ul#menu li.contacto a {width:121px; height:36px; display:block; background:url(images/botones4.png) no-repeat -808px top;}
#cabecera ul#menu li.contacto a:hover {background:url(images/botones4.png) no-repeat -808px -35px;}

#pagina {
	width:951px; 
	margin:0px auto; 
	position:relative; 
	z-index: 1;
	background: url(images/fondoContenido.png) repeat top left;
	border-left: 3px solid #584B3A;
	border-right: 3px solid #584B3A;
	overflow: hidden;
	display: block;
	padding: 0;
}


#sidebar {float: right; display:inline; width:309px; position: relative; z-index: 1; overflow: hidden;}
#contenido {float: left; display:inline; width:638px; position: relative;}


.inicio_iconos_gordos {width: 307px; height: 23px; background: url(images/papel_up.gif) no-repeat top left; margin-top: 6px;}
.fin_iconos_gordos {width: 307px; height: 27px; background: url(images/papel_down.gif) no-repeat bottom left;}
ul#iconos_gordos {width: 307px; height: 58px; background: url(images/papel_middle.gif) repeat-y top left;}
ul#iconos_gordos li {float:left; display:inline;text-indent:-9000px; margin: 0px 10px 0px 10px;}
ul#iconos_gordos li.rss a {width: 58px; height: 58px; display:block; background:url(images/rss.gif) no-repeat top left; margin-left: 30px;}
ul#iconos_gordos li.rss a:hover {width: 58px; height: 58px; display:block; background:url(images/rss.gif) no-repeat bottom left;}
ul#iconos_gordos a:focus {outline: none;}

ul#iconos_gordos li.youtube a {width: 58px; height: 58px; display:block; background:url(images/youtube.gif) no-repeat top left;}
ul#iconos_gordos li.youtube a:hover {width: 58px; height: 58px; display:block; background:url(images/youtube.gif) no-repeat bottom left;}

ul#iconos_gordos li.vimeo a {width: 58px; height: 58px; display:block; background:url(images/vimeo.gif) no-repeat top left;}
ul#iconos_gordos li.vimeo a:hover {width: 58px; height: 58px; display:block; background:url(images/vimeo.gif) no-repeat bottom left;}


#sidebar .capitulos {width: 309px; font-size: 1.6em; color: #918B7E; overflow: hidden;}
#sidebar .capitulos a, #sidebar .enlaces a, #sidebar .ultimos_posts a {color: #000; font-weight: bold;}
#sidebar .capitulos h2.capt {width: 309px; height: 70px; text-indent: -9000px; background: url(images/capitulos_up.gif) no-repeat top left;}
#sidebar .capitulos ul {width: 309px; background: url(images/capitulos_middle.gif) repeat-y top left;}
#sidebar .capitulos li {margin: 0px 18px 0px 18px;}
#sidebar .capitulos .fin_capt {width: 309px; height: 27px; background: url(images/capitulos_down.gif) no-repeat top left;}

#sidebar h2.adopta_a_mateo {text-indent: -9000px; width:309px; height:313px; position: relative; background: url(images/mateo_up.gif) no-repeat top left;}
#sidebar .mateo_down a {display: block; text-indent: -9000px; width:309px; height: 100px; position: relative; background: url(images/mateo_down.gif) no-repeat top left;}
#sidebar .mateo_down a:focus {outline: none;}

#sidebar .enlaces {width: 307px; font-size: 1.6em; overflow: hidden;}
#sidebar .enlaces h2.sigue {width: 307px; height: 62px; text-indent: -9000px; background: url(images/papel_up_siguenos.gif) no-repeat top left;}
#sidebar .enlaces ul {width: 307px; background: url(images/papel_middle.gif) repeat-y top left;}
#sidebar .enlaces li {text-indent: 26px; line-height: 25px; margin: 0px 20px 0px 28px;}
#sidebar .enlaces li.tuenti{background:url(images/tuenti.gif) no-repeat left 2px;}
#sidebar .enlaces li.facebook{background:url(images/facebook.gif) no-repeat left 2px;}
#sidebar .enlaces li.twitter{background:url(images/twitter.gif) no-repeat left 2px;}
#sidebar .enlaces li.rss{background:url(images/ico_rss.gif) no-repeat left 2px;}
#sidebar .enlaces li.youtube{background:url(images/ico_youtube.gif) no-repeat left 2px;}
#sidebar .enlaces li.vimeo{background:url(images/ico_vimeo.gif) no-repeat left 2px;}
#sidebar .enlaces li.itunes{background:url(images/itunes.gif) no-repeat left 2px;}

#sidebar .enlaces .fin_sigue {width: 309px; height: 27px; background: url(images/papel_down.gif) no-repeat top left;}

#sidebar .ultimos_posts {width: 307px; font-size: 1.6em; color: #918B7E; margin: 20px 0px 0px 0px; overflow: hidden;}
#sidebar .ultimos_posts h2.ults {width: 307px; height: 75px; text-indent: -9000px; background: url(images/papel_up_ultimahora.gif) no-repeat top left;}
#sidebar .ultimos_posts ul {width: 307px; background: url(images/papel_middle.gif) repeat-y top left;}
#sidebar .ultimos_posts ul li {margin: 0px 20px 0px 28px;}
#sidebar .ultimos_posts .fin_ults {width: 307px; height: 41px; background: url(images/papel_down.gif) no-repeat top left;}
#sidebar .ultimos_posts .fin_ults small {float: right; display:inline; margin:0px 22px 15px 0px;}	

.post, .comentarios {width: 610px; margin: 8px 14px 16px 18px; color: #4D4435;}
.post-up, .comentarios_up {width: 606px; height: 26px; background: url(images/fondopost_up.gif) no-repeat top left;}
.comentarios_up_peque {width: 610px; height: 30px; background: url(images/fondopost_up.gif) no-repeat top left;}
.post-middle, .comentarios_middle {width: 610px; background: url(images/fondopost_middle.gif) repeat-y top left; overflow: hidden;}
.post-down, .comentarios_down {width: 610px; height: 53px; background: url(images/fondopost_down.gif) no-repeat top left;}
.comentarios_down_peque {width: 610px; height: 30px; background: url(images/fondopost_down.gif) no-repeat bottom left;}
.entrada p + p { margin-top: 14px !important;}
/* la regla anterior es demasiado sofisticada para IE xD */
.entrada p {*margin-top: 14px !important;}

.post h2 {font-size: 3em; font-weight: bold; color: #000; margin: 0px 24px 0px 24px;}
h2.destacado {font-size: 2.5em; color: #4D4435; }
h3.respond {font-size: 2.5em; font-weight: bold; color: #000; margin: 0px 24px 3px 16px;}
.post a, .comentarios a {font-weight: bold; color: #000;}
.postmetadata {font-size: 1.4em; color: #000; margin: 0px 24px 2px 24px;}
.post .entrada {font-size: 1.6em; margin: 8px 24px 0px 24px; overflow: hidden;}

/* Contador para los comentarios */
ol.lista_comentarios {counter-reset: contador;
	list-style-position: inside;}
ol.lista_comentarios li:before {
	display: marker;
	content: "#"counter(contador)" ";
	counter-increment: contador;
	font-weight: bold;
}
.numero_de_comentario {font-weight: bold; display: inline;}
/* Fin contador para los comentarios */

p.paginas_de_comentarios {font-size: 1.5em; margin: 3px 0px 3px 0px; text-align: center; color: #000;}
.comment {font-size: 1.6em; margin: 8px 40px 0px 94px; overflow: hidden;}
.commentmetadata {margin: 0px 24px 0px 24px; font-size: 1.8em; color: #000;}
.commentmetadata img {border: 3px solid #4D4435; margin-right: 10px; display: block; float: left; margin-top: 4px;}
.post .finpost {display: block;}
.post .finpost li {font-size: 1.8em; display: inline; float: right; margin: 4px 45px 3px 0px;}
.post img, .gallery img {border: 2px solid #4D4435 !important;}

/* Pagina Capitulos */
.post-capitulo {width: 642px; margin: 6px 0px 30px 0px; color: #4D4435;}
.post-capitulo h2 {height: 41px; padding: 6px 4px 0px 4px; font-size: 2.6em; font-weight: bold; color: #000; margin: 0px 25px 0px 21px; color: #FFF; background: url(images/fondotitulo.png) repeat top left; border: 3px solid #4D3D2E; }
.post-capitulo ul.finpost {height: 36px; padding: 4px 4px 0px 4px; display: block; background: url(images/fondotitulo.png) repeat-x top left; margin: 8px 25px 0px 21px; border: 3px solid #4D3D2E;}
.post-capitulo a {color: #FFF; font-weight: bold;}
.post-capitulo .finpost li {font-size: 1.8em; margin: 4px 10px 3px 0px; display: inline; float: right; }
.post-capitulo .entrada {font-size: 1.6em; margin: 8px 21px 0px 21px; overflow: hidden;}
.post-capitulo .video {width: 590px; border: 3px solid #4D4435;}	
/* Fin pagina Capitulos */

/* Formulario de comentarios y de contacto */
#to_comment {font-size: 1.6em; margin: 6px 24px 0px 24px;}
textarea {width: 550px; border: 2px solid #4D4435;}
#to_comment p {margin-top: 10px;}
input[type="submit"] {font-size: 1.5em; font-weight: bold; float:right; margin: 4px 10px 0px 0px; }
input {border: 2px solid #4D4435;}
.wpcf7 p {margin-top: 10px;}


/* footer */
#footer { width: 951px; margin:0px auto 20px auto; position:relative; border-bottom: 3px solid #584B3A; color: #958368; font-size: 1.3em; background: #584B3A;}
#footer a {color: #958368; font-weight: bold;}
#footer p {text-align: center;}


/* varias cosas */
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #1F1F1F;
}

b, strong {
	font-weight: bold;
}


em {
	font-style: italic;
}

small {
	font-size: 0.8em;
}

img.left, img.alignleft {
	float: left;
	display: block;
	margin: 10px 10px 2px 0px;
}

img.right, img.alignright {
	float: right;
	display: block;
	margin: 10px 10px 2px 6px;
}

div.center {
	margin: 10px 0px 5px 0px;
	text-align: center;
}

img.center {
	display: block;
	margin: auto;
}

.vvqbox {
        margin-top:14px !important;
}

.gallery {
	margin: auto;
}
.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;			}
.gallery img {
	border: 2px solid #4D4435;
}
.gallery-caption {
	margin-left: 0;
}


        #nikodemotv img {margin-top:0px;}