/*
Theme Name: Jugando
Theme URI: http://blog.nnatali.com/
Description: Nuevo diseño con un toque de ilustración. Especifico para mi blog.
Version: 1.0
Author: Nnatali
Author URI: http://blog.nnatali.com/
Tags: two-columns, fixed-width, threaded-comments
*/


/*****************************************
				ESTRUCTURA
*****************************************/

* { 
	margin:0; 
	padding:0;
}
html, body {
	height: 100%;
}
#linetop {
	height:17px;
	background:url(images/linetop.gif) repeat-x top left;
}
body {
	background:url(images/top.gif) no-repeat top center;
}

/* div contenedor de todo */
#page {
	margin: 0 auto;
	width: 1040px;
	padding-bottom:10px;
	background:url(images/sidebar.gif) repeat-y bottom right;
}
/* cabecera */
#header {
	height: 140px;
	width: 1040px;
	padding-top:20px;
	margin:0 auto;
}
#iconos { width:260px; float:right; }

/* columna izquierda, contenido de los post, general */
#content {
	width:600px;
	float:left;
}
/* columna izquierda solo en la HOME */
.narrowcolumn {
}
/* columna izquierda solo en post unico */
.widecolumn {
}

/* div que contiene cada post */
.post {
	margin: 0 0 40px;
	text-align: left;
}
div.imagen {
	margin:12px auto;
	text-align:center;
}
div.imagen .borde {
	border:1px solid #000;
}
.post small {
	background:#EFFFFD;
	color:#41AFA2;
	display:table;
	font-size:10px;
	margin:0;
	padding:4px 0;
}
.post small a {
	color:#008F7F;
}

/* informacion adicional (metas) de cada post */
.postmetadata {
	display:none;
}

/* pie de pagina */
#footer {
	padding-top:20px;
	clear:both;
	height: 200px;
	background:url(images/bottom.gif) no-repeat bottom center #7DCEC5;
	border-top:1px dashed #FFF;
}

#credits {
	width:1100px;
	height:180px;
	margin:0 auto;
	text-align:left;
}
#credits p.version {
	text-align:right;
	color:#fff;
	font-family:Tahoma, sans-serif;
	margin-top:23px;
	margin-right:80px;
}
#credits p.version a {
	color:#333;
	font-family:Tahoma, sans-serif;
}
table.lifestream { margin-left:30px; width:500px !important;}
table.lifestream a { color:#04648d;}
.lifestream_meta { display:none;}
.lifestream h2 { display:none;}
#credits h2 { color:#fff;}

/*****************************************
				ELEMENTOS
*****************************************/
#aboutme {
	margin:10px;
	background:#E0E4EF;
	padding:5px;
}
#aboutme img {
	float:left;
	margin-right:8px;
	margin-top:1px;
	margin-left:1px;
}
#aboutme p {
	line-height:16px;
	font-size:11px;
}
#aboutme p a {
	color:#7284BF;
}


/* formulario de busqueda */
#searchform {
	background:#f0dac0;
	margin: 10px auto;
	padding: 5px 3px;
}
/* entrada de texto del formulario */
#sidebar #searchform #s {
	width: 280px;
	padding: 2px;
	margin-left:10px;
	background:#f1e2d1;
	border:0;
	border-top:1px solid #ebcdaa;
	border-left:1px solid #ebcdaa;
}
/* boton del formulario */
#sidebar #searchsubmit {
	padding: 1px 5px;
	background:#ebcdaa;
	border:0;
	border-bottom:1px solid #f1e2d1;
	border-right:1px solid #f1e2d1;
	color:#8c673b;
	font-weight:bold;
	font-family: Helvetica, Arial, Sans-Serif;
}

/* formulario de comentarios */
#commentform {
	margin: 5px 10px 0 0;
}
/* parrafos del formulario de comentarios */
#commentform p {
	margin: 5px 0;
}
/* name, email, website */
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
/* comment */
#commentform textarea {
	width: 100%;
	padding: 2px;
}
/* boton enviar comentario */
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}

