/*
    Theme Name: Abraham Mateo
    Version: 1.0
    Author: COOL Z
    Author URI: http://www.cool-z.com
*/

@import url(css/avanzada.css) screen;

body{text-align: center; font-family: "Lucida Grande", sans-serif; color: #000; background: #fff url(img/bgBody.jpg) top center no-repeat; font-size: 12px;}
p, pre, address, li, dt, dd, th, td, caption, legend{ margin-bottom: 1.0833em; } 
p, li, dd{line-height: 18px;}                                                                                   
address, dl, ul, ol, table{ margin-bottom: 1.0833em; }
li, dt, li ul, li ol{ margin-bottom: 0; }
blockquote, q{font-style: italic;}
input, select, textarea{font-family: arial, helvetica, sans-serif; }
pre, code, samp, tt, kbd{font-family: courier, "Courier New", Courier, monospace; color: #333;}
abbr, acronym{border: none;}
a{ color: #048cb3; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid;}


/*----------------------------------
reutilizables
----------------------------------*/
.left{float: left;}
.right{float: right;}
.a-left{text-align: left;}
.a-right{text-align: right;}
.a-center{text-align: center;}
.ampliar a, .next a, .previous a{font-weight: bold; color: #707512; border: 0; }
.ampliar a, .next a{background: url(img/linkNext.gif) top right no-repeat; padding: 2px 12px 4px 10px; }
.previous a{background: url(img/linkPrevious.gif) top left no-repeat; padding: 2px 10px 4px 12px;}
.ampliar a:hover, .next a:hover{color: #38f2fd; background-position: 100% -29px;}
.previous a:hover{color: #38f2fd; background-position: 0 -29px;}
.previous a.disabled{background-position: 0 -58px; color: #fff;}
.next a.disabled{background-position: 100% -58px; color: #fff;}

.bullet, .blogroll{padding-left: 4px; margin-bottom: 0;}
.bullet li, .blogroll li{padding-left: 16px; background: url(img/bullet.gif) 0 6px no-repeat;}

.titulo-seccion{margin-bottom: 17px;}

img.alignleft{float: left; margin: 0 10px 0 0; display: inline;}
img.alignright{float: right; margin: 0 0 0 10px; display: inline;}
img.aligncenter{margin-right: auto; margin-left: auto; text-align: center; display: block;}

/*----------------------------------
iconos
----------------------------------*/
.rss{padding-left: 20px; background: url(img/rss.gif) 0 2px no-repeat;}
.link-comentarios{padding-left: 20px; background: url(img/comment.png) 0 2px no-repeat;)}

/*----------------------------------
ESTRUCTURA
----------------------------------*/
#contenedor{padding-top: 22px; text-align: left;}
#cuerpo{padding-top: 30px; padding-left: 170px;}
#contenido{min-height: 800px; height: 800px;}
html>body #contenido{height: auto;}
.interior #cuerpo,
.single #cuerpo,
.archive #cuerpo,
.page #cuerpo{background: url(img/cuerpoInterior.gif) top right no-repeat;}
#contenido{background: rgba(255, 255, 255, .6); padding-left: 10px;}


/*----------------------------------
fondos segun seccion
----------------------------------*/
.home #contenedor{background: url(img/bgAbraham1.jpg) bottom left no-repeat;}
.novedades #contenedor,
.category-novedades #contenedor,
.s-category-novedades #contenedor{background: url(img/bgAbraham2.jpg) bottom left no-repeat;}
.videos #contenedor,
.category-videos #contenedor,
.s-category-videos #contenedor{background: url(img/bgAbraham3.jpg) bottom left no-repeat;}
.category-videos #posts .post,
.category-videos #posts .contenido-post{width: 510px;}
.category-videos #posts .contenido-post .link-comentarios{padding-right: 10px;}
.biografia #contenedor,
.page #contenedor{background: url(img/bgAbraham4.jpg) bottom left no-repeat;}

/*----------------------------------
CABECERA
----------------------------------*/
.home #cabecera{min-height: 385px; height: 385px;}
html>body.home #cabecera{height: auto;}
#cabecera h1{text-align: right;}
#panel-intro{width: 790px; float: left; background: url(img/cabeceraHome.gif) 0 0 no-repeat; min-height: 385px; height: 385px;}
html>body #panel-intro{height: auto;}
#panel-intro .interior{padding: 27px 14px 30px 31px;}
#panel-intro .cargando{background: url(img/ajax-loader.gif) center no-repeat;}
#panel-intro #item-seleccionado{width: 353px; float: left; padding: 4px; background: #38F2FD; text-align: center;}
#panel-intro #item-seleccionado .crop{height: 317px; overflow: hidden; position: relative; margin: 0 auto;}
#panel-intro #item-seleccionado .crop img{height: auto;}
#panel-intro .tabs{width: 370px; float: right;}
.tab-block .contenido{background: #04a0cd url(img/ctContenidoTabs.gif) 0 0 no-repeat; padding: 16px 10px 0;}
.tab-block{background: url(img/cbContenidoTabs.gif) bottom left no-repeat; padding-bottom: 13px;}
.tabs .fotos ul{margin-bottom: 0; padding-bottom: 6px;}
.tabs .fotos li{float: left; margin-right: 10px; margin-bottom: 10px; display: inline;}
.tabs .fotos li:nth-child(4n+0){margin-right: 0;}
.tabs .fotos li.last-child{margin-right: 0;}
.tabs .fotos li a{display: block; background: #fff; padding: 1px; border: 0; position: relative;}
.tabs .fotos li a span{display: block; position: absolute; top: 0; left: 0; width: 80px; height: 80px;}
.tabs .fotos li a:hover span,
.tabs .fotos li.activo a span{background: url(img/bordeFoto.gif) 0 0 no-repeat; cursor: pointer;}
.tabs p.ampliar{margin-bottom: 0;}
.tab-buttons ul, .tab-buttons li{margin-bottom: 0;}
.tab-buttons li{float: left; margin-right: 1px; display: inline;}
.tab-buttons li a{display: block; width: 90px; line-height: 25px; border: 0; text-decoration: none; color: #fff; background: url(img/tab.gif) 0 0 no-repeat; text-align: center; outline: none; font-weight: bold; /*text-shadow: 0 -1px rgba(0,0,0, .3);*/}
.tab-buttons li.active a{background: url(img/tabActivo.gif) 0 0 no-repeat;}
.tabs .videos li{color: #fff; margin-bottom: 15px; line-height: 18px;}
.tabs .videos li a{color: #fff; font-weight: bold;}


/*----------------------------------
MENU
----------------------------------*/
#menu{padding-top: 53px; margin-right: 0;}
#menu li{font: normal 26px "Microsoft Sans Serif", sans-serif; text-transform: lowercase; float: right; margin-bottom: 10px;}
#menu li a{color: #fff; background: #05b5e7; border: 0; line-height: 39px; padding: 0 10px 0 20px; display: block; float: right;}
#menu li a:hover{border: none; background: #04a0cd;}
#menu li.activo a, #menu li.activo a:hover,
#menu li.current_page_item a, #menu li.current_page_item a:hover{color: #707512; margin-right: -21px; padding-right: 31px; position: relative; background: #dadd01 url(img/menuActivo.gif) top right no-repeat; }
.home #menu li.activo a{background: #dadd01 url(img/menuActivoHome.gif) top right no-repeat; }
.interior #menu, .single #menu, .archive #menu, .page #menu{position: absolute;}

/*----------------------------------
posts
----------------------------------*/
.post{background: url(img/post.gif) 0 0 no-repeat; padding-top: 18px; padding-bottom: 15px;}
.post .fecha{float: left; margin-left: 0;}
.post .contenido-post{float: left; margin-right: 0;}
.post .fecha{font-family: georgia, serif; font-size: 22px; text-transform: lowercase;}
.post .fecha span{font-size: 40px; text-align: right; display: block; line-height: 20px; padding-bottom: 14px;}
.post .titulo h3{font: normal 20px "Helvetica Neue", "Microsoft Sans Serif", sans-serif; margin-bottom: 10px;}
.post .titulo h3 a{border: 0; text-decoration: none; color: #000;}
.post .titulo h3 a:hover{color: #048cb3;}
.post .contenido-post h4{font: bold 18px "Helvetica Neue", "Microsoft Sans Serif", sans-serif; margin-bottom: 7px; margin-top: 15px;}
.post .contenido-post h5{font: bold 16px "Helvetica Neue", "Microsoft Sans Serif", sans-serif; margin-bottom: 7px; margin-top: 15px;}
.post .contenido-post h6{font: bold 14px "Helvetica Neue", "Microsoft Sans Serif", sans-serif; margin-bottom: 7px; margin-top: 15px;}
.post .contenido-post ul{padding-left: 20px;}
.post .contenido-post ol{padding-left: 30px;}
.post .contenido-post ul li{list-style: disc;}
.post .contenido-post ol li{list-style: decimal;}
.paginacion{border-top: 2px solid #0490b8; padding-top: 15px; float: left; width: 100%; padding-bottom: 30px;}
.post .video{padding-bottom: 15px;}
.post .video object{margin-left: auto; margin-right: auto; display: block; }
.biografia .destacado p,
.page .destacado p{font: normal 20px "Microsoft Sans Serif"; color: #0490b8; margin-bottom: 10px;}
.category-fotos .contenido-post ul{padding-left: 0;}
.category-fotos .contenido-post ul li{list-style: none; float: left; margin-right: 7px; margin-bottom: 7px; display: inline;}
.category-fotos .contenido-post ul li a{border: none; display: block;}
.category-fotos .contenido-post ul li a img{display: block;}



/*----------------------------------
comentarios
----------------------------------*/
.comentarios h3{margin-bottom: 11px;}
.comentarios form{background: #c8e7ef; padding: 10px 10px 15px;}
.comentarios .campo{float: left;}
.comentarios .campo div label{font-weight: bold; color: #048cb3; display: block; margin-bottom: 7px;}
.comentarios textarea{padding: 2px; width: 295px; height: 68px; border: 1px solid #cfd0cb; float: left;}
.comentarios .accion{float: left; padding-left: 10px; padding-top: 78px;}
.comentarios #comments{padding-bottom: 15px; margin-left: 0; margin-right: 0;}
.comentarios #comments ul{margin-bottom: 0;}
.comentarios #comments li{background: url(img/post.gif) top left no-repeat; padding-top: 17px; padding-bottom: 19px;}
.comentarios #respond{margin-left: 0; margin-right: 0;}
.comentarios div.avatar{width: 100px; margin-right: 10px; display: inline; float: left;}
.comentarios div.avatar img{width: 70px; height: 70px; border: 1px solid #c4c4c4; display: block; float: right;}
.comentarios .comentario{width: 400px; margin-left: 10px; display: inline; float: left;}

/*----------------------------------
SIDEBAR
----------------------------------*/
#sidebar{padding-top: 30px; }
#sidebar .bloque{padding-bottom: 40px;}
#sidebar .bloque h2{margin-bottom: 12px;}

.login form{background: #c8e7ef; padding: 12px 10px;}
.login .campo{padding-bottom: 5px;}
.login .campo div{padding-bottom: 2px;}
.login .campo label{color: #048cb3; font-weight: bold;}
.login input.text{background: #fff; border: 1px solid #cfd0cb; width: 194px; padding: 2px;}
.login input.text:focus{border: 1px inset #0490b8;}
.login .accion{text-align: right; padding-bottom: 10px;}
.login p, .login-in p{margin-bottom: 0; color: #048cb3;}

.login-in .contenido{background: #c8e7ef; padding: 5px 10px;}
.login-in .accion{margin-bottom: 0; padding-top: 6px; }
.login-in .accion a{display: block; width: 33px; height: 13px; text-indent: -9999px; overflow: hidden; background: url(images/btnSalir.gif) 0 0 no-repeat;}
.login-in .accion a{border: 0; margin-left: -2px; position: relative;}
.login-in .avatar{float: left;}
.login-in .avatar img{margin-right: 10px; display: block; float: left; display: inline; border: 1px solid #c4c6c6;}


.agenda dt{width: 40px; height: 40px; background: url(img/fechaAgenda.gif) 0 0 no-repeat; font: normal 14px Georgia, serif; color: #fff; text-align: center; float: left; clear: left; margin-top: 5px;} 
.agenda dt span{font-size: 18px; display: block; line-height: 15px; padding-top: 4px;}
.agenda dd{min-height: 40px; height: 40px; padding: 5px 10px 5px 50px; margin-bottom: 0;}
.agenda dd.odd{background: #e3f9ff;}
html>body .agenda dd{height: auto;}
.agenda li.previous{float: left; }
.agenda li.next{float: right;}


.redes li{float: left; margin-left: 17px; display: inline;}
.redes li:first-child, .redes li.first-child{margin-left: 0;}
.redes li a{border: 0;}

.player-audio .contenido{background: #6fd0ff; padding: 2px;}



/*----------------------------------
PIE
----------------------------------*/
#pie{width: 770px; padding: 107px 10px 8px; float: left; background: rgba(255,255,255, .6) url(img/pie.png) bottom left no-repeat; }
#pie ul{float: left; margin-bottom: 0;}
#pie li{float: left; margin-right: 10px; display: inline;}
#pie li a{color: #fff;}
#pie p{float: right; margin-bottom: 0;}
#pie p a{color: #fff;}

/*----------------------------------
IE
----------------------------------*/
#ie{background: #fff7c6; border: 3px solid #ffe53c; padding: 10px; margin: 0 10px 20px 0;  }
#ie h2{font-size: 20px; margin-bottom: 7px; color: #f00;}
#ie p{margin-bottom: 10px;}

/*----------------------------------
ADSENSE
----------------------------------*/
.home #contenido .ad728x90{width: 728px; margin: 0 auto 20px;}