/*
Theme Name: DavidRojas v2
Theme URI: http://www.davidrojas.net
Description: Tema personal para la web de David Rojas 2009.
Version: 1.0
Author: David Rojas
Author URI: http://www.davidrojas.net
Tags: David Rojas

*/

/* GENERAL */
body{
font-family: Verdana, sans-serif;
font-size: 12px;
color: #615a5a;
background: #1a1a1c url('images/bgbody.jpg') repeat-x fixed;
margin: 0;
padding: 0;
}

a{
outline: none;
text-decoration: none;
}

a img{
border:none;
}

input, textarea{
outline:none;
-webkit-border-radius:5px;
-moz-border-radius: 5px;
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
}

h1,h2,p{
padding:0;
margin:0;
}

abbr, acronym{
border-bottom:1px dotted;
cursor:help
}

em.linkem{
border-bottom:1px dotted #C00202;
}

em.bold{
font-weight: bold;
}

/* ESTRUCTURA PRINCIPAL */
div#wrap{
width:947px;
margin: 0 auto;
}

div#header{
width: 947px;
height: 225px;
background: transparent url('images/header_footer.png') no-repeat top left;
}

div#main{
width: 947px;
min-height: 420px;
/* hack IE6. Lo quito, introduce otros bugs. sigh... */
/* height:auto !important;
height:420px; */
background: transparent url('images/bgmain_separador.png') repeat-y top left;
overflow: auto;
}

div#footer{
width: 947px;
height: 232px;
background: transparent url('images/header_footer.png') no-repeat bottom left;
}
div#logo{
float:left;
display: inline;
margin-top: 22px;
margin-left: 50px;
height: 125px;
width: 350px;
background: transparent url('images/logo.png') no-repeat top left;
}

div#logo a{
display: block;
height: 125px;
width: 350px;
background: transparent url('images/logo.png') no-repeat bottom left;
text-indent: -9999px;
opacity: 0;
}

div#logo a:active{
background-position: center left;
}

div#main a.more-link{
display: inline-block;
margin-top: 5px;
}

img.derecha{
float:right;
margin-left:10px;
margin-top:5px;
}

span.evitarwrap{
white-space: nowrap;
}

div#main div.sociable{
width: 355px;
margin: 16px auto;
text-align: center;
}

div#main div.sociable em{
line-height: 26px;
}

div#main div.sociable a:hover{
background: none;
}

div#socialicons{
margin-top: 16px;
margin-bottom: 100px;
}

div#socialicons a{
margin-right: 38px;
float: left;
display: inline;
}

div#main div#socalicons a:hover{
background: none;
}

div#main div#socalicons a:hover img{
background: none;
}

div#socialicons a img{
-webkit-transition:all 0.2s linear;
}

div#socialicons a img:hover{
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
}

/* menu */
ul,li{
margin:0;
padding:0;
list-style: none;
}

/* Por defecto imagen completa de menu sin activar de fondo */
ul#nav{
display:inline;
float:left;
clear:both;
width: 518px;
height: 30px;
margin-top: 9px;
margin-left: 50px;
background: transparent url('images/menu.png') no-repeat top left;
}

ul#nav li, ul#nav li a{
height: 30px;
margin: 0;
padding: 0;
}

ul#nav li{
display: inline;
float:left;
}

ul#nav li a{
display:block;
text-indent: -9999px;
background-image: url('images/menu.png');
opacity: 0;
}

/* anchuras de cada item menu */
ul#nav li#home, ul#nav li#home a{
width: 83px;
}

ul#nav li#blog, ul#nav li#blog a{
width: 77px;
}

ul#nav li#portfolio, ul#nav li#portfolio a{
width: 132px;
}

ul#nav li#varios, ul#nav li#varios a{
width: 93px;
}

ul#nav li#contacto, ul#nav li#contacto a{
width: 133px;
}

/* si hover visible item resaltado (js cambia opacity de los a) */
ul#nav li#home a{
background-position: bottom left;
}

ul#nav li#blog a{
background-position: -83px 30px;
}

ul#nav li#portfolio a{
background-position: -160px 30px;
}

ul#nav li#varios a{
background-position: -292px 30px;
}

#nav li#contacto a{
background-position: -385px 30px;
}

/* active de cada elemento del menu, cuando hacemos click */

