/*  
Theme Name: Rumoroso
Theme URI: http://wordpress.org/
Description: Ya lo haré...
Version: .1
Author: Rumoroso
Author URI: http://www.niquelao.net/
	Rumoroso v.1
	http://www.niquelao.net
*/
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative; 
}
body {
	font: 70% Verdana, Arial, Sans-Serif;
	color: #333;
	background-color: #000;
}
* {
	margin: 0;
	padding: 0;
}

/* Layout base
-----------------------------------------------------------------------------------*/
#cabecera {
	clear: both;
	position: relative;
	margin-bottom: 10px;
	height: 20%;
	color: #FFF;
	border-bottom: 1px solid;
	background: #000 url(img/head.jpg) bottom left no-repeat;
}
#content {
	position: relative;
	float: left;
	margin-right: 1%;
	margin-left: 5%;
	width: 60%;
	background: #FFF url(img/black.gif) 0 0 repeat-x;
}
#content.individual {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	max-width: 800px;
	min-width: 500px;
	float: none;
}
#content .entrada {
	margin: 0;
	float: left;
	width: 50%;
	position: relative;
}
#content .segundo {
	float: right;
	width: 49.99%;
}
#content.individual .entrada {
	width: 100%;
	float: none;
	padding-bottom: 10px;
}
#lateralA  {
	position: relative;
	float: left;
	width: 20%;
}
#pie {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	color: #FFF;
}

/* Encabezados
-----------------------------------------------------------------------------------*/
	#cabecera h1 {
		position: absolute;
		width: 245px;
		height: 52px;
		bottom: 0;
		left: 0;
		z-index: 1;
		color: #FFF;
	}
	h1 {
		font-size: 1em;
		margin: 0;
		color: #FFF;
	}
	h2 {
		font-size: 1.5em;
		color: #FFF;
	}
	h3 {
		font-size: 1.1em;
		color: #333;
	}
	h4 {
		font-size: 1em;
		color: #333;
	}
	h5 {
		font-size: 1em;
		color: #333;
	}
	#content h2 {
		color: #333;
	}
	#niquelando .entrada h3,
	#niqueladillo .entrada h3,
	#css .entrada h3,
	#xhtml .entrada h3,
	#accesibilidad .entrada h3,
	#javascript .entrada h3,
	.entrada h2,
	.entrada h3 {
		margin-top: 0;
		margin-right: 0;
		padding-top: 30px;
		padding-right: 15px;
		font-size: 1.3em;
	}
	#content.individual .entrada h2 {
		margin: 0;
		padding-left: 20px;
		font-size: 1.4em
	}
	#content.individual .entrada.Rumoroso h2 {
		background: transparent url(http://www.gravatar.com/avatar/a65ac5353f58e8939c406424e33125f2.png) 20px bottom no-repeat;
		padding-left: 105px;
		padding-top: 70px;
		margin-top: 30px;
		margin-bottom: 20px;
		font-size: 1.8em;
		color: #333;
	}
	#content.individual .entrada h3 {
		padding-top: 0;
		border-bottom: 1px solid;
		background-image: none;
		font-size: 1.2em;
		margin-bottom: 1em;
		margin-right: 20px;
	}
	#lateralA div h2 {
		position: relative;
		background: #FF9 url(img/tr2.gif) right top no-repeat;
		padding: 2px 0;
		color: #000;
		border-bottom: 1px solid;
		text-align: center;
		font-size: 1.1em;
	}
	#lateralC h3 {
		margin-bottom: 5px;
		border-bottom: 1px solid;
		padding: 5px 5px 0;
		text-align: center;
	}
	#css #content.individual .entrada h2,
	#css #lateralC h3,
	#xhtml #content.individual .entrada h2,
	#xhtml #lateralC h3,
	#javascript #content.individual .entrada h2,
	#javascript #lateralC h3,
	#niquelando #content.individual .entrada h2,
	#niqueladillo #content.individual .entrada h2,
	#niquelando #lateralC h3,
	#niqueladillo #lateralC h3  {
		background-color: transparent;
		background-position: top right;
		background-repeat: no-repeat;
	}
	#css #lateralC h3,
	#css #content.individual .entrada h2 {
		background-image: url(img/yelow/ftr.gif);
	}
	#xhtml #lateralC h3,
	#xhtml #content.individual .entrada h2 {
		background-image: url(img/blue/ftr.gif);
	}
	#javascript #lateralC h3,
	#javascript #content.individual .entrada h2 {
		background-image: url(img/green/ftr.gif);
	}
	#niquelando #lateralC h3,
	#niquelando #content.individual .entrada h2 {
		background-image: url(img/pink/ftr.gif);
	}
	#accesiblidad #lateralC h3,
	#accesiblidad #content.individual .entrada h2 {
		background-image: url(img/orange/ftr.gif);
	}
	#niqueladillo #lateralC h3,
	#niqueladillo #content.individual .entrada h2 {
		background-image: url(img/ftr.gif);
	}
