@charset "iso-8859-7";

@import url('styles/reset.css');
@import url('styles/text.css');
@import url('styles/960.css');
@import url('styles/jquery.countdown.css');

/*inline style removed from index */
pre span.ln{width:3.1em;margin-right:4px;line-height:18px;float:left;color:#000!important;}pre{font-family: "Courier New", Courier, monospace;
display: block;
font-size: 13px;
color: #000;
padding: 18px 10px 17px 10px;
line-height: 18px;
border: 1px solid #e2e2e2;
text-align: left;
overflow: auto;
white-space: pre;}.css{}.cssImport{color: #099;
font-weight: bold;}.cssMedia{color: #900;
font-weight: bold;}.cssComment, .cssComment span{color: #999 !important;
font-weight: normal !important;}.cssImportant{color: #f00;
font-weight: bold;}.cssProperty{color: #009;}.cssSelector{color: #f0f;}.cssString{color: #060;
font-weight: normal !important;}.cssValue{color: #00f;}.cssRest{color: #f0f;
font-weight: bold;}.html{}.htmlAnchorTag{color: #060;}.htmlAttributeValue{color: #00f}.htmlComment, .htmlComment span{color: #999 !important;
font-weight: normal !important}.htmlFormTag{color: #f90;}.htmlImageTag{color: #909;}.htmlObjectTag{color: #900;}.htmlOtherTag{color: #009;}.htmlScriptTag{color: #900;}.htmlSpecialChar{color: #000;
font-weight: bold;}.htmlStyleTag{color: #909;}.htmlTableTag{color: #099;}.htmlText{color: #000}.xml{}.xmlString{color: #060;}.xmlComment, .xmlComment span{color: #999;}.xmlNumber{color: #f00;}.xmlTag{color: #009}.xmlText{color: #000}.php{color: #000;}.phpScriptTag, .phpScriptTag span{color: #f00;
font-weight: bold;}.phpComment, .phpComment span, .phpComment span span{color: #f90 !important;
font-weight: normal !important;}.phpConstant{color: #520;}.phpText{color: #000;}.phpFunction{color: #00f;}.phpFunction a{color: #00f;}.phpFunction a:hover{color: #00f;}.phpFunctionKeyword{color: #00f;}.phpIdentifier{color: #000;}.phpNumber{color: #f00;}.phpOperator{color: #00f;}.phpKeyword{color: #006600;}.phpString, .phpString span{color: #c00 !important;}.phpVarType{color: #099;}.phpScriptVar{color: #06f;}
/*inline style removed from index */




body{
background:url(images/gray-background.jpg) #f7f0e3 fixed;
font:14px Georgia, "Times New Roman", Times, serif;
}
h2 {
	color: #444
}

li {
	padding-right: 10px;
}

.post a{
background:#F5D0A9;
}
html > body #nubes{
position:fixed;
top:0;
left:0;
background:url(images/nubes_02.jpg) no-repeat;
height:500px;
width:726px;
}
#dark{
background:url(images/black-background.jpg) #2b2e24;
position:fixed;
width:30%;
height:100%;
right:0;
top:0;
}
#wrapper{
position:relative;
top:0;
background:url(images/black-background.jpg) 600px 0 repeat-y;
}
#logo{
position:relative;
left:-55px;
z-index:2;
background:url(images/logo-back.png) no-repeat;
width:400px;
height:196px;
padding-top:20px;
}
#logo a.home{
background:url(images/logo.gif) no-repeat 1px -127px;
height:124px;
width:308px;
display:block;
margin-left:40px;
text-indent:-9999px;
}
#logo a.home:hover{
background:url(images/logo.gif) no-repeat 0 0;
}
#slogan{
text-align:center;
margin-top:20px;
color:#825309;
font-size:16px;
}
#presentacion{
font-size:30px;
padding-top:50px;
margin-bottom:100px;
}
#presentacion h1{
font-weight:normal;
font-size:36px;
}
#presentacion .linea{
border-bottom:10px solid #2d2f27;
opacity:.3;	
}
#left{
padding-left: 20px;
min-height:1000px;
}
#sidebar{
position:relative;
}
* html #sidebar {
float: right;
top:  0px;
clear: both;
}
#sidebar .contenido{
position:relative;
}
/*menu*/
#menu{
font-family: Trebuchet MS, Arial Black, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
#menu ul{
list-style:none;
font-size:35px;
line-height:32px;
text-align:right;
margin-top:15px;
}
#menu ul li{
margin:0;
padding:0;
}
#menu ul li a{
text-decoration:none;
color:#c9aa56;
}
#menu ul li a:hover{
color:#0076a3;
}
#menu ul li.current_page_item:before{
content:'*';
color:#8cb305;
}
#menu ul li.current_page_item a{
color:#8cb305;
}
#sidebar .contenido #search-form{
padding-left:10px;
margin-bottom:50px;
}
#sidebar .contenido #search-form h4{
margin-bottom:10px;
color:#9b9c99;
font-weight:normal;
font-size:30px;
text-align:right;
}
input.search-input{
background:url(images/search-input_back.png) top left;
height:33px;
width:260px;
padding:7px 5px 0;
color:#FFFFFF;
border:none;
font:20px Georgia, "Times New Roman", Times, serif;
float:right;
}
input.search-button{
background:url(images/search-button.gif) no-repeat;
border:none;
width:29px;
height:29px;
float:right;
margin:5px 0 0 5px;
}
/*generales de widgets*/
#sidebar .widget{
position:relative;
margin-bottom:50px;
}
#sidebar .widget .titulo{
position:absolute;
z-index:5;
top:-16px;
left:-18px;
font-size:25px;
text-align:center;
}
#sidebar .widget .texto{
color:#CCCCCC;
background:url(images/widget-back.png);
padding:35px 30px 15px 15px;
font-size:16px;
}
#sidebar .widget hr{
border:0;
border-bottom:10px solid #DCDCDC;
opacity:.2;
width:100%;
padding:0;
margin:0;
}
#sidebar .widget .titulo .title{
padding:3px 15px;
color:#FFFFFF;
}
#sidebar .widget .titulo .colita{
width:18px;
height:18px;
}
/*twitter*/
#twitter .title{
background:#ff00ae;
}
#twitter .colita{
background:url(images/colita-magenta.gif) no-repeat;
}
#twitter .texto{
font-style:italic;
}
span.twitter-timestamp{
color:#85a80c;
text-decoration:none;
font-size:18px;
font-style:normal;
text-align:right;
}
ul.twitter{
margin-bottom:5px;
}
ul.twitter li{
margin-bottom:5px;
}
ul.twitter a{
color:#CCCCCC;
}
#twitter a#follow-me{
background:url(images/pajarito-twitter.gif) no-repeat right center;
padding:10px 60px 10px 0;
text-decoration:none;
color:#FFFFFF;
}
/*last posts*/
#last-posts{
}
#last-posts .title{
background:#0089ff;
}
#last-posts .colita{
background:url(images/colita-cian.gif) no-repeat;
}
#last-posts a{
color:#CCCCCC;
text-decoration:none;
}
#last-posts a:hover{
color:#0089FF;
}
#last-post a:visited{
color:#0F4675;
}
/*categorias*/
#categories{
}
#categories ul{
margin-bottom:0;
}
#categories .title{
background:#d5a80d;
}
#categories .colita{
background:url(images/colita-amarilla.gif) no-repeat;
}
#categories a{
text-decoration:none;
color:#CCCCCC;
}
#categories a:hover{
color:#d5a80d;
}
/*creditos*/
#creditos{
color:#FFFFFF;
padding-left:15px;
}
#creditos p{
margin-bottom:10px;
padding:5px 0;
padding-left:40px;
background-position:left center;
}
p#jb{
background:url(images/jb-logo.gif) no-repeat;
}
p#cc{
background:url(images/cc-logo.gif) no-repeat left center;
}
p#wp{
background:url(images/wp-logo.gif) no-repeat left center;
}
p#wp a{
color:#FFFFFF;
text-decoration:none;
}
/*menu inferior*/
#menu-inferior{
margin-top:10px;
clear:both;
display:block;
text-align:right;
border-top:2px solid #e9e7e7;
padding-top:10px;
}
#menu-inferior ul{
list-style:none;
}
#menu-inferior ul li{
display:inline;
margin:0;
}
#menu-inferior ul li:after{
content:"*";
}
/*para que el ultimo no tenga el asterisco*/
#menu-inferior ul li.last:after{
content:"";
}
#menu-inferior ul li a{
text-decoration:none;
color:#000000;
}
#menu-inferior ul li a:hover{
color:#259ebc;
}
a#go-top{
margin-top:40px;
margin-right: 10px;
clear:both;
text-align:right;
background:url(images/go-top.gif) no-repeat right center;
padding:5px 30px 5px 0;
opacity:.6;
display:block;
text-decoration:none;
color:#000000;
}
a#go-top:hover{
opacity:1;
}
/*especificos de post*/
.entry-content{
clear:both;
}
.entry blockquote{
margin-left:20px;
padding-left:10px;
border-left:5px #CCCCCC solid;
font-style:italic;
}
.entry a{
color:#0089FF;
text-decoration:none;
}
.entry a:hover{
text-decoration:underline;
}
.entry a:visited{
color:#0F4675;
}
.entry p{
line-height:18px;
}
.entry ol, .entry ul{
padding-left:30px;
}
.entry ol li, .entry ul li{
margin-bottom:5px;
}
.entry ul{
list-style:square;
}
/*post!*/
.posts-wrapper{
}
.event{
margin-bottom:30px;
height:175px;
width:535px;
background:#CCCCCC;
position:relative;
}
.featured {
margin-top: 40px;
margin-bottom:45px;
height:275px;
width:535px;
background:#CCCCCC;
position:relative;
}
/*efecto en post de la portada*/
.boxgrid{
width: 535px;
height: 175px;
background:#161613;
overflow: hidden;
position: relative;
}
.featured .boxgrid {
height: 275px;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption{
z-index: 6;
position: absolute;
background: #000;
color:#FFFFFF;
width: 515px;
opacity: .9;
/* For IE 5-7 */
/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);*/
/* For IE 8 */
/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/
min-height:100px;
}
.boxcaption h3{
margin-bottom:0px;
}
.boxcaption h3 a{
text-decoration:none;
color:#FFFFFF;
}
.boxcaption p{
margin-bottom:0;
}
.boxcaption a.read-more{
padding-top:5px;
color:#FFFFFF;
float:right;
font-style:italic;
text-decoration:none;
}
.caption .boxcaption {
top: 140px;
left: 0;
padding:10px;
}
.caption .cover2 {
top: 223px;
}
/*categorias*/
.datum {
position:absolute;
z-index: 5;
top:10px;
right:10px;
color:#FFFFFF;
font-size:25px;
text-align:center;
background: #0076a3;
padding: 0px 10px 5px 10px;
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px; 
opacity: 0.8; 
}

