@charset "utf-8";
/* CSS Document */

/*HTML5*/
header, article, aside, footer{display:block}

/*ENLACES*/
a{outline:none}
p a, a.more, .reply a, .cancel-comment-reply a, .prev a, .next a, .cuadro a, .compartir a, .fvCommunityNewsLists a{color:#33aaff; text-decoration:none; border-bottom:1px dotted #33aaff}
p a:visited, a.more:visited, .prev a:visited, .next a:visited, .fvCommunityNewsList a:visited{color:#666; border-bottom-color:#666}
p a:hover, a.more:hover, .reply a:hover, .cancel-comment-reply a:hover, .prev a:hover, .next a:hover, .cuadro a:hover, .compartir a:hover, .fvCommunityNewsList a:hover{color:#0033cc; border-bottom:1px solid #0033cc}

/*ESTRUCTURA*/
body{margin:0; padding:0; background:url(bg-body.gif) repeat-x top left; font:.8em Arial, Helvetica, sans-serif; text-align:center}

#nav, header, #wrap, footer{margin:0 auto; width:960px; text-align:left; overflow:hidden}

#nav{padding-left:0}
#nav li, #nav ul, #nav ul li {list-style-type:none; margin-left:0; padding-left:0}
#nav li {display:inline}
#nav a {display:block; height:20px; padding:10px 20px; float:left; text-decoration:none; border-right:1px solid #fff; color:#000}
#nav a:hover {background:#33aaff; color:#fff}
#nav a.on {background:#fff; color:#000}

/*DROPDOWN MENU*/
#nav ul {position:absolute; width:180px; left:-999em; top:40px; background:#f1f0eb; z-index:99}
#nav ul a {float:none; border-right:none; border-bottom:1px solid #fff}
#nav li:hover ul {left:auto}
#nav li:hover ul, #nav li.sfhover ul {left:autp}

header{padding:20px 0}
#logo span{display:none}
#logo a{display:block; width:240px; height:35px; background:url(historiarte.gif) no-repeat left top}
#logo a:hover{background:url(historiarte.gif) no-repeat left bottom}

#featured{background:#f1f0eb; overflow:hidden; position:relative}
#featured img{float:left}
#featured div{width:240px; float:right; padding:20px 40px 0 40px}
#featured h1{margin-top:0}

#nuevo-art{width:80px; height:30px; position:absolute; left:520px; top:5px}

#wrap{background:url(bg-wrap.gif) repeat-y}
#contenido{width:640px; float:left}
#sidebar{width:280px; float:right}

.recientes{overflow:hidden; background:url(dot.gif) repeat-y}
.izq, .der{width:300px; min-height:250px; float:left; margin-bottom:2em; padding-bottom:2em; border-bottom:1px solid #eee}
.recientes .izq:first-child,  .recientes .izq:first-child + .der {padding-top:2em}

.izq{padding-right:20px}
.der{padding-left:20px}

.izq h2, .der h2, .izq h2 + .categoria, .der h2 + .categoria{margin-top:0}

.preview{width:150px; height:150px; overflow:hidden; float:left; margin-right:10px;}
.thumbnail{border:none}

.entrada{margin-bottom:2em}

.museo{position:relative}
#nuevo-museo{width:80px; height:30px; position:absolute; left:200px; top:25px}

#footer-wrap{background:#f1f0eb url(bg-footer-linea.gif) repeat-x; padding-top:20px; clear:both}
footer{background:#f1f0eb url(bg-footer.gif) repeat-y}
footer div{width:280px; float:left; padding:20px}

.prev, .next{width:300px; margin-bottom:2em}
.prev{float:left}
.next{float:right; text-align:right}

/*LISTAS*/
.enlaces, .votewidget_skin{margin-top:3em; margin-bottom:3em}
.enlaces li, .votelistind {border-bottom:1px solid #ccc; padding:5px; list-style-type:none}
.enlaces li a, .votelistind a{text-decoration:none; color:#33aaff}
.enlaces a:hover, .votelistind a:hover{color:#0033cc}
.enlaces a:hover:after, .votelistind a:hover:after{content: " →";}

.actualizaciones{margin-left:0; padding-left:0}
.actualizaciones li{list-style-type:none}

/*FORMULARIOS*/
.email{background:url(mail.png) no-repeat left center; padding-left:15px}

input.email{border:1px solid #ccc; background:#fff url(mail.png) no-repeat left center; padding-left:15px}
input[type=submit]{background:url(bg-boton.gif) repeat-x; border:none; color:#fff; height:25px; font-size:12px}

/*COMENTARIOS*/
.gravatar{width:48px; float:left; margin-right:20px; margin-bottom:10px}

#comentarios{margin-top:2em; overflow:hidden}

#comentarios ul{margin-left:0; padding-left:0; list-style:none}
#comentarios li{border-bottom:1px dotted #ccc; margin-bottom:2em; padding-bottom:1.5em; list-style:none url(none); font-style:italic}

#comentarios ul.children{margin-left:32px}
#comentarios ul.children li {border-bottom:none; padding-top:1.5em; padding-bottom:0}

#commentform p label{display:block; font-size:.9em}
#commentform textarea, #commentform input[type=text]{border:1px solid #ccc; background:#fff; width:500px}

.reply{text-align:right}

#respond h4{clear:both}

/*SOCIAL MEDIA*/
.cuadro{background:#f1f0eb; padding:10px 20px; clear:both;  -moz-border-radius:10px;  -webkit-border-radius: 10px; }
.compartir{margin-left:0; padding:0}
.compartir li{display:inline}

.delicious{background:url(delicious.png) no-repeat left center; padding-left:20px}
.comentario{background:url(comment.png) no-repeat left center; padding-left:20px}
.email{background:url(mail.png) no-repeat left center; padding-left:20px}
.facebook{background:url(facebook.png) no-repeat left center; padding-left:20px}
.friendfeed{background:url(friendfeed.png) no-repeat left center; padding-left:20px}
.rss{background:url(rss.png) no-repeat left center; padding-left:20px}
.twitter{background:url(twitter.png) no-repeat left center; padding-left:20px}

/*TEXTO*/
h1{font:italic normal 300% Georgia, "Times New Roman", Times, serif}
.single h1{border-bottom:4px double #ccc;  border-top:4px double #ccc; padding:5px 0;min-height:60px}
h1 a, h2 a{color:#33aaff; text-decoration:none}
h1 a:hover, h2 a:hover{color:#0033cc}
h2, h4{font:italic normal 200% Georgia, "Times New Roman", Times, serif}
h3{color:#666; letter-spacing:.05em; font-weight:normal; text-transform:uppercase; background:#fff url(pix.gif) no-repeat left 20px; padding-left:20px; margin-top:0; padding-top:15px}
h3 a{text-decoration:none; color:#666}
p, li, td, label {line-height:1.8em; margin-bottom:1em; color:#666} 
blockquote {font:italic 100% Georgia, "Times New Roman", Times, serif; color:#000; background:url(comilla.gif) no-repeat left top; padding-left:30px}
blockquote p {color:#000}
em{background-color:#ff9}
.categoria{text-transform:uppercase; font-size:90%}
.compartir + p:first-letter{font-size:350%; float:left; display:block; background:#c1c0bc; padding:5px; font-weight:bold; width:1em; margin-right:.25em; color:#fff}

/*IMAGENES*/
.entrada img {border:10px solid #f1f0eb}

/*GENERALES*/
.alignleft{float:left}
.alignright{float:right}
.imagen{border:1px solid #eee; padding:20px; text-align:center}
.letra{margin-top:4em}
.right{float:right}

h3 a:hover, .autor-comentario strong, .cuadro p, footer p{color:#000}

/*VOTOS*/
.votar{width:50px; float:right; margin-top:5px; font:12px Arial}

/*PAGINACION*/
.recientes div.wp-pagenavi{min-height:0; padding-left:340px; clear:both; margin:2em 0}

.wp-pagenavi a{text-decoration:none; background:#33aaff; color:#fff; font-weight:bold; padding:5px 10px; margin-right:5px}
.wp-pagenavi a:visited {background:#99d4ff}
.wp-pagenavi a:hover {background:#0033cc}
.wp-pagenavi span.pages {display:none}
.wp-pagenavi span.current {background:#f1f0eb; color:#000; font-weight:bold; padding:5px 10px; margin-right:5px}
.wp-pagenavi span.extend {display:none}

/*COMMUNITY LINKS*/
.fvCommunityNewsList li{border:1px solid #eee; padding:10px; margin-bottom:2em; -moz-border-radius:10px; -webkit-border-radius: 10px;}
.community-news {position:relative}
.community-news a{position:absolute; left:260px; top:20px; display:block; width:16px; height:16px}