/*
THEME NAME: Jepser Bernardino
THEME URI: http://www.jepserbernardino.com/
DESCRIPTION: Tema para mi blog, version 5
VERSION: 5
AUTHOR: <a href="http://jepserbernardino.com/">Jepser Bernardino</a>
AUTHOR URI:
TAGS: jeps
*/

@import url('styles/reset.css');
@import url('styles/960.css');
@import url('styles/text.css');
@import url('styles/sIFR-screen.css');

body{
font-family:Georgia, "Times New Roman", Times, serif;
background:url(images/background.jpg) fixed;
font-size:14px;
}
#logo{
display:block;
float:left;
width:478px;
height:138px;
position:relative;
left:-125px;
background:url(images/jepserbernardino-head_logo.png) no-repeat left top;
text-indent:-9999em;
}
#logo:hover{
background-position:1px -138px;
}
.menu{
margin-top:-20px;
}
.menu ul{
list-style:none;

}
.menu ul li{
padding:90px 0 8px;
margin-left:10px;
float:left;
width:86px;
font-size:16px;
font-style:italic;
}
.menu ul li:hover{
background:url(images/menu-hover.png) no-repeat bottom;
}
.menu ul li.current_page_item{
background:url(images/menu-current.png) no-repeat top;
}
.menu ul li a{
color:#000000;
display:block;
text-align:right;
width:80px;
text-decoration:none;
border-bottom:1px solid #000000;
}
#contacto{
font-size:16px;
margin-bottom:20px;
}
#contacto a{
position:relative;
background:#fff200;
color:#000000;
padding:3px;
text-decoration:none;
}
#presentacion{
padding:50px 0 30px;
background:url(images/linea-horizontal.png) no-repeat bottom center;
}
.saludo{
font-size:72px;
padding:30px 0;
font-style:italic;
background:url(images/fondo-llave.png) no-repeat right center;
}
.saludo-desc{
font-size:24px;
}
.saludo-desc span{
background:#fff200;
padding:0 3px;
}
/*@sidebar*/
.w-title{
float:right;
color:#FFFFFF;
background:#000000;
font-size:24px;
padding:0 10px;
font-style:italic;
font-weight:bold;
position:relative;
}
.dotted{
border:0;
border-bottom:1px dashed #8e8e8e;
}
.w-title .colita, #commentform .form-textarea .colita{
position:absolute;
bottom:-10px;
right:15px;
background:url(images/colita_negra_mediana.png) no-repeat;
width:13px;
height:11px;
}
.comentarios{
background:url(images/comment-speach.png) no-repeat center 1px;
width:22px;
height:19px;
text-align:center;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
padding:0 5px 5px;
}
.categoria{
font-style:italic;
font-weight:bold;
margin-right:10px;
}
#blog-posts{
margin-bottom:30px;
}
#blog-posts ul{
list-style:none;
}
#blog-posts ul li{
text-align:right;
}
#blog-posts ul li a{
color:#000000;
text-decoration:none;
}
#blog-posts ul li a:hover{
text-decoration:underline;
}
#recent-work{
position:relative;
margin-bottom:40px;
}
#recent-work img{
width:100%;
height:400px;
}
#twitter{
margin-bottom:30px;
}
#twitter p{
text-align:right;
background:url(images/quote-back.png) no-repeat left 10px;
min-height:50px;
}
#twitter p a{
color:#000000;
}
#sigueme{
float:right;
background:#fff200;
color:#000000;
text-decoration:none;
padding:2px 5px 2px 10px;
position:relative;
}
#sigueme .colita{
background:url(images/colita_amarilla.png) no-repeat;
width:11px;
height:7px;
position:absolute;
bottom:-7px;
right:10px;
}
#testimonios{
font-style:italic;
margin-bottom:30px;
}
#testimonios a{
position:relative;
}
.testimonio-author{
display:block;
font-size:18px;
text-align:right!important;
}
#recent-work .caption, .portafolio-post .caption{
display:block;
position:absolute;
width:400px;
height:40px;
padding:10px;
font-size:24px;
background:#000000;
bottom:60px;
left:-20px;
color:#FFFFFF;
text-align:right;
}
#recent-work a .launch, .portafolio-post a .launch{
position:absolute;
background:url(images/launch-project.png) no-repeat;
width:221px;
height:74px;
right:-10px;
top:0;
display:block;
visibility:hidden;
}
#recent-work a:hover .launch, .portafolio-post a:hover .launch{
visibility:visible;
}
/*@footer*/
#footer{
background:url(images/linea-horizontal.png) no-repeat top center;
padding-top:30px;
}
#footer img{
float:right;
}
#footer p{
text-align:right;
float:right;
padding:25px 0;
margin-right:20px;
}
#contratar{
background:url(images/llave-vertical.png) no-repeat center center;
display:block;
padding:80px 0 95px;
font-size:36px;
line-height:100%;
color:#000000;
text-decoration:none;
text-align:center;
letter-spacing:-2px;
}
#contratar span{
font-size:40px;
display:block;
}
#back-logo{
position:absolute;
width:770px;
height:335px;
margin-left:-600px;
top:0;
left:50%;
}
/*@portafolio*/
.portafolio-post{
position:relative;
margin-bottom:20px;
}
.mini-post{
position:relative;
margin-bottom:20px;
}
.mini-post a .detalle{
position:absolute;
width:100%;
opacity:.8;
text-align:center;
color:#FFFFFF;
background:#000000;
display:block;
visibility:hidden;
font-size:24px;
padding:20px 0;
margin-top:-30px;
top:50%;
left:0;
}
.mini-post a:hover .detalle{
visibility:visible;
}
/*@blog*/
#container{
position:relative;
z-index:5;
margin-bottom:20px;
}
.more-link:link{
margin-top:10px;
display:block;
float:right;
background:url(images/more-link.png) no-repeat!important;
width:137px;
height:41px;
color:#FFFFFF!important;
font-style:italic;
text-decoration:none;
padding:5px 0 0;
text-align:center;
}
.more-link:hover{
text-decoration:underline!important;
}
.blog-post{
border-bottom:1px dashed #8e8e8e;
margin-bottom:30px;
}
.thumb-wrapper{
position:relative;
margin-bottom:20px;
}
.blog-title{
background:#000000;
float:left;
color:#ffffff;
padding:10px;
font-weight:normal;
position:absolute;
left:0;
bottom:30px;
}
.blog-title a{
color:#FFFFFF;
text-decoration:none;
}
/*@sidebar*/
.sidebar h4{
font-size:24px;
font-style:italic;
font-weight:normal!important
}
.widget{
margin-bottom:30px;
}
.widget a{
color:#000000;
text-decoration:none;
}
.widget a:hover{
background:#fff200;
}
.widget ul{
list-style:none;
}
.widget ul li{
text-align:right;
margin-bottom:5px;
}
#subscribirse{
border-bottom:1px dashed #8e8e8e;
}
#subscribirse h4{
line-height:100%;
margin-bottom:-3px;
padding-left:10px;
font-weight:bold!important;
}
#feedburner{
}
#feedburner .text, #searchform .text{
background:#000000;
font-size:18px;
color:#FFFFFF;
width:280px;
padding:10px;
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
margin-bottom:10px;
}
#feedburner .button{
display:none;
}
#searchform .button{
display:block;
border:none;
background:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
}
.footer-search .button{
float:right;
}
/*@navegacion*/
.navigation{
margin-bottom:30px;
font-size:18px;
}
.navigation a{
color:#000000;
text-decoration:none;
}
.navigation a:hover{
background:#fff200;
}
.nav-previous{
float:left;
}
.nav-next{
float:right;
}
/*@single*/
.entry-content{
font-size:16px;
}
.entry-content a, .entry-meta a{
color:#000000;
}
.entry-content a:hover, .entry-meta a:hover{
text-decoration:none;
background:#fff200;
}
.entry-content code{
background:#CCCCCC;
}
.entry-content blockquote{
font-size:18px;
font-style:italic;
background:url(images/quote-back.png) left 10px no-repeat;
min-height:50px;
padding-left:50px;
margin-bottom:20px;
}
/*@comentarios*/
#commentform{
}
#commentform .text{
width:210px;
padding:5px;
background:#000000;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
border:none;
}
.form-input{
margin-bottom:10px;
}
#commentform .form-textarea{
position:relative;
}
#commentform label{
font-size:16px;
font-style:italic;
font-weight:bold;
line-height:100%;
}
#commentform .button{
font-size:48px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
width:100%;
cursor:pointer;
border:none;
background:none;
}
#commentform .form-textarea .colita{
bottom:-7px;
}
#comments{
padding-top:30px;
background:url(images/linea-horizontal.png) center top no-repeat;
}
.comments a{
color:#000000;
}
.comments h3{
text-align:right;
font-weight:normal;
letter-spacing:-2px;
font-size:36px;
}
.comments ol{
list-style:none;
}
.comments ol li{
margin:0 0 20px;
padding-bottom:20px;
border-bottom:1px dashed #858585;
}
.comment-author{
background:url(images/comment-colita.png) no-repeat right 10px;
padding-right:10px;
width:130px!important;
}
.comment-author img{
border:5px #000000 solid;
float:right;
margin-bottom:5px;
}
.comment-author .fn{
background:#000000;
font-size:16px;
color:#FFFFFF;
padding:0 2px;
float:right;
}
.comment-author .fn a{
text-decoration:none;
color:#FFFFFF;
}
.comments .byuser{
}
/*@search*/
.search-list{
margin-bottom:20px;
border-bottom:1px dashed #858585;
}
.search-list h3{
font-weight:normal;
letter-spacing:-1px;
font-style:italic;
}
.search-list h3 a{
color:#000000;
text-decoration:none;
}
.entry-meta{
text-align:right;
}
.tag-links{
display:block;
}
.comments-link{
background:url(images/comment-speach.png) no-repeat left center;
padding:0 0 0 25px;
}
.comments-link a{
text-decoration:none;
}
/*@wordpress*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right:5px;
}

.alignright {
   float: right;
   margin-left:5px;
}

.wp-caption {
   text-align: right;
   padding-top: 4px;
   margin: 10px;
}

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

.wp-caption p.wp-caption-text {
   font-size: 14px;
   font-style:italic;
   padding: 5px;
   margin: 0;
   background-color: #fff200;
   display:inline;
   position:relative;
   top:-10px;
   right:10px;
}