/*  
Theme Name: DRN
Theme URI: http://wordpress.org/
Description: DRN is Diplodocus Rastaronte Nomilidon
Version: 1.0
Author: Pablo Noel
Author URI: http://estupendos.net/
*/

/* Hacks */
@import url(h.css);

/* Generales */
body{font-size:67%;color:#333;font-family:Arial, Verdana, sans-serif;background:url(i/fondo.gif);}
a:link, a:visited{color:black;text-decoration:none;}
a:hover, a:active{color:white;background:black;}

/* Layouts */
#contenedor{width:100%;text-align:left;overflow:hidden;}
#menu{position:absolute;top:0;left:0;width:220px;padding:0 10px;z-index:1;}
#proyecto{float:left;width:500px;margin:40px 10px 0 220px; background:white;}
#news{float:left;width:180px;margin:40px 10px; background:white;}
#news small, #news h2{margin:5px 5px 0 5px;}
#entrada{position:absolute;top:30px;width:100%;overflow:hidden; }
#entrada h2{margin:10px 0 0 10px;font-size:2em;float:left;display:block;}
#entrada h3{margin:0 0 0 220px;padding:2px 0 2px 10px;}
#entrada #ubicacion{margin:0 30px 10px 10px;font-size:0.8em;clear:both;float:right;}
#entrada #resumen{margin:10px 0 10px 10px;clear:both;width:500px;line-height:1.6em!important;color:#111;font-size:0.9em;white-space:normal;}
#entrada #navegacion{top:400px;left:90%;font-family:arial, helvetica, sans-serif!important;height:30px;display:block;position:absolute;}
#entrada #navegacion a{text-transform:uppercase;font-weight:900;}
#entrada .items{left:220px;height:380px;width:100%!important;float:left;position:absolute;}
#entrada .items img{width:500px!important;}
#entrada .items p{width:500px;}
#entrada .items .wp-caption{float:left;width:500px!important;font-size:0.9em;line-height:1.4em;}
#entrada .items .wp-caption p{margin:10px 0;background:white;}
#blanco{margin:30px 0 0 220px;display:block;float:left;background:white;width:85%;}

#post{position:absolute;left:220px;top:30px;width:495px;background:white;}
#post h2{font-size:1.2em;float:left;display:block;margin:0!important;color:white;background:black;padding:5px 0 5px 10px;width:475px;}
#post h2 a{color:white;}
#post p{line-height:1.4em;}

p strong{font-weight:900;}

#page{position:absolute;left:220px;top:30px;width:495px;background:white;}
#page h2{font-size:1.2em;float:left;display:block;margin:0!important;color:white;background:black;padding:5px 0 5px 10px;width:485px;}
#page h2 a{color:white;}
#page p{line-height:1.4em;}

.meta{display:block;float:left;background:black;width:485px;padding:0 5px;}
.fecha{float:right;color:white;padding:5px;margin:0 2px;}
.fecha small{display:block;font-size:0.8em;text-align:right;}

.posts{padding:0 0 15px 0;margin:0 0 15px 0;}
div.noticias{padding:0;}
div.noticias p{padding:5px 10px;}

.proyectos {padding:10px;margin:20px 0 0 0;float:left;width:220px;}
.proyectos h4{font-weight: 900;text-transform:uppercase;}
.proyectos ul{margin:10px 0 30px 0;float:left;}
.proyectos li{float:left;height:40px;width:200px;margin:5px 0;}
.proyectos li .img{float:left;margin:0 10px 0 0;display:block;width:40px!important;height:40px!important;background:#ddd;}

.vvqbox{clear:both;}

#sidebar{position:absolute;left:720px;top:30px;margin:0 0 0 15px;background:white;width:200px;}
#sidebar ul{padding:5px;margin:5px 0 15px 0; list-style: disc; }
#sidebar ul li{margin:0 0 0 15px;}

#mini small{font-size:0.8em;margin:0;padding:0;}
#mini h2{margin:0;padding:0;}
#mini li{margin:10px 0;padding:5px;}
#mini {border-top:1px dashed #999;padding:5px 0 0 0;margin:10px 0 0 0;}

#footer{position:fixed;top:87%;width:100px;left:20px;border-top:1px solid #333;padding:3px;text-align:left;background:white;z-index:2;}
#footer p{margin:0;padding:0;line-height:1.2em;font-size:0.9em;}

#forma_contacto{margin:0 0 20px 0;}
#forma_contacto p{float:left;margin:2px 0;}
#forma_contacto label{float:left;width:100px;font-weight:900;padding:0 0 0 30px}
#forma_contacto input, #forma_contacto textarea{border:1px solid #ccc;padding:3px;}
#enviar{width:200px;margin:0 0 0 130px;}


/* Menu */
#menu{background:white;height:100%;width:150px;z-index:1}
#menu h1{text-indent: -1000em;overflow:hidden;background: url('i/logo.png') no-repeat center center;display:block;width:100px;height:130px;margin:20px;}
#menu h1 a{display:block;width:110px;height:130px;}
#menu h1 a:hover{background:transparent;}
#menu a, #menu span{font-size:1em;}
#menu #transversal{margin:0 0 0 5px;}
#menu ul{width:140px;font-weight:900;}
#menu li{padding:5px 0;}
#menu li a, #menu li span{padding:5px;line-height:1.6em;background:black;color:white;width:130px!important;display:block;}
#menu li ul{margin:5px 0;}
.show {display:inherit!important;}

.navigation{float:left;width:480px;margin:0 10px 20px 10px;}
.alignleft{float:left;}
.alignright{float:right;}

/* Titulos y Textos */
h2{font-size:0.9em;text-transform:uppercase;font-weight:900;margin:10px 0;}
h3{padding:2px 5px;line-height:1.6em;background:black;color:white;display:block;font-size:1.2em;}
p{font-family:0.8em;margin:10px 0;}


#portada{border-top: 1px solid #999;}
#portada li{float:left;width:150px;margin:10px 0 0 25px;}
#portada li:first-child{margin:10px 0 0 0;}

#destacado p{padding:10px!important;}

/* Comentarios */
div#comentarios{margin-top: 10px;width:490px;background:white;}
div#comentarios h3{margin-bottom: 5px;text-transform: uppercase;font-weight: 100;font-size:1em;padding: 5px;border-bottom:1px solid #333;float:left;width:470px;}
div#comentarios ol{float:left;}
div#comentarios ol li{margin: 10px;padding:10px;font-size: 1em;border-bottom:1px solid #111;float:left;display:list-item;width:460px;}
div#comentarios img.avatar{float: left;padding:0 5px 5px 0;}
div#comentarios .fecha{float:right;font-size:0.8em;text-transform: uppercase;}
div#comentarios ol li small{text-transform: uppercase;font-size: 0.7em;float: right;}
div#comentarios ol li cite, div#comentarios ol li cite a{text-transform: uppercase;font-size: 1em;float:left;color:red;}
div#comentarios ol li p{margin:10px 0 20px 0;line-height:1.8em;letter-spacing:0.05em;}
div#comentarios #respond{margin:20px 0 0 0;float:left;width:485px;}
div#comentarios p.loged{margin:10px 0;}
div#comentarios p.forma{margin:10px 10px 10px 0;float:left;}
div#comentarios form{margin-left: 5px;float:left;}
div#comentarios form input{width:145px;}
div#comentarios form input, div#comentarios form textarea{padding:2px;border: solid 1px #777;margin-bottom: 5px;}
div#comentarios form p label{display: block;}
div#comentarios form input#submit{padding:5px;text-align: center;width: 300px;cursor: pointer;border: solid 1px #777;}
div#comentarios form input#submit:hover{border: solid 1px #555;background: #111;color:red;}