/*==============================================================================

PROYECTO  : rpuerto web
NOMBRE    : /css/blog.css
FECHA     : 13-FEB-07
AUTOR     : Ricardo Puerto <rpuerto@veoveo.es>
COPYRIGHT : Copyright (c) 2007 Ricardo Puerto

SUMARIO

Hoja de estilos para el blog.

==============================================================================*/


/* contenido ---------------------------------------------------------------- */

#contenido {
	width: 900px;
	background: url("/rc/blog/fondo.gif") repeat-y;
	position: relative;
	overflow: auto;
}

/* anotaciones -------------------------------------------------------------- */

#anotaciones {
	width: 380px;
	float: left;
	overflow: hidden;
}

#anotaciones h2 {
	text-indent: -9999px;
	margin: 0;
	width: 380px;
	height: 65px;
	background: url("/rc/blog/anotaciones-que-escribo.gif");
}

#anotaciones #lista {
	padding: 10px 15px;
	background: url("/rc/fondo-lista.gif") repeat-x;
	font-size: 11px;
	color: #2e2e2e;
	min-height: 380px;
	height: auto !important; /* ie6 min-height hack */
	height: 380px; /* ie6 min-height hack */
}

#anotaciones #lista #anterior {
	padding: 10px 0;
}

#anotaciones #lista #anterior a {
	margin: 0 auto;
	text-indent: -9999px;
	width: 27px;
	height: 27px;
	background: url("/rc/blog/anterior.gif");
	border: none;
	display: block;
}

#anotaciones #lista #anterior a:hover {
	background: url("/rc/blog/anterior.gif") 0 -27px;
}

#anotaciones #lista #siguiente a {
	margin: 30px auto 10px auto;
	text-indent: -9999px;
	width: 27px;
	height: 27px;
	background: url("/rc/blog/siguiente.gif");
	border: none;
	display: block;
}

#anotaciones #lista #siguiente a:hover {
	background: url("/rc/blog/siguiente.gif") 0 -27px;
}

#anotaciones #lista .fecha-primera {
	padding-bottom: 15px;
	font-family: Helvetica, sans-serif;
	font-size: 42px;
	color: #ffabc1;
	text-align: center;
}

#anotaciones #lista .fecha {
	padding: 10px 0 15px 0;
	font-family: Helvetica, sans-serif;
	font-size: 42px;
	color: #7c817f;
	text-align: center;
	text-shadow: #9aa09e 0 1px 1px;
}

#anotaciones #lista .permalink {
	text-indent: -9999px;
	background: #9aa09e;
	border: none;
	border-left: 1px solid #f7a6bb;
	width: 8px;
	height: 14px;
	float: left;
	margin-left: -15px;
}

#anotaciones #lista .separador-nota {
	height: 3px;
	background: url("/rc/blog/separador-nota.gif") center no-repeat;
	margin: 20px 0;
}

#anotaciones #lista .separador-fecha {
	height: 18px;
	background: url("/rc/blog/separador-fecha.gif") center no-repeat;
	margin: 20px 0;
}

* html .texto .code { /* ie6 hack */
	width: 268px;
}

/* pelis -------------------------------------------------------------------- */

#pelis h2 {
	text-indent: -9999px;
	margin: 0;
	width: 129px;
	height: 65px;
	background: url("/rc/blog/pelis-que-veo.gif");
}

/* musica ------------------------------------------------------------------- */

#musica h2 {
	text-indent: -9999px;
	margin: 0;
	width: 129px;
	height: 65px;
	background: url("/rc/blog/musica-que-escucho.gif");
}

/* libros ------------------------------------------------------------------- */

#libros h2 {
	text-indent: -9999px;
	margin: 0;
	width: 129px;
	height: 65px;
	background: url("/rc/blog/libros-que-leo.gif");
}

/* juegos ------------------------------------------------------------------- */

#juegos h2 {
	text-indent: -9999px;
	margin: 0;
	width: 129px;
	height: 65px;
	background: url("/rc/blog/juegos-que-juego.gif");
}

/* pelis/musica/libros/juegos ----------------------------------------------- */

#pelis,
#musica,
#libros,
#juegos {
	padding-left: 1px;
	width: 129px;
	float: left;
	overflow: hidden;
}

#pelis #lista,
#musica #lista,
#libros #lista,
#juegos #lista {
	padding: 10px;
	font-size: 11px;
	background: url("/rc/fondo-lista.gif") repeat-x;
	min-height: 380px;
	height: auto !important; /* ie6 min-height hack */
	height: 380px; /* ie6 min-height hack */
}

#pelis #lista #anterior,
#musica #lista #anterior,
#libros #lista #anterior,
#juegos #lista #anterior {
	padding: 10px 0 30px 0;
}

#pelis #lista #anterior a,
#musica #lista #anterior a,
#libros #lista #anterior a,
#juegos #lista #anterior a {
	margin: 0 auto 10px auto;
	text-indent: -9999px;
	width: 27px;
	height: 27px;
	background: url("/rc/blog/anterior.gif");
	border: none;
	display: block;
}

