/*** general declarations ***/ *{ margin: 0px; padding: 0px; } body{ background: #231806 url(images/bg_pattern.gif); font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#281301; } .clear { clear:both; } .pad_bottom { padding-bottom:15px; } /* General link style */ a:link, a:visited { color: #604c28; text-decoration:underline; } a:hover { color: #604c28; text-decoration:none; } /*** Page Header ***/ #container { margin:0px auto; padding-bottom:20px; width:874px; } #record_player { position:relative; left:0; top:0; width:874px; height:62px;} #header { position:relative; left:0; top:-62px; width:826px; height:177px; background: url(images/header_bg.gif) top left no-repeat; } /********************* Top Nav *********************/ #nav { position:relative; left:0; top:-31px; width:826px; height:71px; } #nav_bar { position:relative; left:0; top:-31px; float:left; width:538px; height:71px; background: url(images/nav_bar.gif) top left no-repeat; } #nav_right { position:relative; left:0; top:-31px; float:right; width:288px; height:71px; background: url(images/nav_right.gif) top left no-repeat; } /********************* Top Nav Rollovers *********************/ #top_nav ul { list-style:none; padding:0px; } #top_nav a{ text-decoration: none; display: block; } #top_nav li.home a:link, #top_nav li.home a:visited{ background: url(images/home_off.gif) no-repeat; width:48px; height:35px; } #top_nav li.home a:hover{ background: url(images/home_on.gif) no-repeat; width:48px; height:35px; } #top_nav li.tour a:link, #top_nav li.tour a:visited{ background: url(images/tour_off.gif) no-repeat; width:48px; height:35px; } #top_nav li.tour a:hover{ background: url(images/tour_on.gif) no-repeat; width:48px; height:35px; } #top_nav li.bio a:link, #top_nav li.bio a:visited{ background: url(images/bio_off.gif) no-repeat; width:38px; height:34px; } #top_nav li.bio a:hover{ background: url(images/bio_on.gif) no-repeat; width:38px; height:34px; } #top_nav li.discography a:link, #top_nav li.discography a:visited{ background: url(images/disc_off.gif) no-repeat; width:98px; height:34px; } #top_nav li.discography a:hover{ background: url(images/disc_on.gif) no-repeat; width:98px; height:34px; } #top_nav li.gallery a:link, #top_nav li.gallery a:visited{ background: url(images/gallery_off.gif) no-repeat; width:64px; height:34px; } #top_nav li.gallery a:hover{ background: url(images/gallery_on.gif) no-repeat; width:64px; height:34px; } #top_nav li.journal a:link, #top_nav li.journal a:visited{ background: url(images/journal_off.gif) no-repeat; width:68px; height:34px; } #top_nav li.journal a:hover{ background: url(images/journal_on.gif) no-repeat; width:68px; height:34px; } #top_nav li.merch a:link, #top_nav li.merch a:visited{ background: url(images/merch_off.gif) no-repeat; width:57px; height:34px; } #top_nav li.merch a:hover{ background: url(images/merch_on.gif) no-repeat; width:57px; height:34px; } /********************* Main Content *********************/ #main_bg_top { position:relative; float:left; clear:left; left:0px; top:0px; width:826px; height:21px; background: url(images/main_bg_top.gif) top left no-repeat; } #main_repeat { position:relative; left:0px; top:-83px; width:826px; background: url(images/bg_repeat.gif) top left repeat-y; } #main_content { position:relative; left:0px; top:20px; width:758px; float:left; clear:left; padding:0px 22px 10px 41px; background: url(images/bg_repeat.gif) top left repeat-y; } /*#photo_bg { position:relative; float:right; clear:right; left:0px; top:0px; width:310px; height:483px; border:0px; }*/ #photo_bg { float:right; clear:right; left:0px; top:0px; width:310px; border:0px; } .main_date { width:423px; float:left; clear:left; color:#674e22; font-family:trebuchet ms, arial; font-size:10px; font-weight:bold; text-align:left; padding-bottom:2px; } .main_title { width:423px; float:left; clear:left; color:#291302; font-family:trebuchet ms, arial; font-size:14px; font-weight:bold; text-align:left; padding-bottom:7px; border-bottom: 1px dotted #828758; } .main_text { width:423px; float:left; clear:left; color:#291302; font-size:12px; text-align:left; padding:7px 0px 20px 0px; } /********************* Interior Pages *********************/ #title_bg { position:relative; left:0px; top:-63px; width:826px; height:24px; float:left; clear:left; background: url(images/title_bg.gif) top left no-repeat; } .title { width:743px; float:left; clear:left; color:#291302; font-family:trebuchet ms, arial; font-size:19px; font-weight:bold; text-align:left; padding:0px 0px 0px 42px; } /********************* Home *********************/ .email_signup_button { padding:0px 0px 12px 16px; } /********************* Email Signup *********************/ .hilight { font-weight:bold; padding:9px 0px 5px 0px; } .signup_txt { padding:9px 0px 3px 0px; } input.text { width: 300px; margin:0.5em 0.5em 0.5em 0; border:1px solid #bbb; background:#f6f6f6; padding:5px; } /********************* Gallery *********************/ #left_div { position:relative; left:0; top:0px; float:left; width:150px; height:520px; } #left_bg { position:absolute; left:38px; top:16px; float:left; width:149px; height:396px; background: url(images/gallery_left_bg.gif) top left no-repeat; } #arrow_nav ul { list-style:none; padding:0px; } #arrow_nav a{ text-decoration: none; display: block; } #arrow_nav li.left a:link, #arrow_nav li.left a:visited{ background: url(images/left_arrow_off.gif) no-repeat; width:50px; height:31px; } #arrow_nav li.left a:hover{ background: url(images/left_arrow_on.gif) no-repeat; width:50px; height:31px; } #arrow_nav li.gallery_home a:link, #arrow_nav li.gallery_home a:visited{ background: url(images/gallery_home_off.gif) no-repeat; width:49px; height:31px; } #arrow_nav li.gallery_home a:hover{ background: url(images/gallery_home_on.gif) no-repeat; width:49px; height:31px; } #arrow_nav li.right a:link, #arrow_nav li.right a:visited{ background: url(images/right_arrow_off.gif) no-repeat; width:50px; height:31px; } #arrow_nav li.right a:hover{ background: url(images/right_arrow_on.gif) no-repeat; width:50px; height:31px; } #right_div { position:relative; left:0; top:0px; float:right; width:583px; } #library_tabs { position:relative; left:0; top:16px; float:left; width:286px; height:27px; } /*** Discography ***/ /* .top_space { position:relative; width:748px; height:9px; } */ .bg_a_top { position:relative; width:748px; height:18px; margin-top:8px; background: url(images/bg_a_top.gif) top left no-repeat; } .bg_b_top { position:relative; width:748px; height:18px; margin-top:8px; background: url(images/bg_b_top.gif) top left no-repeat; } .disc_bg_repeat{ position:relative; width:698px; padding:0px 30px 0px 20px; background: url(images/disc_bg_repeat.gif) top left repeat-y; } .bg_a_bottom { position:relative; width:748px; height:25px; background: url(images/bg_a_bottom.gif) top left no-repeat; margin-bottom:9px; } .bg_b_bottom { position:relative; width:748px; height:25px; background: url(images/bg_b_bottom.gif) top left no-repeat; margin-bottom:9px; } .title_container { position:relative; float:left; width:470px; padding:0px 0px 3px 0px; border-bottom:1px dotted #818657; } .album_image { float:left; margin:0px 18px 0px 0px; border:1px solid #544528; } .album_title { float:left; font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#291302; } .tnl { float:right; } a.tracks_link:link, a.tracks_link:visited { color: #604c28; text-decoration:underline; } a.tracks_link:hover { color: #604c28; text-decoration:none; } .text_tan { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#674e22; } .text_brown { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#291302; } /********************* Journal *********************/ #journal_left { position:relative; float:left; width:241px; left:0px; top:17px; margin-bottom:10px; } #journal_right { position:relative; float:right; width:500px; left:0px; top:17px; margin-right:12px; } .entry_title_container{ position:relative; top:0px; left:0px; width:500px; float:left; padding:0px 0px 3px 0px; margin-bottom:8px; border-bottom:1px dotted #818657; } .entry_title { position:relative; top:0px; left:0px; float:left; font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#291302; } .entry_date { position:relative; top:0px; left:0px; float:left; font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#674e22; } /****** previous entries list *******/ #journal_bg_top { position:relative; width:230px; height:33px; left:0px; top:0px; margin-bottom:-20px; background: url(images/journal_bg_top.gif) top left no-repeat; } #journal_bg_repeat { position:relative; width:230px; left:0px; top:0px; background: url(images/journal_bg_repeat.gif) top left repeat-y; } #journal_list p { display:none; } #journal_list { position:relative; float:left; clear:left; top:0px; left:13px; text-align:left; font-size:12px; padding:0px; color:#feffbe; width:196px; margin-bottom:1px; } #journal_list ul { padding:0px; padding:0px; } #journal_list ul li.head { margin-right:auto; margin-left:auto; padding-left:5px; list-style:none; font-size:14px; font-weight:bold; color:#291302; width:196px; height:21px; border-bottom:1px dotted #818657; } #journal_list ul li.two { margin-right:auto; margin-left:auto; padding:5px; list-style:none; width:196px; height:15px; background:#ece7da; border-bottom:1px dotted #818657; } #journal_list ul li.two a { display:block; padding:0px; color:#291302; text-decoration:none; width:100%; } html>body #nav ul li.two a { width:auto; } #journal_list ul li.two a:hover { text-decoration:underline; } #journal_list ul li.one { margin-right:auto; margin-left:auto; padding:5px; list-style:none; width:196px; height:15px; border-bottom:1px dotted #818657; } #journal_list ul li.one a { display:block; padding:0px; color:#291302; text-decoration:none; width:100%; } html>body #nav ul li.one a { width:auto; } #journal_list ul li.one a:hover { text-decoration:underline; } #journal_list ul li.padding { margin-right:auto; margin-left:auto; padding:5px; list-style:none; width:196px; height:6px; } /****** bottom arrows *******/ #arrows { position:relative; float:left; clear:left; top:3px;} #arrows ul { list-style:none; padding:0px; } #arrows a { text-decoration: none; display: block; } #arrows ul li.prev { margin-left:2px; } #arrows li.prev a:link, #arrows li.prev a:visited { background: url(images/prev_10_off.gif) no-repeat; width:75px; height:36px; } #arrows li.prev a:hover{ background: url(images/prev_10_on.gif) no-repeat; width:75px; height:36px; } #arrows ul li.journal_home { position:absolute; top:0px; left:77px; } #arrows li.journal_home a:link, #arrows li.journal_home a:visited { background: url(images/journal_home_off.gif) no-repeat; width:78px; height:36px; } #arrows li.journal_home a:hover { background: url(images/journal_home_on.gif) no-repeat; width:78px; height:36px; } #arrows ul li.next{ position:absolute; top:0px; left:155px; } #arrows li.next a:link, #arrows li.next a:visited { background: url(images/next_10_off.gif) no-repeat; width:75px; height:36px; } #arrows li.next a:hover{ background: url(images/next_10_on.gif) no-repeat; width:75px; height:36px; } #arrows ul li.prev_dis img { margin-left:2px; } #arrows ul li.next_dis img { position:absolute; top:0px; left:155px;} /********************* Bio *********************/ #bio_left { position:relative; float:left; width:420px; left:0px; top:17px; margin-bottom:0px; } #bio_right { position:relative; float:right; width:310px; left:0px; top:17px; margin-right:12px; } .bio_photo { position:relative; float:right; left:0; top:0px; width:310px; height:439px; background: url(images/bio_photo.jpg) top left no-repeat; } .bio_details { position:absolute; top:401px; left:23px; font-weight:bold; font-size:11px; font-weight:bold; color:#261a07; } .photo_by { position:absolute; top:401px; left:23px; font-size:11px; color:#261a07; } /********************* Tour *********************/ .tour_text { padding:17px 0px 0px 0px; } .tour_header { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#291302; text-align:left; } #tour_list th { padding-bottom:5px; } .row1 { background-color:#E2DAC7; padding:4px 5px 0px 5px; border-top: 1px solid #cdc1a9; } .row2 { background-color:#EBE7DA; padding:4px 5px 0px 5px; border-top: 1px solid #cdc1a9; } .details_row1 { border-top:2px solid #E2DAC7; border-right:6px solid #E2DAC7; border-left:6px solid #E2DAC7; border-bottom:5px solid #E2DAC7; font-size:10px; } .details_row2 { border-top:2px solid #EBE7DA; border-right:6px solid #EBE7DA; border-left:6px solid #EBE7DA; border-bottom:5px solid #EBE7DA; font-size:10px; } /* .details_row2 { border:6px solid #EBE7DA; } */ a.venue_link:link, a.venue_link:visited { color:#291302; text-decoration:underline; } a.venue_link:hover { color:#291302; text-decoration:none; } .bottom_repeat { background: url(images/tour_bottom_repeat.gif) top left repeat-x; } /********************* Disc In Depth *********************/ #disc_left { position:relative; float:left; width:340px; height:338px; left:0px; top:17px; margin-bottom:30px; background: url(images/album_bg.gif) top left no-repeat;} #disc_right { position:relative; float:right; width:390px; left:0px; top:17px; margin-right:12px; } .album_container { position:relative; top:0px; left:0px; width:390px; float:left; padding:0px 0px 3px 0px; border-bottom:1px dotted #818657; } /****** track list *******/ #disc_list p { display:none; } #disc_list { position:relative; float:left; clear:left; top:0px; left:0px; text-align:left; font-size:12px; padding:0px; color:#feffbe; width:196px; margin-bottom:1px; } #disc_list ul { padding:0px; padding:0px; } #disc_list ul li.title { float:left; padding:5px 0px 0px 5px; list-style:none; font-size:10px; font-weight:bold; color:#674e22; width:385px; height:15px; } #disc_list ul li.two { float:left; padding:5px; list-style:none; width:380px; height:15px; background:#f2f0e7; color:#291302; } #disc_list ul li.two a { display:block; padding:0px; color:#291302; text-decoration:none; width:100%; color:#291302; } html>body #nav ul li.two a { width:auto; } #disc_list ul li.two a:hover { text-decoration:underline; } #disc_list ul li.one { float:left; padding:5px; list-style:none; width:380px; height:15px; color:#291302; } #disc_list ul li.one a { display:block; padding:0px; color:#291302; text-decoration:none; width:100%; color:#291302; } html>body #nav ul li.one a { width:auto; } #disc_list ul li.one a:hover { text-decoration:underline; } #disc_list ul li.padding { margin-right:auto; margin-left:auto; padding:5px; list-style:none; width:360px; height:6px; } /****** download button *******/ #download { position:relative; float:left; clear:left; background: url(images/download_art_on.gif) top left no-repeat; } #download ul { list-style:none; padding:0px; } #download a{ text-decoration: none; display: block; } #download ul li { position:absolute; top:20px; left:0px; } #download li a:link, #download li a:visited{ background: url(images/download_art.gif) no-repeat; width:166px; height:30px; } #download li a:hover{ background: url(images/download_art_on.gif) no-repeat; width:166px; height:30px; } /****** track tabs *******/ /* depricated; please see disc_in_depth.css #tracks { position:relative; float:left; clear:left; } #tracks ul { list-style:none; padding:0px; } #tracks a{ text-decoration: none; display: block; } #tracks ul li.number { position:absolute; top:0px; left:0px; background: url(images/track_number.gif) no-repeat; width:59px; height:27px; } #tracks ul li.selected { position:absolute; top:0px; left:59px; font-size:14px; color:#fafbf7; text-align:center; background: url(images/tab_bg_selected.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks ul li.unselected_1 { position:absolute; top:0px; left:84px; } #tracks li.unselected_1 a:link, #tracks li.unselected_1 a:visited{ font-size:14px; color:#604c28; text-align:center; background: url(images/tab_bg_off.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks li.unselected_1 a:hover{ background: url(images/tab_bg_on.gif) no-repeat; width:25px; height:27px; } #tracks ul li.unselected_2 { position:absolute; top:0px; left:109px; } #tracks li.unselected_2 a:link, #tracks li.unselected_2 a:visited{ font-size:14px; color:#604c28; text-align:center; background: url(images/tab_bg_off.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks li.unselected_2 a:hover{ background: url(images/tab_bg_on.gif) no-repeat; width:25px; height:27px; } #tracks ul li.unselected_3 { position:absolute; top:0px; left:134px; } #tracks li.unselected_3 a:link, #tracks li.unselected a:visited{ font-size:14px; color:#604c28; text-align:center; background: url(images/tab_bg_off.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks li.unselected_3 a:hover{ background: url(images/tab_bg_on.gif) no-repeat; width:25px; height:27px; } #tracks ul li.unselected_4 { position:absolute; top:0px; left:159px; } #tracks li.unselected_4 a:link, #tracks li.unselected a:visited{ font-size:14px; color:#604c28; text-align:center; background: url(images/tab_bg_off.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks li.unselected_4 a:hover{ background: url(images/tab_bg_on.gif) no-repeat; width:25px; height:27px; } #tracks ul li.unselected_5 { position:absolute; top:0px; left:184px; } #tracks li.unselected_5 a:link, #tracks li.unselected a:visited{ font-size:14px; color:#604c28; text-align:center; background: url(images/tab_bg_off.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks li.unselected_5 a:hover{ background: url(images/tab_bg_on.gif) no-repeat; width:25px; height:27px; } #tracks ul li.unselected_6 { position:absolute; top:0px; left:209px; } #tracks li.unselected_6 a:link, #tracks li.unselected a:visited{ font-size:14px; color:#604c28; text-align:center; background: url(images/tab_bg_off.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks li.unselected_6 a:hover{ background: url(images/tab_bg_on.gif) no-repeat; width:25px; height:27px; } #tracks ul li.unselected_7 { position:absolute; top:0px; left:234px; } #tracks li.unselected_7 a:link, #tracks li.unselected a:visited{ font-size:14px; color:#604c28; text-align:center; background: url(images/tab_bg_off.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks li.unselected_7 a:hover{ background: url(images/tab_bg_on.gif) no-repeat; width:25px; height:27px; } #tracks ul li.unselected_8 { position:absolute; top:0px; left:259px; } #tracks li.unselected_8 a:link, #tracks li.unselected a:visited{ font-size:14px; color:#604c28; text-align:center; background: url(images/tab_bg_off.gif) no-repeat; width:25px; height:27px; padding-top:8px; } #tracks li.unselected_8 a:hover{ background: url(images/tab_bg_on.gif) no-repeat; width:25px; height:27px; } .track_title { width:726px; float:left; clear:left; color:#291302; font-family:trebuchet ms, arial; font-size:15px; font-weight:bold; text-align:left; padding:5px 5px 4px 5px; margin-top:8px; border-bottom: 1px dotted #828758; } .song_lyrics { width:726px; float:left; clear:left; color:#291302; font-family:trebuchet ms, arial; font-size:10px; font-weight:bold; color:#674e22; text-align:left; padding:0px 0px 7px 5px; } .lyrics { width:726px; float:left; clear:left; text-align:left; padding:0px 0px 7px 5px; } */ /****** misc *******/ .hide { display:none; } .show { display:block; } /********************* Footer *********************/ #footer_bg { position:relative; left:0px; top:-83px; width:826px; height:57px; margin-top:20px; background: url(images/footer_bg.gif) top left no-repeat; } .copyright { float:left; clear:left; color:#1c1407; font-size:11px; padding:11px 0px 0px 42px; } .developed { float:right; clear:right; color:#1c1407; font-size:11px; padding:11px 42px 0px 0px; } a.footer_links:link { color: #231806; text-decoration:none; } a.footer_links:visited { color: #231806; text-decoration:none; } a.footer_links:hover { color: #231806; text-decoration: underline; } a.inertia_link:link, a.inertia_link:visited { color: #1c1407; } a.inertia_link:hover { color: #1c1407; text-decoration:none; }