/*****************************************
				LIFESTREAM
*****************************************/
table.lifestream {
}
h2.lifestream_date {
	margin:0;
	padding:0;
}
td.lifestream_text {
	font-size:11px;
}
td.lifestream_icon {
	padding:3px 0 !important;
}
p.lifestream-paging {
	display:none;
}
p.lifestream_credits {
	display:none;
}


/*****************************************
			LISTA DE COMENTARIOS
*****************************************/
/* comentario intermitente */
.alt {
	padding: 10px;
}
/* ol de los comentarios */
.commentlist {
	text-align: left;
}
.commentlist a {
	color:#754C24;
}
/* bloque de cada comentario */
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	background: #eeeeee;
}
.comment-author-admin {
	background: #f8eddc !important;
}
.comment-author-admin a {
	color: #f7a937;
}

/* texto del comentario */
.commentlist p {
	margin: 10px 5px 10px 0;
}
/* texto cuando no hay comentarios */
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}


/*****************************************
				SIDEBAR
*****************************************/
/* columna derecha */
#sidebar
{
	padding: 10px 0 5px 0;
	width: 375px;
	float:right;
	background:#d6ddf3 url(images/pico.gif) repeat-x top left;
}


/*****************************************
				ETIQUETAS
*****************************************/
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
/* citas */
blockquote {
	margin: 15px 30px 15px 10px;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
blockquote:before
{
	content:open-quote;
	font-size:60px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	color:#DDD;
	margin: 10px 0;
	line-height:20px;
}
.navigation {
	display: block;
	text-align: center;
	clear:both;
	margin:10px auto;
}
.navigation .alignleft {
	width:48%;
	margin-right:3px;
	float:left;
	border-left:2px solid #DAC585;
	background:#FFEFBF;
}
.navigation .alignright {
	width:48%;
	float:right;
	border-right:2px solid #DAC585;
	background:#FFEFBF;
}
.navigation div {
	padding:5px 0;
}
.navigation div a {
	color:#754C24;
	font-size:10px;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
a img {
	border: none;
}

/*****************************************
				CAPTIONS
*****************************************/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	padding: 0 4px 5px;
	margin: 0;
}


/*****************************************
				IMAGENES
*****************************************/
p img {
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


/*****************************************
				LISTAS
*****************************************/
/* listas */
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
html>body .entry li {
	margin: 2px 0 2px 10px;
}
/* se le añade el caracter >> a todos los elementos */
.entry ul li:before, #sidebar ul ul li:before {
}
.entry ol, .entry ul {
	padding: 0 0 0 35px;
	margin: 16px 0;
}
/* campos personalizados de los posts */
.post small a {
	background: none;
}
ul.post-meta {
	display:none;
}
/* datos adicionales de los posts */
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
/* listas del sidebar, generales */
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style-type:none;
}
#sidebar ul li ul li {
	padding: 1px 2px;
	margin: 2px 20px;
	line-height:16px;
	list-style: none;
	border-bottom:1px dashed #7284bf;
}
#sidebar #linkcat-2 li {
}
#sidebar .rc_expand a {
	font-size:16px;
}
#sidebar ul li ul li a {
	color:#333;
}
#sidebar ul li ul li:hover {
	background:#b4bcd7;
}
#sidebar ul li a {
	text-decoration:none;
}

.widget_tag_cloud div {
	margin:10px 30px;
}
.widget_tag_cloud div a {
	background:#e0e4ef;
	color:#56669c;
	padding:2px;
}
.widget_tag_cloud div a:hover {
	background:#d6ddf3;
}


/*****************************************
				TITULOS
*****************************************/
h1 {
	text-align:left;
}
h1 a {
	text-decoration:none;
	color:#754c24;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:22px;
}
h1 a:hover {
	text-decoration:none;
	background:#fff9df;
}
.post h2 {
	background:#FFF9DF;
	display:inline-block;
	padding:2px 0;
	color:#E67B2B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
}
.post h2 a { 
	color:#E67B2B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

.numcom {
	background:#eef0f5;
	display:inline-block;
	padding:2px 5px;
	float:left;
}
.numcom a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:31px;
	color:#7284bf;
	text-decoration:none;
}