#pelis #lista #anterior a:hover,
#musica #lista #anterior a:hover,
#libros #lista #anterior a:hover,
#juegos #lista #anterior a:hover {
	background: url("/rc/blog/anterior.gif") 0 -27px;
}

#pelis #lista #siguiente a,
#musica #lista #siguiente a,
#libros #lista #siguiente a,
#juegos #lista #siguiente a {
	margin: 30px auto 10px auto;
	text-indent: -9999px;
	width: 27px;
	height: 27px;
	background: url("/rc/blog/siguiente.gif");
	border: none;
	display: block;
}

#pelis #lista #siguiente a:hover,
#musica #lista #siguiente a:hover,
#libros #lista #siguiente a:hover,
#juegos #lista #siguiente a:hover {
	background: url("/rc/blog/siguiente.gif") 0 -27px;
}

#pelis #lista img,
#musica #lista img,
#libros #lista img,
#juegos #lista img {
	float: left;
	background: #fff;
	padding: 1px;
	border: 1px solid #737373;
	display: inline; /* ie6 hack */
}

#pelis #lista .puntuacion1,
#pelis #lista .puntuacion2,
#pelis #lista .puntuacion3,
#pelis #lista .puntuacion4,
#pelis #lista .puntuacion5,
#musica #lista .puntuacion1,
#musica #lista .puntuacion2,
#musica #lista .puntuacion3,
#musica #lista .puntuacion4,
#musica #lista .puntuacion5,
#libros #lista .puntuacion1,
#libros #lista .puntuacion2,
#libros #lista .puntuacion3,
#libros #lista .puntuacion4,
#libros #lista .puntuacion5,
#juegos #lista .puntuacion1,
#juegos #lista .puntuacion2,
#juegos #lista .puntuacion3,
#juegos #lista .puntuacion4,
#juegos #lista .puntuacion5 {
	float: left;
	margin: 2px 0 1px 2px;
	display: inline; /* ie6 hack */
}

#pelis #lista .repR,
#musica #lista .repR,
#libros #lista .repR,
#juegos #lista .repR {
	float: left;
	margin: 2px 0 1px 2px;
	text-indent: -9999px;
	width: 14px;
	height: 14px;
	background: url("/rc/blog/repeticion1.gif");
	display: inline; /* ie6 hack */
}

#pelis #lista .repRR,
#musica #lista .repRR,
#libros #lista .repRR,
#juegos #lista .repRR {
	float: left;
	margin: 2px 0 1px 2px;
	text-indent: -9999px;
	width: 23px;
	height: 14px;
	background: url("/rc/blog/repeticion2.gif");
	display: inline; /* ie6 hack */
}

#pelis #lista .titulo,
#musica #lista .titulo,
#libros #lista .titulo,
#juegos #lista .titulo {
	clear: both;
	color: #fff;
	font-weight: bold;
	padding-left: 1px;
}

* html #pelis #lista .titulo,
* html #musica #lista .titulo,
* html #libros #lista .titulo,
* html #juegos #lista .titulo {
	display: inline; /* ie6 hack */
}

#pelis #lista .subtitulo,
#musica #lista .subtitulo,
#libros #lista .subtitulo,
#juegos #lista .subtitulo {
	color: #cbcbcb;
	padding-left: 1px;
	margin-bottom: 15px;
}

/* puntuacion --------------------------------------------------------------- */

.puntuacion1 {
	text-indent: -9999px;
	width: 65px;
	height: 14px;
	background: url("/rc/blog/puntuacion1.gif");
}

.puntuacion2 {
	text-indent: -9999px;
	width: 65px;
	height: 14px;
	background: url("/rc/blog/puntuacion2.gif");
}

.puntuacion3 {
	text-indent: -9999px;
	width: 65px;
	height: 14px;
	background: url("/rc/blog/puntuacion3.gif");
}

.puntuacion4 {
	text-indent: -9999px;
	width: 65px;
	height: 14px;
	background: url("/rc/blog/puntuacion4.gif");
}

.puntuacion5 {
	text-indent: -9999px;
	width: 65px;
	height: 14px;
	background: url("/rc/blog/puntuacion5.gif");
}

/* nav ---------------------------------------------------------------------- */

#nav {
	font-size: 9px;
	color: #aaa;
	position: relative;
	width: 900px;
	overflow: auto;
}

#nav a {
	color: #fff;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
}

#nav .titulo {
	margin-bottom: 5px;
	text-transform: uppercase;
}

#nav #busqueda {
	float:left;
	padding: 20px 40px;
	display: inline; /* ie6 hack */
}

#nav #busqueda input {
	width: 170px;
	border: none;
}

#nav #archivo {
	float:left;
	padding: 20px 0 20px 60px;
}

#nav #archivo .sel {
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #999;
	padding: 0 3px;
}

#nav #rss {
	float:right;
	padding: 10px 15px;
	display: inline; /* ie6 hack */
}

#nav #rss ul {
	margin: 0;
	list-style-type: none;
}

#nav #rss li {
	float: left;
	background: url("/rc/blog/rss.gif") left no-repeat;
	height: 12px;
	padding-left: 15px;
	margin-left: 6px;
}