ul#nav li#home a:active{
background-position: 0px 60px;
}

ul#nav li#blog a:active{
background-position: -83px 60px;
}

ul#nav li#portfolio a:active{
background-position: -160px 60px;
}

ul#nav li#varios a:active{
background-position: -292px 60px;
}

#nav li#contacto a:active{
background-position: -385px 60px;
}

/* para el item activo bg en el li, tapando el bg del ul */
ul#nav li.activo{
background-image: url('images/menu.png');
}

ul#nav li#home{
background-position: 0px 60px;
}

ul#nav li#blog{
background-position: -83px 60px;
}

ul#nav li#portfolio{
background-position: -160px 60px;
}

ul#nav li#varios{
background-position: -292px 60px;
}

#nav li#contacto{
background-position: -385px 60px;
}

/* contenido footer */

div#footer a{
color: #FFFFFF;
}

div#footer a:hover{
border-bottom: 1px dotted #FFFFFF;
}

div#sobremi, div#navegacion, div#conecta{
height: 167px;
margin-top: 38px;
float: left;
display: inline;
color: #b2b1b1;
font-size: 11px;
line-height: 16px;
}

div#sobremi p, div#navegacion ul, div#conecta ul{
padding: 0;
margin:5px 24px 0 17px;
}

div#conecta ul{
margin-right: 0px;
}

div#sobremi{
margin-left: 44px;
width: 190px;
}

div#navegacion{
width: 183px;
}

div#conecta{
width: 171px;
}

div#navegacion ul li, div#conecta ul li{
float:left;
clear:both;
padding:0;
margin:0;
display:inline;
/* hack para IE6 */
width:150px;
}

div#sobremi div, div#navegacion div, div#conecta div{
text-indent: -9999px;
height: 44px;
background-image: url('images/letras_footer.png');
background-repeat: no-repeat;
display: block;
}

div#sobremi div{
background-position: top left;
}

div#navegacion div{
background-position: -190px 0px;
}

div#conecta div{
background-position: -372px 0px;
}

div#twittertexto{
display:inline;
float:left;
font-size:11px;
margin-left:75px;
margin-top:55px;
width:135px;
font-size: 11px;
color:#B2B1B1;
}

div#copyright{
display:none;
}

/* CONTENIDO  Y LATERAL*/

div#contenido{
float:left;
display: inline;
width:490px;
line-height: 18px;
margin: 22px 0px 22px 57px;
}

div#main a{
color:#c00202;
}

div#main a:hover{
color: #FFFFFF;
background: #c00202 url('images/bglinks.png') repeat-x top left;
}

div#main a:active{
color:#c00202;
background: none;
}

div#contenido p{
margin:0;
padding:0 0 16px;
}

div#contenido h1{
height: 35px;
text-indent: -9999px;
width: 200px;
margin: 0 0 16px -2px;
}

h1#portfolioheader{
background: transparent url('images/portfolio_header.png') no-repeat top left;
}

h1#variosheader{
background: transparent url('images/varios_header.png') no-repeat top left;
}

h1#contactoheader{
background: transparent url('images/contacto_header.png') no-repeat top left;
}

h1#blogheader{
display:none;
}

h1#screencastsheader{
background: transparent url('images/screencasts_header.png') no-repeat top left;
}

div#contenido h2, div#contenido div.post h3, div#contenido div.post h1.single{
font: normal normal 16px Helvetica, Arial, sans-serif;
}

div#contenido div.post h1.single{
text-indent: 0;
width: auto;
margin:0 0 16px 0;
height: auto;
}
div#contenido h1#homeheader{
color:#7F1616;
margin-bottom: 16px;
margin-left: -2px;
text-indent: -9999px;
height: 37px;
width: 417px;
background: transparent url('images/homeheader.png') no-repeat top left;
}
/* h3 y h2 para archivo categorias */
div#contenido div.post h3{
margin:0;
padding:0;
}

div#contenido h2.pagetitle{
font-size: 18px;
margin-bottom: 34px;
font-weight: normal;
}


div.fechapost{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #b2b1b1;
}

div#contenido p.postmetadata{
color: #b2b1b1;
margin-bottom: 18px;
}

div.entry{
margin-top: 16px;
}

div#contenido div.post div.entry h3{
font:normal 14px Helvetica, Arial, sans-serif;
margin-bottom: 14px;
text-decoration: underline;
}

