/*--------------------------------------------------------------------------------------------------------------------------*/ /* C O L O R S C H E M E BACKGROUND: #6E0078 / MAIN BODY TEXT: #FFEBD8 / secondary body text #FFD181 */ /*--------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------- G E N E R A L --------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* RESET GENERAL */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,/* ol, ul, li, */fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline;} /* ELIMINA LINEAS PUNTEADAS EN LINKS */ a:focus {outline:none;} /* RESET LINKS */ a {text-decoration:none; color:#FFF;} /* LINKS HOVER COLOR */ #footer span a:hover {color:#FD8;} /* color de fondo, imagen de fondo y posición, color de fuente general, ancho de body y centrado */ body {background-color:#6e0078; background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:center; color:#FFEBD8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:900px; margin:0 auto;} /* FOOTER */ #home #footer {position:relative; top:150px; width:900px; height:35px; text-align:center;} #footer {text-align:center; height:35px;} #footer {clear:both; top:10px; background-image:url(../images/footer_bg.gif); background-repeat:no-repeat; padding-top:5px;} #home #footer {background-image:none;} #footer a, #footer span {font-weight:bold; color:#FFEBD8;} #footer p {position:relative; color:#FFEBD8;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* INTERIORES GENERAL */ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Container */ #container {width:900px;} /* NAV /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #main_nav {height:43px; width:546px;} #main_nav a {display:block; float:left; height:43px;} #main_nav #nav_home {background:url(../images/int_nav_01.jpg) no-repeat; width:68px;} #main_nav #nav_tour {background:url(../images/int_nav_02.jpg) no-repeat; width:44px;} #main_nav #nav_news {background:url(../images/int_nav_03.jpg) no-repeat; width:51px;} #main_nav #nav_photos {background:url(../images/int_nav_04.jpg) no-repeat; width:65px;} #main_nav #nav_discography {background:url(../images/int_nav_05.jpg) no-repeat; width:103px;} #main_nav #nav_history {background:url(../images/int_nav_06.jpg) no-repeat; width:67px;} #main_nav #nav_contact {background:url(../images/int_nav_07.jpg) no-repeat; width:96px;} #main_nav #nav_links {background:url(../images/int_nav_08.jpg) no-repeat; width:52px;} /* Columna Derecha */ #column_right {float:left;} /* Logo interiores */ #logo {background-image:url(../images/int_logo.jpg); background-repeat:no-repeat; height:96px; width:354px;} #logo a {cursor:pointer; display:block; position:relative; top:62px; left:223px; height:20px; width:130px;} #logo span {visibility:hidden;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* 1 COLUMNA -> NEWS, TOUR, CONTACT, LINKS */ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* GENERAL //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ h2 {background-repeat:no-repeat; height:57px; width:900px;} body {background-position:top;} #column_left {width:900px; height:96px;} #logo {float:left;} #main_nav {float:left; height:96px;} #content_left {top:96px;} #content_left .content {background-color:#000; color:#ffd181; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; padding:40px; width:820px; min-height:250px;} h2 span {visibility:hidden;} #footer {clear:both; top:10px; background-image:url(../images/footer_bg.gif); background-repeat:no-repeat; padding-top:5px;} /* NEWS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #news h2 {background-image:url(../images/title_news.png);} #news .news_title {margin-top:20px;} /* WANNABES ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #wannabes h2 {background-image:url(../images/title_wannabes.png);} #wannabes #send_btn {display:block; text-align:right;} #wannabes #content_left img {margin:0 20px 20px 0;} /* #wannabes #footer {position:absolute; top:520px;}*/ /* WANNABES UPLOAD ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #wannabes_upload h2 {background-image:url(../images/title_wannabes.png);} #wannabes_upload h3 {font-size:14px; font-weight:normal; margin:10px 0 10px 0;} #wannabes_upload ul {list-style:none;} #wannabes_upload .align_left {background-color:#666; border:none; width:200px; height:16px; margin-bottom:5px; color:#FFF;} #wannabes_upload #button {left:10px; position:relative;} #wannabes_upload #terms {color:#999; font-size:10px; margin-bottom:10px;} /* PHOTOS MAIN ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #photos_main h2 {background-image:url(../images/title_photos.png);} #photos_main .thumb {float:left; height:150px; width:270px;} #photos_main .thumb p {font-size:20px; line-height:22px; width:200px;} /* VIDEOS */ #videos h2 {background-image:url(../images/title_videos.png);} /* ARCHIVES */ #photos_archives h2 {background-image:url(../images/title_photos.png);} #photos_archives .thumb {float:left; height:150px; width:270px;} #photos_archives .content h1 {font-size:26px; margin-bottom:20px; font-weight:normal; letter-spacing:-1px;} #photos_archives_folder h2 {background-image:url(../images/title_photos.png);} #photos_archives_folder .thumb {float:left; height:150px; width:115px;} #photos_archives_folder .thumb img:hover {border-bottom-style:solid; border-bottom-width:3px; border-color:#737;} #photos_archives_folder .content h1 {font-size:26px; margin-bottom:20px; font-weight:normal; letter-spacing:-1px;} #photos_archives_folder #back_archives {display:block; text-align:right; width:790px;} #photos_archives_folder #btn_right {} /* TOUR ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #tour h2 {background-image:url(../images/title_tour.png);} #tour .content a, #tour .content strong {font-weight:bold; color:#FFD181;} /* TOUR DATES TABLE ///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #tour table {background-color:#333; width:820px; margin-top:20px; border:none;} .impar p, .par p {padding:5px;} .par strong, .impar strong {color:#FD8;} #tour table tr.impar {background-color:#333;} #tour table tr.par {background-color:#111;} /* CONTACT ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #contact h2 {background-image:url(../images/title_contact.png);} #contact .content {height:450px;} #contact #text, #contact #guys {width:492px; float:left; padding-right:40px;} #contact #text {height:50px;} #contact #guys {height:100%;} #contact #guys span {visibility:hidden;} #contact #guys a {display: block; height:196px; width:82px; position: relative; background-repeat:no-repeat; float:left;} #contact #guys #mail_felipe {background-image:url(../images/contact_photo_01.jpg);} #contact #guys #mail_eric {background-image:url(../images/contact_photo_02.jpg);} #contact #guys #mail_ray {background-image:url(../images/contact_photo_03.jpg);} #contact #guys #mail_david {background-image:url(../images/contact_photo_04.jpg);} #contact #guys #mail_alex {background-image:url(../images/contact_photo_05.jpg);} #contact #guys #mail_jeff {background-image:url(../images/contact_photo_06.jpg);} /* agent */ #contact #agent {} #contact #agent p strong {color:#FFEBD8; font-size:20px; font-weight:normal; letter-spacing:-1px;} #contact #agent p em {font-style:normal; font-weight:bold;} #contact p a {color:#CCC; font-size:9px; line-height:40px; position:relative; top:-10px;text-decoration:underline;} /* LINKS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #links h2 {background-image:url(../images/title_links.png);} #links #content_left td {padding:5px;} #links table {width:820px;} #links #links_list a {color:#FFEBD8; font-weight:bold;} #links #links_list a:hover {color:#FD8;} /* HISTORY ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #history h2 {background-image:url(../images/title_history.png);} #history #history_content, #autographed #autographed_content {width:475px; padding-right:30px; float:left;} #history h3 {font-size:16px; font-weight:bold; letter-spacing:-0.7px; margin-top:20px;} #history #history_content p {color:#FFEBD8; margin-bottom:9px;} /* band members */ #band_members {width:315px; float:left;} #band_members h4 {background:url(../images/history_member_title.png) no-repeat; height:35px; width:315px;} #band_members a {height:53px; width:148px; display:block; float:left;} #members_box {background-color:#1a1a1a; padding:8px 5px 7px 8px; height:160px;} #band_felipe {background:url(../images/history_member_01.png) no-repeat;} #band_ray {background:url(../images/history_member_02.png) no-repeat;} #band_alex {background:url(../images/history_member_03.png) no-repeat;} #band_jeff {background:url(../images/history_member_04.png) no-repeat;} #band_david {background:url(../images/history_member_05.png) no-repeat;} #band_eric {background:url(../images/history_member_06.png) no-repeat;} /* what are people saying */ #people_saying {width:300px; float:left; margin-top:30px;} #people_saying h3 {background:url(../images/history_what.png) no-repeat; height:80px; width:183px; left:117px; position:relative;} #people_saying p {text-align:right; width:183px; left:117px; position:relative;} .quote {background-image:url(../images/history_quote.png); background-repeat:no-repeat;/*height:30px;*/} .quote_author {color:#999; font-size:11px; font-style:italic; margin-bottom:15px;} /* AUTOGRAPHED PHOTO //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #autographed h2 {background-image:url(../images/title_autographed.png);} #autographed ol, #autographed #autographed_content p, #autographed h3, #autographed h4 {margin-bottom:9px;} #autographed h3 {font-size:14px; font-weight:bold;} #autographed h4 {font-size:11px;} #autographed ol {padding-left:30px;} #autographed #autographed_content p {color:#FFEBD8;} /* DISCOGRAPHY ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #discography .disco_txt {height:30px; width:100%; float:left; margin-bottom:20px;} #discography h2 {background-image:url(../images/title_discography.png);} #discography .disco_container {height:170px; width:160px; float:left; margin-bottom:20px;} #discography .disco_container h4 {font-size:16px; font-weight:bold; margin:3px 0;} #discography .disco_container p {font-size:10px; color:#FFF; line-height:10px;} #discography .disco_container span, #discography .disco_container span a {font-size:9px; color:#aaa;} #discography .disco_container span a:hover {color:#FD8;} #discography .disco {background-image:url(../images/disco_bg.gif); background-repeat:no-repeat; display:block; height:100px; width:100px;} /* DISCO GENERIC */ #disco_generic h2 {background-image:url(../images/title_discography.png);} #disco_generic disco_container img {float:left;} #disco_generic h4 {font-size:24px; font-weight:normal; letter-spacing:-1px; margin:10px 0;} #disco_generic #disco_cover {float:left; width:300px; height:300px;} #disco_generic #disco_info {position:relative; top:5px; left:30px; width:500px;} #disco_generic .small_text {font-size:9px; color:#FFEBD8;} #disco_generic .buyit {background-image:url(../images/btn_buyit.png); background-repeat:no-repeat; display:block; height:19px; margin:5px 0; width:56px; float:left;} #disco_generic #disco_info ol {left:20px; position:relative; } /* disco / rollover */ #discography #cd_01 {background-image:url(../images/disco_01.jpg); background-position:top;} #discography a#cd_01.disco:hover {background-position:bottom;} #discography #cd_02 {background-image:url(../images/disco_02.jpg); background-position:top;} #discography a#cd_02.disco:hover {background-position:bottom;} #discography #cd_03 {background-image:url(../images/disco_03.jpg); background-position:top;} #discography a#cd_03.disco:hover {background-position:bottom;} #discography #cd_04 {background-image:url(../images/disco_04.jpg); background-position:top;} #discography a#cd_04.disco:hover {background-position:bottom;} #discography #cd_05 {background-image:url(../images/disco_05.jpg); background-position:top;} #discography a#cd_05.disco:hover {background-position:bottom;} #discography #cd_06 {background-image:url(../images/disco_06.jpg); background-position:top;} #discography a#cd_06.disco:hover {background-position:bottom;} #discography #cd_07 {background-image:url(../images/disco_07.jpg); background-position:top;} #discography a#cd_07.disco:hover {background-position:bottom;} #discography #cd_08 {background-image:url(../images/disco_08.jpg); background-position:top;} #discography a#cd_08.disco:hover {background-position:bottom;} #discography #cd_09 {background-image:url(../images/disco_09.jpg); background-position:top;} #discography a#cd_09.disco:hover {background-position:bottom;} #discography #cd_10 {background-image:url(../images/disco_10.jpg); background-position:top;} #discography a#cd_10.disco:hover {background-position:bottom;} #discography #cd_11 {background-image:url(../images/disco_11.jpg); background-position:top;} #discography a#cd_11.disco:hover {background-position:bottom;} #discography #cd_12 {background-image:url(../images/disco_12.jpg); background-position:top;} #discography a#cd_12.disco:hover {background-position:bottom;} #discography #cd_13 {background-image:url(../images/disco_13.jpg); background-position:top;} #discography a#cd_13.disco:hover {background-position:bottom;} #discography #cd_14 {background-image:url(../images/disco_14.jpg); background-position:top;} #discography a#cd_14.disco:hover {background-position:bottom;} #discography #cd_15 {background-image:url(../images/disco_15.jpg); background-position:top;} #discography a#cd_15.disco:hover {background-position:bottom;;} #discography #cd_16 {background-image:url(../images/disco_16.jpg); background-position:top;} #discography a#cd_16.disco:hover {background-position:bottom;} #discography #cd_17 {background-image:url(../images/disco_17.jpg); background-position:top;} #discography a#cd_17.disco:hover {background-position:bottom;} #discography #cd_18 {background-image:url(../images/disco_18.jpg); background-position:top;} #discography a#cd_18.disco:hover {background-position:bottom;} #discography #cd_19 {background-image:url(../images/disco_19.jpg); background-position:top;} #discography a#cd_19.disco:hover {background-position:bottom;} #discography #cd_20 {background-image:url(../images/disco_20.jpg); background-position:top;} #discography a#cd_20.disco:hover {background-position:bottom;} #discography #cd_21 {background-image:url(../images/disco_21.jpg); background-position:top;} #discography a#cd_21.disco:hover {background-position:bottom;} /*---------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* HOME --------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------*/ body#home {background-image:url(../images/bg.jpg); background-repeat:no-repeat;} #home #flash {height:459px; position:relative;} #home #bottom {background-image:url(../images/index_bg_bottom.jpg); background-repeat:no-repeat; height:450px;} /* contenedor de cajas */ #home #boxes {width:632px; height:248px; left:268px; position:relative; top:6px;} /* cajas de destacados */ #home #boxes #videos {background-image:url(../images/index_videos.jpg); background-repeat:no-repeat; float:left; position:relative; height:184px; width:236px;} #home #boxes #news {background-image:url(../images/index_news.jpg); background-repeat:no-repeat; float:left; position:relative; height:185px; width:196px; margin-left:2px;} #news_content {color:#422d44; padding:10px 10px 10px 15px; } #news_content strong {font-weight:bold;} #news_content a {background:url(../images/read_more.gif) no-repeat; display:block; height:19px; position:relative; top:10px; width:86px;} #home #boxes #wannabes {background-image:url(../images/index_wannabes.jpg); background-repeat:no-repeat; float:left; position:relative; height:185px; width:196px; margin-left:2px;} #send_photo {display:block; height:28px; position:relative; top:119px; width:196px;} #home #boxes #email_list {background-image:url(../images/index_email_list.jpg); background-repeat:no-repeat; float:left; position:relative; height:60px; width:236px; margin-top:3px;} #home #boxes #autographed {background-image:url(../images/index_autographed.jpg); background-repeat:no-repeat; float:left; position:relative; height:60px; width:394px; margin:3px 0 0 2px;} #origami {display:block; height:38px; top:0; position:absolute; left:825px; width:75px;} /* HIDES HTML TEXT*/ #home #boxes span {visibility:hidden;} /* FEATURED BOXES LINKS */ .featured {height:38px; display:block; cursor:pointer;} #autographed a div.featured, #email_list a div.featured {height:60px; display:block; cursor:pointer;} #home #flash_video {} /* JOIN EMAIL LIST POP UP */ #home #join_email_list {width:276px; position:absolute; top:730px; left:260px; display:none;} #join_email_list {width:276px; position:absolute; top:60px; left:530px; display:none;}#join_email_list form {background-image:url(../images/join_email_bg.png); height:72px; width:276px;} #join_name {background-image:url(../images/join_email_name_bg.png); background-repeat:repeat-x; border:none 0px; height:21px; width:155px; position:absolute; top:40px; left:10px; padding:5px 0 0 10px;} #join_but {position:absolute; left:180px; top:40px;} #join_email_list #close {background-image:url(../images/btn_x.png); background-repeat:no-repeat; display:block; width:16px; height:17px; position:absolute; left:250px; top:9px;} /*--------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* BAND --------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------*/ body#band {background-position:top;} #band #logo {height:96px; float:none;} #band #main_nav {height:43px; width:546px; float:none;} #band #content_left {} #band #content_right {height:618px; width:354px; float:left;} #band #column_left {width:546px; height:100%; float:left;} #band #column_right {width:354px; float:right;} #band #bio {width:546px; height:100%;} #band #bio p {font-size:12px; line-height:15px; margin-bottom:7px;} #band #title {width:546px; height:180px;} #band footer {clear:none; float:none;} #band #content_band_alex a, #band #content_band_jeff a, #band #content_band_eric a, #band #content_band_ray a, #band #content_band_felipe a, #band #content_band_divid a {display:block; left:240px; height:20px; position:relative; top:600px; width:115px;} /* Alex */ #alex #title {background-image:url(../images/band_title_alex.jpg); background-repeat:no-repeat;} #content_band_alex {background-image:url(../images/alex_right.jpg); background-repeat:no-repeat; height:780px;} /* Jeff */ #jeff #title {background-image:url(../images/band_title_jeff.jpg); background-repeat:no-repeat;} #content_band_jeff {background-image:url(../images/jeff_right.jpg); background-repeat:no-repeat; height:780px;} /* Eric */ #eric #title {background-image:url(../images/band_title_eric.jpg); background-repeat:no-repeat;} #content_band_eric {background-image:url(../images/eric_right.jpg); background-repeat:no-repeat; height:780px;} /* Ray */ #ray #title {background-image:url(../images/band_title_ray.jpg); background-repeat:no-repeat;} #content_band_ray {background-image:url(../images/ray_right.jpg); background-repeat:no-repeat; height:780px;} /* Felipe */ #felipe #title {background-image:url(../images/band_title_felipe.jpg); background-repeat:no-repeat; height:232px;} #content_band_felipe {background-image:url(../images/felipe_right.jpg); background-repeat:no-repeat; height:1170px;} /* David */ #david #title {background-image:url(../images/band_title_david.jpg); background-repeat:no-repeat;} #content_band_david {background-image:url(../images/david_right.jpg); background-repeat:no-repeat; height:780px;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* OTROS */ .clear_both {clear:both;} .hide {visibility:hidden;} /* Photos Zoom */ #zoom { position:absolute; visibility:hidden; z-index:100; width:220px; height:16px; margin:10px; padding:10px; border:1px solid #3A3A3A; background-color:#070707; left: 159px; top:100px; text-align:center; } #zoom_close { position:absolute; visibility:hidden; right:10px; top:10px; width:15px; height:15px; } #zoom_bkg { position:absolute; z-index:20; visibility:hidden; background-color:#333333; top:0px; left:0px; width:10px; height:10px; } .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .input_wannabe {background:none; border:none; color:#FFFFFF; background-color:#222222; border-bottom:1px solid #FFD181; height:14px; padding-left:3px; font-size:11px;}