/*
Theme Name: temabluetal
Theme URI: http://www.constructoweb.com/
Description: Tema desarrollado en exclusiva para www.relatosbluetales.com.
Version: 1.0
Author: El Saúl
Author URI: http://www.constructoweb.com/
Tags: custom, fluid
*/

*{padding:0;margin:0;border:0;}
body{color:#000;background:url(imagenes/fondo.gif) 0 0 no-repeat fixed #F7F5F1;font:0.9em/1.5 Verdana,Helvetica,sans-serif;}
a{color:#000;background:#F9F960;background:rgba(249,249,96,0.9);padding:0 0.1em;}
a:hover{color:inherit;background:transparent;}
pre{font:1em/1.5 Verdana,Helvetica,sans-serif;font-style:italic;margin-left:1.5em;clear:both;margin-top:1em;}
#cabecera{color:#FFF;background:#31302B;background:rgba(49,48,43,0.95);padding:0 5%;height:205px;padding-top:45px;position:relative;}
#cabecera #logo{display:block;width:394px;height:155px;background:url(imagenes/logo.png) 0 0 no-repeat;text-indent:-999em;overflow:hidden;}
#navegacion{position:absolute;width:20%;right:5%;bottom:3em;}
#navegacion li{list-style:none;margin-top:1em;}
#navegacion li a{color:#FFF;display:block;width:100%;padding:1em 0;-moz-border-radius:5px;-webkit-border-radius:5px;background:#03527A;background:rgba(3,82,122,0.9);text-align:center;text-shadow:#000 2px 1px 1px;text-decoration:none;}
#navegacion li a:hover{color:#000;background:#FFF;background:rgba(255,255,255,0.95);text-shadow:none;font-weight:bold;}
#contenido,#navegacion-adicional{float:left;}
#contenido{margin:0 2.5% 1em 5%;width:65%;}
#contenido h1{font-size:1em;font-weight:normal;color:#FFF;background:#31302B;background:rgba(49,48,43,0.95);padding:0.2em 1em 0.4em;margin-top:1em;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
#contenido h1 img,#contenido img.ilustracion{float:right;margin-top:-75px;margin-right:-80px;z-index:1000;position:relative;}
#contenido h1 em.premios{float:right;}
#contenido h1 em.premios img{margin-right:0;float:none !important;}
#contenido img.ilustracion{margin-top:-127px;margin-right:-77px;}
#contenido h1 a{font-size:1.2em;color:#FFF;text-decoration:none;background:transparent;text-shadow:#000 2px 1px 1px;}
#contenido h1.pagina{font-size:1.2em;text-shadow:#000 2px 1px 1px;}
#contenido h1 a:hover{text-decoration:underline;}
#contenido h1 strong{text-transform:uppercase;font-weight:normal;}
#contenido h1 strong a{font-size:1em;}
#contenido h1 em.fecha{font-style:normal;text-transform:lowercase;}
#contenido .relato,#contenido .texto,#lista-comentarios,#respond form,#enviar-correo form{padding:1em;color:#000;background:#FFF;background:rgba(255,255,255,0.95);}
#contenido .texto{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
#contenido .relato h2,#contenido .texto h2{color:#03527A;font-weight:normal;font-size:1.2em;margin-bottom:-0.7em;margin-top:0.8em;}
#contenido .relato blockquote+h2,#contenido .texto blockquote+h2{clear:both !important;}
#contenido .relato p,#contenido .texto p{margin:0.7em 0;text-indent:1.5em;}
#contenido .relato blockquote,#contenido .texto blockquote{font-style:italic;margin:0 2.5em;}
#contenido .texto ul{margin:-0.5em 0;}
#contenido .texto ul li{margin:0.5em 0 0.5em 2.5em;list-style-type:square;}
#contenido li{margin:1em 1em 1em 1.5em !important;}
#contenido ul li{list-style-type:square !important;}
#contenido ol li{list-style-type:decimal !important;}
#contenido .relato p:first-child,#contenido .texto p:first-child,#contenido .relato h2+p,#contenido .texto h2+p,#contenido .relato p.elipsis+p,#contenido .texto p.elipsis+p{text-indent:0;}
#contenido .datos{padding:1em;font-size:90%;color:#FFF;background:#31302B;background:rgba(49,48,43,0.9);-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
#contenido .datos a{color:#FFF;background:#03527A;background:rgba(3,82,122,0.9);}
#contenido .datos a:hover{background:transparent;}
#contenido.archivo .datos{padding:1em;font-size:90%;color:#FFF;background:#03527A;background:rgba(3,82,122,0.9);-moz-border-radius:3px;-webkit-border-radius:3px;text-indent:0;}
#contenido.archivo .datos a{background:transparent;color:#FFF;}
#contenido p.leer-mas{text-indent:0;font-size:90%;}
#contenido p.premios{text-indent:0;}
#contenido p.elipsis{text-align:center;text-indent:0;letter-spacing:0.2em;}
#contenido blockquote p{text-indent:0 !important;clear:right;text-align:right;}
#contenido blockquote cite{float:right;text-align:right;font-size:90%;font-style:normal;width:70%;padding-bottom:2em;}
#contenido blockquote.cita-general p{text-align:left;margin-left:1.5em;margin-right:1.5em;}
#contenido blockquote.cita-general em{font-style:normal;}
#contenido p.tras-cita{text-indent:0;clear:both;}
#navegacion-adicional{margin:0 5% 1em 2.4%;width:20%;}
#navegacion-adicional ul,#navegacion-adicional li{list-style:none;}
#navegacion-adicional h3,h3#comments,#respond h3,#enviar-correo h2{margin-top:1em;font-size:1em;text-shadow:#000 2px 1px 1px;font-weight:normal;color:#FFF;background:#31302B;background:rgba(49,48,43,0.9);padding:0.2em 1em 0.2em;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
#navegacion-adicional h3 a{text-decoration:none;padding:0;background:transparent;color:#FFF;}
#navegacion-adicional h3 a:hover{text-decoration:underline;}
#navegacion-adicional #proximo strong{display:block;}
#navegacion-adicional #lista-autores{overflow:hidden;}
#navegacion-adicional #lista-autores li{float:left;margin-left:2px;}
#navegacion-adicional #flickr{color:#0063DC;}
#navegacion-adicional #flickr b{color:#FF0084;}
#navegacion-adicional li ul{font-size:90%;padding:1em;color:#000;background:#FFF;background:rgba(255,255,255,0.9);-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
#navegacion-adicional #imgs-flickr{overflow:hidden;}
#navegacion-adicional #imgs-flickr li{float:left;margin-right:3px;margin-bottom:3px;padding:0;}
#navegacion-adicional #imgs-flickr li a,#navegacion-adicional #imgs-flickr li img{display:block;background:transparent;padding:0;}
#navegacion-adicional #facebook{color:#FFF;background:#3B5998;display:block;margin:1em 0;padding:0.5em;text-align:center;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:#000 2px 1px 1px;}
#navegacion-adicional #facebook:hover{text-decoration:underline;}
#searchform{overflow:hidden;padding:1em 0;-moz-border-radius:5px;-webkit-border-radius:5px;background:#03527A;background:rgba(3,82,122,0.9);margin-top:-2em;position:relative;}
#searchform label,#searchform input{float:left;}
#s{height:1em;padding:8px 1% 2px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;width:75%;margin-left:5%;}
#searchsubmit{height:24px;text-indent:-999em;overflow:hidden;background:url(imagenes/buscar.png) center no-repeat #31302B;-moz-border-radius-bottomright:3px;-moz-border-radius-topright:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;width:14%;cursor:pointer;}
#searchsubmit:active{position:relative;top:1px;}
.screen-reader-text{height:0 !important;width:0 !important;overflow:hidden !important;}
div.commentmetadata a{color:#666;font-size:70%;text-decoration:none;background:transparent;padding:0;}
div.commentmetadata a:hover{text-decoration:underline;}
div.commentmetadata a,#lista-comentarios li p{margin-left:40px;}
#lista-comentarios li{margin-bottom:1em;list-style:none;}
#lista-comentarios li .avatar{position:relative;top:1.4em;}
#respond form,#enviar-correo form{overflow:hidden;padding-top:1.5em;}
#respond form label,#respond form input,#respond form textarea,#enviar-correo form label,#enviar-correo form input,#enviar-correo form textarea{float:left;}
#respond{clear:right;}
#respond form label,#enviar-correo form label{width:15%;margin-right:2%;}
#respond form label strong,#enviar-correo form label strong{font-size:80%;color:#CC0033;}
#respond form input,#respond form textarea,#enviar-correo form input,#enviar-correo form textarea{border:1px solid #666;margin-bottom:0.7em;padding:4px 2px;font:1em/1.2 Verdana,Helvetica,sans-serif !important;width:82%;-moz-border-radius:3px;-webkit-border-radius:3px;}
#respond form p,#enviar-correo form p{clear:left;}
#respond form #enviar,#enviar-correo form #enviar{clear:left;margin-left:17%;}
#respond form #enviar input,#enviar-correo form #enviar input{width:auto;border:0;color:#FFF;background:#03527A;background:rgba(3,82,122,0.9);cursor:pointer;padding:4px 6px;}
#respond form #enviar input:active,#enviar-correo form #enviar input:active{position:relative;top:1px;}
#pie{clear:left;color:#FFF;background:#31302B;background:rgba(49,48,43,0.95);padding:2em 5%;font-size:90%;position:relative}
#pie strong{background:#252420;text-transform:uppercase;padding:0 0.1em;}
#pie strong b{color:#03527A}
#pie a{color:#FFF;background:#03527A;background:rgba(3,82,122,0.9);}
#pie a:hover{background:transparent;}
#conectar{position:absolute;width:20%;top:-0.8em;right:5%;text-align:center;}
#conectar a,#conectar a:hover{text-decoration:none;color:#FFF;background:#03527A;background:rgba(3,82,122,0.9);padding:0.5em 1em;text-align:center;margin-top:1em;-moz-border-radius:5px;-webkit-border-radius:5px;}
#contenido div.falsa-pagina{padding-bottom:80em;}
#contenido div.falsa-pagina p:first-child:first-letter{font-size:3em;float:left;margin-top:0.2em;}
#contenido div.falsa-pagina ol.falsa-navegacion{padding-left:2em;border-top:1px solid;padding-top:1em;margin-top:2em;}
#contenido div.falsa-contraportada{margin:1em;padding:1em;text-align:center;border:2px solid #000;}
#contenido div.falsa-contraportada strong{display:block;}
#contenido div.falsa-contraportada p.falso-titulo{text-transform:uppercase;}