.locatie {
position:absolute;
z-index: 5;
top:50px;
right:10px;
margin-left: 10px;
color:#FFFFFF;
font-size:25px;
text-align:center;
background: #30200e;
padding: 0px 10px 5px 10px;
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
opacity: 0.8; 
}
.extra {
position:absolute;
z-index: 5;
top:90px;
right:10px;
margin-left: 10px;
color:#FFFFFF;
font-size:20px;
text-align:center;
background: #c9aa56;
padding: 5px 10px 5px 10px;
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
opacity: 0.9; 
}
.ticket {
position:absolute;
z-index: 5;
top:10px;
right:10px;
margin-left: 10px;
color:#FFFFFF;
font-size:15px;
text-align:right;
background: #ff00ae;
padding: 2px 5px;
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
opacity: 0.7; 
text-transform: uppercase;
}
.datum a, .locatie a, .extra a, .ticket a{
color:#FFFFFF!important;
text-decoration:none;
}

a.tumblrlink {
color:#FFFFFF;
text-decoration:none;
}
a.tumblrlink2 {
color:#444;
text-decoration:none;
}

a.tumblrlink:hover{
color:#7fbc15;
}


.tutoriales .colita, .freebies .colita, .general .colita, .vida .colita, .noticia .colita, .wtf .colita{
height:16px;
width:16px;
float:right;
}
.tutoriales .texto, .freebies .texto, .general .texto, .vida .texto, .noticia .texto, .wtf .texto{
padding:2px 7px;
float:right;
}
.tutoriales .colita{
background:url(images/tutoriales-colita.gif) no-repeat;
}
.tutoriales .texto{
background:#7fbc15;
}
.post .boxcaption a.tutoriales:hover{
color:#7fbc15;
}
.freebies .colita{
background:url(images/freebies-colita.gif) no-repeat;
}
.freebies .texto{
background:#f29400;
}
.post .boxcaption a.freebies:hover{
color:#f29400;
}
.general .colita{
background:url(images/general-colita.gif) no-repeat;
}
.general .texto{
background:#9c9c9c;
}
.post .boxcaption a.general:hover{
color:#9c9c9c;
}
.vida .colita{
background:url(images/mi_vida-colita.gif) no-repeat;
}
.vida .texto{
background:#08aacd;
}
.post .boxcaption a.vida:hover{
color:#08aacd;
}
.noticia .colita{
background:url(images/noticia-colita.gif) no-repeat;
}
.noticia .texto{
background:#F20000;
}
.post .boxcaption a.noticia:hover{
color:#F20000;
}
.featured .boxcaption a.wtf:hover{
color:#f42189;
}
/*fecha*/
.soort, .comment-flag{
position:absolute;
z-index:5;
color:#FFF;
text-align:center;
}
.soort{
font: 40px/25px 'WideawakeBlackRegular',  Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
top:30px;
line-height:20px;
left:10px;
text-shadow: 0px 2px 3px #222;
}
.soort-text{
position:relative;
}
/*comment flag*/
.comment-flag{
top:100px;
font-size:35px;
background:#2675ac;
line-height:normal;
left:-35px;
}
.comment_flag-texto{
position:relative;
}
.comment_flag-colita{
background:url(images/comment-flag_colita.gif) no-repeat;
position:absolute;
height:15px;
width:35px;
bottom:-15px;
}

