@charset "iso-8859-7";
/* CSS Document */
/*
THEME NAME: Jepser Bernardino
THEME URI: http://www.jepserbernaridinoc.com/themes/jb-v3/
DESCRIPTION: Tema personal para mi sitio web.
VERSION: 3.2
AUTHOR: <a href="http://jepserbernardino.com/">Jepser Bernardino</a>
AUTHOR URI:
TAGS: jepser, bernardino, guatemala, 2 columnas, chilero
*/

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

body{
background:url(images/gray-background.jpg) #dadada fixed;
font:14px Georgia, "Times New Roman", Times, serif;
}
#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{
min-height:1500px;
}
#sidebar{
position:relative;
}
#sidebar .contenido{
position:relative;
}
/*menu*/
#menu{
font-family:Arial Black, Arial, Helvetica, sans-serif;
}
#menu ul{
list-style:none;
font-size:45px;
line-height:38px;
text-align:right;
margin-top:15px;
}
#menu ul li{
margin:0;
padding:0;
}
#menu ul li a{
text-decoration:none;
color:#259ebc;
}
#menu ul li a:hover{
color:#c5f716;
}
#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;
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{
}
.post{
margin-bottom:70px;
height:175px;
width:535px;
background:#CCCCCC;
position:relative;
}
/*efecto en post de la portada*/
.boxgrid{
width: 535px;
height: 175px;
background:#161613;
overflow: hidden;
position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption{
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;
}
/*categorias*/
.categoria{
position:absolute;
z-index:5;
top:-16px;
right:20px;
color:#FFFFFF;
font-size:25px;
text-align:center;
}
.categoria a{
color:#FFFFFF!important;
text-decoration:none;
}
.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;
}
.wtf .colita{
background:url(images/wtf-colita.gif) no-repeat;
}
.wtf .texto{
background:#f42189;
}
.post .boxcaption a.wtf:hover{
color:#f42189;
}
/*fecha*/
.fecha, .comment-flag{
position:absolute;
z-index:5;
color:#FFFFFF;
width:70px;
text-align:center;
padding:10px 0;
}
.fecha{
top:15px;
background:#4494cc;
font:26px Arial Black, Helvetica, sans-serif;
font-variant:small-caps;
line-height:20px;
padding:10px 0;
left:-35px;
}
.fecha-texto{
position:relative;
}
.fecha-colita{
background:url(images/fecha-colita.gif) no-repeat left top;
width:35px;
height:15px;
position:absolute;
bottom:-15px;
}
/*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;
}