/* Theme Name: Macaco Theme URI: http://en.macaco.es Author: COOL Z Author URI: http://www.cool-z.com */ body{text-align: center; font-family: arial, helvetica, sans-serif; color: #C9C9C9; background: #202020 url(img/bgBody.jpg) 0 0 fixed no-repeat; font-size: .937em;} p, pre, address, li, dt, dd, th, td, caption, legend{margin-bottom: 1em;} address, dl, ul, ol, table{ margin-bottom: 1em; } 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: #12c9f7; text-decoration: none;} a:hover, a:focus{ color: #f5d92d;} /* ----------------------------- 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: 1.8em; line-height: 1; text-transform: uppercase; color: #12c9f7; float: left; padding: 5px 8px; background: #0f0f0f;} h3{font-size: .9333em; font-weight: bold; color: #f5d92d; text-transform: uppercase; margin-top: 5px; margin-bottom: 12px;} h4{font-size: 15px; font-weight: bold; color: #fff; margin-bottom: 5px;} .titulo{margin-bottom: 12px;} #home .titulo{margin-bottom: 0;} h3 span{background: #1f1f1f; padding: 4px 7px;} /* ----------------------------- ENLACES ---------------------------- */ a.ampliar, p.ampliar a{font-size: .8666em; font-weight: bold; padding-right: 14px; background: transparent url(img/bulletBlue13.gif) 100% 5px no-repeat;} a.ampliar:hover, p.ampliar a:hover{background-position: 100% -38px;} p.ampliar{float: right; background: #1f1f1f; padding: 0 5px;} p.ampliar a{background-position: 100% 5px; line-height: 19px;} p.ampliar a:hover{background-position: 100% -38px; } /* ----------------------------- ESTRUCTURA ---------------------------- */ #contenedor{/*margin: 0 auto; text-align: left; */ width: 840px; padding: 0 25px; min-height: 100%; height: 100%; background: url(img/bgContenedorIE6.png) top center repeat-y;} html>body #contenedor{background: url(img/bgContenedor.png) top center repeat-y; height: auto;} #cuerpo{padding: 13px 20px 0; background: url(img/bgCuerpo.jpg) 0 0 no-repeat; min-height: 900px; height: 900px; border-bottom: 1px solid #131313;} html>body #cuerpo{height: auto;} #contenido{padding-top: 47px; padding-bottom: 70px;} #pie{border-top: 1px solid #363636; background: #2d2d2d; padding: 10px 20px 20px;} /* ----------------------------- CABECERA ---------------------------- */ /* cabecera normal #cabecera{height: 245px; background: url(img/bgCabecera.jpg) 0 0 no-repeat; position: relative;} */ /* #cabecera{background: url(img/promo30oct.jpg) 0 0 no-repeat;} cabecera promo */ /* #cabecera{height: 245px; background: url(img/bgCabecera40.jpg) 0 0 no-repeat; position: relative;} #cabecera #promo-40{height: 100%;} #cabecera #promo-40 .link{margin-bottom: 0;} #cabecera #promo-40 .link a{text-indent: -99999em; position: absolute; display: block; width: 300px; height: 100px; right: 0; bottom: 0; overflow: hidden;} */ /* cabecera premios. Descomentar 1 linea cuando pasen */ #cabecera{height: 335px; background: url(img/bgCabecera.jpg) 0 0 no-repeat; position: relative;} #cabecera #promo-30-oct{height: 100%;} #cabecera #promo-30-oct .link a{text-indent: -99999em; position: absolute; display: block; width: 266px; height: 22px; top: 222px; right: 14px; margin-bottom: 0;} #menu{position: absolute; top: 0; left: 0; background: url(img/bgMenu.jpg) 0 0 no-repeat; width: 100%;} #menu ul{margin-bottom: 0; padding: 9px 0 14px 5px; float: left;} #menu li{font: normal 1.3333em/1 Impact, "Helvetica Neue Condensed Bold", sans-serif; float: left; padding: 0 9px; text-transform: uppercase;} #menu li a{color: #f5d236; display: block;} #menu li:last-child a, #menu li.last-child a{color: #f97907;} #menu li a:hover, #menu li.current_page_item a, #menu li.current_page_parent a{color: #3271c3;} #selector-idioma{float: left; padding: 11px 0 0 20px; font-size: 13px; color: #f9d02b;} #selector-idioma a{color: #f9d02b; text-decoration: underline;} /* cabecera premios */ #premios{width: 871px; height: 115px; background: url(img/premios2010.png) 0 0 no-repeat; position: relative; margin-left: -15px; margin-right: -16px; top: 242px;} #premios li{text-indent: -99999em; line-height: 0; margin: 0;} .logo{position: relative; top: 60px; left: 0;} .logo, .logo a, .logo img{display: block; float: left;} .logo img{width: 450px; height: 113px;} /* ----------------------------- LOGIN ---------------------------- */ .wrapper{width: 927px; margin: 0 auto; text-align: left; position: relative;} .wrapper #contenedor{position: relative; z-index: 1;} .wrapper #login{position: absolute; right: 0; top: 29px; z-index: 0;} #login{background: url(img/bgCajaLogin.png) 0 0 no-repeat; width: 384px; height: 386px;} #login h2{display: block; width: 39px; height: 97px; position: absolute; top: 26px; right: 0; text-indent: -99999em; background: none; cursor: pointer;} #login .bloque{padding: 25px 116px 0 45px; float: left; text-align: left; } #login .bloque form{padding-top: 20px;} #login form .inputwrapper{background: url(img/bgInputText.gif) 0 2px no-repeat; margin: 5px 0 16px;} html>/**/body #login form .inputwrapper{background-position: 0 0;} #login form .inputwrapper input{background: none; border: 0; width: 143px; padding: 5px 10px; font-size: 13px; color: #8a8a8a;} #login form .action{text-align: center; padding-bottom: 15px;} #login form input.submit{width: 111px; height: 29px; background: url(img/bgButtonLogin.gif) 0 2px no-repeat; text-align: center; font: bold 15px arial, sans-serif; color: #fff; text-shadow: -1px -1px 0 #000; border: none; cursor: pointer; display: block; margin: 0 auto;} #login form .checkbox{cursor: pointer;} #login .errores p{color: #f71e5b;} #login .links li{padding-bottom: 7px;} #login .cerrar{display: block; width: 19px; height: 19px; position: absolute; top: 32px; left: 252px;} #login .cerrar a{display: block; width: 19px; height: 19px; background: url(img/icoCerrarLogin.gif) 0 0 no-repeat; text-indent: -9999em; overflow: hidden;} /* ----------------------------- PIE ---------------------------- */ #pie p{float: left; margin-right: 15px; display: inline;} #pie p a, #pie p img{display: block;} #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;} #pie li a.rss{padding-left: 18px; background: url(img/icoRss.gif) 0 0 no-repeat;} #pie li a.contacto{/* padding-left: 22px; background: url(img/email.png) 0 -1px no-repeat; */color: #F5D236;} #pie li a.contacto:hover{color: #fff;} /* ----------------------------- AUDIO-PLAYER ---------------------------- */ #audio-player .info{float: left; width: 380px; padding-right: 10px; padding-top: 15px;} #audio-player .info p{text-transform: uppercase; color: #f5d92d; padding-left: 18px; background: url(img/bulletYellow15.gif) 0 0 no-repeat; margin-bottom: 0;} #audio-player .player{float: right; width: 410px;} #audio-player .player object{float: left; margin-left: 12px; display: inline;} #audio-player .player #playerID{margin-top: 13px; margin-left: 20px;} /* ----------------------------- HOME ---------------------------- */ #home{width: 820px; margin-left: -10px; margin-right: -10px; position: relative;} #home .seccion{margin-bottom: 10px;} #home .info{float: left; width: 400px;} #home .seccion{padding: 10px; background: rgba(11, 11, 11, .8);} #home .seccion h2{padding: 0;} #home .info .seccion{width: 380px; } #home .multimedia{float: right; width: 410px;} #home .multimedia .seccion{width: 390px; } #home .multimedia .adsense{ text-align: center;} #home .multimedia .center{margin: 0 auto;} #home .info .contenido{padding-top: 5px;} #home .multimedia .contenido{padding-top: 4px;} #home .bloque li{ padding: 10px; line-height: 1.2em;} #home .bloque .paginacion ul{float: right; padding-right: 7px; margin-bottom: 0; padding-bottom: 10px;} #home .bloque .paginacion li{display: block; float: left; padding: 0; width: 19px; height: 19px; overflow: hidden; position: relative; margin: 0 2px;} #home .bloque .paginacion li a:hover{top: -19px; position: relative;} #home .bloque .paginacion li a.disabled{cursor: default; top: -38px; position: relative;} /* bloque noticias */ #home .bloque .noticias li.odd{background: url(img/bgLiEvenDiscography.png) repeat;} #home .bloque .noticias li .fecha{font-size: .8em; color: #fff;} /* bloque conciertos */ #home .bloque .conciertos .contenido{background: url(img/bgConcerts.png) 0 26px repeat-y; padding-top: 0; margin-top: 26px;} #home .bloque .conciertos li strong.fecha{font-size: 1.2em; color: #f5d92d; background: #1f1f1f; padding: 2px 5px;} #home .bloque .conciertos li strong{font-weight: normal; color: #fff;} /* bloque redes */ #home .bloque .redes ul{margin-bottom: 0;} #home .bloque .redes li{float: left; margin-right: 14px; display: inline; margin-bottom: 11px; padding: 0;} #home .bloque .redes li a, #home .bloque .redes li a img{display: block;} /* bloque fotos */ #home .carrusel{background: #323232; padding: 0 5px;} #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: 111px; text-indent: -99999em; outline: none; position: relative; } #home .carrusel .prev a{background: url(img/paginador39.gif) 0 0 no-repeat;} #home .carrusel .prev a:hover{background-position: 0 -100px;} html>/**/body #home .carrusel .prev a:active{background-position: 0 -200px;} #home .carrusel .prev a.disabled, #home .carrusel .prev a.disabled:active{background-position: 0 -300px; cursor: default;} #home .carrusel .next a{background: url(img/paginador39.gif) -100px 0 no-repeat;} #home .carrusel .next a:hover{background-position: -100px -100px;} html>/**/body #home .carrusel .next a:active{background-position: -100px -200px;} #home .carrusel .next a.disabled, #home .carrusel .next a.disabled:active{background-position: -100px -300px; 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 10px 0 0;} #home .carrusel li a{padding: 1px; background: #1e2627; border-width: 1px; border-style: solid; display: block;} #home .carrusel li a img{display: block;} /* bloque tiendas */ #home .bloque .tiendas .portada{width: 68px; float: left;} #home .bloque .tiendas .portada a{padding: 1px; background: #1e2627; border-width: 1px; border-style: solid; display: block; float: left;} #home .bloque .tiendas .portada img{display: block; width: 51px; height: 51px;} #home .bloque .tiendas .datos h3{margin-bottom: 5px;} #home .bloque .tiendas .datos a{margin-right: 10px;} #home .bloque .tiendas ul{margin-bottom: 0;} #home .bloque .tiendas .contenido li{padding-left: 1px; padding-right: 0;} /* bloque banner */ #home .banner-300x250{background: none; text-align: center;} #home .banner-300x250 p{margin-bottom: 5px;} #home .banner-300x250 small{font-size: 11px;} /* ----------------------------- POST ---------------------------- */ .post{background: url(img/bgPost.png) repeat; padding: 20px 20px 20px 10px; margin-bottom: 20px;} * html .post{background-image: none; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#80000000', EndColorStr='#80000000'); } .post .fecha{width: 80px; padding-right: 10px; float: left; text-align: center;} .post .fecha p{font-size: 11px; text-transform: uppercase; color: #fff;} .post .fecha p strong{font-size: 35px; font-weight: bold; display: block;} .post .contenido-post{width: 680px; float: left;} .post .wp-caption{float: left; padding-right: 20px;} .post .wp-caption img{display: block; padding: 1px; border: 1px solid #8a8a8a;} .post .wp-caption a{display: block; float: left; border-width: 1px; border-style: solid;} .post .wp-caption a img{border: none;} .post p.ampliar{float: left; margin-bottom: 0;} .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;} /* biography */ .bio{padding: 20px;} /* discography */ ul.discografia li{background: url(img/bgLiEvenDiscography.png) repeat; margin-bottom: 1px; padding: 10px 20px 10px 10px; float: left; width: 770px;} ul.discografia li.odd{background: url(img/bgLiOddDiscography.png) repeat;} ul.discografia .portada{width: 146px; float: left;} ul.discografia .portada img{display: block; padding: 1px; border: 1px solid #8a8a8a;} /* videos */ .videos{padding-right: 10px; padding-top: 10px;} .videos .video{text-align: center; padding-bottom: 40px;} .videos .video object{margin: 0 auto; display: block;} .videos .thumbnails li{float: left; padding: 0 10px; min-height: 160px; height: 160px;} html>body .videos .thumbnails li{height: auto;} .videos .thumbnails li.first-child{padding-left: 0;} .videos .thumbnails li.last-child{padding-right: 0;} .videos .thumbnails img{display: block; width: 109px; height: 109px; padding: 1px;} .videos .thumbnails a{display: block; float: left; border-width: 1px; border-style: solid;} .videos .thumbnails a p{margin-bottom: 0;} .videos .thumbnails span{display: block; font-size: 12px; color: #8a8a8a; padding-top: 5px; clear: both; width: 113px;} /* galerias */ #galerias .album{text-align: center; padding-bottom: 30px;} #galerias .album h3{text-align: left; background: #000; padding: 0 6px; float: left;} #galerias .thumbnails{background: #323232; width: 730px; margin: 0 auto; clear: both;} #galerias .thumbnails li{float: left; padding: 10px;} #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;} #galerias .album h3 a{line-height: 22px; padding-left: 21px; background: url(img/icoCollapse.gif) 0 0 no-repeat; outline: none;} #galerias .album h3 a:hover{background-position: 0 -100px;} #galerias .album h3.active a, #galerias .album h3.active a:hover{background-position: 0 -199px; color: #f5d92d;} /* ----------------------------- NAVEGACION (anterior / siguiente y archivo) ---------------------------- */ .navegacion .paginacion{float: left;} .navegacion .paginacion ul{margin-bottom: 0; float: left;} .navegacion .paginacion li{float: left; margin-right: 12px; padding: 0 7px; background-color: #0c0c0c; display: inline;} .navegacion .paginacion a{display: block; font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 28px; } .navegacion .paginacion li.previous a{background: url(img/bulletPreviousNext25.gif) 0 0 no-repeat; padding-left: 20px;} .navegacion .paginacion li.previous a:hover{background-position: 0 -100px;} .navegacion .paginacion li.next a{background: url(img/bulletPreviousNext25.gif) 100% 0 no-repeat; padding-right: 20px;} .navegacion .paginacion li.next a:hover{background-position: 100% -100px;} .navegacion .archivo{float: right; padding-top: 4px;} .navegacion .archivo form{float: right;} .navegacion .archivo p{margin-bottom: 0;} .navegacion .archivo select{width: 197px; font-size: 13px; color: #6d6d6d; border: 1px solid #888; margin-left: 8px;} /* ----------------------------- PAGINA CONCIERTOS ---------------------------- */ .archivo-conciertos strong{font-weight: normal; color: #fff;} .archivo-conciertos strong.fecha{font-size: 1.2em; color: #f5d92d; background: #1f1f1f; padding: 2px 5px;}