/*
Theme Name: 37pixels Blog
Theme URI: http://blog.37pixels.net/
Description: Tema para el blog oficial de 37pixels
Version: 1.6
Author: Leo
Author URI: http://37pixels.net/
*/

@import "sifr.css";

/* ---- Generales ---- */
*, body { padding:0; margin:0; }
body { background: #000; color: #ccc; font: 12px/1.8em sans-serif; text-align: center; }

p.clear { clear: both; margin: 0; padding: 0; }

a { font-weight: bold; text-decoration: none; color: #ddd; border-bottom: 1px #666 solid; }
a:hover { color: #cbdb2a; border-color: #cbdb2a; }
a < img.border { border: none; }

acronym{ border-bottom: 1px #444 dashed; cursor: help; }
ul { list-style: none; }

img { border: 0; }
img.border { padding: 4px; border: 1px #ccc solid; }
img.left { float: left; margin: 0 10px 10px 0; }
img.right { float: right; margin: 0 0 10px 10px; }
img.aligncenter { display: block; margin: 0 auto; }

input, textarea { font: 1em sans-serif; }
input:focus, textarea:focus { background: #FFFCE4; }

hr { border: none; background: #000; margin: 15px 0 35px 0; border-top: 1px #999 dotted; }

/* Titulares */
h2 { font: 35px sans-serif; color: #fff; }
h3 { font: 26px sans-serif; color: #ccc; }
h4 { font: 1em sans-serif; text-transform: uppercase; color: #ccc; }

/* ---- Contenedor ---- */
#contenedor { text-align: left; width: 960px; margin: 50px auto; text-align: left; }


/* ---- Cabecera ---- */
#cabecera { height: 56px; padding-bottom: 20px; border-bottom: 1px #cbdb2a solid; }
	#cabecera h1 { background: url(img/logo.gif) no-repeat; float: left; text-indent: -9999px; }
		#cabecera h1 a { display: block;  width: 480px; height: 56px; border: none; outline: none; }
		
/* ---- Contenido ---- */
#contenido { float: left; width: 500px; left; border-top: 4px #CBDB2A solid; padding-top: 20px; }

	#contenido h2.head { border-bottom: 1px #778018 solid; margin-bottom: 30px; }
/* Posts */
	#contenido .post { padding-bottom: 80px; margin-bottom: 65px; background: url(img/bg-post.gif) center bottom no-repeat; }
	
		#contenido .post .datos { float: right; width: 50px; margin: 0 0 10px 10px; text-align: center;  }
			#contenido .post .datos .fecha { background: #333; width: 40px; padding: 5px; font: bold 13px/13px sans-serif; text-transform: uppercase; letter-spacing: 1px;  color: #999; }
				#contenido .post .datos .fecha strong { display: block; font: 30px/30px sans-serif; letter-spacing: 0; }
				#contenido .post .datos .fecha small { display: block; color: #666; font-weight: normal; }
			#contenido .post .datos .autor { background: url(img/bg-fecha.gif) top center no-repeat; padding-top: 15px; }
				#contenido .post .datos .autor a { border: none; }
					#contenido .post .datos .autor a img { padding: 2px; border: 1px #333 solid; }
					#contenido .post .datos .autor a:hover img { border-color: #999; }
					
		#contenido .post h2 { width: 430px; }
			#contenido .post h2 a { font-weight: normal; border: none; }
			
		#contenido .post .texto { letter-spacing: 1px; }			
			#contenido .post .texto p { padding-bottom: 20px; }
			#contenido .post .texto h4 { margin-bottom: 10px; }			
			#contenido .post .texto ul { list-style: square; padding: 0 30px 20px 30px; }
			#contenido .post .texto blockquote { position: relative; font: italic 18px 'Trebuchet MS',Helvetica,sans-serif; color: #aaa; margin: 0 50px 30px 50px; }
			blockquote:before, blockquote:after { position: absolute; font-family: Arial, sans-serif; font-size: 120px; line-height: 100px; color: #777; font-style: normal; }
			blockquote:before { content: open-quote; top: 0; left: -50px; }
 			blockquote:after { content: close-quote; bottom: -65px; right: -50px; }
				#contenido .post .texto blockquote p { padding: 0; }
					#contenido .post .texto blockquote p strong { color: #ccc; }
				#contenido .post .texto blockquote cite { display: block; margin: 10px 0 0 0; font-size: 10px; font-style: normal; text-align: center; }
			#contenido .post .texto code, #contenido .post .texto pre { background: #444; color: #CBDB2A; font: 11px Verdana, sans-serif; padding: 2px; }			
			#contenido .post .texto .img { text-align: center; }				
				#contenido .post .texto .img a { border: none; }					
					#contenido .post .texto .img a img { border: 4px #d9f0f9 solid; margin: 0 3px; }					
					#contenido .post .texto .img a:hover img { border-color: #009dd6; }

			#contenido .post .texto .download { display: block; width: 200px; margin: 0 auto; background: #333; border: none; text-align: center; padding: 5px; }
			#contenido .post .texto .download:hover { background: #778018; color: #fff; }

		#contenido .post .info { width: 430px; font: 11px/1.4em sans-serif; margin-bottom: 15px; padding: 5px 0;  border: #333 solid; border-width: 1px 0; }
			#contenido .post .info a { border: none; padding: 4px 5px 4px 20px; color: #999; background: url(img/bg-categorias-gris.gif) 5px no-repeat; border-right: 1px #333 dotted; }		
			#contenido .post .info a:hover { color: #fff;  background-image: url(img/bg-categorias-blanco.gif) }		 		
			#contenido .post .info a.comentarios { border: none; background: url(img/bg-comentarios-gris.gif) 5px no-repeat; }
			#contenido .post .info a.comentarios:hover { background-image: url(img/bg-comentarios-blanco.gif) }		
	
/* Comentarios */
	h2#comments, h2#respond { border-bottom: 1px #778018 solid; margin: 30px 0 10px 0; }
	.comentario { margin: 15px 0 0 25px; background: #222; padding: 10px 10px 10px 0; color: #999; }
	.destacado { background: #333; color: #bbb; }	
		.comentario .autor { display: block; margin: 0 0 10px 35px;  font-size: .9em;}	
		.comentario .gravatar { float: left; background: #444; padding: 4px; margin: 0 0 0 -25px; }
		.destacado .gravatar { background: #555; }
		.comentario p { margin-left: 35px; }	
	.trackback { background: #5f6613; padding: 10px;  }	
		.trackback .autor { margin: 0; font-weight: normal; }		
			.trackback .autor span { font-weight: bold; color: #fff; }
			
	#commentform { margin-top: 20px; }	
		#commentform label { display: block; color: #fff; font-size: .85em; text-transform: uppercase; margin-bottom: 5px; }
			#commentform label small { font-size: 1em; color: #999; }
		#commentform input, #commentform textarea { border: none; background: #eee; border: 5px #778018 solid;  margin-bottom: 20px; width: 90%; padding: 5px; color: #555; }
		#commentform input:focus, #commentform textarea:focus { background: #fff; border-color: #cbdb2a; }
		#commentform #submit { display: block; width: 200px; margin: 0 auto; background: #778018; font-weight: bold; color: #fff; border: none; }
		
	.aclaracion-comentarios { font-size: .9em; color: #666; line-height: 110%; margin: 20px 0 0 0; }
		.aclaracion-comentarios ul { list-style-type: square; margin: 0; padding: 0 20px; }

/* Navegacion */
.navegacion {}
	.navegacion div { width: 48%; }
	.navegacion .anterior { float: left; }
	.navegacion .siguiente { float: right; text-align: right; }

/* ---- Centro + Derecha ---- */
#centro, #derecha { font: 11px/1.5em Verdana, sans-serif; color: #999; }

/* ---- Centro ---- */
#centro { float: left; width: 260px; padding: 20px 0 0 20px; letter-spacing: 1px;  }
	#centro div { background: #222; margin-bottom: 20px; padding: 15px; border: 1px #444 solid; }
		#centro div div { background: none; margin: 0; padding: 0; border: none; }
		#centro div h4 { margin-bottom: 15px; border-bottom: 1px #444 dotted; }
		#centro div .vermas { text-align: right; margin: 0; }
			#centro div .vermas a { border: none; font: 10px sans-serif; text-transform: uppercase; letter-spacing: 0; color: #aaa; background: url(img/bg-li.gif) right 3px no-repeat; padding-right: 10px; }
			#centro div .vermas a:hover { color: #fff; background-image: url(img/bg-li-blanco.gif); }
	
	#nosotros p, #autor p { margin-bottom: 15px; }
				
	#centro #autor { }
		#centro #autor .autor { padding: 2px; border: 1px #444 solid; float: right; margin: 0 0 10px 10px; }
	
	#centro .miniposts { }
		#centro .miniposts li { margin-bottom: 30px; }
			#centro .miniposts li h5 { margin: 0; }
			#centro .miniposts li a { font-weight: normal; }
			#centro .miniposts li .info { display: block; margin-top: 10px; font: 11px sans-serif; }
				#centro .miniposts li .info a { color: #999; border: none; font-weight: bold; }
				#centro .miniposts li .info a:hover { color: #cbdb2a; }
					#centro .miniposts li .info a .autor { width: 16px; border: 1px #666 solid; vertical-align: middle; margin-right: 5px; }
					#centro .miniposts li .info a:hover .autor { border-color: #cbdb2a; }
				#centro .miniposts li .info a.comentarios { padding-right: 12px; background: url(img/bg-comentarios-gris.gif) right no-repeat; }
				#centro .miniposts li .info a.comentarios:hover { background-image: url(img/bg-comentarios-verde.gif); }
			
	#centro #twitter { }
		#centro #twitter li { background: url(img/bg-li.gif) left 6px no-repeat; padding-left: 10px; margin-bottom: 10px; }
			#centro #twitter li small { font: 10px sans-serif; letter-spacing: 0; color: #666; }

		
/* ---- Derecha ---- */
#derecha { float: right; width: 160px; padding: 20px 0 0 0; }
	#derecha a { color: #aaa; }
	#derecha a:hover { color: #ddd; }
	#derecha div { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #333 solid; }
	#derecha ul {}
		#derecha ul li { padding-left: 10px; background: url(img/bg-li.gif) 0 4px no-repeat;  }
			#derecha ul li ul li { padding-left: 10px; background: url(img/bg-li-li.gif) 0 3px no-repeat; }
	
/* ---- Footer ---- */
#footer { text-align: center; font-size: 9px; text-transform: uppercase; border-top: 1px #333 dotted; padding-top: 10px; margin-top: 50px; color: #555; letter-spacing: 1px;  }
	#footer li { display: inline; border-right: 1px #333 solid; padding: 0 10px 0 5px; }
	#footer li.ultimo { border: 0; padding: 0 0 0 5px; }
		#footer li a { color: #555; }
		#footer li a:hover { color: #fff; border-color: #fff; }