body { background: #5e5e5e; }
a { color: #008dc4; }

.cabecera h1 a { height: 166px; background: url(header.jpg) no-repeat; }

.cuerpo { background: #fff url(fotos.jpg) no-repeat bottom right; }

.anotacion { background: url(post.jpg) no-repeat -2px 0; line-height: 1.5em; }
.comentarios { padding-left: 17px; background: url(comentarios.gif) no-repeat 0px 3px; font-weight: bold; }
.comentario { font-size: 93%; padding: 0px 5px 5px 0px; }
.comentario .info, .comentario .cuerpo { margin-left: 40px; padding: 5px 0px; }
.comentario .info { position: relative; margin-bottom: 5px; border-bottom: 1px dotted #ccc; }
.comentario .info a { position: absolute; left: -40px; top: 1px; text-align: center; width: 35px; overflow:hidden; text-spacing: -1px; text-decoration: none; font: bold 175% Arial; }
.comentario .info a:hover {color: #FFD5AD; }
.comentario .info cite { padding-left: 2em; color: #333; font: bold 108% 'Helvetica', Arial, sans-serif; }
.comentario .info em { float: right; color: #782821; }
.comentario .cuerpo { float: none; width: auto; background: #fff; }

.fecha { color:#858377; font-size:95%; margin: 0 0 1em 0; padding-left: 80px; }
.fecha a { color:#858377; text-decoration: none; }
.fecha a:hover { text-decoration: underline; }
h1 { color:#008dc4; font: normal 32px Arial, Helvetica, sans-serif; margin: 0; padding-left: 80px; }
h1 a { color:#008dc4; text-decoration:none; }
h1 a:hover { text-decoration:underline; }
h1.archivo { text-align: right; border-bottom: 1px solid white; margin-bottom: 1em; font-size: 130%; }

.varios { padding: 5px 0 513px 0; }
.varios .escuchanos a { display: block; width:300px; height: 171px; text-indent: -9999px; background: url(escuchenos.jpg) no-repeat; }
.varios .lista h2 { background: url(fondo-titulares.jpg) no-repeat; padding: 13px 0 19px 60px; font: bold 22px Arial, Helvetica, sans-serif; color: white; margin: 0; }
.varios .lista ul { margin: 0 0 1.2em 20px; list-style: none; }
.varios .lista ul li { padding: 3px 0 3px 27px; background: url(bullet.gif) no-repeat 0 0; }
.varios .lista ul li a { text-decoration: none; color: #111; font: bold 14px Arial, Helvetica, sans-serif; }
.varios .lista ul li a:hover { text-decoration: underline; }
.varios .lista div.anuncio { width: 300px; }
.varios .libros ul { margin-left: 10px; }
.varios .libros ul li { float: left; width: 137px; height: 199px; padding: 0; margin: 0 5px 10px 0; background: none; }