/* Errores
-----------------------------------------------------------------------------------*/
div#lateralC div#cont_errorcomentarios_form {
	padding: .5em 0 1em;
	background-color: #FF0;
	background-image: none;
}
div#lateralC div#cont_errorcomentarios_form p {
	font-weight: bold;
	margin: 0 1em;
}
div#lateralC label.error {
	background-color: #FFF;
}
.error {
	background-color: #FF0;
	color: #F00;
	font-weight: bold;
}
#cont_errorcomentarios_form.contenedor_error ul#lista_errores {
	margin-left: 2em;
	background: none;
}
#cont_errorcomentarios_form.contenedor_error ul#lista_errores li {
	list-style: disc;
	line-height: normal;
	text-align: left;
}


/* Listas
-----------------------------------------------------------------------------------*/
ul,
ol,
li {
	list-style: none;
	position: relative;
}
ul.lista_normal li {
	list-style: circle;
	margin: .5em;
	line-height: 20px;
}
#flickrimg li {
	display: inline;
}
div#calendario ul {
	margin: 0;
	padding: 0;
	background: transparent url(img/bl.gif) left bottom no-repeat;
	width: 100%;
	float: right;
	border-bottom: 10px solid #000;
}
#lateralA ul {
	clear: both;
	background: transparent url(img/bl.gif) left bottom no-repeat;
	padding: 5px 10px 5px;
}
#content.individual .comentarios h3 {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 0;
}
#content.individual .comentarios dl + h3 {
	margin-bottom: 0;
}
.comentarios dl {
	clear: both;
	margin-bottom: 20px;
}
.comentarios dt,
.comentarios dd{
	position: relative;
	padding: 5px 10px;
	margin: 0 0 0 60px;
	border-style: solid;
	border-color: #CCC;
	background-color: #EFEFEF;
	border-width: 1px;
}
.comentarios dt {
	border-bottom: none;
}
.comentarios dd {
	border-top: none;
	margin-bottom: 20px;
}
.comentarios dt img.gravatar {
	position: absolute;
	margin: 5px;
	border: 1px solid #CCC;
	top: -6px;
	left: -65px;
}
.comentarios dt cite {
	display: block;
	margin-top: 5px;
}
#lateralC ul {
	text-align: center;
}
.info_documento ul li {
	list-style: none;
	display: inline;
	margin: 0 4px
}
#content.individual .entrada ul,
#content.individual .entrada ol {
	margin: 0 50px 10px;
}
#content.individual .entrada ul li {
	margin-bottom: 5px;
}
ul#navegacion {
	float: left;
	clear: left;
	margin-left: 5%;
	color: #FFF;
	padding: 10px 20px 0;
}
.entrada ul#navegacion {
	float: none;
	margin: 0;
	color: #666;
	border-top: 1px solid;
}
ul#navegacion li {
	margin: 0;
	padding: 0;
}
#content ul li {
	list-style: disc;
}
#lateralA ul.recursos li {
	border-bottom: 1px dashed;
	padding: .5em 0;
}
#lateralA ul.recursos li.last {
	border-bottom: 0;
}
#lateralA ul.paginador {
	padding: 0;
	background-image: none;
}
#lateralA ul.paginador li {
	float: left;
	border: none;
	background: #000 url(img/brb.gif) bottom right no-repeat;
	padding-right: 10px;
	padding-bottom: 5px;
}
#lateralA ul.paginador li.next {
	float: right;
	background: #000 url(img/blb.gif) bottom left no-repeat;
	padding-right: 0;
	padding-left: 10px;
}

