/*
      Theme Name: Shaila
      Theme URI: 
      Author: COOL Z
      Author URI: http://www.cool-z.com
*/

/*----------------------------------
Reseteado navegador
----------------------------------*/
*{margin: 0; padding: 0; font-size: 100%; }
input, textarea, select{outline: 0;}
body{line-height: 1;}
body, html{height: 100%;}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 1em;}
fieldset, a img{ border: 0; }
a:focus{outline:0;}
/*----------------------------------
Limpiar flotaciones
----------------------------------*/
.clearfix:after, div:after, ul:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix, div, ul{ min-height: 0; }
* html .clearfix, * html div, * html ul{ height: 1%; }

/*----------------------------------
Ocultacion elementos
----------------------------------*/
.invisible{ position: absolute; left: -99999em; text-indent: -99999em; line-height: 0; margin: 0; padding: 0;}
.invisible *{ line-height: 0; height: 0; }
.oculto{ display: none; }
.js-enabled .ocultojs{ display: none; }



body{text-align: center; font-family: georgia; color: #fcf1cf; background: #000;}
p, pre, address, li, dt, dd, th, td, caption, legend{margin-bottom: 1.2em; line-height:19px;  font-size:13px;}
address, dl, ul, ol, table{}
li, dt{ margin-bottom: 0; }
blockquote{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: #b2aa93; text-decoration: none;}
a:hover, a:focus{ text-decoration:underline; }
a img{border:0;}
ul{ padding:0;}
ul li{ list-style-type:none;}
.link_login .ini{ background:url(img/ini_login.gif) no-repeat 0 0; padding-left:15px;}
.link_login{ background:url(img/fin_login.gif) no-repeat 100% 0; padding-right:10px; position:absolute; top:284px;left:815px; height:30px; overflow:hidden}
.link_login li{ float:left; display:inline;height:30px; line-height:30px; padding-left:10px; color:#735a18} 
.link_login li a {color:#fee7c5; margin-right:5px;font-weight:bold;}
/* -----------------------------
  REUTILIZABLES
  ---------------------------- */
.left{float: left;}
.right{float: right;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{display: block; margin-left: auto; margin-right: auto; text-align: center; clear: both;}


/* -----------------------------
  ENCABEZADOS
  ---------------------------- */
h2{font-size: 20px; line-height: 1; color: #fff; padding: 8px 12px; background: #4b3d34; font-family:Georgia;}
h3{font-size: 16px; font-weight: bold; color: #e6e4a9; margin-top: 5px; margin-bottom: 10px; font-family:Georgia; padding:10px 10px 15px;}
.titulo{margin:0 25px 12px;}
.titulo span{color:#eee1b6;}
#home .titulo{margin: 0;}
h3 span{background: #1f1f1f; padding: 4px 7px;}

h3#comments{width:500px; background:#12100b url(img/bg_degra.png) repeat-x 0 0; display:block; clear:both; margin-top:25px; font-size:11px; font-style:italic; font-weight:normal; padding-top:8px; padding-bottom:8px; border-bottom:0 }
h3#comments span{ background:url(img/bullet_flecha_6.gif) no-repeat 5px 7px; padding-left:22px; font-size:13px;  font-weight:bold;}

#respond h3{ font-size:13px; padding:5px; margin-left:5px; }
#respond { width:515px}
#respond .campos input{  float:right;width:250px;border: 1px solid #63564D}
#respond textarea{ height:100px; width:100%;border: 1px solid #63564D}
#respond form{ overflow:hidden; padding-bottom:10px; margin:0 10px}
#respond form p{ padding-left:0; padding-right:0}
#respond  #submit{ color:#9f9c7f; border:0; background:none; font-family:georgia; font-size:11px; font-weight:bold; cursor:pointer; float:right; overflow:visible; display:inline}
.post .commentlist{ margin-bottom:20px}
.post .commentlist img{ margin-right:7px}
.post .commentlist li{ border-bottom:1px solid #63564D; padding: 10px 15px 0 10px; width:480px}
.post .commentlist cite{ padding-right:5px;font-size:12px; color:#afac90; font-weight:bold; font-style:normal}
.post .commentlist p{font-style:italic; color:#c1c1c1; margin:3px 0 7px 0; padding-left:5px }
.post .commentlist .commentmetadata{ font-size:10px}
.post .commentlist  em { padding-left:10px}
/* -----------------------------
  ENLACES
  ---------------------------- */
a.ampliar {font-weight: bold;color:#fff; text-transform:uppercase;}

a.ampliar:hover, p.ampliar a:hover{text-decoration:underline;}
p.ampliar,.action .submit,.navegacion .paginacion li{float: left; display:inline; background: url(img/btn.png) repeat-x ; border:1px solid #6c5f51; padding: 0; height:27px;line-height:27px; font-size:12px; margin:12px; border:1px solid #2f2d27;}
p.ampliar a,.action .submit,.navegacion .paginacion a{cursor:pointer;font-weight: bold;color:#fff; padding:5px 15px;line-height:25px; padding:0 15px; display:block;float: left; border:0 none; overflow:visible}
.navegacion .paginacion li{border:0;}
.navegacion .paginacion a{border:1px solid #2f2d27;}
p.ampliar a:hover{}


/* -----------------------------
  ESTRUCTURA
  ---------------------------- */



#pie{border-top: 1px solid #363636; background: #2d2d2d; padding: 10px 20px 20px;}

.disco{ background:#4B3D34 url(img/desta_bg.gif) no-repeat 100% 100%; margin:20px 0 20px; font-size:georgia; }
.disco .content{padding:20px; overflow:hidden;  }
* html .disco .content{overflow:visible; height:1% }
.disco p{line-height:18px; color:#fcf1cf;}
.disco h2{background:url(img/titular_disco.png) no-repeat 50% 0; overflow:hidden; height:75px; padding:0; margin:0 0 10px;}
.disco h2 span{display:none;}
.disco img{float:left; margin:0 0 20px 0; position:relative; top:-22px;}
.peq{color:#fff; font-size:10px; font-family:arial; line-height:15px; }

.up { float:right;}
/* -----------------------------
  CABECERA
  ---------------------------- */
#menu{text-align:center;background: url(img/menu_bg.png) repeat-x 0 0; }
#menu ul{width:505px; margin:0 auto; }
#menu li{float:left; padding: 0px 20px 0 0;background:url(img/bullet.png) no-repeat 102% 3px;}
#menu li a{display:block;height:26px;float:left;margin-top:3px;padding:0 6px; }
#menu li a span{ display:none;}
#menu li .noticias {background:url(img/menu_noticias.png) no-repeat 50% 0;width:68px  }
#menu li .biografia {background:url(img/menu_biografia.png) no-repeat 50% 0;width:77px  }
#menu li .discografia{background:url(img/menu_discografia.png) no-repeat 50% 0; width:93px }
#menu li .fotos {background:url(img/menu_fotos.png) no-repeat 50% 0; width:48px }
#menu li .videos {background:url(img/menu_videos.png) no-repeat 50% 0;width:55px  }
#menu li.activo .noticias{background:url(img/noticias_over.gif) no-repeat 50% 0; }
#menu li.activo .biografia{background:url(img/biografia_over.gif) no-repeat 50% 0; }
#menu li.activo .discografia{background:url(img/discografia_over.gif) no-repeat 50% 0; }
#menu li.activo .fotos{background:url(img/fotos_over.gif) no-repeat 50% 0; }
#menu li.activo .videos{background:url(img/videos_over.gif) no-repeat 50% 0; }

#menu li.activo a{ margin-top:0; height:34px; }

#menu li.last-child {background: none; padding:0;}
#menu li a:hover,
#menu li.current_page_item a,
#menu li.current_page_parent a{}

.logo a{ display:block; margin:0 auto}

.logo img{display:block;margin:0 auto}
.cuerpo_bg{margin: 0pt; background:#978a5f url(img/cuerpo_bg.png) repeat-y scroll 50% 0%; }
/* -----------------------------
  LOGIN
  ---------------------------- */
.wrapper{margin: 0 auto; text-align: left; position: relative; padding-bottom:100px; background:transparent url(img/cuerpo_bt_bg.jpg) repeat-x scroll 50% 100%;}
.wrapper #contenedor{width:792px; margin: 0 auto; padding:20px}
#contenedor .contenido{ padding:0 25px;margin-bottom:20px}
.wrapper #login{ width:380px; margin:0 auto 20px auto; }
#login ul li {text-align: right;line-height:24px;}
#login ul li label {vertical-align:text-top;}
#login h2{}
#login .bloque{ background:#1e1815; margin-top:5px; padding:15px 10px 10px}
#login .bloque form{ overflow:hidden }
* html #login .bloque form{ overflow:visible;height:1%; }
#login form .inputwrapper{display:inline;}
#login form .inputwrapper input{ background:#706259; font-weight:bold;border:0 none; line-height:20px; padding:5px; margin-bottom:7px; width:180px; margin-left:12px; font-size:12px}
#login form .action{ float:right; padding: 0 30px 0 20px;}
#login form input.submit{ margin:0 0 5px 0;}
#login form .checkbox{line-height:10px; margin:0 0 0 5px}
#login form ul{ margin:0 20px 15px 0}
#login p{color: #8f8a7c; text-align:right; overflow:hidden; line-height:13px;padding-left:30px; }
#login .errores p{color: #f71e5b; text-align:left}
#login .links{ background:url(img/fondo_oscuro.png) repeat-x 0 0; padding:5px 15px; clear:both; text-align:center;margin-top:15px; }
#login .links li{  display:inline; }
#login .links li a{ padding:0 5px;}


/* -----------------------------
  PIE
  ---------------------------- */
#pie p{float: left;}
#pie p a, #pie p img{display: block; width: 103px; height: 27px;}
#pie ul{float: right;}
#pie li{font-size: .8em; float: left; padding: 0 9px 0 8px; background: url(img/sepPie.gif) 100% 0 no-repeat; text-shadow: -1px -1px 0 #1f1f1f;}
#pie li.last-child{padding-right: 0; background: none;}
#pie li a{color: #5a5a5a;}
#pie li a:hover{color: #878787;}

/* -----------------------------
  AUDIO-PLAYER
  ---------------------------- */
#audio-player .info{margin:10px 0;}
#audio-player .info p,.thumbnails li span{color: #fcedbd; padding-left: 15px; background: url(img/bullet_flecha_2.gif) 0 5px no-repeat; margin-bottom: 0; font-family:arial; font-weight:bold;}
#audio-player .player{width: 410px;}
#audio-player .player object{display: inline;}
#audio-player .player #playerID{margin-top: 13px; margin-left: 20px;}
.tonos th{background:#504a3d; text-transform:uppercase; font-weight:bold; padding:2px 10px; font-size:13px; border-bottom:1px solid #221e13;}
.tonos table{ font-family:Arial; border-collapse:separate; font-size:12px; margin-bottom:15px}
.tonos table td{ background:#4b4942; border-bottom:1px solid #221e13; padding:0 10px;}

.tonos table .odd td{ background:#6c6c6c;}




/* -----------------------------
  HOME
  ---------------------------- */
#contenedor #home .contenido{ padding:0;}
#home .bloque{width: 380px; float:left;}
#home .seccion{margin-bottom: 20px;}
#home .multimedia{float: right; width: 384px;}
#contenedor #home .conciertos .contenido,
#contenedor #home .noticias .contenido,
#contenedor #home .bloque .audio .contenido{background:#000;padding:0 7px 10px; }

#contenedor #home .bloque .audio .contenido{min-height: 52px; height: 52px; }
html>body #contenedor #home .bloque .audio .contenido{height: auto;}
#audio-player .info{height: 20px;}
#audio-player .info p strong{font-weight: normal;}

#contenedor #home .noticias .contenido{padding:0 5px;}

#home .bloque li{ padding: 15px; line-height: 1.2em; }


    /* bloque noticias */
#home .bloque .noticias li .ampliar{background: url(img/bullet_mas.gif) no-repeat 100% 50%; padding-right:10px; padding-left:5px}

#home .bloque .noticias li, #home .bloque .conciertos li {border-bottom:1px solid #4e4a32;color:#fcf1cf;}
#home .bloque .noticias li .fecha{font-size: 15px; color: #fff; display:block; font-weight:bold; padding-bottom:10px;}

    /* bloque conciertos */
#contenedor #home .bloque .tonos .contenido{ padding:10px 15px}
#home .bloque .conciertos .contenido{background: #000; padding: 0 0 2px 0; }
#home .bloque .conciertos li strong.fecha{font-size: 14px; color: #fff;}
#home .bloque .conciertos li strong{ color: #fcedbd;font-size: 14px;}
 #home .bloque .conciertos li { background:#000 url(img/bullet_flecha_4_n.gif) no-repeat scroll 5px 15px; padding-left:25px}

 /* bloque paginacion */
#home .bloque .paginacion { background:#4B3D34 ; margin: 10px 1px;}
#home .bloque .paginacion ul{float: right; padding-right: 7px; margin-bottom: 0; padding: 8px;}
#home .bloque .paginacion li{display: block; float: left; padding: 0; width: 25px; height: 29px; margin: 0 0 0 7px; border:0;}
#home .bloque .paginacion li a:hover{}
#home .bloque .paginacion li a.disabled{cursor: default;}



    /* bloque redes */
#home .bloque .redes li, #home .bloque .tiendas li{float: left;display: inline;  padding: 0;}
#contenedor #home .bloque .tiendas .contenido{ background:#fff; padding:10px}
#contenedor #home .bloque .redes .contenido{ background:#fff; padding:9px 0 9px 3px;}
#home .bloque .redes .titulo h2, #home .bloque .tiendas .titulo h2{ background:#978a5f; font-size:17px;}



#home .bloque .redes li a,
#home .bloque .redes li a img{display: block;}

    /* bloque fotos */
#home .carrusel{background: #000; padding-bottom:10px;}
#home .carrusel div{width: 39px; float: left;}
#home .carrusel .next{float: right;}
#home .carrusel .prev{margin-right: 6px;}
#home .carrusel .prev a, #home .carrusel .next a{display: block; height: 124px; text-indent: -99999em; outline: none; position: relative; }
#home .carrusel .prev a{background: url(img/prev.gif) 0 0 no-repeat;}
#home .carrusel .prev a:hover{}
html>/**/body #home .carrusel .prev a:active{}
#home .carrusel .prev a.disabled,
#home .carrusel .prev a.disabled:active{cursor: default;}
#home .carrusel .next a{background: url(img/next.gif) 100% no-repeat;}
#home .carrusel .next a:hover{}
html>/**/body #home .carrusel .next a:active{}
#home .carrusel .next a.disabled,
#home .carrusel .next a.disabled:active{cursor: default;}

#home .carrusel .crop{width: 290px; padding: 14px 0; overflow-x: scroll; position: relative;}
.js-enabled #home .carrusel .crop{overflow-x: hidden;}
#home .carrusel ul{width: 5000px; margin-bottom: 0; position: relative;}
#home .carrusel li{float: left; padding: 0 12px 0 0;}
#home .carrusel li a{border:1px solid #6d6651; display: block;}
#home .carrusel li a:hover{border:1px solid #c4b791;  }



#home .carrusel li a img{display: block;}

    /* bloque tiendas */

#home .bloque .tiendas .datos h3{margin-bottom: 5px;}
#home .bloque .tiendas .datos a{margin-right: 9px;}
#home .bloque .tiendas .contenido li{padding-left: 1px; padding-right: 0;}


/* -----------------------------
  POST
  ---------------------------- */
#noticias .contenido .post{ height:1%; margin-bottom:15px; background:url(img/post_bg_bt.gif) no-repeat 0 100%}
#noticias .contenido .post.detalle{ background:url(img/post_bg_bt.gif) no-repeat 0 15px}
.post .fecha{width: 98px; padding: 14px 0 0 20px; float: left; font-weight:bold; background:url(img/post_bg_top.gif) no-repeat 0 0; height:110px}
.post .fecha p{font-size: 11px;color: #fff;}
.post .fecha p strong{font-size: 35px; font-weight: bold; display: block;padding-bottom:9px;}
.post .contenido-post,.contenido .video {width: auto; background:#1a1512;padding:15px; height:1%; color:#fff6d4; }
.post .contenido-post strong{color:#eaeaea;}
#noticias .post .contenido-post{width: 585px; background:#1a1512; float:left; padding:5px 10px 10px 20px; height:1%; border-left:3px solid #000;  color:#e7e0c9}
#noticias .post.detalle .contenido-post{ padding-top:25px}
.post .contenido-post p{ padding:0 10px; font-family:georgia;font-size:13px;}
/*#noticias .post .contenido-post p{ font-size:11px;}*/

ul.discografia li h3{ border-bottom:1px solid #63564d;padding-top:0;}
.post .contenido-post h3{ border-bottom:1px solid #63564d;padding-top:5px;}
.post .wp-caption{float: left; padding-right: 25px; margin-bottom:15px}
.post .wp-caption img{display: block;}
.post .wp-caption a{display: block;  border-width: 1px; border-style: solid; margin-bottom:15px}
.post .wp-caption a:hover{ border:1px solid #c4b791}
.post .wp-caption a img{border: none;}
.post p.ampliar{float: left; padding:0; margin:0 0 5px 10px; display:inline}
p.ampliar a{ background:url(img/bullet_flecha_3_right.gif) no-repeat 90% 55%; padding-right:25px;}
p.ampliar .volver{ background:url(img/bullet_flecha_3_left.gif) no-repeat 14% 55%; padding-left:25px; padding-right:15px}

.post blockquote p{font-size: 20px; font-style: italic; color: #bcbcbc;}
.post blockquote p.first-child{padding-left: 32px; background: url(img/quot.gif) 0 0 no-repeat;}
#contenido #noticias .detalle .contenido-post{font-size: 12px !important;}
/* biography */


/* discography */
ul.discografia li{background: #1A1512 none repeat scroll 0 0; padding: 15px 25px 15px 15px; margin-bottom:15px;}
.discografia h3 {color:#e7e6ce; margin-top:0; padding-bottom:10px; overflow:hidden; height:1%; padding-left:3px;}
ul.discografia .portada{width:206px; float: left;}
ul.discografia .portada img{display: block;border: 1px solid #B2AA93;}
.datos{color:#e7e0c9;}
.datos strong{color:#eae8ac; font-size:13px}
.discografia p { padding-left:3px; overflow:hidden}
.post hr, .datos hr { line-height:1px; height:1%; overflow:hidden; border:0;border-bottom:1px solid #63564D; margin-bottom:12px; background:none;}
.post hr{ clear:both; padding-top:25px}
/* videos */
.videos{ background:#1A1512 none repeat scroll 0 0; padding-top:5px;}
.videos .video{text-align: center; padding:0 0 20px; border-bottom:7px solid #000;}
.videos .video object{margin: 0 auto; display: block;}

.videos h3{ background:url(img/bullet_flecha_4_n.gif) no-repeat 0 45%; padding-left:20px; margin:0 20px 15px 20px; border-bottom:1px solid #63564D;}
.thumbnails{background:#1a1512; padding:15px;	 }
.videos .thumbnails ul{ margin-left:74px;}
.videos .thumbnails li{float: left; padding: 0 14px; }
.videos .thumbnails li.first-child{}
.videos .thumbnails li.last-child{}
.videos .thumbnails img{display: block; width: 109px; height: 109px;}
.thumbnails a{border:1px solid #6d6651; display: block;}
.thumbnails a:hover{border:1px solid #c4b791;  }
.videos .thumbnails a{display: block; float: left; margin-bottom:10px}
.videos .thumbnails a p{margin-bottom: 0;}
.videos .thumbnails span{font-family:georgia;display: block;font-size:11px;
font-weight:normal; line-height:16px;clear: both; width: 96px; background:url(img/bullet_flecha_5.gif) no-repeat 5px 5px; padding-left:17px; }

/* galerias */
#galerias .album{text-align: center; background:#1A1512;margin:0 0 6px; }
#galerias .album h3 a{display:block; background:#1A1512 url(img/bullet_flecha_4_n.gif) no-repeat 20px 51%; padding:11px 30px 11px 40px; font-size:16px; margin:0;  color:#b7b6a1;}

#galerias .album h3{text-align: left; padding:0; margin:0}
#galerias .thumbnails{margin: 0 auto ; clear: both;}
#galerias .thumbnails li{float: left; padding: 0 0 15px 15px;}
#galerias .thumbnails a{display: block; float: left; border-width: 1px; border-style: solid; }
#galerias .thumbnails img{display: block; padding: 1px;}

/* estado por defecto plegado */
#galerias .album ul{margin-bottom: 0; padding-left:10px}
#galerias .album h3 a{}
#galerias .album h3 a:hover{}
#galerias .album h3.active a,
#galerias .album h3.active a:hover{border-bottom:1px solid #63564D;margin:0 20px;background:#1A1512 url(img/bullet_flecha_4_n.gif) no-repeat 2px 51%; padding-left:23px}






/* -----------------------------
  NAVEGACION (anterior / siguiente y archivo)
  ---------------------------- */
  .navegacion {margin:0 30px 20px 20px;}
.navegacion .paginacion{float: left;}
.navegacion .paginacion ul{margin-bottom: 0; float: left;}
.navegacion .paginacion li{float: left; margin-right: 12px;  display: inline;}
.navegacion .paginacion a{}
.navegacion .paginacion li.previous a{background: url(img/bullet_flecha_3_left.gif) 10% 50% no-repeat; padding-left: 25px;}
.navegacion .paginacion li.previous a:hover{}
.navegacion .paginacion li.next a{background: transparent url(img/bullet_flecha_3_right.gif) no-repeat scroll 90% 50%;padding-right: 25px;}
.navegacion .paginacion li.next a:hover{}

.navegacion .archivo{float: right; padding-top: 12px; height:1% }
.navegacion .archivo form{float: right;}
.navegacion .archivo p{margin-bottom: 0;font-size:12px; color:#c0b599; font-weight:bold;}
.navegacion .archivo select{width: 197px; font-size: 13px; color: #6d6d6d; border: 1px solid #888; margin-left: 8px;}


/*-------
ARREGLOS
--------*/
.movida{
float:right;
margin-top:-600px;
width:490px;
}

.nav-posts li{font-size: 13px;}

/* adsense */
.ad728x90{width: 728px; margin: 17px auto 20px; background: #4B3D34;}