/********************************************************************************************** powered by: prodigi.asia created by: danu andoko /********************************************************************************************** 1 Reset 2 Global 3 Structure 4 Header 5 Modules 6 Sidebar 7 Footer ***********************************************************************************************/ /* 1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, 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; font-size: 100%; vertical-align: baseline; background: transparent; } h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;} q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } *{margin:0px; padding:0px; outline: 0;} .clear{ clear:both;margin:0px;padding:0px;} /* 2 Global -----------------------------------------------------------------------------------------------*/ html {} body {color:#0A0A0A; font:12px "Helvetica", "Trebuchet MS", Arial,sans-serif; text-align:left; background:#ececec url(../images/bg-body.jpg) repeat-x;} body > #wrap {height: auto; min-height: 100%;} ol#accessibility, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th { font-weight: normal; } address, cite, dfn { font-style: normal; } li { list-style: none; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font: 1em Arial, Helvetica, sans-serif; } p{line-height:20px;margin-bottom:10px;} a { color: #EB2692; text-decoration: none; outline: none } a:hover {cursor: pointer; color:#666666; } .left { float: left; display: inline; } .right { float: right; display: inline;} .paging p{color:#666666;display:block;text-align:right;} .paging p a{color:#666666;} .paging p a:hover{color:#EB2692;} .paging2 p{color:#666666;display:block;text-align:left;margin-top:10px;} .paging2 p a{color:#666666;} .paging2 p a:hover{color:#EB2692;} /* 3 Structure -----------------------------------------------------------------------------------------------*/ #prodigi{} #prodigi #header{padding:25px 0px 0px 180px;font-family:"Trebuchet MS", Arial,sans-serif;} #prodigi .wrap{margin-left:145px;} #prodigi #content{padding-top:10px;margin-bottom:20px;width:100%;overflow:hidden;z-index:10;} #prodigi #footer{height:50px;background:#000000 url(../images/bg-footer.jpg) repeat-x;} /* 4 Header -----------------------------------------------------------------------------------------------*/ #header-left{background:url(../images/bg-subscribe.png) no-repeat;width:415px;height:20px;display:block;padding-left:10px;} #header-left ul li{float:left;} #header-left ul li p{padding-right:25px;color:#CECECE;} #header-left ul li .input{background:#000000;border:none;color:#CECECE;width:150px;} #header-left ul li .button{background:url(../images/bt-join.jpg) no-repeat;cursor:pointer;display:block;width:41px;border:none;margin-top:2px;} /* 5 Sidebar -----------------------------------------------------------------------------------------------*/ #sidebar{background:url(../images/bg-sidebar.png) no-repeat 0px 0px scroll; display:block; position:absolute;left:0px;width:154px;height:658px;margin-top:20px;z-index:50} #sidebar .image{margin:50px 0px 20px 30px;} #mainmenu{background:url(../images/menunav.jpg) no-repeat scroll left top transparent;display:block;width:115px;height:268px;position:absolute;right:9px;} /* 6 Module -----------------------------------------------------------------------------------------------*/ #main-content{width:5500px;} #main-content .page{float:left;margin-right:80px;} #main-content .last{margin-right:0px;} /*----- page 1 ------*/ #home .logo a{ background:url(../images/logo-top.png) no-repeat; width:460px; height:150px; display:block; text-indent:-99999px;} #home .pack{margin:40px 0px 0px 40px;} #home .col1{float:left;width:150px;} #home .col1 .image{margin:5px 0px;} #home .col2{float:left;width:250px;} #home .col2 .text p{margin-bottom:20px;} #home .link-sponsor{margin:20px 0px 0px 40px;background:none;display:block;padding:5px 5px;border:#999999 solid 1px;width:440px;overflow:hidden;} #home .link-sponsor li{float:left;margin:5px 5px;} #home .link-sponsor li img{width:100px;} /*----- page 2 -----*/ #artist{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;} #artist .box{background:#ffffff;padding:15px;} #artist .box .image{margin-bottom:20px;} #artist .box h2{text-align:center;margin-bottom:20px;} #artist .box .text ul.list{} #artist .box .text ul.list li{list-style:decimal inside;margin:10px 0px;background:#E7E6E7;padding:2px 5px;cursor:pointer;} #artist .box .text ul.list li a{color:#0A0A0A;} #artist .box .share{margin-top:20px} #artist .box .share ul li a{margin:0px 18px;} .bar-bottom{background:url(../images/bg-more.jpg) no-repeat;margin-top:20px;padding:1px 0px 0px 10px;height:20px;} .bar-bottom a{color:#A8A8A8;font-size:12px;} .bar-bottom a:hover{color:#EB2692;} /*----- page 3 -----*/ #clubs{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;} #clubs .box{background:#ffffff;padding:15px;} #clubs .box .col1{float:left;width:350px;} #clubs .box .col1 .image{margin-bottom:20px;} #clubs .box .col1 h2{text-align:center;margin-bottom:20px;} #clubs .box .col1 .text ul.list{} #clubs .box .col1 .text ul.list li{list-style:decimal inside;margin:10px 0px;background:#E7E6E7;padding:2px 5px; cursor:pointer;} #clubs .box .col1 .text ul.list li a{color:#0A0A0A;} #clubs .box .col1 .share{margin-top:20px} #clubs .box .col1 .share ul li a{margin:0px 18px;} #clubs .box .col2{float:left;width:390px;padding-left:30px;} #clubs .box .col2 h2{margin:30px 0px 20px 0px;} #clubs .box .col2 ul.list{margin-left:20px;} #clubs .box .col2 ul.list li{list-style:decimal;margin:15px 0px;padding:2px 5px;} #clubs .box .col2 ul.list li a{color:#666666;} #clubs .box .col2 ul.list li a:hover{color:#EB2692;} /*----- page 4 -----*/ #release{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;} #release .box{background:#ffffff;padding:15px;} #release .box h2{margin-bottom:20px;} #release .box .pack{} #release .box .pack .col1{float:left; width:540px;margin-right:20px;} #release .box .pack .col1 ul.list li{margin-bottom:20px;} #release .box .pack .col1 .top-bar{margin-bottom:10px;} #release .box .pack .col1 .top-bar .number{width:20px;float:left;background:#000000;padding:2px 5px; color:#FFFFFF;font-size:16px;text-align:right;} #release .box .pack .col1 .top-bar .title{background:#000000;padding:2px 5px; color:#FFFFFF;font-size:16px; width:495px; float:left;margin-left:5px;} #release .box .pack .col1 .desc{} #release .box .pack .col1 .desc .image{float:left; width:80px; margin-right:10px;} #release .box .pack .col2{float:left; width:200px;padding-top:10px;} /*----- page 5 -----*/ #world-artist{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;} #world-artist .box{background:#ffffff;padding:15px;} #world-artist .box h2{margin-bottom:20px;} #world-artist .box .pack{} #world-artist .box .pack .col1{float:left; width:540px;margin-right:20px;} #world-artist .box .pack .col1 ul.list li{margin-bottom:20px;} #world-artist .box .pack .col1 .top-bar{margin-bottom:10px;} #world-artist .box .pack .col1 .top-bar .number{width:20px;float:left;background:#000000;padding:2px 5px; color:#FFFFFF;font-size:16px;text-align:right;} #world-artist .box .pack .col1 .top-bar .title{background:#000000;padding:2px 5px; color:#FFFFFF;font-size:16px; width:495px; float:left;margin-left:5px;} #world-artist .box .pack .col1 .top-bar .title a{color:#FFFFFF;} #world-artist .box .pack .col1 .top-bar .title a:hover{color:#EB2692;} #world-artist .box .pack .col1 .desc{} #world-artist .box .pack .col1 .desc .image{float:left; width:80px; margin-right:10px;} #world-artist .box .pack .col2{float:left; width:200px;padding-top:10px;} /*----- page 6 -----*/ #video{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;} #video .box{background:#ffffff;padding:15px;} #video .box .video{background:url(../images/bg-video.jpg) no-repeat;width:310px; height:320px;margin-bottom:20px;padding:20px;z-index:10;} #video .box h2{text-align:center;margin-bottom:20px;} #video .box .text ul.list{} #video .box .text ul.list li{list-style:decimal inside;margin:10px 0px;background:#E7E6E7;padding:2px 5px; cursor:pointer;} #video .box .text ul.list li a{color:#0A0A0A;} #video .box .share{margin-top:20px} #video .box .share ul li a{margin:0px 18px;} object.flashvideo { width: 100%; height:320px; } /*----- page 7 -----*/ #buy-gears{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;} #buy-gears .box{background:#ffffff;padding:15px;} #buy-gears .box .image{margin-bottom:20px;} #buy-gears .box h2{text-align:center;margin-bottom:20px;} #buy-gears .box .text ul.list{} #buy-gears .box .text ul.list li{margin:10px 0px;background:#E7E6E7;padding:2px 5px;cursor:pointer;} #buy-gears .box .text ul.list li a{color:#0A0A0A;} #buy-gears .box .share{margin-top:20px} #buy-gears .box .share ul li a{margin:0px 18px;} /*----- mod 1 artis list -----*/ #mod1{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;min-height:620px;width:90%;margin-left:30px;} #mod1 .box{background:#ffffff;padding:15px;position:relative;} #mod1 .box h2{text-align:center;margin-bottom:20px;} #mod1 .box ul.column{width: 100%;padding: 0;margin: 10px 0;list-style: none;} #mod1 .box ul.column li {float: left;width: 200px;padding: 0;margin: 5px 0;display: inline;} #mod1 .box .block {font-size:1em;margin-right: 10px;padding: 10px;background: #dedede;border:#cccccc solid 1px;height:300px;overflow:hidden;} #mod1 .box .block.tall {height:180px;} #mod1 .box .block h2{font-size:1.4em;margin:0px;margin:5px 0; line-height:1.2em; display:block;} #mod1 .box .block h2 a{ color:#333333;} #mod1 .box .block h2 a:hover{ color:#EB2692;} #mod1 .box .block .image-list-crop{width: 90%;padding: 2%;margin: 0 auto; height:195px; overflow:hidden;} #mod1 .box .block .image-list-crop2{width: 90%;padding: 2%;margin: 0 auto; height:120px; overflow:hidden;} #mod1 .box .block img{} #mod1 .box .block p{line-height:1.2em; color:#666666;} #mod1 .box .block2 {height: 230px;overflow:hidden;font-size:1em;margin-right: 10px;padding: 10px;background: #e3e1d5;border:#cccccc solid 1px;} #mod1 .box .block2 h2{font-size:1.4em;margin:0px;margin-bottom:5px; line-height:1.2em;} #mod1 .box .block2 h2 a{ color:#333333;} #mod1 .box .block2 h2 a:hover{ color:#EB2692;} #mod1 .box .block2 img{width: 90%;padding: 2%;background:#fff;margin: 0 auto;display: block;} #mod1 .box .block2 p{line-height:1.2em; color:#666666;} /*----- mod 2 -----*/ #mod2{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;min-height:620px;width:90%;margin-left:30px;} #mod2 .box{background:#ffffff;padding:15px;} #mod2 .box h2{text-align:center;margin-bottom:20px;} #mod2 .img-artist{float:left;margin-right:20px;} #mod2 .info-artist{float:left;width:70%;} #mod2 .info-artist ul li{margin-bottom:10px;} #mod2 .info-artist ul li h2{font-size:36px;font-weight:bold;padding:0px; text-align:left;} #mod2 .info-artist ul li h3{font-size:14px;font-weight:bold;padding:0px;} /*----- mod 3 -----*/ #mod3{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;min-height:620px;width:90%;margin-left:30px;} #mod3 .box{background:#ffffff;padding:15px;position:relative;} #mod3 .box h2{text-align:center;margin-bottom:20px;} #mod3 .box ul li{border-bottom:#666666 dotted 1px;margin-bottom:20px;padding-bottom:10px;} #mod3 .box ul li h3{font-size:18px;font-weight:bold;padding:0px;} #mod3 .box ul li h3 a{color:#666666;} #mod3 .box ul li h3 a:hover{color:#EB2693;} /*----- mod 4 -----*/ #mod4{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;min-height:620px;width:90%;margin-left:30px;} #mod4 .box{background:#ffffff;padding:15px;} #mod4 .box h2{text-align:center;margin-bottom:20px;} #mod4 .box .text h2{font-size:36px;font-weight:bold;padding:0px; text-align:left;margin:10px 0px;} #mod4 .box .image{} #mod4 .box .image img{width:722px;padding:4px; border:#666666 solid 1px;} /*----- mod 5 : release -----*/ #mod5{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;min-height:620px;width:90%;margin-left:30px;} #mod5 .box{background:#ffffff;padding:15px;position:relative;} #mod5 .box h2{text-align:center;margin-bottom:20px;} #mod5 .box ul li{border-bottom:#666666 dotted 1px;margin-bottom:20px;padding-bottom:10px;} #mod5 .box ul li .date{color:#333333; font-weight:bold;} #mod5 .box ul li .image{float:left; display:block;margin:0px 10px 10px 0px;padding-top:10px;} #mod5 .box ul li h3{font-size:18px;font-weight:bold;padding:0px;color:#333333;} #mod5 .box ul li h3 a{color:#333333;} #mod5 .box ul li h3 a:hover{color:#EB2693;} #mod5 .box .date{color:#333333; font-weight:bold;} #mod5 .box .image{float:left; display:block;margin:0px 10px 10px 0px;padding-top:10px;} #mod5 .box h3{font-size:18px;font-weight:bold;padding:0px;color:#333333;} /*----- mod 6 : video -----*/ #mod6{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;min-height:620px;width:60%;margin-left:30px;} #mod6 .box{background:#ffffff;padding:15px;} #mod6 .box h2{text-align:center;margin-bottom:20px;} #mod6 .box .text h2{font-size:36px;font-weight:bold;padding:0px; text-align:left;margin:10px 0px;} #mod6 .box .image{} #mod6 .box .image img{width:722px;padding:4px; border:#666666 solid 1px;} object.flashvideo2 {width: 100%;height:420px;margin:0px auto;} /*----- mod 7 -----*/ #mod7{background:url(../images/logo-side.png) no-repeat 0px 10px;padding-left:50px;min-height:620px;width:60%;margin-left:30px;} #mod7 .box{background:#ffffff;padding:15px;} #mod7 .box h2{text-align:center;margin-bottom:20px;} #mod7 .box .text h2{font-size:36px;font-weight:bold;padding:0px;text-align:left;text-align:center;} #mod7 .box .video{width:400px; height:350px;z-index:10;margin:0px auto;} /* 7 Footer -----------------------------------------------------------------------------------------------*/ #footer-menu{float:right;margin:20px 20px 0px 0px; background:url(../images/bg-footer-right.png) no-repeat; width:450px; height:20px;color:#cecece;position:relative;} #footer-menu ul.list li{float:left !important;} #footer-menu a.nav-contact{background:url(../images/bt-contact.png) no-repeat; height:9px;width:80px;display:block;text-indent:-99999px;cursor:pointer;margin:5px 10px 0px 20px;} #footer-menu a.nav-contact:hover{background-position:0px -9px;} #pop-contact{width:250px;height:260px; background:url(../images/trans.png);position:absolute;top:-260px;left:10px;z-index:25;padding:0px 10px 0px 10px; display:none;} #pop-contact p{margin:10px 0px 0px 0px;font-size:11px;} #pop-contact .input{width:240px;background:#FFFFFF;border:none;padding:2px 5px;} #pop-contact .button{width:66px; height:17px; background:url(../images/bt-submit.png); margin-top:10px; cursor:pointer;border:none; display:block;} /* MOdule ------------------------------------------------------------------------------------------------*/ #pop-artist{color:#0A0A0A; background:#DFDFDF url(../images/bg-pop.jpg) no-repeat top center;margin:0px; padding:40px 15px 15px 15px;height:400px; overflow:scroll;} #pop-artist .img-artist{float:left;width:220px;} #pop-artist .info-artist{float:left;width:500px;} #pop-artist .info-artist ul li{margin-bottom:10px;} #pop-artist .info-artist ul li h2{font-size:36px;font-weight:bold;padding:0px;} #pop-artist .info-artist ul li h3{font-size:14px;font-weight:bold;padding:0px;} #pop-club{color:#0A0A0A; background:#DFDFDF url(../images/bg-pop2.jpg) no-repeat top center;margin:0px; padding:40px 15px 15px 15px;height:400px; overflow:scroll;} #pop-club h2{font-size:36px;font-weight:bold;margin-bottom:10px;} #pop-club .image{margin-bottom:20px;} #pop-club .image img{padding:4px; border:#666666 solid 1px;} #pop-gears{color:#0A0A0A; background:#DFDFDF url(../images/bg-pop3.jpg) no-repeat top center;margin:0px; padding:40px 15px 15px 15px;height:400px; overflow:scroll;} #pop-gears h2{font-size:36px;font-weight:bold;margin-bottom:10px;} #pop-gears .image{margin-bottom:20px;} #pop-gears .image img{padding:4px; border:#666666 solid 1px;} /* Jquery style ------------------------------------------------------------------------------------------------*/ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} #cboxLoadedContent{background:#000; padding:5px;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;} #cboxClose.hover{background-position:bottom center;} /* TOP MESSAGE BOX */ #contact_message_box {position: absolute; top:0; left:0; z-index:10; background:#272727; padding:5px; border:0px solid #CCCCCC; text-align:center; font-weight:bold; width:99%;} /* VALIDATE JQUERY */ #formContact label {width: 250px;display:block;} #formContact label.error {margin-left: 0px;color:#C20C43;font-size:10px;}