/* Párrafos
-----------------------------------------------------------------------------------*/
.entrada p {
	margin-bottom: 1.5em;
	margin-bottom: 1em;
}
#content.individual .entrada p {
	font-size: 1.1em;
}
p {
	line-height: 1.5;
}
p.ejemplo {
	text-align: center;
}
p.clasificado {
	position: absolute;
	top: 0;
	left: -20px;
	margin-top: 0;
	width: 100%;
	/*Indispensable dar una altura*/
	height: 20px;
	padding-bottom: 6px;
	font-weight: bold;
}
span.datado {
	font-size: .6em;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-Serif;
	display: block;
}
#lateralA p {
	margin: 5px;
}
#lateralA form p {
	text-align: center;
}
.explicacion {
	margin-bottom: 5px;
	color: #333;
	text-align: right;
}
p#gravatar {
	text-align: left;
	margin-top: -.8em;
}

/* Enlaces
-----------------------------------------------------------------------------------*/
a {
	text-decoration: none;
	border-bottom: 1px dashed;
	color:  #F60;
}
a:hover {
	border-bottom-style: solid;
}
a.externo {
	padding-right: 10px;
	background: transparent url(img/externo.gif) right no-repeat;
}
a.pdf,
a.doc,
a.zip {
	padding-right: 20px;
}
a.pdf {
	background: transparent url(img/pdf.gif) right no-repeat;
}
a.doc {
	background: transparent url(img/doc.gif) right no-repeat;
}
a.zip {
	background: transparent url(img/zip.gif) right no-repeat;
}

a.seguir_leyendo {
	float: right;
	
}
h1 a,
h1 a:hover,
#content .clasificado a:hover {
	border: none;
}
#cabecera h1 a,
#cabecera h1 em {
	display: block;
	height: 52px;
	width: 300px;
	color: #FFF;
}
#cabecera h1 em,
#cabecera h1 a {
	background: transparent url(img/niquelao.jpg) bottom left no-repeat;
}
#css #cabecera a {
	background-image: url(img/css.jpg);
	width: 361px;
}
#xhtml #cabecera a {
	background-image: url(img/xhtml.jpg);
	width: 394px;
}
#accesibilidad #cabecera a {
	background-image: url(img/accesibilidad.jpg);
	width: 537px;
}
#niquelando #cabecera a {
	background-image: url(img/personal.jpg);
	width: 245px;
}
#javascript #cabecera a {
	background-image: url(img/javascript.jpg);
	width: 454px;
}
#pie a {
	color: #FFF;
}

h2 a,
h3 a,
h4 a {
	color: #333;
}
#flickrimg a {
	border: none;
	margin: 1px;
}
p.clasificado a {
	position: absolute;
	right: 15px;
	top: 5px;
	border: none;
	color: #000;
}
#lateralC ul a {
	border: none;
	color: #000;
}
a.enlaceplegador {
	text-indent: 90px;
	height: 15px;
	width: 20px;
	padding: 0;
	overflow: hidden;
}
.plegado a.enlaceplegador {
	background: transparent url(img/desplegar.gif) center center no-repeat;
}
.desplegado a.enlaceplegador {
	background: transparent url(img/plegar.gif) center center no-repeat;
}
#calendario table a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	border: 1px solid;
	background-color: #FF9;
	font-weight: bold;
}
#calendario ul a {
	color: #FFF;
}
#lateralA a {
	color: #000;
	border-bottom: none;
}
#lateralA .normal a {
	color: #F60;
}