/* portfolio */
div#contenido div#portfolioimg{
width:492px;
height:360px;
background: transparent url('images/portfolioimgbg.png') no-repeat top left;
}

div#portfolioimg a{
width:481px;
height:348px;
display: block;
border:1px solid #b2b1b1;
position:relative;
}

div#portfolioimg a:hover, div.portfoliothumb a:hover{
border:1px solid #c00202;
background:none;
}

div.portfoliothumb a {
border:1px solid #b2b1b1;
display:inline;
float:left;
margin:5px 4px 8px;
width:100px;
height: 72px;
}

div.portfoliothumb a span{
display: none;
}

span#portfolioinfo{
position:absolute;
bottom:0;
left:0;
width:471px;
height:45px;
padding: 5px;
color:#FFFFFF;
background-color:#4F0000;
display: none;
overflow: hidden;
}

a#portfoliopie{
border-bottom: 1px dotted;
}

ul.bullets{
list-style: square;
list-style-position: inside;
margin-bottom: 16px;
}

ul.bullets li{
list-style: square;
list-style-position: inside;
}

/* varios */
div#contenido h2.varios{
margin:18px 0 12px;
font-size:14px;
font-variant: normal;
}

.video{
margin: 18px 0;
}

/* LATERAL */
div#lateral{
float:left;
margin: 22px 0 22px 115px;
width:221px;
}

div#lateral h2{
width:210px;
text-indent: -9999px;
height:35px;
}

div#lateral ul{
margin:16px 0 0 11px;
}

div#lateral ul li{
line-height: 18px;
}

div#lateral h2#ultimos{
height:39px;
background: transparent url('images/ultimos_header.png') no-repeat top left;
}

div#lateral h2#enlaces{
height:39px;
background: transparent url('images/enlaces_header.png') no-repeat top left;
margin-top: 18px;
margin-bottom:13px;
}

div#lateral h2#categorias{
background: transparent url('images/categorias_header.png') no-repeat top left;
margin-top:18px;
}

div#lateral h2#archivos{
background: transparent url('images/archivos_header.png') no-repeat top left;
margin-top:18px;
}

div#lateral ul#meta{
margin-top:34px;
}

li.cat-item span{
background: #D6D6D6 url('images/myoverlay_button_gradient_3.png') repeat-x 0% 50%;
padding-left: 4px;
padding-right: 4px;
margin-left: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
text-shadow: 0px 1px 0px #FFF;
font-size: 10px;
}

/* links laterales */
div#lateral div#blnkblock{
/* margin:16px 0 0 11px; cambiar cuandot enga links */
margin-left:11px;
}

div#lateral div#blnkblock table{

}


div#lateral div#enlacesdos ul{
margin-top: 7px;
}

div#lateral div#marketsidebar{
margin-left: 6px;
margin-top:18px;
}

a#amazon{
-webkit-transition:all 0.2s linear;
}

a#amazon, div#main a#amazon:hover{
background: none;
width:145px;
height:77px;
display: block;
background: transparent url('images/amazon_badge.png') no-repeat 3px 3px;
text-indent: -9999px;
margin-top:18px;
margin-left:5px;
border:1px solid #FFF;
}

div#main a#amazon:hover{
border-color: #c00202;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0, 0.3);
-moz-box-shadow:0px 0px 10px rgba(0,0,0, 0.3);
}

div#webicons{
margin: 34px 0 0px 3px;
}

div#webicons img{
margin-left:6px;
margin-right: 3px;
}

div#main div#webicons a:hover{
background: none;
border: none;
}

/* Nice CSS3 effects for webkit and firefox */

div#webicons img{
-webkit-transition:all .2s linear;
}

div#webicons img:hover{
-webkit-transform: scale(1.10);
-moz-transform: scale(1.10);
}


/* comentarios */
div#contenido div.post div.navigation{
margin-top:-28px;
overflow: auto;
}

.comment{
margin-top: 14px;
padding: 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow:0 0 4px rgba(0,0,0, 0.4);
-moz-box-shadow:0 0 4px rgba(0,0,0, 0.4);
-webkit-transition:all 0.2s linear;
}

.comment:hover{
-webkit-box-shadow:0 0 6px rgba(0,0,0, 0.6);
-moz-box-shadow:0 0 6px rgba(0,0,0, 0.6)
}

