/*
Theme Name: Saregune Video
Theme URI: 
Description: Tema oscuro, optimizado para que destaque el video.
Version: 1.0
Author: Iñaki
Author URI: 
*/


/*-------RESET CSS---------*/
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
	text-decoration: none;
}

/*para que la caja de texto tenga un cuadro azul al posicionarnos sobre ella*/
:focus{
  border: 1px solid #10bae0;
}


/*-----------FIN RESET CSS-----------*/



body{
	background-color: #353535;
	font-family:serif;
	font-size: 11pt;
	line-height: 120%;
	color: #FFFFFF;
}


/*AL MODIFICAR LA CABEZERA NO UTILIZO ESTA ETIQUETA SINO LA DE CUERPO*/
	/*#page {
		width: 980px;
		margin-left:auto;
		margin-right:auto;
	}*/

	
/*-----------CABECERA-----------*/
#header {
	width: 994px;
	margin-right: auto;
	height: 160px;			
	background-image: url(images/cabecera.jpg);	
	position: relative;
}

	#header li{
		display: block;
		float: left;
	}			
	
		#logo {
			position: absolute;
			top: 45px;
			left: 35px;
		}
		
		#menu {
			position: absolute;					
			top: 72px;
			right: 308px;
			color: #10bae0;
		}
		
		#menu li{
			width: 50px;
			height: 22px;
			padding: 6px 4px 0 4px;
			text-align: center;
		}
					
#menu li :link, #menu li :visited{color: #FFF}		
		
		#pg_inicio #inicio, #pg_eloy #eloy {
			background-color: #000;
		}
		
		#pg_inicio #inicio :link, #pg_inicio #inicio :visited, #pg_eloy #eloy :link, #pg_eloy #eloy :visited{
			color: #10bae0;
		}
		
		#menu li :hover{color: #10bae0;}
		
		
		#rss {
			position: absolute;			
			top: 10px;			
			right: 10px;		
			width: 32px;			
			height: 29px;
		}		
		
			
		#buscador {			
			position: absolute;
			right: 18px;
			bottom: 47px;					
		}
	
			#searchform #s {	/*CAJA DE BUSQUEDA*/
					width: 130px;
			    height: 20px;
			    background-color:#FFFFFF;
			    color: #666666;
			    font-size: 10pt;
			}
			
			#searchsubmit {display: none;} /*para que no se vea el BOTON de busqueda que me daba problemas al tabular*/
	


/*Para ocultar el Titulo y el Tagline en la Cabecera*/		
#header h1{display: none;}		
#header .description{display: none;}

/*-----------FIN CABECERA-----------*/	

#cuerpo :link, #cuerpo :visited{color: #10bae0;}/*links y links visitados en azul*/
#cuerpo :hover{color: #FFFFFF;}/*link sobre el que nos posicionamos en blanco*/

		#cuerpo {								
				clear:both;
				width: 980px;
				margin-left:14px;
				margin-right:auto;
		}

/*CONTENEDOR-POSTEO*/		
		#contentarea {						
			float:left;			
			width: 590px;
			min-height: 330px;
			padding: 25px 70px 25px 80px;
			background-color: #000000;
			background-image:url(images/cuerpo.gif);
			background-repeat: repeat-y; 		
		}
			
				.post h2{
					font-weight: bold;
					font-size: 18pt;
line-height: 120%;
					color: #10bae0;
				}
				
					.post h2 :link{color: #10bae0;}
					.post h2 :hover{color: #10bae0; padding: 2px;}
				
				.post small{					
					font-weight: bold;
					font-size: 10pt;
					font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
					color: #FFFFFF;
				}

				.entry{
					margin-top: 15px;
					background-image:url(images/cine.png);
					text-align: left;					
				}
				
				.postmetadata{
					margin: 15px 6px 60px;					
					padding-top: 4px;
					border-top: thin dotted #FFFFFF;					
					font-size: 10pt;
					font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
					text-align: right;
					font-weight: bold;
					line-height: 110%;
				}
					
/*CAJAS DE TEXTO PARA LOS COMENTARIOS*/
		#comentarios{
			margin: 15px 6px 40px;					
			padding-top: 4px;
			border-top: thin dotted #FFFFFF;					
		}		
		
			#comments{
				font-size: 10pt;
				font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
				text-align: right;				
				font-weight: bold;
				line-height: 110%;
				margin-bottom: 30px;
			}
			
		.percoment{
			font-size: 14pt;
			font-weight: bold;		
		}
		
		.commentmetadata{
			font-weight: bold;
			font-size: 10pt;
			font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;		
		}

		.textcoment{
			margin: 10px;		
		}		
		
		
		/*ESPACIO PARA DEJAR COMENTARIO*/
		
	#espacio_comentario{
		margin-top: 30px;	
	}	
		
		#comentarios dl{
			margin: 4px;
			font-size: 10pt;
		}
		
		#datoscoment dd{
			width: 380px;
			height: 20px;			
			margin-bottom: 4px;			
			background-color: #FFF;  	
  		border: 1px solid #353535;
  		color: #000;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  		
  		font-size: 11pt;
		}
		
		#datoscoment input:focus, input:hover{
			background-color: #FFF;
			color: #666;
			border: 1px solid #10bae0;
		}	
		
		#comment{ /*CAJAS DE TEXTO DONDE DEJAR LOS COMENTARIOS*/											
			background-color: #FFFFFF;
			color: #666;
			border: 1px solid #353535;
		}
		
		#comment:focus, #comment:hover{
			background-color: #FFF;
			color: #666;
			border: 1px solid #10bae0;
		}	
		
			#submit{ /*BOTON PARA VALIDAD COMENTARIO*/
				margin-top: 4px;				
				margin-left: 418px;
				width: 140px;
				height: 30px;
				background-image: url(images/boton_off.jpg);				
				border: 0;				
				color: #353535;	
				font-size: 10pt;			
			}
			
			#submit:hover{
				background-image: url(images/boton_on.jpg);
			}
		


/*MENU LATERAL*/
			#rightsidebar {
				float: left;#10bae0
				width: 200px;				
				margin-top: 20px;				
				margin-left: 20px;
				margin-right: 2px;
				padding: 0px 13px 10px 5px;
				background-color:#666666;
				font-size: 10pt;			
				font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
				line-height: 110%;
			}			
			
			#rightsidebar :link{color: #FFFFFF;}
			#rightsidebar :visited{color: #FFFFFF;}
			#rightsidebar li ul li :hover{color: #10bae0;}
			

				#rightsidebar h2{
					font-weight: bold;
					padding-top: 10px;
					padding-bottom: 1px;
				}
				
				#rightsidebar li{
					padding-left: 5px;
				}
				
				/*#rightsidebar #searchform #s {
			    width: 160px;
			    padding: 2px;
			    background-color:#FFFFFF;
			    color: #666666;
				}*/


/*PIE*/		
		#footer {
			clear:both;
			padding: 20px;
			text-align:center	;
			font-size: 10pt;
			font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;			
			font-weight: bold;
		}
		
	
		#footer :link, #footer :visited{color: #10bae0;}/*links y links visitados en azul*/
		#footer :hover{color: #FFFFFF;}/*link sobre el que nos posicionamos en blanco*/