#sidebar-footer{
background:url(images/back-sidebar.gif) no-repeat;
width:327px;
height:70px;
margin-bottom:0px;
position:relative;
bottom:-70px;
left:-3px;
}
.entry{
padding:25px 15px 25px 45px;
position:relative;
background:url(images/post-background.png);
margin:30px 10px 30px 0;
}
.entry-page{
padding:25px 20px;
}
.entry h2.entry-title{
margin:0;
font-size:40px;
}
.entry p{
}
.entry .tag-list{
background:url(images/etiqueta.gif) no-repeat 0 12px;
padding-left:20px;
padding-top:10px;
border-top:#5EBAFB solid 1px;
}
/*tags template*/
.entry-date{
font-style:italic;
}
.entry-date
/*paginas internas*/
.page-single{
padding-top:20px;
}
/*post siguientes*/
#lefty-left, #right-left{
margin-bottom:30px;
}
.nav-excerpt{
background:url(images/post-background.png);
padding:15px;
min-height:180px;
border:5px ;
}
.nav-excerpt:hover{
border:#DFDFDF solid 5px;
padding:10px;
}
.nav-excerpt p{
margin:0;
}
.nav-excerpt a{
color:#000000;
text-decoration:none;
font-style:italic;
}
#nav-above{
background:url(images/post-background.png);
margin-top:30px;
}
#nav-above a{
color:#000000;
text-decoration:none;
vertical-align:middle;
}
#nav-above .nav-next, #nav-above .nav-previous{

}
#nav-above .nav-previous{
padding:20px 10px;
}
#nav-above .nav-previous:hover{
background:url(images/post-background2.png);
color:#333333;
}
#nav-above .nav-next{
text-align:right;
padding:20px 30px 20px 10px;
}
#nav-above .nav-next:hover{
background:url(images/post-background2.png);
color:#333333;
}
#nav-below a{
color:#000000;
text-decoration:none;
}
#nav-below #next-page{
text-align:right;
}
/*comments*/
#comments-list li{
padding:10px;
background:url(images/post-background.png);
margin-bottom:20px;
border-right:5px solid #CCCCCC;
}
#comments-list li a{
color:#000000;
}
#comments-list li .comment-author a, #comments-list li .comment-author{
text-decoration:none;
font-size:18px;
}
#comments-list li .vcard img{
border:#FFFFFF solid 3px;
margin:0 7px -10px;
}
#comments-list li.alt .vcard img{
border:#CCCCCC solid 3px;
}
#comments-list li.comment-author-admin .vcard img{
border:#8fbef1 solid 3px!important;
}
#comments-list li.alt{
background:url(images/comment-alt.png);
}
#comments-list li.comment-author-admin{
background:url(images/comment-author.png);
border-right:5px solid #8fbef1;
}
#comments-list li.comment-author-admin .comment-meta{
border-bottom:1px solid #8fbef1;
}
.comment-meta{
margin:15px 0;
font-style:italic;
padding-bottom:5px;
border-bottom:#DDDDDD solid 1px;
text-align:right;
}
/*search results*/
h2.search-title, h2.cat-title, h2.tag-title, h2.author-title{
font-size:25px;
margin:0;
}
h2.search-title{
background:url(images/search.gif) no-repeat left center;
padding:10px 0 10px 60px;
}
h2.cat-title{
}
h2.search-title span, h2.cat-title, h2.tag-title{
font-style:italic;
color:#333333;
}
h2.no-hay{
font-size:40px;
}
h2.archive-title{
background:url(images/folder.gif) no-repeat left center;
margin:0;
padding:10px 0 0 60px;
}
/*archivos*/
h5.regresar-archivos{
margin-bottom:0;
}
/*tag-cloud*/
.entry #tag-cloud{
margin-bottom:40px;
}
.entry #tag-cloud a:hover{
background:#e6e6e6;
text-decoration:none;
}
.entry #tag-cloud a:visited{
text-decoration:line-through;
}
/*category*/
.cat-tag{
width:43px;
height:42px;
position:absolute;
top:-5px;
left:-6px;
}
.cat-tutoriales{
background:url(images/cat-tutoriales.gif) no-repeat;
}
.cat-freebies{
background:url(images/cat-freebies.gif) no-repeat;
}
.cat-general{
background:url(images/cat-general.gif) no-repeat;
}
.cat-vida{
background:url(images/cat-vida.gif) no-repeat;
}
.cat-wtf{
background:url(images/cat-wtf.gif) no-repeat;
}
.cat-noticia{
background:url(images/cat-noticia.gif) no-repeat;
}
.cat-portafolio{
background:url(images/cat-portafolio.gif) no-repeat;
}
/*bookmark plugin*/
.bookmark-me{
float:right;
background:#FFFFFF;
padding:5px 5px 0;
margin-bottom:20px;
border-right:#D5A80D solid 5px;
}
/*portafolio*/
.portafolio-contenainer{
position:relative;
margin-bottom:50px;
}
.portafolio-post{
background:#000000;
padding:10px;
position:relative;
width:530px;
}
.boxgrid-portafolio{
width: 530px;
height: 285px;
background:#161613;
overflow: hidden;
position: relative;
}
.boxgrid-portafolio img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid-portafolio .sitio-web{
position:absolute;
background:url(images/fondo-portafolio.gif) repeat-x;
height:35px;
color:#FFFFFF;
bottom:0;
width:510px;
font-weight:bold;
text-align:right;
padding:13px 10px 0;
}
.sitio-web h5{
margin:0;
display:inline;
font-size:20px;
}
.sitio-web h5 a{
color:#FFFFFF;
text-decoration:none;
}
/*url para el sitio del portafolio*/
.url-web{
text-align:right;
margin:10px 35px 0 0;
}
.url-web a{
color:#0089FF;
text-decoration:none;
}
.url-web a:hover{
color:#000000;
}
.url-web span{
font-weight:bold;
}
.love-web{
position:absolute;
background:url(images/love-web.gif) no-repeat;
width:43px;
height:42px;
top:-5px;
left:-6px;
z-index:4;
}
.borde{
border:5px solid #333333;
}
a#get-code, a#live-demo{
background:#FFFFFF;
border:#CCCCCC solid 3px;
padding:8px 0;
text-align:center;
margin-bottom:30px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
a#get-code:hover, a#live-demo:hover{
border:#7fbc15 3px solid;
color:#7fbc15;
text-decoration:none;
}
a#get-code{
background:url(images/clip-code.gif) 25px center no-repeat #FFFFFF;
}
/*sobre mi*/
#sobre-mi h4{
padding:10px 0 10px 65px;
}
h4.dyd{
background:url(images/palette.png) no-repeat left center;
}
h4.xhtml{
background:url(images/s.png) no-repeat left center;
}
h4.hosting{
background:url(images/box.png) no-repeat left center;
}
/*estilos de wordpress*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* side panel forms */
    .slide-out-div {
       padding: 20px;
       padding-left: 50px;
        width: 500px;
        background: #f2f2f2;
        border: #fff 1px solid;
       z-index:10;
    }
    .slide-out-div2 {
       padding: 20px;
		padding-left: 50px;
        width: 500px;
        background: #f2f2f2;
        border: #fff 1px solid;
        z-index:10;
    }
    .slide-out-div3 {
       	padding: 20px;
        padding-left: 50px;
        width: 500px;
        background: #f2f2f2;
        border: #fff 1px solid;
        z-index:10;
    }

    
   .handle {
	    margin-top: 50px;
    }
   .handle2 {
	    margin-top: 165px;
    }
    .handle3 {
	    margin-top: 280px;
    }
    
/* tumblr media badge */

.tumblr-media li{
	list-style:none;
	}

a.tumblrlink3  { 
color:#ccc;
text-decoration:none;
/*background-image: url(http://static.tumblr.com/gpln05e/BV4kzf9ad/icon-audio.png);

http://static.tumblr.com/gpln05e/hfBkzf9gs/icon-video.png
http://static.tumblr.com/gpln05e/M9bkzf9ej/icon-photo.png
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 50px;
margin-top: 20px;*/
}

a:hover.tumblrlink3  { 
color:#f5d0a9;
}

.post p {
	padding-right: 15px;
	text-align: justify;
}
	
.logo_font{
font: 40px/25px 'WideawakeBlackRegular',  Georgia, "Times New Roman", Times, serif;
line-height:20px;
left:10px;
text-shadow: 0px 2px 3px #222;
color:#fff;
}