/*
THEME NAME: Jepser Bernardino
THEME URI: http://www.jepserbernardino.com/
DESCRIPTION: Nueva version 2010 de mi blog
VERSION: 6
AUTHOR: <a href="http://jepserbernardino.com/">Jepser Bernardino</a>
AUTHOR URI:
TAGS: jepser
*/

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

body{
font-family:Georgia, "Times New Roman", Times, serif;
}
.container_12{
position:relative;
}
#logo{
z-index:99;
position:absolute;
left:10px;
top:-100px;
display:block;
width:232px;
height:235px;

}
#menu{
	-moz-box-shadow:0 1px 2px #000;
	-webkit-box-shadow:0 1px 2px #000;
position:relative;
padding:15px 0;
margin-top:20px;
background:#000000;
}
#menu ul{
color:#FFFFFF;
margin-bottom:0;
list-style:none;
}
#menu ul li{
padding:0 10px 0 0;
margin:0 40px 0 0;
float:left;
display:block;
text-align:right;
border-right:1px solid #CCCCCC;
}
#menu ul li a{
color:#FFFFFF;
text-decoration:none;
font-style:italic;
}
#menu ul li a span.child{
opacity:.3;
}
#menu ul li a span.grande{
position:relative;
display:block;
font-size:18px;
line-height:100%;
}
#contacto{
float:right;
position:relative;
font-size:18px;
font-style:italic;
z-index:15;
}
#contacto a.dimelo{
text-align:center;
background:url(images/portafolio_v6_jb_09.png) no-repeat;
width:131px;
height:25px;
font-weight:bold;
padding:50px 0 50px 5px;
color:#FFFFFF;
text-decoration:none;
position:relative;
float:right;
right:0;
top:-10px;
z-index:10;
}
#page-title{
position:relative;
}
#page-title #big-title{
position:absolute;
line-height:100%;
color:#F5F3F3;
font-size:200px;
z-index:1;
letter-spacing:-10px;
top:20px;
}
#page-title h1{
letter-spacing:-5px;
padding-top:70px;
margin-left:50px;
position:relative;
font-size:72px;
z-index:5;
}
/*@top-search*/
#top-search{
}
#top-search .text{
background:url(images/lupa-mini.gif) no-repeat right 5px #FFFFFF;
padding:5px;
border:5px solid #9F9F9F;
width:180px;
color:#999999;
font-family:Georgia, "Times New Roman", Times, serif;
}
#top-search .button{
display:none;
}
#container{
position:relative;
z-index:10;
margin-bottom:50px;
}
/*@blog*/
.post{
margin-bottom:20px;
}
.title-container{
border-top:1px solid #CCCCCC;
padding-top:5px;
position:relative;
margin-bottom:20px;
}
.title-container h2{
background:#000000;
color:#FFFFFF;
letter-spacing:-1px;
padding-left:60px;
margin-bottom:0;
}
.title-container h2 a{
color:#FFFFFF;
text-decoration:none;
}
.fecha{
width:68px;
height:62px;
background:url(images/speach_red_right.png) no-repeat;
text-align:center;
position:absolute;
top:-15px;
left:-10px;
color:#FFFFFF;
font-style:italic;
line-height:100%;
padding-top:12px;
}
.fecha span{
display:block;
}
.fecha .dia{
font-size:24px;
line-height:20px;
}
.fecha .mes{
font-size:18px;
}
.fecha .year{
font-size:12px;
}
.entry-meta{
margin:0 0 0 60px;
letter-spacing:-1px;
font-size:16px;
}
.entry-meta a{
color:#000000;
text-decoration:none;
}
.entry-content{
font-family:"Lucida Sans", Arial, verdana;
font-size:14px;
}
.entry-content img.marginb{
margin-bottom:20px!important;
}
.entry-content blockquote{
margin-left:20px;
font-style:italic;
padding-left:10px;
border-left:1px dotted #CCCCCC;
font-family:Georgia, "Times New Roman", Times, serif;
}
.entry-content code{
	display:block;
	border:1px solid #999;
	padding:10px;
	margin:20px 0 20px;
background:#f7f7f7;
}
.entry-content ul.code{
background:#000000;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
list-style:none;
padding:10px;
text-align:center;
clear:both;
text-transform:uppercase;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5{
font-family:Georgia, "Times New Roman", Times, serif;
}
.entry-content ul.code li{
display:inline;
text-align:center;
padding:5px 20px;
margin:0;
}
.entry-content ul.code li{
border-right:1px dotted #CCCCCC;
}
.entry-content ul.code li:last-child{
border:none!important;
}
.entry-content ul.code li a{
color:#FFFFFF;
text-decoration:none;
}
.entry-content ul.code li a:hover{
border-bottom:1px dotted #FFFFFF;
}
.entry-content .cite{
font-size:18px;
margin:0 0 20px;
letter-spacing:-1px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}
.entry-content a{
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.entry-content a:hover{
border-style:solid;
}
.more-link{
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
color:#000000;
text-decoration:none;
background:url(images/more-link.png) no-repeat right;
font-style:italic;
padding:5px 25px 5px 0;
float:right;
margin-top:30px;
border:none!important;
}
.more-link:hover{
text-decoration:underline;
}
#nav-below{
font-size:18px;
}
#nav-below a{
color:#000000;
text-decoration:none;
}
#nav-below a:hover{
border-bottom:1px dotted #000000;
}
/*@footer*/
#footer{
margin-bottom:20px;
position:relative;
}
#sidebar-footer{
background:#000000;
color:#FFFFFF;
padding-bottom:20px;
}
#sidebar-footer a{
color:#FFFFFF;
text-decoration:none
}
#menu-footer{
font-family:"Lucida Sans", Arial, verdana;
text-align:right;
padding:5px 10px 0 0;
}
#menu-footer a{
color:#000000;
text-decoration:none;
}
#menu-footer a:hover, #sidebar-footer a:hover{
text-decoration:underline;
}
#sidebar-footer p{
margin-left:140px;
text-align:right;
}
#creditos{
font-size:18px;
font-style:italic;
background:#000000;
color:#FFFFFF;
padding:5px 10px;
letter-spacing:-.01em
}
.widget{
font-family:"Lucida Sans", Arial, verdana;
}
#footer .widget h4{
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
position:relative;
top:-20px;
color:#000000;
font-weight:bold;
font-size:24px;
font-style:italic;
margin-bottom:0;
line-height:100%;
}
.widget ul{
list-style:none;
margin-bottom:0;
}
#footer .widget ul li{
text-align:right;
margin-bottom:10px;
padding-left:30px;
}
.widget ul li{
}
#mini-logo{
position:absolute;
width:94px;
height:94px;
top:-25px;
left:300px;
}
#footer .big-link{
font-size:18px;
display:block;
text-align:right;
font-style:italic;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none!important;
}
/*@index*/
#logo-index{
z-index:99;
position:absolute;
left:50%;
margin-left:-116px;
top:-70px;
display:block;
width:232px;
height:235px;
}
.menu-index ul{
padding: 0 20px;
}
.menu-index ul li.separacion{
margin-left:300px!important;
}
#presentacion{
padding-top:20px;
letter-spacing:-1px;
position:relative;
z-index:10;
line-height:26px;
text-align:right;
font-style:italic;
}
#portafolio-mini .big-link{
font-size:24px;
color:#000000;
text-decoration:none;
display:block;
padding:10px 0 0;
text-align:right;
margin-bottom:20px;
}
/*@portafolio-slide*/
#portafolio-mini{
margin-bottom:50px;
padding:20px 0 0;
}
.boxgrid{ 
width: 320px; 
height: 100px; 
float:left; 
background:#161613;
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
right:0;
border: 0; 
}
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
}
.boxcaption{ 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%;
text-align:right;
font-family:"Lucida Sans", Arial, verdana;
color:#FFFFFF;
opacity:.9;
}
.boxcaption a{
text-decoration:none;
color:#999999;
}
.boxcaption h4{
position:absolute;
right:10px;
bottom:10px;
margin:0;
line-height:normal;
width:140px;
}
.boxcaption .detalles{
width:139px;
text-align:right;
margin:10px 0;
padding:25px 10px 0;
height:55px;
}
.boxcaption .detalles .borde{
border-top:1px solid #444444;
}
.caption .boxcaption {
top: 0;
left: -160px;
}
.captionr .boxcaption{
top:0;
right:-160px;
}
.captionr .boxcaption h4{
left:10px!important;
}
.captionr .boxcaption .detalles{
float:right!important;
text-align:left;
}
.captionr img{
position:absolute;
left:0!important;
top:0;
}
/*@sidebar*/
.sidebar{
margin-bottom:50px;
}
.sidebar .widget{
margin-bottom:20px;
}
.sidebar #recomendados a{
margin-bottom:20px;
display:block;
}
.sidebar #recomendados a img{
margin-bottom:5px;
}
.sidebar .widget ul li{
margin-bottom:10px;
}
.sidebar .widget h4{
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
border-bottom:1px dotted #CCCCCC;
}
.sidebar a{
color:#000000;
text-decoration:none;
border-bottom:1px #000000 dotted;
}
.sidebar a:hover{
border-bottom-style:solid;
}
/*@single*/
.single-container{
padding-top:50px;
}
.title-single{
float:left;
}
.single .entry-meta{
float:left;
margin:30px 0 0 0;
}
.single .entry-meta a{
text-decoration:none;
}
.entry-title{
border-bottom:1px solid #E2E1DC;
padding-top:10px;
font-size:48px;
margin:0 0 30px;
}
#meta-foot{
border-top:1px solid #E2E1DC;
clear:both;
display:block;
margin:20px 0 0;
}
#meta-foot .archivado{
padding-top:20px;
}
#meta-foot .archivado .cats{
display:block;
font-size:16px;
letter-spacing:-1px;
line-height:90%;
}
#meta-foot .archivado a{
color:#000000;
text-decoration:none;
text-transform:uppercase;
}
.s-navigation{
font-size:18px;
padding:10px 0;
}
.s-navigation a{
color:#000000;
text-decoration:none;
font-style:italic;
}
.s-navigation span{
display:block;
text-transform:uppercase;
font-size:14px;
}
.nav-previous{
text-align:left;
}
.nav-next{
text-align:right;
}
.s-fecha{
position:relative!important;
float:left;
top:-20px;
left:-10px;
}
/*@comments*/
.number-comments{
background:#E2E1DC;
font-style:italic;
font-size:36px;
font-weight:bold;
color:#FFFFFF;
padding:10px 20px;
line-height:100%;
margin-bottom:30px;
}
.comments{
}
.comments ol{
list-style:none;
}
.comments ol li{
margin:0 0 20px;
}
.comments ol li a{
color:#000000;
}
.comments ol li .comment-author{
font-size:16px;
font-style:italic;
}
.comments ol li .comment-author span.fn{
display:block;
text-align:center;
}
.comments ol li .comment-author img{
display:block;
margin:0 auto 5px;
border:1px solid #E2E1DC;
padding:5px;
-moz-box-shadow: #999999 0 0 3px;
}
.comments ol li .comment-meta{
border-bottom:1px dotted #E2E1DC;
padding-bottom:5px;
margin-bottom:5px;
text-align:right;
}
.comments ol li .comment-content{
font-family:"Lucida Sans", Arial, verdana;
border-left:1px dotted #E2E1DC;
width:459px;
margin:0;
}
.comments ol li .comment-content p{
margin-left:10px;
}
#respond{
margin-bottom:60px;
}
#respond .text{
border:5px solid #E2E1DC;
padding:3px 5px;
width:360px;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:10px;
}
#respond .text:focus{
border-color:#333333;
}
#respond .button{
cursor:pointer;
font-size:18px;
display:block;
border:0;
background:#000000;
color:#cccccc;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
padding:5px;
width:380px;
}
#respond .form-label{
position:relative;
}
#respond .form-label label{
position:absolute;
top:7px;
left:10px;
}
.code-limit{
color:#999999;
font-family:"Lucida Sans", Arial, verdana;
border-left:1px dotted #E2E1DC;
padding-left:10px;
padding-bottom:10px;
}
.code-limit #fbc_login{
margin:0;
padding:0;
}
#fbc_login .dark{
margin-top:5px;
}
/*@portafolio-list*/
.thumb-image{
-moz-box-shadow:#cccccc 0 0 5px;
-webkit-box-shadow:#cccccc 0 0 5px;
position:relative;
}
.thumb-image img{
width:540px!important;
position:relative;
z-index:5;
}
.thumb-image .verp{
position:absolute;
color:#FFFFFF;
background:#000000;
padding:5px 20px 5px 10px;
bottom:10px;
left:0;
z-index:2;
text-decoration:none;
}
.thumb-image .detail{
position:absolute;
color:#FFFFFF;
background:#000000;
padding:5px 20px 5px 10px;
bottom:50px;
left:0;
z-index:2;
text-decoration:none;
}
#portafolio-list h2{
line-height:100%;
font-size:30px;
margin-bottom:10px;
text-align:right;
letter-spacing:-1px;
}
#portafolio-list .entry-content{
text-align:right;
}
#portafolio-list .post{
margin-bottom:40px;
}
span.caption-ad{
padding-top:5px;
color:#666666;
text-align:center;
display:block;
padding-right:20px;
font-size:11px;
}
/*@wordpress*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

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

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

.wp-caption {
   text-align: center;
   margin: 0 0 20px;
   position:relative;
}

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

.wp-caption p.wp-caption-text {
position:absolute;
bottom:-5px;
right:10px;
width:80%;
	background-color: #000000;
	display:inline;
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   color:#FFFFFF;
}