@charset "UTF-8"; /* CSS Document */ /* GLOBAL RESETS =========================================================== */ 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:inherit; vertical-align:baseline; } :focus {outline:0; } ol, ul {list-style:none; } table {border-collapse:separate; border-spacing:0; } body { line-height:1; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } button { border:none; cursor:pointer; } /** { behavior:url(css/iepngfix.htc); }*/ /*body { behavior:url(../htc/csshover2.htc); }*/ /* COMMON CLASSES =========================================================== */ span.hidden { display:block; text-indent:-9999999px; } .clear { clear:both; } .divider {height:1px; width:100%; background:#000; display:block; line-height:1px; overflow:hidden; clear:left; margin:7px 0;} .bold { font-weight:bold;} .underline { text-decoration:underline; } /* TYPOGRAPHY =========================================================== */ body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#f0f1d9; line-height:17px; } a { text-decoration:none; color:#fff; cursor:pointer; } a:hover, .drawerbutton { text-decoration:underline; } h1, h2, #topnav, #topnav2, #subnav ul a { text-transform:uppercase; } /*#homepage h3 { text-transform:none; }*/ h1, h2, h3, h4, .label, #topnav, #topnav2, .contactinfo, .jobtitle, .highlight { font-weight:bold; } /* font size */ h1 { font-size:20px; } h2 { font-size:14px; } h3, h4, #topnav { font-size:12px; } /* font colors*/ a:hover { color:#f0f1d9; } h1, h2, h3, h4 { color:#fff; } /* .drawerbutton { cursor:pointer; } #homepage .selected { color:#000; } item with selected drawer */ #biography { text-align:justify; } .highlight { font-size:12px; font-weight:bold; } #footer_right a { color:#bda170; } #address { font-size:12px; } /* PAGE LAYOUT =========================================================== */ body { background:#400 url(images/templateimages/bg.jpg) repeat fixed top center; } /* wrapper elements */ .wrap { margin:0 auto; text-align:left; } #page { position:relative; z-index:600; width:700px; padding:95px 0 5px 0; height:auto; } .bgoverlay { display:none; } /*#page { padding-top:270px; } .bgoverlay { display:block; position:absolute; top:0; z-index:-1; }*/ /* header */ #branding { padding:10px 0 2px 2px; } h1, h1 a { float:left; width:185px; height:43px; } h1 a { background:url(images/templateimages/rashied_sprite.png) no-repeat scroll -240px 0; } /* navigation */ #topnav, #topnav2 { float:right; clear:right; padding-right:0px; } #topnav { width:428px; margin-top:4px; *margin-top:-2px; } #topnav2 { width:381px; margin-top:11px; } #topnav li, #topnav2 li { float:left; margin-right:8px; } #topnav li.last, #topnav2 li.last { margin-right:0px; } /* Custom Image replacement for top menu itmes: # coresponds to document number in modx document tree */ #topnav a, #topnav2 a { display:block; height:14px; line-height:12px; background:url(images/templateimages/rashied_sprite.png) no-repeat scroll; } /* topnav */ #nav3 a { width:25px; background-position:0 -48px; } #nav4 a { width:50px; background-position:-32px -48px; } #nav40 a { width:93px; background-position:-91px -48px; } #nav52 a { width:61px; background-position:-190px -48px; } #nav10 a { width:41px; background-position:-258px -48px; } #nav51 a { width:69px; background-position:-305px -48px; } #nav22 a { width:42px; background-position:-380px -48px; } #nav6 a { width:66px; background-position:-427px -48px; } #nav3 a:hover { width:25px; background-position:0 -64px; } #nav4 a:hover { width:50px; background-position:-32px -64px; } #nav40 a:hover { width:93px; background-position:-91px -64px; } #nav52 a:hover { width:61px; background-position:-190px -64px; } #nav10 a:hover { width:41px; background-position:-258px -64px; } #nav51 a:hover { width:69px; background-position:-305px -64px; } #nav22 a:hover { width:42px; background-position:-380px -64px; } #nav6 a:hover { width:66px; background-position:-427px -64px; } #nav3.active a { width:25px; background-position:0 -79px; } #nav4.active a { width:50px; background-position:-32px -79px; } #nav40.active a { width:93px; background-position:-91px -79px; } #nav52.active a { width:61px; background-position:-190px -79px; } #nav10.active a { width:41px; background-position:-258px -79px; } #nav51.active a { width:69px; background-position:-305px -79px; } #nav22.active a { width:42px; background-position:-380px -79px; } #nav6.active a { width:66px; background-position:-427px -79px; } /* topnav 2 */ #topnav9 a { width:127px; background-position:0 -99px; } #topnav37 a { width:143px; background-position:-133px -99px; } #topnav38 a { width:95px; background-position:-283px -99px; } #topnav9 a:hover { width:127px; background-position:0 -115px; } #topnav37 a:hover { width:143px; background-position:-133px -115px; } #topnav38 a:hover { width:95px; background-position:-283px -115px; } #topnav9.active a { width:127px; background-position:0 -130px; } #topnav37.active a { width:143px; background-position:-133px -130px; } #topnav38.active a { width:95px; background-position:-283px -130px; } /* CONTENT CHUNKS =========================================================== */ .section { margin-top:3px; padding:8px 15px 20px 15px; margin-bottom:2px; background-color:#300; border:1px solid #bda170; } h2 { padding:5px 2px; } /* REQUIRED FIELDS FOR SCROLLABLE ============================================================ */ .scrollable { position:relative !important; overflow:hidden !important; } .scrollable .items { position:absolute; } /* disabled navigational button */ span.disabled { visibility:hidden !important; } /* HOMEPAGE MAIN =========================================================== */ #homepage { padding-top:15px; padding-bottom:15px; margin-bottom:18px !important; } #homepage h2 { padding-bottom:0px; } #news, #videos { height:280px; } #news { float:left; width:320px; margin-bottom:8px; } #news li.subsection { padding:8px 4px; border-bottom:1px solid #5d4110; } #news li.subsection:hover { } #news h3 { display:inline; } #news p { margin-left:0px; margin-bottom:7px; } #news br { display:none; } .vdivider {width:1px; float:left; height:270px; background:#bda170; display:block; /*line-height:1px; */overflow:hidden; margin:12px 2px 5px 14px; } #videos { float:right; width:320px; text-align:center; } /* NEWS SCROLLER */ #news .scrollable { height:262px !important; float:left; width:304px; padding:0px; } #news .scrollable ul.items { height:100%; margin-top:0px !important; width:100%; } #news .scrollable ul.items li { height:auto; } #news .scrollable ul.items li.active { } /**** UP DOWN NAVIGATION BUTTONS ****/ span.prevPage, span.nextPage { cursor:pointer; display:block; float:right; clear:right; width:10px; height:16px; margin-right:2px; } span.prevPage { background:url(images/templateimages/rashied_sprite.png) no-repeat scroll -428px -4px; margin-top:15px; } span.nextPage { background:url(images/templateimages/rashied_sprite.png) no-repeat scroll -428px -22px; margin-top:5px; _margin-top:-12px;} /* mouseover state */ span.prev:hover, span.next:hover, span.prevPage:hover, span.nextPage:hover { /*background-position:0px -18px;*/ text-decoation:underline; } span.prevPage:hover { background:url(images/templateimages/rashied_sprite.png) no-repeat scroll -444px -4px; } span.nextPage:hover { background:url(images/templateimages/rashied_sprite.png) no-repeat scroll -444px -22px; } /* HOMEPAGE BOTTOM SECTIONS =========================================================== */ #now_available, #live_shows { width:334px; margin-bottom:2px; padding:3px; background-color:#300; border:1px solid #bda170; } #now_available h2, #live_shows h2 { float:none; width:auto; padding:8px 8px 0 10px; display:block; } #now_available { float:left; } #now_available h2 { float:left; width:220px; } #now_available #player_home { float:right; width:88px; height:19px; margin-top:8px; } #now_available ul#new_releases { height:150px; overflow:hidden; } li.new_release { padding:7px 10px; } .new_release_img { } .new_release_img { float:left; border:1px solid #f0f1d9; padding:2px; width:125px; height:125px; margin:0 12px 2px 0; overflow:hidden; } .new_release_img img { width:125px; height:125px; } .new_release h3 { clear:right; margin-bottom:2px; width:175px; display:inline; } #live_shows { float:right; } ul#showlist { position:relative; top:-2px; padding:6px 8px 6px 8px; height:169px; overflow:hidden; } #showlist strong { font-weight:bold; font-size:1.1em; } #showlist .viewmore { position:absolute; top:160px; right:5px; } #live_shows li { padding:1px 5px; margin-bottom:2px; } /* LIVE SHOWS SCROLLER */ #live_shows .scrollable { height:150px; float:left; width:305px; padding:0px; } #live_shows .scrollable ul.items { height:100%; margin-top:0px !important; width:100%; } #live_shows .scrollable ul.items li { height:auto; } #live_shows .scrollable ul.items li.active { } #live_shows span.prevPage, #live_shows span.nextPage { margin-right:10px; } #live_shows span.nextPage { margin-top:5px; } /* GENERAL PAGE LAYOUT STYPES =========================================================== */ #introtext { padding:2px 0 5px 10px; margin:1px 0px 3px 0; text-align:justify; } #page_image { margin-top:4px; float:left; width:265px; border:1px solid #fff; padding:2px 2px 0px 2px; overflow:hidden; } #page_image img { width:265px; } /* listpage styles */ #right_content { float:right; width:380px; padding:0 5px 1px 5px; margin-top:2px; } #right_content li { margin-bottom:8px; padding:1px 4px; } #right_content h3 { font-size:13px; text-transform:uppercase; } h3#survival_discog, #discogs p { margin-bottom:12px; } #textpage { padding-bottom:10px; } #textpage #page_image { margin-right:15px; margin-bottom:5px; } #textpage p { margin:2px 0 10px 0; text-align:justify; } #textpage p.introtext { margin-top:10px; } /* Ditto Pagination */ #pagination { text-align:center; border-top:1px solid #bda170; margin-top:15px; padding-top:5px; } #pagination #current_display { margin-bottom:5px; } #pagination #current_display strong { font-size:12px; font-weight:bold; } /*.ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: #099; }*/ #ditto_pages .ditto_currentpage { border: 1px solid #bda170; padding: 1px 5px 2px; margin-right: 3px; background-color: #f0f1d9; color: #400; } #ditto_pages .ditto_off { display:none; } #ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #bda170; padding: 1px 5px 2px; margin-right: 3px; text-decoration: none !important; color: #f0f1d9; } #ditto_pages a:hover { background-color: #fff; color: #000; } /* RELEASE SUMMARY =========================================================== */ #release_list { margin:0 3px; float:left; } #release_list h3 { margin-top:2px;} #release_list .new_release_img { float:none; } #release_list li.release_summary { width:135px; float:left; margin:15px; _margin:10px; } /* RELEASE PAGE =========================================================== */ #releasepage h2 { margin:2px 0 4px 0; } .release_img { float:left; width:248px; height:248px; padding:2px; border:1px solid #666; background-color:#fff; margin-right:15px; } .release_img img { width:248px; height:248px; } #releasepage .desc { margin-right:10px; text-align:justify; } #releasepage #buycd, #releasepage #buymp3 { margin:10px 12px 10px 0; width:73px; height:20px; float:left; } #releasepage #buycd { background:url(images/templateimages/rashied_sprite.png) no-repeat scroll -383px -101px; } #releasepage #buycd:hover { background-position:-461px -101px; } #releasepage #buymp3 { background:url(images/templateimages/rashied_sprite.png) no-repeat scroll -383px -124px; } #releasepage #buymp3:hover { background-position:-461px -124px; } #tracklisting, #reviews { margin-top:15px; } #tracklisting { float:left; } #reviews { width:395px; float:right; clear:right; padding:0 3px; } #reviews h4 { padding:0 2px 2px 2px; display:block; border-bottom:1px solid #5d4110; margin-bottom:6px; } #reviews li { margin-bottom:2px; padding:2px 4px; } #related_releases { clear:both; margin-top:18px; background-color:#2a0000; border:1px solid #4d3100; border-bottom-color:#8d7140; border-right-color:#8d7140; } #related_releases h2 { margin-bottom:0px; padding:10px 0 0 10px; } #related_releases h2 span { text-transform:lowercase; } /* GALLERY STYLES =========================================================== */ .thumbscontainer { padding-left:30px; } .back { float:left; padding-left:35px; padding-bottom:10px; } /* MEDIA KIT STYLES =========================================================== */ #mediakit_images { width:277px; text-align:center; float:left; margin-top:5px; } #mediakit_images a { display:block; margin-bottom:5px; border:1px solid #bda170; height:185px; } #mediakit_docs { width:375px; float:right; margin-top:22px; } /* AUDIO PLAYER STYLES =========================================================== */ #player_container, #playlist_list, #playlist_list ul { width:252px; } #player_container, #playlist_list ul { border:1px solid #5d4110; } #player_container { position: relative; background:#330000 url(images/templateimages/player_bg.gif) top left repeat-x scroll; height:21px; } #player_container ul#player_controls { list-style-type:none; padding:0; margin: 0; } #player_container ul#player_controls li { overflow:hidden; text-indent:-9999px; } #player_play, #player_pause { display: block; position: absolute; left:0px; top:0; width:20px; height:21px; cursor: pointer; background-color:#ef0000;} #player_play { background: url(images/templateimages/rashied_sprite.png) 0 0 no-repeat; } #player_play.jqjp_hover { background: url(images/templateimages/rashied_sprite.png) 0 -20px no-repeat; } #player_pause { background: url(images/templateimages/rashied_sprite.png) -20px 0 no-repeat; } #player_pause.jqjp_hover { background: url(images/templateimages/rashied_sprite.png) -20px -20px no-repeat; } #ctrl_prev { position:absolute; left:40px; top:0; background: url(images/templateimages/rashied_sprite.png) -60px 0 no-repeat; width:20px; height:21px; cursor: pointer; } #ctrl_prev:hover { background: url(images/templateimages/rashied_sprite.png) -60px -20px no-repeat; } #ctrl_prev.disabled { background: url(images/templateimages/rashied_sprite.png) -60px 0 no-repeat; cursor:default; } #ctrl_next { position: absolute; left:60px; top:0; background: url(images/templateimages/rashied_sprite.png) -80px 0 no-repeat; width:20px; height:21px; cursor: pointer; } #ctrl_next:hover { background: url(images/templateimages/rashied_sprite.png) -80px -20px no-repeat; } #ctrl_next.disabled { background: url(images/templateimages/rashied_sprite.png) -80px 0 no-repeat; cursor:default; } #player_stop { position: absolute; left:20px; top:0px; background: url(images/templateimages/rashied_sprite.png) -40px 0 no-repeat; width:20px; height:21px; cursor: pointer; } #player_stop.jqjp_hover { background: url(images/templateimages/rashied_sprite.png) -40px -20px no-repeat; } #player_progress { position: absolute; left:88px; top:6px; background-color: #eee; width:70px; height:10px; line-height:5px; _height:5px; } #player_progress_load_bar { background:#aaa; width:0px; height:10px; cursor: pointer; line-height:5px; _height:5px; } #player_progress_load_bar.jqjp_buffer { background:#fff top left repeat-x; } #player_progress_play_bar { background:#fff top left repeat-x ; width:0px; height:10px; line-height:5px; _height:5px; } /*#play_time, #total_time { position: absolute; top:3px; width:30px; font-weight:bold; color:#fff; } #play_time { left:93px; } #total_time { left:213px; }*/ #player_volume_min { position: absolute; left:168px; top:0; background: url(images/templateimages/rashied_sprite.png) -175px 0 no-repeat; width:14px; height:21px; cursor: pointer; } #player_volume_min.jqjp_hover { background: url(images/templateimages/rashied_sprite.png) -175px -20px no-repeat; } #player_volume_bar { position: absolute; left:187px; top:8px; background-color:#aaa; width:35px; height:5px; cursor: pointer; } #player_volume_bar_value { background-color:#fff; width:0px; height:5px; } #player_volume_max { position: absolute; left:229px; top:0; background: url(images/templateimages/rashied_sprite.png) -212px 0 no-repeat; width:18px; height:21px; cursor: pointer; } #player_volume_max.jqjp_hover { background:url(images/templateimages/rashied_sprite.png) -212px -20px no-repeat; } /* playlist */ #playlist_list ul{ padding:0px; padding-top:3px; border-top:none; } #playlist_list li{ padding:2px 12px; border-bottom:1px solid #4d3100; cursor: pointer; } #playlist_list li.playlist_current { color:#fff; font-weight:bold; font-size:1.1em; padding-left:12px; cursor: default; font-weight:bold; } #playlist_list li.playlist_hover { color:#fff; } /* PLAYER HOME STYLES =========================================================== */ #player_home #player_container { position: relative; background:none; height:19px; width:75px; } #player_home #player_container, #player_home #playlist_list ul { border:0px solid; } #player_home #player_container ul#player_controls { list-style-type:none; padding:0; margin: 0; } #player_home #player_container ul#player_controls li { overflow:hidden; text-indent:-9999px; } #player_home #player_play, #player_home #player_pause { display: block; position: absolute; left:0px; top:0; width:18px; height:19px; cursor: pointer; } #player_home #player_play { background: url(images/templateimages/rashied_sprite.png) -1px -1px no-repeat; } #player_home #player_play.jqjp_hover { background: url(images/templateimages/rashied_sprite.png) -1px -21px no-repeat; } #player_home #player_pause { background: url(images/templateimages/rashied_sprite.png) -21px -1px no-repeat; } #player_home #player_pause.jqjp_hover { background: url(images/templateimages/rashied_sprite.png) -21px -21px no-repeat; } #player_home #ctrl_prev { position:absolute; left:18px; top:0; background: url(images/templateimages/rashied_sprite.png) -61px -1px no-repeat; width:18px; height:19px; cursor: pointer; } #player_home #ctrl_prev:hover { background: url(images/templateimages/rashied_sprite.png) -61px -21px no-repeat; } #player_home #ctrl_prev.disabled { background: url(images/templateimages/rashied_sprite.png) -61px -1px no-repeat; cursor:default; } #player_home #ctrl_next { position: absolute; left:36px; top:0; background: url(images/templateimages/rashied_sprite.png) -81px -1px no-repeat; width:18px; height:19px; cursor: pointer; } #player_home #ctrl_next:hover { background: url(images/templateimages/rashied_sprite.png) -81px -21px no-repeat; } #player_home #ctrl_next.disabled { background: url(images/templateimages/rashied_sprite.png) -81px -1px no-repeat; cursor:default; } #player_home #player_volume_min { position: absolute; left:56px; top:0; background: url(images/templateimages/rashied_sprite.png) -175px -1px no-repeat; width:14px; height:19px; cursor: pointer; } #player_home #player_volume_min.jqjp_hover { background: url(images/templateimages/rashied_sprite.png) -175px -21px no-repeat; } #player_home #player_volume_max { display:none; position: absolute; left:56px; top:0; background: url(images/templateimages/rashied_sprite.png) -212px -1px no-repeat; width:18px; height:19px; cursor: pointer; } #player_home #player_volume_max.jqjp_hover { background:url(images/templateimages/rashied_sprite.png) -212px -21px no-repeat; } /* player home playlist */ #player_home #playlist_list { position:absolute; top:60px; display:none; padding:2px; border:1px solid #4d3100; background-color:#300; } #player_home #playlist_list, #player_home #playlist_list ul { width:auto; _width:100px; } #player_home #playlist_list li{ padding:2px 12px; cursor: pointer; display:none; border-bottom:0px solid; } #player_home #playlist_list li.playlist_current { display:block; padding-left:12px; color:#fff; font-size:1em; font-weight:normal; cursor: default; } /* GLOBAL FORM STYLES =========================================================== */ #contact_form, #subscribe_form { margin:-20px 30px 10px 10px; float:right; } input, button, select, textarea, select option { background-color:#2e0000; color:#f0f1d9; font-size:10px; border:1px solid #4d3100; border-bottom-color:#8d7140; border-right-color:#8d7140; } input, select, textarea { float:left; margin-top:10px; } input, textarea { width:225px; padding:3px 0 0 3px; } input { height:15px; } input.radio_btn { width:15px; border:0px solid !important; } textarea { font-size:12px; } button { border:1px solid #4d3100; border-top-color:#8d7140; border-left-color:#8d7140; } select option { border:0px solid; } label { float:left; clear:left; line-height:18px; height:20px; margin-top:10px; text-align:left; width:65px; padding-right:10px; } label.chkbox_label { clear:none; width:52px; } /* SUBSCRIPTION FORM STYLES =========================================================== */ #subscribe_form { margin-top:-10px; } #subscribe_form input { margin-left:3px; padding-left:3px; padding-right:3px; } #subscribe_form button { margin-left:10px; margin-top:8px; width:60px; height:20px; padding-bottom:1px; } #subscribe_form #subscribe_chkbx { margin-left:80px; } /* CONTACT PAGE =========================================================== */ #address { float:left; clear:left; margin:10px; width:150px; } #contact_form select { height:20px; width:230px; padding:2px 0; } #verimage, #veranswer { margin-top:10px; } #verimage { margin-left:75px; float:left; margin-right:8px;} #verimage img { height:54px; } #veranswer { float:left; } #veranswer label { margin-top:0px; height:27px; width:84px; line-height:15px; margin-bottom:2px; } #veranswer input { margin-top:5px; width:82px; clear:left; } #contact_form button { margin:5px 0 0 75px; width:60px; height:20px; } #contact_form_submitted { width:310px; float:right; margin-top:5px; } #contact_form_submitted h4 { width:310px; } .errors { width:340px; margin-bottom:10px; } /* FOOTER =========================================================== */ #footer { width:700px; padding-bottom:25px; color:#bda170; height:25px; } #footer_right { float:right; width:350px; height:25px; text-align:right; padding-right:4px; } #copyright { float:left; padding-left:4px; width:250px; } #bg_rashied { position:absolute; top:0; right:0; z-index:500; _display:none; opacity:.6; }