/* Im�genes
-----------------------------------------------------------------------------------*/
a img {
	border: none;
}
img.ejemplo {
	border: 1px solid #CCC;
	display: block;
	margin: auto;
}
#flickrimg a img {
	border: 1px solid #000;
}
.entrada * {
	margin-left: 20px;
	margin-right: 20px;
}
.entrada * * {
	margin-left: 0;
	margin-right: 0;
}
#flickrimg {
	text-align: center;
}
code {
	font-size: 1.4em;
	font-family: monospace;
	font-variant: small-caps;
}
abbr,
acronym {
	cursor: help;
}
pre {
	font-size: 1.2em;
	background-color: #ddd;
	color: #333;
	border-width: 1px 1px 1px 10px;
	border-color: #CCC;
	border-style: solid;
	padding: 5px;
	overflow: auto;
	margin: 1em auto;
	font-family: monospace;
	font-size: 1.3em;
}
.nota {
	position: absolute;
	top: -5000px;
	left: -5000px;
}
#lateralA div#calendario {
	background: transparent url(img/ftr.gif) right top no-repeat;
	margin-top: 0
}
#calendario * {
	margin: 0 auto;
}
#calendario caption {
	color: #000;
	font-weight: bold;
	padding-top: 5px;
	background: transparent url(img/ftl.gif) left top no-repeat;
}
#calendario table {
	width: 100%;
	border: 1px solid;
	color: #FFF;
	background-color: #000;
	text-align: center;
}
#calendario table th {
	border: 1px solid;
}
#calendario table td#hoy {
	border: 1px solid #F00;
}

#calendario ul.pr {
	background: transparent url(img/br.gif) right bottom no-repeat;
}
#calendario ul li#mes_prev {
	float: left;
	padding-left: 20px;
	background: transparent url(img/bl.gif) left bottom no-repeat;
}
#calendario ul li#mes_next {
	float: right;
	padding-right: 20px;
	background: transparent url(img/br.gif) right bottom no-repeat;
}
#lateralA div {
	margin-top: 5px;
	background-color: #FFF;
	text-align: center;
}


/*Sistema de colores
-----------------------------------------------------------------------------*/
/*Amarillo*/
p.clasificado.css span {
	background: transparent url(img/yelow/tl.gif) top left no-repeat;
}
.superior p.clasificado.css span {
	background: transparent url(img/yelow/ftl.gif) top left no-repeat;
}
p.clasificado.css {
	background: transparent url(img/yelow/tr.gif) top right no-repeat;
}
.superior p.clasificado.css {
	background: transparent url(img/yelow/ftr.gif) top right no-repeat;
}
/*Azul*/
p.clasificado.xhtml span {
	background: transparent url(img/blue/tl.gif) top left no-repeat;
}
.superior p.clasificado.xhtml span {
	background: transparent url(img/blue/ftl.gif) top left no-repeat;
}
p.clasificado.xhtml {
	background: transparent url(img/blue/tr.gif) top right no-repeat;
}
.superior p.clasificado.xhtml {
	background: transparent url(img/blue/ftr.gif) top right no-repeat;
}
/*Verde*/
p.clasificado.javascript span {
	background: transparent url(img/green/tl.gif) top left no-repeat;
}
.superior p.clasificado.javascript span {
	background: transparent url(img/green/ftl.gif) top left no-repeat;
}
p.clasificado.javascript {
	background: transparent url(img/green/tr.gif) top right no-repeat;
}
.superior p.clasificado.javascript {
	background: transparent url(img/green/ftr.gif) top right no-repeat;
}
/*Naranja*/
p.clasificado.accesibilidad span {
	background: transparent url(img/orange/tl.gif) top left no-repeat;
}
.superior p.clasificado.accesibilidad span {
	background: transparent url(img/orange/ftl.gif) top left no-repeat;
}
p.clasificado.accesibilidad {
	background: transparent url(img/orange/tr.gif) top right no-repeat;
}
.superior p.clasificado.accesibilidad {
	background: transparent url(img/orange/ftr.gif) top right no-repeat;
}
/*Rosa*/
p.clasificado.niqueladillo span {
	background: transparent url(img/tl.gif) top left no-repeat;
}
.superior p.clasificado.niqueladillo span {
	background: transparent url(img/ftl.gif) top left no-repeat;
}
p.clasificado.niqueladillo {
	background: transparent url(img/tr.gif) top right no-repeat;
}
.superior p.clasificado.niqueladillo {
	background: transparent url(img/ftr.gif) top right no-repeat;
}
p.clasificado.niquelando span {
	background: transparent url(img/pink/tl.gif) top left no-repeat;
}
.superior p.clasificado.niquelando span {
	background: transparent url(img/pink/ftl.gif) top left no-repeat;
}
p.clasificado.niquelando {
	background: transparent url(img/pink/tr.gif) top right no-repeat;
}
.superior p.clasificado.niquelando {
	background: transparent url(img/pink/ftr.gif) top right no-repeat;
}
/* Por alguna extra�a raz�n, si lo siguiente se declara antes del apartado para los colores
de las pesata�as, en IE, la especificidad de selector se lo pasa por...*/
p.clasificado span {
	position: absolute;
	display: block;
	width: 100%;
	color: #000;
	/*border-bottom: 1px solid;*/
	padding-top: 5px;
	text-indent: 20px;
}
/*Pesta�as plegadas*/
.plegado div div{
/*	display: none;*/
	position: absolute;
	top: -5000px;
	left: -5000px;
}
.desplegado div div{
	display: block;
}