#sidebar h2 {
	font-size:12px !important;
	background:#E0E4EF none repeat scroll 0 0;
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
	padding:4px 4px 4px 10px;
}

#lifestream h2 {
	margin: 5px 0 0;
	padding: 0;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
}
#sidebar h2:first-letter, #lifestream h2:first-letter {
	font-weight:bold;
}
h3 {
	padding: 0;
	margin: 30px 0 0;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}

/*****************************************
				TEXTOS
*****************************************/
body {
	font-size: 12px; 
	font-family: Helvetica, Arial, Sans-Serif;
	color: #333;
	text-align:left;
}
.entry {
	margin:10px 0;
}
.entry p {
	line-height:16px;
	margin:8px 0;
}

.entry a {
	background:#eef0f5;
	color:#7284bf;
	padding:2px 0;
}
.entry a.tt {
	margin:10px 0 8px 10px;
	float:right;
	padding:2px;
	color:#41AFA2;
	background:#EFFFFD;
}
.entry a:hover {
	background:#FFF9DF;
	color:#E67B2B;
}

.narrowcolumn .postmetadata {
	text-align: center;
}

small {
	font-size: 10px;
}
h1, h2, h3 {
	font-weight: bold;
}
#header .description, #header .description a {
	color:#b7ad8e;
}
h2 {
	font-size: 18px;
}
h2.pagetitle {
	font-size: 16px;
}
h3 {
	font-size: 13px;
}
.commentlist li ul li {
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
}
.commentlist p {
	font-weight: normal;
	text-transform: none;
}
#commentform p {
}
.commentmetadata {
	font-weight: normal;
}
#sidebar {
}
code {
}
acronym, abbr, span.caps{
}
a:hover {
	text-decoration: underline;
}



/*****************************************
				COLORES
*****************************************/
.violeta { color:#7284bf;}
.turquesa { color:#7dcec5;}
.naranja { color:#f67b2b;}
.naranjita { color:#fbae20;}

.fvioleta { background:#7284bf;}
.fturquesa { background:#7dcec5;}
.fnaranja { background:#f67b2b;}
.fnaranjita { background:#fbae20;}

.linea { height:7px; width:260px; float:left;}

/*
#content, #sidebar {
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#page {
	overflow:hidden;
}*/

p.comment-page-numbers {
	margin:8px 0;
	clear:both;
}
p.comment-page-numbers a {
	color:#754C24;
	background:#FFEFBF;
	font-size:10px;
	padding:2px;
}
.comment-number {
	float:left;
	margin-right:4px;
}
#flickrrss a {
	margin:0 0 0 15px;
}

#feedburner {
	padding:5px 14px;
	background:#E0E4EF;
}
#feedburner p {
	font-size:12px;
	margin-bottom:4px;
}

#feedburner #feedemail {
	background:#D6DDF3;
	border:0;
	border-top:1px solid #9db0ea;
	border-left: 1px solid #9db0ea;
	padding:2px;
	width:252px;
}

#feedburner #feedsubmit {
	background:#9db0ea;
	border:0;
	border-bottom:1px solid #e9ecf5;
	border-right: 1px solid #e9ecf5;
	padding:1px 3px;
	color:#e9ecf5;
	font-weight:bold;
}

#resultados {
	margin:20px 0;
}

#resultados .post {
	margin:10px 0;
}

#destacados a {
	margin:0 0 0 13px;
}
#adsense {
	width:340px;
	margin:10px auto;
	text-align:center;
}
.adt {
	font-size:13px !important;
}
.adb {
	font-size:11px !important;
}
ul.related_post li {
	list-style-position:outside;
	list-style-type:disc;
	text-indent:0;
}

li#widget_twitter_blogroll {
	text-align:center;
}
li#widget_twitter_blogroll h2 {
	text-align:left;
}
.lifestream_events { display:none; }

.tb_all { text-align:right; margin:0 11px; }
.tb_all a { color:#56669C; font-weight:bold; padding:2px; }