@charset "utf-8"; /* ####### RESET CSS ####### */ /* v1.0 | 20080212 */ 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ####### RESET CSS ####### */ /* ####### DEFAULT CSS ####### */ html{overflow-y:scroll} body{font:11px Arial, Helvetica, sans-serif; background:#cfcfcf url(/bg.gif) top left repeat} h1{font-size:14px} h2{color:#069; margin:10px 0; font-size:11px; padding:2px 5px; background-color:#ccc} h2 span{color:#555; font-weight:normal; margin-left:5px; font-size:10px} p{line-height:16px; margin:0 0 15px 0} a:hover{text-decoration:none} #content a{color:#666} #site_wrapper{width:800px; margin:0 auto; background-color:#ccc} #header{height:143px; position:relative} #col_wrapper{background:transparent url(/col_wrapper_bg.jpg) left top repeat-y; min-height:600px; float:left; width:100%} #lc_wrapper{width:641px; float:left} #left_col{width:150px} #content{float:right; width:450px; padding:15px 20px} #right_col{width:159px; float:left} #menu{position:absolute; left:182px; top:120px; background:transparent url(/menu_sprite_bg.png) left top no-repeat; width:372px; height:20px} #menu ul, #menu li{float:left} #menu a{display:block; font-weight:bold; color:#fff; text-decoration:none; background:url(/menu_sprite.jpg) no-repeat; text-indent:-9999px; height:20px; margin-left:15px} #menu .index a{width:28px; margin-left:3px; background-position:-3px 0} #menu .index a:hover, #menu .index .sel{background-position:-3px -20px} #menu .news a{width:29px; background-position:-46px 0} #menu .news a:hover, #menu .news .sel{background-position:-46px -20px} #menu .artist a{width:43px; background-position:-89px 0; margin-left:14px} #menu .artist a:hover, #menu .artist .sel{background-position:-89px -20px} #menu .discography a{width:70px; background-position:-146px 0; margin-left:14px} #menu .discography a:hover, #menu .discography .sel{background-position:-146px -20px} #menu .service a{width:48px; background-position:-229px 0; margin-left:13px} #menu .service a:hover, #menu .service .sel{background-position:-229px -20px} #menu .contact a{width:47px; background-position:-289px 0; margin-left:12px} #menu .contact a:hover, #menu .contact .sel{background-position:-289px -20px} #menu .faq a{width:20px; background-position:-349px 0; margin-left:13px} #menu .faq a:hover, #menu .faq .sel{background-position:-349px -20px} #fp .band{display:block; text-align:center; background-color:#fff; padding:2px} #fp .title{padding:2px; display:block} #fp td{width:100px; text-align:center; padding:0 6px} #fp a{font-weight:bold; color:#666} #left_col .item{border:solid 1px #ccc; margin:10px 10px 10px 11px} #left_col h3{background:transparent url(/item_h3_bg.jpg) left top no-repeat; color:#fff; padding:3px 3px 0 3px; font-size:10px; text-align:center} #left_col .item div{background:#eee url(/item_bg.jpg) left top repeat-y; border-top:solid 2px #666; padding:10px; text-align:center} #left_col .item div p span{display:block; text-align:center} #left_col .item div p a{font-weight:bold; color:#666} #right_col .item{border:solid 1px #ccc; margin:10px 10px 10px 11px} #right_col h3{background:transparent url(/item_h3_bg.jpg) left top no-repeat; color:#fff; padding:3px 3px 0 3px; font-size:10px; text-align:center} #right_col .item div{background:#eee url(/item_bg.jpg) left top repeat-y; border-top:solid 2px #666; padding:10px; text-align:center} #right_col .item div p span{display:block; text-align:center} #right_col .item div p a{font-weight:bold; color:#666} #left_col h4{color:#000; text-align:left} #left_col h5{color:#069; text-align:left; margin:5px 0 10px 0; background:#ccc; padding:2px 4px} #loc{margin-bottom:10px} #loc a{color:#333} #footer{height:62px} #morph{position:absolute; left:0; top:0; width:167px; height:142px} .mt_15{margin-top:15px} #gl_inside_look li{margin-bottom:1px} #gl_inside_look a{display:block; width:114px; padding:3px; background-color:#ccc; color:#333; text-decoration:none} #gl_inside_look a:hover, #gl_inside_look .sel{background-color:#999; font-weight:bold; color:#fff} #right_col #mls{text-align:left; padding:7px} #mls input{font-size:11px; width:118px; margin-top:5px} #mls .button{width:59px; margin-top:5px; font-size:10px} /* ####### HOME ####### */ .ln_desc{margin:10px 0 20px 15px} /* ####### HOME ####### */ /* ####### ARTISTS ######### */ #icon_info{margin:15px 0 10px 0; padding:5px; background-color:#f6f6f6; border:solid 1px #069; float:left; width:438px} #icon_info li{float:left; width:215px; text-align:center; line-height:15px} #icon_info img{vertical-align:middle} #alpha_wrapper h2{clear:both} .alpha_container{float:left} .alpha_container ul{float:left; width:435px; margin:0; padding:0; margin-bottom:10px} .alpha_container div{padding:10px} .alpha_container li{float:left; width:190px; margin:0 10px; border-bottom:solid 1px #bbb; padding:5px 2px; vertical-align:middle} .alpha_container li.last{border:none} .alpha_container img{vertical-align:middle; margin-left:10px} .alpha_container a{color:#666} /* ####### ARTISTS ######### */ /* ####### CONTACT ######### */ #cinfo{width:100%; float:left; margin-bottom:20px} #cinfo div{float:left; width:212px} #cinfo .mail{margin-right:15px} #cinfo ul{margin:10px} #lnk_faq{font-weight:bold; text-align:right; margin-top:20px} /* ####### CONTACT ######### */ /* ####### FAQ ######### */ .qa_desc{margin:0 0 15px 15px} /* ####### FAQ ######### */ /* ####### SERVICES ######### */ #keywords{margin:15px 25px; list-style-type:square} #s_wrapper{width:100%; float:right; margin-top:15px} #s_wrapper .info{width:275px; float:right; position:relative} #s_wrapper .info p{margin:0 0 15px; line-height:17px} #s_wrapper .shirts{width:170px} #s_wrapper .shirts ul{float:left} #s_wrapper .shirts li{width:70px; height:80px; float:left; margin:5px} #s_wrapper .cloned{left:0; top:0; position:absolute; opacity:0} /* ####### SERVICES ######### */ /* ####### TOUR ######### */ #lnk_tour{font-weight:bold; text-align:right; margin-top:20px} #inside_movies{float:left} #inside_movies li{float:left; margin:6px; width:212px; height:137px} #inside_movies a{display:block; width:200px; height:125px; padding:6px; border:solid 1px #bbb} #inside_movies a:hover{border:solid 1px #333} /* ####### TOUR ######### */ /* ####### COVERS ######### */ #covers{float:left} #covers li{float:left; margin:10px 12px 0 0; width:80px; height:80px; position:relative} #covers li span{position:absolute; bottom:2px; right:2px; display:block; width:11px; height:11px} #lnk_view{font-weight:bold; text-align:right; margin-top:20px} #covers .last_row{margin-right:0} th{background-color:#777; color:#fff; padding:3px} td{padding:3px} tr.odd td{background-color:#eee} #icon_info li.disco{float:none; width:auto} #cover_img{text-align:center} #cover_img img{margin-bottom:10px} #cover_data{width:100%} #cover_data .label{width:100px} #cover_data .even{background-color:#eee} #cover_data img{vertical-align:middle} /* ####### COVERS ######### */ /* clearfix */ * html .clearfix {height: 1%} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */