/********** BEGIN general styles **********/ body {background: #333333 url(./img/stripe_filter.png) center top repeat;} div, span{font-family:comic sans ms;} h1 {position: absolute; top: 173px; margin: 0; padding: 0 0 10px 0; font-size: 25px; font-weight: bold; color: #000000; text-transform: uppercase;} h2{margin: 5px 20px 5px 20px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px;} h3{margin: 5px 20px 5px 20px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px;font-weight:bold;} /********** END general styles **********/ /********** BEGIN debug window **********/ #debug {position: absolute; background-color: #333333; color: #dddddd; border: 1px groove #dddddd; width: 300px; visibility: hidden; padding: 5px; font-size: 12px; z-index: 142;} #debug span.right, #debugReset, #debugClose {float: right; color: #dddddd;} #debug hr {margin: 0; padding: 0; height: 1px; border: none; background-color: #dddddd;} /********** END debug window **********/ /********** BEGIN content **********/ #content {width: 1000px; margin: 0 auto; padding: 0; border: 2px groove #000000; background: #02987b url(./img/background_filter.png) center top no-repeat; font: normal 11px Arial, sans-serif; } /********** BEGIN head **********/ #head {width: 1000px; height: 94px;} #logo {position: absolute; margin: 10px;} /********** BEGIN color picker **********/ #colorPicker {position:absolute; margin-left: 915px; color: #000000; text-decoration: none;} #colorPicker:hover {text-decoration: underline;} #plugin { BACKGROUND: #0d0d0d; COLOR: #AAA; CURSOR: move; DISPLAY: block; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; _PADDING-RIGHT: 0; Z-INDEX: 1; POSITION: absolute; WIDTH: 199px; _width: 210px; _padding-right: 0px; visibility: hidden; text-align:center;} #plugin br { CLEAR: both; MARGIN: 0; PADDING: 0; } #plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; } #plugHEX { float: left; position: relative; top: -1px; } #plugCLOSE { float: right; cursor: pointer; margin: 0 0 3px 0; background-color: #dddddd; color: #000000; _margin-right: 10px; color: #FFF; -moz-user-select: none; -khtml-user-select: none; /*user-select: none;*/ } #plugCLOSE:hover {background-color: #dddddd; color: red;} #plugHEX:hover,#plugCLOSE:hover { COLOR: #FFD000; } /*#plugCUR, #plugHEX {display: none;}*/ #plugCUR { float: left; width: 10px; height: 10px; font-size: 1px; background: #FFF; margin-right: 3px; } #SV { background: #FF0000 url('img/colorPicker/SatVal.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 166px; MARGIN-RIGHT: 10px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/colorPicker/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; /*user-select: none;*/ margin-bottom: 10px;} #SVslide { BACKGROUND: url('img/colorPicker/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; } #H { BORDER: 1px solid #000; CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px; -moz-user-select: none; -khtml-user-select: none; /*user-select: none;*/ } #Hslide { BACKGROUND: url('img/colorPicker/slideHue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; _font-size: 1px; line-height: 1px; } #Hmodel { POSITION: relative; TOP: -5px; } #Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; } #plugin a {color: #777777; font-size: 9px; border: 1px solid #444444; -moz-border-radius:3px; padding: 1px; text-decoration: none;} #plugin a:hover {background-color: #222222; color: #aaaaaa;} #plugin a.active {color: #ffffff; background-color: #444444} /********** END color picker **********/ /********** BEGIN menu **********/ #menu { width: 685px; height: 26px; background: url(./img/menu_button_2.png) 332px 72px no-repeat; padding: 70px 0 0 320px; margin: 0; list-style: none; font-weight: bold; text-transform: uppercase;} #menu li {float: left; width: 76px; height: 22px; padding: 0 29px 0 31px; text-align: center; } #menu li a {display: block;height: 17px;text-decoration: none;color: #000000;padding-top: 5px;} /*#menu li a:hover {background-image: url(./img/menu_button_2.png); background-repeat: no-repeat;} #home a:hover {background-position: 0px bottom;}*/ /*#artists a:hover {background-position: -75px bottom;} #styles a:hover {background-position: -150px bottom;} #listen a:hover {background-position: -225px bottom;} #mixes a:hover {background-position: -300px bottom;} #tools a:hover {background-position: -375px bottom;} #maps a:hover {background-position: -450px bottom;} #logos a:hover {background-position: -525px bottom;} #contact a:hover {background-position: -600px bottom;} */ /********** END menu **********/ /********** END head **********/ /********** BEGIN main **********/ #main {background: transparent none 0 0 no-repeat; margin-top: 0;} /********** BEGIN gradient **********/ #gradient {width: 1000px; height: 15px; background: transparent url(./img/gradient.png) left top repeat-x; border: none; margin: 0; padding: 0;} /*#gradient.home {background-position: 0 -35px;} #gradient.artists {background-position: 0 -15px;} #gradient.styles {background-position: 0 -30px;} #gradient.listen {background-position: 0 -45px;} #gradient.mixes {background-position: 0 -60px;} #gradient.tools {background-position: 0 -75px;} #gradient.maps {background-position: 0 -90px;} #gradient.news {background-position: 0 -105px;} #gradient.contact {background-position: 0 -120px;} */ /********** END gradient **********/ /********** BEGIN player **********/ #player_flash {width: 200px; height: 50px; margin: 16px 0 0 5px;;} #player_js {width: 220px; margin: 0; float: left;} #player_buttons {width: 210px; margin: 5px 0 0 5px; padding: 0;} #player_buttons a {display: block; float: left; width: 20px; height: 20px; margin: 0 1px; cursor: pointer;} #button_prev {background: url(./img/button_prev.png) 0 0 no-repeat;} #button_play {background: url(./img/button_play.png) 0 0 no-repeat;} #button_pause {background: url(./img/button_pause.png) 0 0 no-repeat;} #button_stop {background: url(./img/button_stop.png) 0 0 no-repeat;} #button_next {background: url(./img/button_next.png) 0 0 no-repeat;} /*#button_random {background: url(./img/button_random.png) 0 0 no-repeat;}*/ #button_random {background: url(./img/button_shuffle2.png) 0 0 no-repeat;} #button_loop {background: url(./img/button_loop.png) 0 0 no-repeat;} #button_live {background: url(./img/button_live2) 0 0 no-repeat;} #player_buttons #button_pullup {background: url(./img/button_pullup.png) 0 0 no-repeat; margin-bottom:10px;} /********** BEGIN playlist **********/ #playlist_head {width: 215px; height: 19px; margin: 0; padding: 0; clear: both;} #playlist_head strong {font-weight: 900; font-size: 15px; margin: 0 30px 0 15px; color: #dfeae8;} #playlist_head .reset {display: block; position: absolute; width: 30px; height: 10px; padding: 0; background: transparent url('./img/reset.png') 0 0 no-repeat; cursor: pointer; margin: -12px 0 0 186px;} #playlist_head .reset:hover {background-position: 0 -10px;} #playlist_id {float: left; width: 210px; margin: 0 0 0 5px; padding: 0; list-style: none; background-color: #505050; border: 1px solid #dfeae8; color: #dfeae8; /*overflow: hidden; */ white-space: nowrap; font-size: 10px; min-height: 20px; overflow: scroll; overflow-x: hidden; overflow-y: auto; max-height: 400px; _height: expression(this.scrollHeight > 400 ? "400px" : "auto")} #playlist_id img {vertical-align: middle; padding: 0 0 0 3px; margin: 0;} #playlist_id li li img {margin: -1px 0 0 0;} #playlist_id span {vertical-align: middle; padding: 0; margin: 0 0 0 5px; line-height: 20px;} #playlist_id li {border-top: 1px solid black; padding: 0;} #playlist_id li:first-child {border-top: none;} #playlist_id li:hover {background-color: #606060;} #playlist_id li.selected_mix {background-image: url(./img/selected_mix.gif); background-repeat: repeat-x;} #playlist_id li li.selected_tune{background-image: url(./img/selected_tune.png); background-repeat: repeat-x;} #playlist_id ul {margin: 0; padding: 0; list-style: none;} #playlist_id li li, #playlist_id li li:first-child {border-top: 1px solid #444444;} #playlist_id li li:hover {background-color: #888888;} #contextMenu {visibility: hidden; padding: 10px; background-color: #000000; border: 2px groove #000000; text-align: center; position:absolute; color: #ffffff; font-size: 10px;} .id3_title, .id3_artist, .id3_year, .id3_genre, .id3_time .id3_mixer{display:block;} /********** END playlist **********/ /********** END player **********/ /********** BEGIN main_frame **********/ #main_frame {width: 700px; border: 4px solid black; background-color: #eeeeee; margin: 0px 0 50px 240px; padding: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; -o-border-radius:20px; overflow:scroll; overflow-x:hidden; overflow-y:auto; max-height:600px ; _height: expression(this.scrollHeight > 600 ? "600px" : "auto"); color:#282828} .loading{position: absolute; top:180px ;margin: 0px 0px 0px 340px; } #sub_main_frame {display:block; margin:20px 20px 20px 20px;} #engine_selector td {margin:15px 15px 15px 15px;padding:15px 15px 15px 15px;} #main_frame h2.maps {background-color:#6699CC; border : 2px solid #330066; width:240px} /* #main_frame h2.contact {background-color:#996666; border : 2px solid #996600; text-align:center;} */ #main_frame h2.home_titles {background-color:#f2e99f; border : 2px solid #bcb47e; width:100px;text-align:center;} .home_li{min-height:20px;width:120px; display:block; margin-left:0px;padding-left:0px;} #main_frame #home_table{width:160px; float:left; margin: 20px 20px 20px 20px; cellspacing:5px;} #main_frame #home_table .home_table_inner{ padding:5px 15px 5px 15px; border-right: 2px groove #bcb47e; cellpadding:10px} #radio_description_frame{text-align:center; float:left; width:500px; font-size: 12px; border: 4px groove #bcb47e;-moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; -o-border-radius:20px; margin-bottom:10px; font-family:comic sans ms; } #main_frame .half_main{width:350px;float:left} #main_frame .small_half_main{width:320px;float:left;} #main_frame h3.artist_cat {color: #6aa07a; margin-left:0px;} h3.mixes_title{ color: #6aa07a; margin-left:0px; width:300px; } h2.mixes_title{margin-bottom:20px} #main_frame a.style {color:#615310; margin-left:7px; margin-right:7px; text-decoration:underline; cursor:pointer;} #sub_main_frame h2.style_title{margin-bottom:30px;} #main_frame button {margin:0 10px 0 10px; width:30px} #content-info{display:none;} .pointer {cursor: pointer;} .clear{clear:both;} .clear_right{clear:right;} .center{text-align:center;} .inline{display:inline;} .nopadding{padding:0px 0px 0px 0px;} .sc{font-variant:small-caps;} .f_right{float:right;} .margin_up_1_line{margin-top: -30px} .margin4_10{margin : 10px 0 10px 0;} .margin_l20{margin : 10px 10px 10px 30px;} .margin_r20{margin : 10px 30px 10px 10px;} .vignette {margin: 3px 6px 3px 6px; float: left;} .main_frame_header{display: block;overflow:hidden; text-align:justify; text-align:center;} .main_tools_header{display: block;overflow:hidden; text-align:justify; text-align:center; margin-bottom:16px} .main_tools_header a {color:#390166; font-weight:bold; margin-left:7px; margin-right:7px;} a.tool{color:#390166; text-decoration:underline; cursor:pointer; font-weight:bold; } a.news{font-weight:bold; } .mix_add{background: url(./img/button_add_tiny.png) 0 0 no-repeat; float:left; width:16px; height:16px; margin:auto;} .details{background: url(./img/button_info_tiny.png) 0 0 no-repeat; float:left; width:16px; height:16px; margin:auto;} .home_title{ background-color:#f2e99f; border : 2px solid #bcb47e;text-align:center;} .artist_title{ background-color:#a7d3b5; border : 2px solid #6aa07a; text-align:center; margin-bottom:15px;} .style_title{ background-color:#d3d34b; border : 2px solid #62a549; text-align:center;} .listen_title{ background-color:#c94760; border : 2px solid #ae133c; text-align:center;} .listen_sub_title{text-align:center; margin-top:15px; margin-bottom:15px; display:inline;} a.listen{color:#ae133c;text-decoration:underline; cursor:pointer; font-weight:bold;} .mixes_title{ background-color:#e16e5a; border : 2px solid #aa453f; text-align:center;} .tracks_title{ background-color:#af94c1; border : 2px solid #7f579c; text-align:center;} .underGroupingTitle{display:block; margin-top:20px; font-weight:bold;} .underGroupingTitle:before{content:"==== ";} .underGroupingTitle:after{content:" ====";} #inner_tools h2.post-title{background-color:#af94c1; border : 2px solid #7f579c; text-align:center;clear:left; } #inner_tools h2.post-title a {color:black;} #inner_tools a {color: #4B086F;} #inner_tools p.post-info, #inner_tools .post-tags li , #inner_tools ul.post-tags {display:inline; } h3.tools_title a, h3.tools_title {color:#7f579c;} .maps_titles{ background-color:#6582bc; border : 2px solid #2a5396; text-align:center;width:200px;} .news_titles,h2.post-title{ background-color:#b8835f; border : 2px solid #935c36; text-align:center; clear:left; margin:0px 0px 20px 0px} #inner_news a, a.news {color:#935c36;} #inner_news h2.post-title a {color:black; margin-top:0;} #inner_news p.post-info, #inner_news .post-tags li , #inner_news ul.post-tags {display:inline; } #inner_news img, #inner_tools img{margin:0px 30px 10px 0px;} .contact_titles{ background-color:#986a6a; border : 2px solid #7a3232; text-align:center;margin:0px 10px 10px 30px;} .day-date{display:none;} .first{margin-top:0;} .post-info-co{margin-bottom:30px;} .contact{color:#7a3232; margin:0 10px 0 10px;} /* ul.contact{margin-left:270px; }*/ .contact a{color:#7a3232;} ul.contact { margin:10px 10px 10px 10px;} .mail_contact{margin:0px 0 0 30px; line-height:62px} h4.listen_stream{color:#7f579c;} a.outside_url{color:#572919;} a.inside_url{color:#572919;} table.artist_table td{text-align:left; padding-left:6px; padding-right:6px;} table.artist_table th{text-align:left; padding-left:6px; padding-right:6px;padding-bottom:15px;} a.artist_cat, a.mix_cat{font-size: 12px; margin: 5px 15px 15px 15px; color:#09240A; text-decoration:underline;font-weight:bold; cursor:pointer;} a.artist_in_table{color:#09240A; text-decoration:underline;font-weight:bold; cursor:pointer;} a.artist{margin: 3px 3px 3px 3px; color:#09240A; text-decoration:underline;font-weight:bold; cursor:pointer; font-weight: lighter;} a.mix{margin: 3px 3px 3px 3px; color:#aa453f; text-decoration:underline;font-weight:bold; cursor:pointer;} .artists_ref , .mstyles_ref, .artists_ref_list{margin-left:7px; margin-right:7px} a.artist_ref , .artist_ref a{color:#09240A; margin-left:3px; margin-right:3px;} a.mstyle_ref , .mstyle_ref a, .mstyle_ref{color:#615310;} div.mixer div.artist_list{display:inline;} .mix_title{display:block; height:20px;width:400px;} .a_mix_title{color:#5C0F0F; text-decoration:underline; font-weight:bold; font-weight: lighter; } .td_buttons{width:40px;} td.mstyles_ref{width:30%;} td.td_artist_name{width:30%;} #mix_list .a_mix_title{width:40%;} #mix_list .mstyles_ref{width:20%;} #style_mix_list {width:460px;} #style_mix_list .a_mix_title{width:50%;} #style_mix_list .mstyles_ref{width:40%;} #style_mix_list th{text-align:left; margin-bottom:20px;} .tr_even{background-color:#EFF0AF;} .tr_odd{background-color:#CCC4CF;} .tr_all{} td.date {text-align:center; font-size:80%;color:#48214F; width:50px} td.mix_length {text-align:right; } #calendar, #last_10{width:310px; margin-left:200px; display:none;} #contact_us{width:100%; display:none;} #radio_description{width:500px; margin:auto; display:none;clear:both;} #search_form{top: 100px;} .mix_div_header{margin:auto; text-align:center; margin-top:10px; margin-bottom:20px;} .v100{margin-left:80px} .r100{margin-right:120px;width:300px} .module{margin:21px 0px 42px 0px; padding:5px 5px 5px 5px; border-top: 2px solid black; border-bottom: 2px solid black; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px;} /*.module_title{padding: 10px 10px 10px 10px; font-size: 25px; font-weight: bold; color: #000000; text-transform: uppercase; text-align:center;}*/ .module_title{padding: 10px 10px 10px 10px; font-size: 25px; font-weight: bold; color: #000000; text-align:center; font-family:Tempus Sans ITC; text-decoration:underline;} .close_div{ background: url(./img/close_div.png) 0 0 no-repeat; width:25px; height:25px; /* background-color:#731A1A; color:white;*/ } /* #div_last_10 li{font-size: 10px;}/ /********** END main_frame **********/ hr.clear{visibility:hidden; margin:0; padding:0;} /********** END main **********/ /********** END content **********/