.vacia span,
#niquelando .vacia span,
#niqueladillo .vacia span,
#css .vacia span,
#xhtml .vacia span,
#accesibilidad .vacia span,
#javascript .vacia span {
	position: absolute;
	top: 0;
	left: -1px;
	margin: 0;
	display: block;
	height: 20px;
	width: 90%;
	border: none;
	padding-top: 20px;
	padding-left: 20px;
	font-size: .8em
}
.superior.entrada.vacia {
	background: transparent url(img/ftr.gif) top right no-repeat;
}
.superior.entrada.vacia span {
	background: transparent url(img/ftl.gif) top left no-repeat;
}
.entrada.vacia span {
	background: transparent url(img/tl.gif) top left no-repeat;
}
.entrada.vacia {
	background: transparent url(img/tr.gif) top right no-repeat;
	border: none;
}
#muestraurl {
	color: #FFF;
	text-align: center;
}


/* Formularios
-----------------------------------------------------------------------------------*/
form {

	padding: 5px;
	margin: 0;
}
input,
textarea {
	/* Se inicializa el tama�o de fuente y la familia de los campos de formulario */
	font-size: 1em;
	font-family: inherit;
}
label {
	display: block;
	font-weight: bold;
	margin-left: 1em;
}
/*#comentarios_form p:last-child{
	text-align: center
}
#comentarios_form textarea {
	height: 100px;
	width: 90%
}*/
form#comentarios_form {
	padding: auto;
	margin: auto;
}
form#comentarios_form label {
	display: block;
	font-weight: normal;
	margin-left: auto;
}
form#comentarios_form p input,
form#comentarios_form textarea {
	width: 400px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
form#comentarios_form p.button input {
	width: auto;
	display: inline;
}
form#comentarios_form {
	float: left;
	width: 100%;
	font:  1.4em "Courier New", Courier, monospace;
	margin: 20px 0 0;
	padding: 0 0 20px;
	background: #4F4F00 url(fondo.gif) top right no-repeat;
	position: relative;