h3#comments{
margin:34px 0 28px;
padding: 0;
font: normal normal 14px Helvetica, Arial, sans-serif;
}

li.pingback{
margin-top: 34px;
}

div#respond h3{
margin:34px 0 16px;
font: normal normal 14px Helvetica, Arial, sans-serif;
}

li.bypostauthor{
background: #E8E8E8 url('images/myoverlay_button_gradient_3.png') repeat-x top left;
-webkit-transition:background-color 0.2s linear;
}

li.bypostauthor:hover{
background-color: #E0E0E0;
}

form#commentform input{
border:1px solid #B2B1B1;
height: 16px;
}

form#commentform label{
margin-left: 5px;
}

form#commentform input#submit, #contactform input#contactsubmit{
/* Cambiado a botones CSS3 */
text-align: center;
border:none;
border-bottom: 1px solid rgba(0,0,0,0.25);
color: #615a5a;
width: 135px;
height: 28px;
background: #D3D3D3 url('images/myoverlay_button_gradient_3.png') repeat-x;
font: normal 12px Helvetica, Arial, sans-serif;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0px 1px 0px #FFF;
/* Cursor mano sobre botones de submit, bueno para usabilidad */
cursor: pointer;
position: relative;
-webkit-transition: background-color 0.1s linear;
}

form#commentform input#submit:hover, #contactform input#contactsubmit:hover{
background-color: #B9B9B9;
}

form#commentform input#submit:active, #contactform input#contactsubmit:active{
top:1px;
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
}

div#contenido form#contactform{
overflow: visible;
}

form#commentform textarea{
border:1px solid #B2B1B1;
width: 400px;
}

#contactform input.contacterror {
color: #FFFFFF;
background: #c00202 url('images/bglinks.png') repeat-x top left;
}

#contactform input#wpcf_response{
width: 50px;
}

.imgpost{
border:1px solid #B2B1B1;
padding:2px;
}

div#enlacesingle{
clear:both;
}

div#enlacesingle h4{
font: bold normal 12px Helvetica, Arial, sans-serif;
margin-bottom:3px;
margin-top:14px;
}

div#lateral div#enlacesingle{
margin-left: 9px;
}

/* search form */
.hidden{
display: none;
}

form#searchform input#s{
border:1px solid #7f1616;
height:18px;
margin-left:11px;
width:175px;
}

form#searchform input#s:focus, form#commentform input:focus, form#commentform textarea:focus, #contactform input:focus, #contactform textarea:focus{
border-color: #c00202;
}

form#searchform input#searchsubmit{
vertical-align:bottom;
-webkit-transition:all .1s linear;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

form#searchform input#searchsubmit:hover{
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
}

div#anuncios, div#anunciosblog{
margin:16px 0 0;
/* width:120px; */
}

/* div#anuncios{
margin-left:7px;
margin-bottom: 34px;
width: 180px;
height: 150px;
} */

div#anunciosblog{
margin-left:7px;
}

p.adlemons_ads{
margin-top: 22px;
}

p.seducible_lemon{
margin-bottom: 22px;
}

div#main a.adlemons_ad:hover{
background: none;
}

div#goingtofowa{
width:140px;
height:57px;
background:transparent url('images/goingtofowa.png') no-repeat left;
text-indent:-9999px;
margin-top:16px;
}

div#destacado{
width:128px;
height:58px;
background:transparent url('images/destacado2.png') no-repeat left;
text-indent:-9999px;
margin-top:22px;
}

div#destacadoleft, div#destacadoright{
float:left;
display:inline;
width:230px;
height:120px;
margin-top:11px;
border:1px solid #7f1616;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
/* -webkit-transition: all .3s linear; */
}

div#destacadoright{
margin-left:26px;
}

div#destacadoleft a, div#destacadoright a{
width:230px;
height:120px;
display: block;
position:relative;
}

div#destacadoleft a:hover, div#destacadoright a:hover{

}

div#destacadoleft a img, div#destacadoright a img{

}

div#destacadoleft:hover, div#destacadoright:hover{
/* -webkit-transform: scale(1.05); */
/* -moz-transform: scale(1.05); */
}

span.letrasdestacados{
display:block;
opacity:0;
position:absolute;
bottom:0;
left:0;
color:#FFF;
font-size:13px;
padding:3px;
}