/*  
Theme Name: Anti DRM
Theme URI: http://www.osiris-producciones.com
Description: El tema principal para Anti DRM.
Version: 1.5
Author: Ernesto Graf
Author URI: http://www.osiris-producciones.com

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<--------*/
/* ---------------------------------*/
html,
body {
	background: #fff;
	color: #333;
	margin: 0;
	width: 100%;
	height:100%;
	padding: 0;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;} 
	
p {
	line-height: 190%;
	margin: 5px 0;
	text-align: justify;}

h2{
	margin:0;
	padding:0px;}

h3 {
	font-weight:bold;
	line-height: 100%;
	color: #4E463F;
	margin: 15px 0 0.5em 0px;
	padding:10px;
	background:url(imagenes/linea-vert.gif) bottom left repeat-x;
	border:1px solid #eee;}

h3 span{
	font-weight:normal;
	font-size:0.8em}

h4{
	margin:15px 0 5px 0}

dt{
	font-weight:bold;
	margin-top:15px;}

fieldset{
	text-align:left;
	border:0}

blockquote{
	padding:0px 10px 10px 30px;
	background:url(imagenes/quot.gif) 1% 1% no-repeat  #eee;
	border:1px solid #ccc}

a {
	color:#00779F;
	text-decoration:none}
a:hover{
	text-decoration:underline;}

a img{border:0}

/* -----------------------------------*/
/* ----------->>> CAPAS <<<--------*/
/* ----------------------------------*/
#frase {
	margin:0 0px 0 0px;
	padding:15px 0 30px 0;
	width:100%;
	position:absolute;
	text-align:center;
	background:url(imagenes/fondo.jpg) bottom left repeat-x  #353535;}
	
#contenedor{
	margin:0 300px 0 0;
	padding:0 0 0 20px;
	background: #fff;
	min-height:100%;}

.destacado{
	padding:5px 10px;
	margin-bottom:25px;
	color:#333;
	background:#f8f8f8;
	border:1px solid #eee;
	border-left:10px solid #eee;}

  
.boton_mas{
	position:absolute;
	margin-left:480px;
	margin-top:15px;
	background: #f8f8f8;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 38px;
	width: 38px;
	padding-top: 2px;
	padding-left: 2px;
	}

.boton_copyleft{
	position:absolute;
	margin-left:480px;
	margin-top:63px;
	background: #f8f8f8;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 38px;
	width: 38px;
	padding-top: 2px;
	padding-left: 2px;
	}

.destacado_video{
	width:450px;
	padding:5px 10px;
	margin-bottom:25px;
	color:#333;
	background:#f8f8f8;
	border:1px solid #eee;
	border-left:10px solid #eee;}

.destacado_video_titulo{
	width:440px;
	padding:2px 5px 5px 5px;
	margin-bottom:5px;
	color:#000;
	background:#eee;
	border:1px solid #f8f8f8;
	text-align:center;
	}

.destacado_video_comentario{
	width:440px;
	padding:2px 5px 5px 5px;
	margin-bottom:5px;
	color:#FFF;
	background:#353535;
	border:1px solid #eee;
	line-height:12px;
	text-align:center;
	}

.destacado_portada{
	padding:5px 5% 5px 10%;
	margin:0 0 5px 0px;
padding-top:10px;
	margin-left: 60px;
	color:#333;
	background: url(imagenes/yellow.png) 100% 0% no-repeat;
	height:152px;
	border-left:0px solid #eee;
	border-right:0px solid #eee;
	border-bottom:0px solid #eee}

.destacado_portada .seguir{
	padding:5px;
	text-align:right}
.destacado_portada .seguir a{
	color:#3465A4;
	background: url(imagenes/mas.png) 98% 50% no-repeat #fbfbfb;
	padding:5px 25px 5px 5px;
	font-weight:bold;
	text-decoration:none;
	border:0px solid #eee}
.destacado_portada .seguir a:hover{
	text-decoration:underline;}

.except{
	margin:30px 0 0 20px;
	padding:0 20px;
	border-left:0px solid #f1f1f1;}
.except h3{
	margin-left:-20px}

.except h3 a{
	display:block;	
	text-decoration: none;
	background:url(imagenes/more01.jpg) 97% 50% no-repeat;}
.except h3 a:hover{
	text-decoration:underline;
	color:#333;
	background:url(imagenes/more02.jpg) 97% 50% no-repeat #f8f8f8;}
.except-pie{
	margin-top:5px;
	padding:5px;
	color:#666;
	background:#f8f8f8;
	border:1px solid #f3f3f3;}
.except-pie a:hover{
	color:#222}

.unete{
	padding:10px;
	margin-bottom:25px;
	font-weight:bold;
	color:#353535;
	background: #FFFF99;
	border:1px solid #FF8429}
.unete p{
	padding:5px 0 5px 35px;
	background:url(imagenes/important.png) 0% 50% no-repeat;}


.portada-blog{
	width:54%;
	float:left;
	margin:15px 1% 0 5%}
.portada-blog h2{
	padding:5px 10px 15px 10px;
	margin:0;
	color:#fbfbfb;
	background:url(imagenes/degradado.png) bottom left repeat-x #7294BD;}
.portada-blog ul{
	margin-top:-9px;
	padding:10px 0 0 0;
	list-style:none;
	background:url(imagenes/pico.png) 5% 0% no-repeat;}
.portada-blog li a{
	text-decoration:none;
	padding:10px;
	display:block;
	color:#333}
.portada-blog li a:hover{
	padding:9px;
	background:url(imagenes/button-link.gif) top left repeat-x #f1f1f1;
	text-decoration:underline;
	border:1px solid #eee}

.portada-apoyo{
	width:34%;
	float:left;
	margin:15px 1% 0 5%;
	padding: 0 0 13px 0;}
.portada-apoyo h2{
	padding:5px 10px 15px 10px;
	margin:0;
	color:#fbfbfb;
	background:url(imagenes/degradado02.png) bottom left repeat-x #D86A06;}
.portada-apoyo p{
	margin-top:-9px;
	padding:10px 0 0 0;
	list-style:none;
	background:url(imagenes/pico02.png) 5% 0% no-repeat;}
.portada-apoyo li{
	list-style:none;
	padding:5px 0px 5px 5px;
	margin:0 0 0 5px;}
.portada-apoyo li a:hover{
	text-decoration:underline;}

#pie{
	width:94%;
	padding:10px 3% 0 3%;
	margin:-40px auto 0 auto;
	height:25px;
	font-weight:bold;
	color:#CC0000;
	background:#f8f8f8;
	border-top:4px solid #eee;
	border-bottom:1px solid #eee;}
#pie p{
	line-height:100%;
	margin:0;}
#pie a{
	font-weight:normal;	
	color:#666;}
#pie a:hover{
	color:#333}

/* -----------------------------------*/
/* ----------->>> LISTAS <<<-------*/
/* ---------------------------------*/
.lista {
	margin:0;
	padding:0}

.lista li{
	list-style:none;
	padding:5px 0px 5px 15px;
	margin:0;
	background: url(imagenes/arrow.gif) 0% 50% no-repeat;}

.lista_art li {
	line-height: 190%;
	margin: 5px 0;
	text-align: justify;}

.lista_teclas{
	background:#eee;
	color:#000;
	padding:2px 5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold}


/* -----------------------------------*/
/* ----------->>> TEXTO <<<-------*/
/* ---------------------------------*/
.H2destacado{
	font:2em serif;
	margin:0px 0 -10px 0;
	padding:5px 10px 10px 10px;
	text-align:center;
	line-height:80%;
	color:#3677B8;}

.centrado{
	text-align:center}

/* -----------------------------------*/
/* ----------->>> MENU <<<---------*/
/* ---------------------------------*/
#menu{
	width:205px;
	float:right;
	margin:180px 20px 0 0;
	padding:0 10px 10px 10px;}

#menu h1{
	padding:10px;
	margin:0 0 10px 0;
	text-align:center;
	color:#fff;
	background:#353535;}

#menu .before-h1{
	color:#353535;
	font-size:1.9em;
	font-weight:bold;
	margin:0 -10px -4px -10px;
	padding:0;	
	text-align:center;
	line-height:70%;
	border-bottom:4px solid #353535}

#menu .nav{
	list-style:none;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	background:url(imagenes/linea-vert.gif) bottom left repeat-x #f8f8f8}
#menu .nav li{
	border-bottom:1px solid #eee}
#menu .nav li a{
	color:#333;
	padding:8px;
	margin:2px;
	display:block;
	text-decoration:none;
	border-right:15px solid #f8f8f8}
#menu .nav li a:hover{
	color:#FF0066;	
	background:#f0f0f0;
	border-right:15px solid #e8e8e8}

#menu li span{
	color:#FD5800;}

#seccion1 #b1 a,
#seccion2 #b2 a,
#seccion3 #b3 a,
#seccion4 #b4 a,
#seccion5 #b5 a,
#seccion6 #b6 a,
#seccion7 #b7 a,
#seccion8 #b8 a,
#seccion9 #b9 a  {
	background:#eee;	
	color:#FF0066;
	border-right:15px solid #848484}

.menu_blog {
	margin:0;
	padding:0;
	list-style:none;}
.menu_blog li{
	margin-left:0;
	padding-left:45px;
	background:none}
#menu  .nav .menu_blog  li a:hover{
	color:#333;	
	background:none;
	text-decoration:underline}

.current-cat{
	text-decoration:underline}
	
/* -----------------------------------*/
/* ------>>> COMENTARIOS <<<------*/
/* -----------------------------------*/
.comentario-autor{
	background:#eee;
	color:inherit;
	padding:10px 10px 0 10px;
	line-height:100%;
	border-right:1px solid #ccc;
	display:inline}

.comentario-box{
	background:#eee;
	color:inherit;	
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px 0 0 0;}
.comentario-box p{
	padding:5px 10px;}

.comentario-fecha{
	background:#e6e6e6;
	color:#666;
	padding:5px;
	margin:10px 0 0 0;}

.egraf{
	background:#555;
	color:#f7f7f7}
.egraf .comentario-fecha{
	background:#4f4f4f;	
	color:#999;}
.egraf .comentario-box{
	border-bottom:1px solid #333;
	border-right:1px solid #333;}

.egraf a{
	color:#f8f8f8}
	.egraf a:hover{
		color:#fff}

/* -----------------------------------*/
/* -------->>> FORMULARIO <<<------*/
/* -----------------------------------*/
form{
	text-align:center}

label {
	margin:7px 0.5em 0 0;
	padding: 5px 0.5em 5px 5px;
	width: 10em;
	display: block;
	float: left;
	text-align: right;
	position: relative;}

.comentario_form{
	background:#fbfbfb;
	color:#222;	
	margin:5px 0 0 0;
	padding:5px;
	border:1px solid #ccc;
	text-align:left}

.comentario_form:hover{
	border:1px solid #555;}

.comentario_form:focus{
	background:#fff;	
	border:1px solid #555;}


.boton{
	margin:10px auto;
	text-align:center;
	font-weight:bold;
	background: url(imagenes/boton.png) repeat-x 0% 0% #222;
	color:#fbfbfb;
	width:100px;
	height:28px;
	padding: 0.25em;
	border:0px}
.boton:hover{
	background: url(imagenes/boton.png) repeat-x 0px 10px #525252;
	color:#fff;}