clear: both;
}
form#comentarios_form h3 {
        border: none;
	background: #4F4F00;
	margin: 0 200px 10px 0;
	float: left;
	color: #F0F083;
	padding: 10px 0 0 2%;
	font-size: 1.6em;
	width: 30%;
	text-align: center;
	text-decoration: underline;
}
form#comentarios_form fieldset {
	float: left;
	width: 30%;
	margin: 0 .8%;
	padding: 5px;
	border: none;
	color: #F0F083;
	background-color: #4F4F00;
	position: relative;
	clear: left
}
form#comentarios_form fieldset.comentarios {
	width: 62%;
	border: 3px double;
	margin-top: -30px;
	padding: 0;
	clear: none
}
form#comentarios_form fieldset.comentarios label {
	position: absolute;
	color: #F0F083;
	background-color: #4F4F00;
	border-width: 3px 0 3px 3px;
	border-style: double;
	left: -173px;
	padding: 0 0 0 10px;
	bottom: 10px;
	width: 160px;
	font:  1.4em "Courier New", Courier, monospace;
	font-weight: bold;

}
form#comentarios_form fieldset legend span {
	position: absolute;
	left: -5000px;
	top: -5000px;
}
form#comentarios_form fieldset p {
	margin: 10px 0;
}
form#comentarios_form p input {
	width: 98%;
	margin-left: 1%;
	padding: 2px 0;
	line-height: 1.4em;
        margin-top: 0;
}
form#comentarios_form label {
	display: block;
}
form#comentarios_form textarea {
	width: 95%;
	margin-left: 1%;
	height: 15em
}
form#comentarios_form .boton {
	text-align: center;
	margin: 10px
}
form#comentarios_form .boton input {
	height: 1.6em;
	border: 3px double #F0F083;
	color:  #F0F083;
	background-color: transparent;
	width: 150px;
	font:  1.5em "Courier New", Courier, monospace;
	font-weight: bold;
}
form#comentarios_form .boton input:active,
form#comentarios_form .boton input:focus {
	color: #4F4F00;
	background-color: #F0F083;
}
form#comentarios_form input,
form#comentarios_form textarea {
	background-color: #F0F083;
	border-style: groove;
	border-color: #F0F083
}
form#comentarios_form input:active,
form#comentarios_form input:focus,
form#comentarios_form textarea:active,
form#comentarios_form textarea:focus {
	background-color: #FFF
}


/* Elementos de linea (no incluye enlaces)
-----------------------------------------------------------------------------------*/
.comentarios dt cite {
	font-weight: bold;
}
#cabecera h1 em {
	/* Dado que este enfasis se utiliza en el reemplazo de imagen en el que
	   tambi�n interviene un enlace, se ha declarado su estilo junto a aquel */
}
#cabecera span {
	/* Este se emplea en el reemplazo de imagen de la cabecera */
	position: relative;
	z-index: -1
}


#lateralC div {
	margin-bottom: 10px;
	width: 100%;
	background: #FFF url(img/bl.gif) left bottom no-repeat;
	padding-bottom: 5px;
}


.aclarador {
	clear: both;
}
.asides li {
	text-align: left;
	padding-top: .25em;
	margin-bottom: .25em;
	border-top: 1px dashed;
}
.asides li p {
	margin: 0;
}
#lateralA .asides ul li a {
	color: #F60;
}
code {
	background-color: #C9C9C9;
}
#lateralA  div#asides .asides ul,
#lateralA  div#asides .asides ul li {
	margin-bottom: 0;
	padding-bottom: 0;
}
#lateralA  div#asides {
	margin: 0;
	padding: 0;
	height: 1%;
}
blockquote {
	padding-left: 20px;
	font-style: italic;
}
q {
	font-style: italic;
}
.entrada p.twittear {
	text-align: center !important;
}
.entrada.Rumoroso  p.twittear {
	line-height: 95px;
	margin-top: -.5em !important;
	background: transparent url(img/firma.png) right top no-repeat;
}
.desplegado p.twittear {
	position: absolute;
	top: -5000px;
	left: -5000px
}

.enlace_comentarios {
	position: absolute;
	top: -4px;
	right: 20px;

}
.comentarios {
	position: relative;
}
.enlace_comentarios a,
.enlace_comentarios a:hover {
	border: none;
}
object.ejemplo {
	margin: auto;
}

.individual table {
    margin: 10px auto 15px;
    border-collapse: collapse;
    width: 90%;
}
.individual th,
.individual td {
    border: 1px solid #999;
    padding: 5px;
}
.individual th {
    background-color: #DD9;
    font-variant: small-caps;
    font-size: 1.1em;
    text-transform: capitalize;
    font-weight: bold;
    white-space: nowrap;
}
.individual td:first-child {
    font-weight: bold;
    white-space: nowrap;
}
.individual td+td {
    text-align: center;
}
.individual td:first-child + td,
.individual td:first-child + td + td,
span.codigo {
    font-family: monospace;
    font-size: 1.3em;
    color: #33F;
}
tr:nth-of-type(2n) td {
    background-color:  #FCFCDE;
}