/* CSS Utilities */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } .odd{background-color: #e2e3e5;} .even{} /* generic tags */ body{ background-color:#eeeff1; font-family:Arial, Helvetica, sans-serif; color: #2f2f2f; } a{color: #2f2f2f; text-decoration:none;} a:hover{color: #222222;} h1{ background-image:url(../gfx/logo.gif); width: 220px; height: 190px; background-repeat:no-repeat; text-indent: -10000px; margin: 10px 0px 0px 0px; padding: 0px; } ul, ol, li, h5, h6{padding: 0px; margin: 0px; list-style:none;} /* background styles */ .homepage{background-image:url(../gfx/backg_1.png); background-position: top center; background-repeat:no-repeat;} .livepage{background-image:url(../gfx/backg_2.png); background-position: top center; background-repeat:no-repeat;} .listenpage{background-image:url(../gfx/backg_3.png); background-position: top center; background-repeat:no-repeat;} .watchpage{background-image:url(../gfx/backg_4.png); background-position: top center; background-repeat:no-repeat;} .buypage{background-image:url(../gfx/backg_5.png); background-position: top center; background-repeat:no-repeat;} .buypage2{background-image:url(../gfx/backg_5b.png); background-position: top center; background-repeat:no-repeat;} .buypage3{background-image:url(../gfx/backg_5c.png); background-position: top center; background-repeat:no-repeat;} .buypage4{background-image:url(../gfx/backg_69.png); background-position: top center; background-repeat:no-repeat;} .newspage{background-image:url(../gfx/backg_6.png); background-position: top center; background-repeat:no-repeat;} .photospage{background-image:url(../gfx/backg_7.png); background-position: top center; background-repeat:no-repeat;} .contactpage{background-image:url(../gfx/backg_8.png); background-position: top center; background-repeat:no-repeat;} .home{background-image:url(../gfx/home-backg-arrows.gif); background-repeat:no-repeat; min-height: 520px;} .live{background-repeat:no-repeat; min-height: 500px;} /* structural styles */ #mainContainer{width: 960px; margin: auto;} #bodyContent{width: 960px;} #footer{height: 20px; clear: both; width: 960px;} /* nav */ #header ul{background-image:url(../gfx/nav-line.gif); background-position: top left; background-repeat:no-repeat; margin: 0px; padding: 0px 0px 0px 20px; height: 29px;} #header li{display: inline; } #header a{text-indent: -10000px; background-position:top; background-repeat:no-repeat; display: block; float: left;} #nav1 a{background-image:url(../gfx/navButton_1.gif); width:52px; height: 29px; } #nav1 a:hover{background-position:bottom;} #nav1 .activeNav{background-image:url(../gfx/navButton_1_active.gif);} #nav2 a{background-image:url(../gfx/navButton_2.gif); width:53px; height: 29px; margin-left: 10px;} #nav2 a:hover{background-position:bottom;} #nav2 .activeNav{background-image:url(../gfx/navButton_2_active.gif);} #nav3 a{background-image:url(../gfx/navButton_3.gif); width:61px; height: 29px; margin-left: 10px;} #nav3 a:hover{background-position:bottom;} #nav3 .activeNav{background-image:url(../gfx/navButton_3_active.gif);} #nav4 a{background-image:url(../gfx/navButton_4.gif); width:61px; height: 29px; margin-left: 10px;} #nav4 a:hover{background-position:bottom;} #nav4 .activeNav{background-image:url(../gfx/navButton_4_active.gif);} #nav5 a{background-image:url(../gfx/navButton_5.gif); width:42px; height: 29px; margin-left: 10px;} #nav5 a:hover{background-position:bottom;} #nav5 .activeNav{background-image:url(../gfx/navButton_5_active.gif);} #nav6 a{background-image:url(../gfx/navButton_6.gif); width:54px; height: 29px; margin-left: 10px;} #nav6 a:hover{background-position:bottom;} #nav6 .activeNav{background-image:url(../gfx/navButton_6_active.gif);} #nav7 a{background-image:url(../gfx/navButton_7.gif); width:72px; height: 29px; margin-left: 10px;} #nav7 a:hover{background-position:bottom;} #nav7 .activeNav{background-image:url(../gfx/navButton_7_active.gif);} #nav8 a{background-image:url(../gfx/navButton_8.gif); width:79px; height: 29px; margin-left: 10px;} #nav8 a:hover{background-position:bottom;} #nav8 .activeNav{background-image:url(../gfx/navButton_8_active.gif);} /* columns */ #leftColumn{ float: left;} .col1{float: left; width: 274px; margin-left: 20px;} .col1 h2, .col2 h2{background-image:url(../gfx/col1_header.gif); font-size: 0.75em; padding: 10px 10px 10px 8px; margin: 34px 0px 0px 0px; text-transform:uppercase;} .col1 h2 span{display: block; width: 89px;} .col2 h2 span{display: block; width: 122px;} .col1 ul, .col2 ul{background-image:url(../gfx/col1_footer.gif); background-position:bottom; background-repeat:no-repeat; padding: 4px 11px 12px 8px;} .col1 li, .col2 li{padding: 8px;} .col1 h5, .col2 h5{font-size: 0.7em; text-transform:uppercase;} .col1 p, .col2 p{font-size: 0.7em; margin: 4px 0px 0px 0px; } .col2 h6{margin-top: 2px;} .col2 p{margin-top: 2px;} .col2 h6{color: #4c4c4c; text-transform:uppercase;} .col2{float: left; width: 274px; margin-left: 20px; clear: both;} .col2 h2{background-image:url(../gfx/col2_header.gif);} #musicPlayerHolder{ background-image:url(../gfx/musicPlayer_backg.gif); width: 305px; height: 355px; float: left; margin: 64px 0px 0px 35px; } #twitterWidget{ background-image:url(../gfx/twitter_background.gif); width: 304px; height: 222px; float: right; margin-top: 270px; margin-left: 5px; } #twitterWidget h3{background-image:url(../gfx/twitterLogo.gif); width: 65px; height: 18px; color: #76daf7; font-size: 0.9em; text-indent: -10000px; float: left; margin-left: 23px; margin-top: 8px;} .followUs{color: #aaaaaa; font-weight: bold; float: right; font-size: 0.70em; margin-top: 14px; margin-right: 15px; text-transform:uppercase;} /* footer stuff */ #footer ul{display: block; clear:both; display: table; width: 940px;} #footer a{color: #999999; font-size: 0.6em;} #upperFooter{width:960px; float: right; padding-bottom: 15px; background-image:url(../gfx/footer-arrows-off.gif); background-position:bottom right; background-repeat:no-repeat; } #lowerFooter{ background-image:url(../gfx/footer-image.gif); background-position: bottom left; background-repeat:no-repeat; margin-bottom: 10px;} .homeFooter #upperFooter{background-image:url(../gfx/footer-arrows.gif); } #upperFooter a{display: block; height: 29px; float: right; margin-left: 30px;} #upperFooter li{display: inline; text-indent: -10000px; } #lowerFooter li{display: inline; float: left;} #lowerFooter li{margin-right: 18px;} #lowerFooter .start{margin-left: 20px;} #lowerFooter .final{float: right; margin-right:0px;} #lowerFooter{border-left: 1px solid #2f2f2f; border-top: 1px solid #2f2f2f; display: table; padding-top: 20px; padding-bottom: 20px;} #footer1 a{background-image:url(../gfx/twitter-button.gif); background-position:top; width: 62px;} #footer1 a:hover{background-position: bottom;} #footer2 a{background-image:url(../gfx/myspace-button.gif); background-position:top; width: 70px;} #footer2 a:hover{background-position: bottom;} #footer3 a{background-image:url(../gfx/facebook-button.gif); background-position:top; width: 70px;} #footer3 a:hover{background-position: bottom;} /* live page */ .col3{width: 531px; margin-left: 160px; font-size: 0.7em; text-transform:uppercase; margin-bottom: 24px; margin-top: 34px;} .col3 h2{background-image:url(../gfx/col3_header.png); font-size: 1em; padding: 10px 10px 10px 11px; text-transform:uppercase; margin-bottom: 0px;} #liveContent{background-image:url(../gfx/col3_backg.gif); background-position:bottom; background-repeat:no-repeat; padding-left: 9px; padding-right: 11px; padding-bottom: 7px;} #giglist{min-height: 350px;} .col3 li{display: block; clear: both;} .col3 li a{display: block;} .col3 li{padding: 8px;} .location{ float: left; width: 240px;} .location span{color: #696969; font-weight: bold;} .timetickets{ float: right; width: 240px; text-align: right; font-weight: bold; color: #696969;} .pagingPanel{ border-top: 1px dotted #2f2f2f; margin-top: 7px;} .pagingOuter{display: table; margin: auto;} .paging{text-align:center;list-style:none; margin-top: -4px;} .paging li{display:inline; float: left; margin-bottom: 0px; clear: none; padding: 1px 3px 3px 3px;} .paging a{display:block; border: 1px solid #2f2f2f; width: 36px; height: 16px; padding-top: 4px; font-weight: bold; margin-top: 1px; font-size: 11px; text-transform:uppercase;} .paging a:hover, .activePage{color: white; background-color: #2f2f2f;} .paging_info{font-size: 11px; padding-top: 15px; position: relative; top: 4px; width: 75px; font-weight: bold; color: gray; text-transform:uppercase;} /* listen page */ .col3 #musicEmbed{background-image:url(../gfx/col3_backg.gif); background-position:bottom; background-repeat:no-repeat; padding-left: 2px; padding-right: 0px; padding-bottom: 8px; margin-bottom: -20px; } .listen h2{background-image:url(../gfx/col3_header_wide.gif); background-repeat:no-repeat;} #musicEmbed{ margin-left: 3px; margin-top: 3px; margin-bottom: -3px;} #musicEmbed2{background-image:url(../gfx/col3_backg.gif); background-position:bottom; background-repeat:no-repeat; padding-left: 2px; padding-right: 0px; padding-bottom: 8px; margin-bottom: -20px;} /*watch page */ .col1b{float: left; width: 274px; margin-left: 20px;} .col1b h2{background-image:url(../gfx/col1b_header.gif); font-size: 0.75em; padding: 10px 10px 14px 8px; margin: 34px 0px 0px 0px; text-transform:uppercase;} .col1b h2 span{display: block; width: 45px;} .col1b ul{padding: 4px 11px 12px 8px;} .col1b li{padding: 8px;} .col1b h5{font-size: 0.7em; text-transform:uppercase;} .col1b p{font-size: 0.7em; margin: 4px 0px 0px 0px; } #watchContent{background-image:url(../gfx/col1_footer.gif); background-position:bottom; background-repeat:no-repeat; } #watchContent .pagingPanel{width: 253px; margin-left: 8px; } #watchContent ul{padding-bottom: 0px; padding-top: 0px; margin-bottom: 1px;} #watchContent .pagingPanel li{margin-top: 0px; margin-bottom: 0px; padding-left: 2px; padding-right: 3px; padding-top: 5px; padding-bottom: 8px;} #watchContent .pagingPanel a{margin: 0px;} #videoPlayer{float: left; clear: none; margin-top: 63px; margin-left: 36px; margin-bottom: 20px;} /* news page */ .newsInner h2{ background-image:url(../gfx/news_header.gif); } #newsItem{float: left; clear: none; margin-top: 17px; margin-left: 68px; width: 492px; } #newsItem h4{text-transform:uppercase; padding-top: 9px; padding-left: 9px; font-size: 0.8em; background-image:url(../gfx/news-item-header.gif); background-repeat:no-repeat; height: 27px; margin-bottom: 0px; background-position:top left; width: 473px; float: right;} #newsItem h4 span{width: 75px; display: block; float: left;} .newsHolder{background-image:url(../gfx/newsItem-footer.gif); background-position:bottom;background-repeat:no-repeat; margin-left: 0px; padding-left: 16px; padding-bottom: 1px; font-size: 11px; margin-left: 5px; padding-bottom: 12px;} .newsHolder img{float: left; margin: 3px 8px 8px 0px;} .newsHolder h2{margin: 3px 8px 8px 0px; font-size: 13px; margin-bottom: 2px; text-transform:uppercase;} .newsHolder h4{color: #999999; margin: 0px 0px 0px 0px;float: none!Important; font-size: 13px!important; background-image: none!important; margin-left: 0px!important; height:auto!important; padding-top: 0px!important; padding-left: 0px!important;} .newsHolder p{font-size: 11px; margin-top: 3px; margin-right: 20px; margin-left: 0px;} #commentsPanelOuter{float: right; width: 542px; margin-right: 113px; margin-bottom: 20px; background-image:url(../gfx/commentArrow.gif); background-position: top center; background-repeat:no-repeat;} #commentsPanelInner{width: 478px; float: right; margin-top: 27px;} #commentsPanelInner h2{text-transform:uppercase; padding-top: 9px; padding-left: 9px; font-size: 0.8em; background-image:url(../gfx/news-item-header.gif); background-repeat:no-repeat; height: 27px; margin-bottom: 0px; background-position:top left;} #commentsPanelInner ul{background-image:url(../gfx/newsItem-footer.gif); background-position:bottom;background-repeat:no-repeat; margin-left: 0px; padding-bottom: 8px; padding-left: 8px; padding-right: 10px; padding-top: 1px; font-size: 0.70em; padding-bottom: 11px;} .blogCTA{background-image:url(../gfx/newsItem-footer.gif); background-position:top; margin-top: 0px; margin-bottom: 0px; font-size: 0.70em; padding: 4px 0px 8px 8px;} #commentsPanelInner li{padding: 4px;} #commentsPanelInner li h6{font-size: 1.1em;} #commentsPanelInner li p{font-size: 1.0em; margin-top: 3px; margin-bottom: 3px;} #commentsPanelInner li .date{color: #777777; margin-bottom: 0px;} .webkit .newsHolder{margin-left: 4px;} /* photos page */ #photos{min-height: 300px;} #photoNav{margin: auto; margin-top: 40px; margin-left: 210px;} #photoNav li{display: inline;} #photoNav a{display: block; float: left; height: 28px; text-indent: -10000px; background-position: top left; margin-right: 45px;} #photos1 a{ background-image:url(../gfx/pics-gigs.gif); background-repeat:no-repeat; width: 72px; } #photos1 a:hover{ background-position: bottom left;} #photos1 .activeNav{background-image:url(../gfx/pics-gigs-active.gif);} #photos2 a{ background-image:url(../gfx/pics-studio.gif); background-repeat:no-repeat; width: 96px;} #photos2 a:hover{ background-position: bottom left;} #photos2 .activeNav{background-image:url(../gfx/pics-studio-active.gif);} #photos3 a{ background-image:url(../gfx/pics-promo.gif); background-repeat:no-repeat; width: 101px;} #photos3 a:hover{ background-position: bottom left;} #photos3 .activeNav{background-image:url(../gfx/pics-promo-active.gif);} #photoHolder{width: 531px; margin-left: 140px; background-image:url(../gfx/photos_background.gif); background-position:top; background-repeat:no-repeat; margin-top: 30px;} .photoFooter{background-image:url(../gfx/photos-footer.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom: 10px; padding-left: 10px; padding-right: 14px; margin-bottom: 20px;} .photoFooter .pagingPanel{padding-top: 3px;} #photos{padding: 13px; padding-bottom: 5px;} #photos li{float: left; margin: 10px; background-position: 0px 2px;} #photos a{width: 80px; height: 80px; background-position:top left; background-image:url(../gfx/galleryImage.gif); border: 0px; background-repeat:no-repeat; padding: 0px; display: block;} #photos a:hover{background-position: bottom left;} .outerPhoto{background-image:url(../gfx/seletArrow.gif); background-repeat:no-repeat; border-top: 1px solid transparent; margin-top: -1px;} .photo1{background-position: 223px 0px;} .photo2{background-position: 355px 0px;} .photo3{background-position: 535px 0px;} /* About & Contact page */ #aboutPanel, #contactPanel{width: 305px; margin-top: 50px; float: left; margin-left: 20px;} #contactPanel{margin-top: 10px; margin-left: 70px;} #aboutPanel h2,#contactPanel h2 {background-image:url(../gfx/about-header.png); font-size: 0.85em; padding: 8px; background-repeat: no-repeat; margin-bottom: 0px; padding-bottom: 0px; height: 28px; padding-left: 11px;} #aboutInner, #contactInner{background-image:url(../gfx/about-background.png); background-repeat:no-repeat; background-position:bottom; padding-bottom: 1px} #contactPanel h2{background-image:url(../gfx/contact-header.png);} #aboutInner p, #contactInner p{margin-top: 0px; margin-left: 10px; margin-right: 10px; font-size: 0.75em;} #contactInner a:hover{color: #999999;} /* buy page */ #bodyContent {min-height: 520px;} .buyPanel{width: 273px; margin-left: 20px; float: left;} .buyPanel h2{background-image:url(../gfx/col1c_header.gif); background-repeat:no-repeat; background-position: top left; font-size: 0.75em; padding: 10px 10px 14px 8px; margin: 34px 0px 0px 0px; text-transform:uppercase;} .buyPanel div {background-image:url(../gfx/col1_footer.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom: 1px;} .buyPanel p{margin-top: 0px; margin-left: 10px; margin-right: 10px; font-size: 0.75em;} #buyLinks{width: 200px; float: left; margin-left: 100px; margin-top: 100px;} #buyLinks div{ margin-bottom: 30px;} /* colour fixes */ #smallerPlayer{margin-left: 3px;} /* firefox fixes */ .ff3 .pagingOuter, .ff2 .pagingOuter{margin-bottom: -3px;} .ff3 #newsItem, .ff2 #newsItem{margin-left: 65px;} .ff3 .photoFooter .pagingPanel, .ff2 .photoFooter .pagingPanel{margin-bottom: -3px;} .ff3 #bodyContent, .ff2 #bodyContent {min-height: 545px;} .ff3 body, .ff2 body, .opera body, .webkit body{overflow-y: scroll} /* opera fix */ .opera #commentsPanelOuter{margin-right: 3px;} .opera #bodyContent {min-height: 530px;} .opera #secondSingle2{margin-left: 317px; clear: both; margin-top: -25px;} .webkit #giglist{padding-top: 1px;} /* buy single styles */ #format_info{ float:left; margin-top: 40px;} #intro{float: left; width: 280px; top: 34px; font-size: 0.8em; padding: 0px; background-color: transparent!important; border: 0px; margin-right: 20px; margin-left: 16px;} #intro2{float: left; width: 280px; top: 34px; font-size: 0.8em; padding: 0px; background-color: transparent!important; border: 0px; margin-right: 20px; margin-left: 16px;} .buyInner{background-image:url(../gfx/col1_footer.gif); background-repeat:no-repeat; background-position:bottom left;} .buyInner p{margin: 0px!important; padding-left: 8px; padding-right: 12px; padding-bottom: 10px;} #intro h2{background-image:url(../gfx/col1_header-only-love.gif); margin: 0px!important; font-size: 0.9em; padding-top: 8px; padding-left: 9px; background-repeat:no-repeat; height: 28px;} #intro2 h2{background-image:url(../gfx/col2_header.gif); margin: 0px!important; font-size: 0.9em; padding-top: 8px; padding-left: 9px; background-repeat:no-repeat; height: 28px;} #item1{width: 300px;font-size: 0.8em; margin-top: 80px; float: left; border: 0px!important; background: transparent!important;} #item1 h2{background-image:url(../gfx/col1_header-buy.gif); margin: 0px!important; font-size: 0.9em; padding-top: 8px; padding-left: 9px; background-repeat:no-repeat; height: 28px; width: 100%;} #item1 .innerHolder{background-image:url(../gfx/col1_footer.gif); background-repeat:no-repeat; background-position:bottom left; width: 274px;} #item2{width: 300px;font-size: 0.8em; margin-top: 80px; float: left; border: 0px!important; background: transparent!important; position: relative; top: -90px; clear: both;} #item2 h2{background-image:url(../gfx/col1_header-buy.gif); margin: 0px!important; font-size: 0.9em; padding-top: 8px; padding-left: 9px; background-repeat:no-repeat; height: 28px;} #item2 .innerHolder{background-image:url(../gfx/col1_footer.gif); background-repeat:no-repeat; background-position:bottom left; width: 274px;} #item3{width: 300px;font-size: 0.8em; margin-top: 0px; float: left; border: 0px!important; background: transparent!important; clear: both; margin-top: -80px;} #item3 h2{background-image:url(../gfx/col1_header-buy-wide.gif); margin: 0px!important; font-size: 0.9em; padding-top: 8px; padding-left: 9px; background-repeat:no-repeat; height: 28px;} #item3 .innerHolder{background-image:url(../gfx/col1_footer.gif); background-repeat:no-repeat; background-position:bottom left; width: 274px;} .packageimage { float:left; border:none;!important; margin-left: 10px; margin-top: 4px; margin-right: 8px; } .packageprice{ width: 110px;float: left; clear: left;} .packagebuybuttonouter{ width: 110px; float: left;} .tracklist{float: left; clear: both; display: block; font-size: 0.9em; margin-top: 10px; margin-left: 10px; padding-bottom: 12px;} .tracklist ul{margin-left: 0px; clear: left;} .tracklist strong{ border-bottom: 1px dotted black; width: 250px; padding-bottom: 8px; margin-bottom: 8px; float: left;} .descriptionText{width: 99px; float: right; clear: right; margin-right: 16px;font-size: 0.85em; margin-top: -3px;} #format_info{font-size: 0.8em;} #format_info h2{background-image:url(../gfx/col1_header-digital.gif); margin: 0px!important; font-size: 0.9em; padding-top: 8px; padding-left: 9px; background-repeat:no-repeat; height: 28px; text-transform:uppercase;} #digInner, #digInner2{background-image:url(../gfx/col1_footer.gif); background-repeat:no-repeat; background-position:bottom left; width: 238px; padding: 10px; padding-right: 26px; font-size: 0.9em;} #digInner ul, #digInner2 ul{margin: 0px;} #digInner ul span, #digInner a, #digInner2 ul span, #digInner2 a{color: #999999; font-size: 1em; font-weight: bold;} #digInner2 object{margin-left: -7px; margin-top: -10px;} #player{float: left; margin-top: 80px;} #player h2{background-image:url(../gfx/col1_header-only-love.gif); margin: 0px!important; font-size: 12px; padding-top: 8px; padding-left: 9px; background-repeat:no-repeat; height: 25px; width: 260px;} #player #digInner{background-image:url(../gfx/col1_footer.gif); background-repeat:no-repeat; background-position:bottom left; width: 238px; padding-top: 0px; padding-left: 3px; font-size: 0.9em; width: 260px;} #player2{float: left; margin-top: 0px;} #player2 h2{background-image:url(../gfx/col1_header-only-love.gif); margin: 0px!important; font-size: 12px;; padding-top: 8px; padding-left: 9px; background-repeat:no-repeat; height: 25px; width: 260px;} #player2 #digInner{background-image:url(../gfx/col1_footer.gif); background-repeat:no-repeat; background-position:bottom left; width: 238px; padding-top: 0px; padding-left: 3px; font-size: 0.9em; width: 260px;} #secondSingle2{ display: none; float: left; display: block; width: 600px; margin-top: 20px; }