/************************************************ STRUCTURE ************************************************/ body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:62.8%; color:#fff; } body.landing { background:#000 url(../images/background/bg_main.jpg) center top no-repeat; -webkit-background-size: 1304px 780px; } body.clubs { background:#000 url(../images/background/bg_clubs.jpg) center top no-repeat; -webkit-background-size: 2000px 966px; } body.festival { background:#000 url(../images/background/bg_festival2.jpg) center top no-repeat; } body.records { background:#000 url(../images/background/bg_records.jpg) center top no-repeat; -webkit-background-size: 1982px 926px; } div, h1, h2, h3, h4 { position:relative; float:left; display:block; overflow:hidden; } h1, h2, h3, h4 { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; text-indent:-9999px; } a { outline: none; } label { text-indent:-999px; display:none; } .landing .wrapper { width:961px; margin:0 auto; float:none; } .landing .wrapper-mast { width:961px; } .landing #mainContainer { width:961px; overflow:hidden; } .bold { font-weight:bold; } .red { font-weight:bold; color:#c68d1c; } .clubs .wrapper,.festival .wrapper,.records .wrapper { width:1055px; margin:0 auto; float:none; padding:0 10px; } .records .wrapper { padding:0 30px; } .clubs .wrapper-mast { width:1043px; padding:0 6px; background:url(../images/background/clubs_gradient.png) 0 0 repeat-x; } .festival .wrapper-mast { width:1043px; padding:0 6px; background:url(../images/background/festival-gradient.png) 0 0 repeat-x; } .records .wrapper-mast { width:1043px; padding:0 6px; background:url(../images/background/records_gradient.png) 0 0 repeat-x; } .clubs #mainContainer,.festival #mainContainer,.records #mainContainer { width:1000px; padding:0 21px; background:#000; } .festival #mainContainer { background:#000 url(../images/background/bg_festival2.jpg) center top no-repeat; } form { padding:0; margin:0; display:block; float:left; position:relative; } input,textarea { font-family:Arial, Helvetica, sans-serif; } #messageBox { width:200px; border:#999999 3px solid; padding:5px; background:#fff; color:#000; text-align:center; font-weight:bold; z-index:15; position:absolute; font-size:12px; } #pageOverlay { background:#000; position:absolute; top:0px; left:0px; z-index:5; } #loading { width:32px; height:32px; padding:15px; border:#999999 solid 2px; z-index:15; position:absolute; background-color:#fff; } .loginBox { position:absolute; width:150px; height:60px; background:#FFF; top:0px; right:0px; z-index:3; } #loginBox { position:absolute; width:10px; height:10px; top:0px; right:0px; z-index:10; } #loginBox img { width:10px; height:10px; border-width:0px; } .loginBox div { position:relative; width:138px; height:48px; margin:2px; padding:2px; border:#002432 2px solid; text-align:center; } .loginBox div span { font-weight:bold; display:block; text-align:center; } .loginBox div a:link, .loginBox div a:visited, .loginBox div a:active { font-size:12px; text-decoration:none; color:#f00; font-weight:normal; } .loginBox div a:hover { text-decoration:underline; } /************************************************ LANDING PAGE ************************************************/ .soundcloud { background:url(../images/background/soundcloud.png) 0 0; width:334px; height:132px; padding:8px 8px 12px 8px; } .soundcloud .soundcloud2 { width:334px; height:132px; } .soundcloud .soundcloud2 #soundcloud { width:334px; height:132px; } /************************************************ FOOTER ************************************************/ form#signupForm { padding:15px 0 0 20px; height:67px; margin-bottom:21px; width:617px; background:url(../images/background/landing_signup.png) 3px 0 no-repeat; } form#signupForm h2 { width:133px; height:67px; background:url(../images/title/signup_for_our_newsletter.png) 0 0 no-repeat; } form#signupForm input { height:32px; padding:0 4px; margin-bottom:7px; background:#fff; border-width:0; color:#2a2a2a; font-size:1.5em; text-transform:uppercase; } form#signupForm input#signupName { width:184px; margin-right:8px; } form#signupForm input#signupEmail { width:255px; } form#signupForm p { font-size:1.5em; margin:0; padding:0; } .socialMedialinks, .socialMedialinks li,.socialMedialinks li a,.socialMedialinks2, .socialMedialinks2 li,.socialMedialinks2 li a { display:block; float:right; position:relative; margin:0; padding:0; height:55px; } .socialMedialinks { list-style:none; padding:14px 29px 13px 29px; width:292px; background:url(../images/buttons/social_media.png) 0 0; } .socialMedialinks li,.socialMedialinks2 li { float:left; } .socialMedialinks li a,.socialMedialinks2 li a { text-indent:-9999px; overflow:hidden; float:left; } .socialMedialinks2 ,.socialMedialinks { overflow:hidden; } .socialMedialinks li.facebook,.socialMedialinks li.facebook a { width:22px; } .socialMedialinks li.facebook { margin-right:44px; } .socialMedialinks li.facebook a:hover { background:url(../images/buttons/social_media.png) -29px -96px; } .socialMedialinks li.twitter,.socialMedialinks li.twitter a { width:34px; } .socialMedialinks li.twitter { margin-right:36px; } .socialMedialinks li.twitter a:hover { background:url(../images/buttons/social_media.png) -95px -96px; } .socialMedialinks li.myspace,.socialMedialinks li.myspace a { width:49px; } .socialMedialinks li.myspace { margin-right:31px; } .socialMedialinks li.myspace a:hover { background:url(../images/buttons/social_media.png) -165px -96px; } .socialMedialinks li.youtube,.socialMedialinks li.youtube a { width:76px; } .socialMedialinks li.youtube a:hover { background:url(../images/buttons/social_media.png) -245px -96px; } .socialMedialinks2 { list-style:none; padding:14px 25px 13px 29px; width:256px; background:url(../images/buttons/social_media2.png) 0 0; } .socialMedialinks2 li.facebook,.socialMedialinks2 li.facebook a { width:22px; } .socialMedialinks2 li.facebook { margin-right:29px; } .socialMedialinks2 li.facebook a:hover { background:url(../images/buttons/social_media2.png) -29px -96px; } .socialMedialinks2 li.twitter,.socialMedialinks2 li.twitter a { width:34px; } .socialMedialinks2 li.twitter { margin-right:25px; } .socialMedialinks2 li.twitter a:hover { background:url(../images/buttons/social_media2.png) -80px -96px; } .socialMedialinks2 li.myspace,.socialMedialinks2 li.myspace a { width:49px; } .socialMedialinks2 li.myspace { margin-right:21px; } .socialMedialinks2 li.myspace a:hover { background:url(../images/buttons/social_media2.png) -139px -96px; } .socialMedialinks2 li.youtube,.socialMedialinks2 li.youtube a { width:76px; } .socialMedialinks2 li.youtube a:hover { background:url(../images/buttons/social_media2.png) -209px -96px; } .footer { height:42px; width:961px; background:url(../images/background/footer_line.png) 0 0 repeat-x; margin-bottom:40px; } .footer p { color:#262626; font-size:1em; font-weight:bold; width:690px; height:34px; padding-top:4px; float:left; position:relative; } .footer p a { color:#262626; font-size:1em; text-decoration:none; } .footer p a:hover { color:#fff; text-decoration:none; } .footer a.vapour, .footer a.lunatickets { display:block; float:left; position:relative; text-indent:-9999px; overflow:hidden; } .footer a.vapour { width:186px; height:20px; margin-top:12px; background:url(../images/links/vapour.png) 0 0; } .footer a:hover.vapour { background:url(../images/links/vapour.png) 0 -20px; } .footer a.lunatickets { width:83px; height:26px; margin-top:6px; background:url(../images/links/lunatickets.png) 0 0; } .footer a:hover.lunatickets { background:url(../images/links/lunatickets.png) 0 -26px; } /************************************************ LANDING PAGE ************************************************/ .landing-home h1 { width:961px; height:203px; background:url(../images/logo/slamdunk_logo.png) 279px 20px no-repeat; } .landing-home .boxes, .landing-home .boxes li, .landing-home .boxes li ul, .landing-home .boxes li ul li { padding:0; margin:0; display:block; float:left; position:relative } .landing-home .boxes { list-style:none; width:961px; margin-bottom:24px; } .landing-home .boxes li, .landing-home .boxes li ul, .landing-home .boxes li ul li { width:310px; } .landing-home .boxes li h2 { width:310px; height:122px; margin-bottom:11px; } .landing-home .boxes li h2 a { display:block; float:left; position:relative; width:310px; height:122px; } .landing-home .boxes li .whats_on { height:215px; width:310px; margin-bottom:14px; } .landing-home .boxes li div h3 { width:310px; height:43px; } .landing-home .boxes li .whats_on img { border:#000 6px solid; border-bottom-width:7px; border-top-width:7px; position:relative; float:left; display:block; } .landing-home .boxes li .news { height:215px; width:310px; } .landing-home .boxes li .news div { width:298px; height:151px; background:#000; padding:6px 7px 7px 5px; } .landing-home .boxes li .news div img { display:block; position:relative; float:left; } .landing-home .boxes li .news div p { width:183px; position:relative; display:block; float:right; font-size:1.2em; height:125px; margin:0; padding:4px 0 0 0; overflow:hidden; color:#fff; } .landing-home .boxes li .news div a { width:183px; font-size:1.2em; text-decoration:none; display:block; position:relative; float:right; height:18px; font-weight:bold; } .landing-home .boxes li .news div a:hover { text-decoration:underline; } .landing-home .boxes li.clubs { margin-right:15px; } .landing-home .boxes li.clubs h2 a { background:url(../images/logo/slamdunk_clubs_and_gigs.png) 0 0; } .landing-home .boxes li.clubs h2 a:hover { background:url(../images/logo/slamdunk_clubs_and_gigs.png) 0 -122px; } .landing-home .boxes li.clubs .whats_on, .landing-home .boxes li.clubs .news { background:url(../images/splitter/landing_clubs.png) 0 208px no-repeat; } .landing-home .boxes li.clubs .whats_on h3 { background:url(../images/title/whats_on_clubs.png) 0 0; } .landing-home .boxes li.clubs .news h3 { background:url(../images/title/slamdunk_news.png) 0 0; } .landing-home .boxes li.clubs .news div img { border:#c61c35 2px solid; } .landing-home .boxes li.clubs .news div a { color:#c61c35; } .landing-home .boxes li.festival { margin-right:16px; } .landing-home .boxes li.festival h2 a { background:url(../images/logo/slamdunk_festival.png) 0 0; } .landing-home .boxes li.festival h2 a:hover { background:url(../images/logo/slamdunk_festival.png) 0 -122px; } .landing-home .boxes li.festival .whats_on, .landing-home .boxes li.festival .news { background:url(../images/splitter/landing_festival.png) 0 208px no-repeat; } .landing-home .boxes li.festival .whats_on h3 { background:url(../images/title/whats_on_festival.png) 0 0; } .landing-home .boxes li.festival .news h3 { background:url(../images/title/festival_news.png) 0 0; } .landing-home .boxes li.festival .news div img { border:#1ca1c6 2px solid; } .landing-home .boxes li.festival .news div a { color:#1ca1c6; } .landing-home .boxes li.records h2 a { background:url(../images/logo/slamdunk_records.png) 0 0; } .landing-home .boxes li.records h2 a:hover { background:url(../images/logo/slamdunk_records.png) 0 -122px; } .landing-home .boxes li.records .whats_on h3 { background:url(../images/title/whats_on_records.png) 0 0; margin-bottom:5px; } .landing-home .boxes li.records { height:443px; background:#000; } .landing-home .boxes li.records .whats_on { height:445px; } .landing-home .boxes li.records .whats_on img { border-width:0; } /************************************************ CLUBS ************************************************/ .clubs #logo { position:absolute; display:block; z-index:2; left:0; top:0; width:388px; height:204px; } .clubs h1 { position:absolute; display:block; z-index:2; left:0; top:0; background:url(../images/logo/slamdunk_clubs_and_gigs2.png) 0 0; width:388px; height:204px; text-indent:-9999px; } .clubs .footer { width:1000px; } .clubs .footer p { width:729px; } .clubs .menu1 { width:629px; height:21px; list-style:none; padding:17px 22px 30px 349px; margin:135px 0 0 0; display:block; float:left; position:relative; background:url(../images/navigation/clubs-menu.jpg) 0 0; overflow:hidden } .clubs .menu1 li,.clubs .menu1 li a,.clubs .menu2 li,.clubs .menu2 li a { display:block; float:left; position:relative; height:21px; } .clubs .menu2 li,.clubs .menu2 li a { height:19px; } .clubs .menu1 li.festivalLink, .clubs .menu1 li.festivalLink a { width:303px; } .clubs .menu1 li.recordsLink, .clubs .menu1 li.recordsLink a { width:289px; } .clubs .menu1 li.festivalLink { margin-right:37px; } .clubs .menu1 li.recordsLink { margin-right:0px; } .clubs .menu1 li a,.clubs .menu2 li a { text-indent:-9999px; overflow:hidden; } .clubs .menu1 li.festivalLink a:hover,.clubs .menu1 li.festivalLink a.active { background:url(../images/navigation/clubs-menu2.jpg) -349px -116px; } .clubs .menu1 li.recordsLink a:hover, .clubs .menu1 li.recordsLink a.active { background:url(../images/navigation/clubs-menu2.jpg) -689px -116px; } .clubs .menu2 { width:921px; height:31px; list-style:none; padding:0 43px 0 36px; margin:0 0 18px 0; display:block; float:left; position:relative; background:url(../images/navigation/clubs-menu2.jpg) 0 -68px; overflow:hidden } .clubs .menu2 li.homeLink, .clubs .menu2 li.homeLink a { width:60px; } .clubs .menu2 li.homeLink { margin-right:114px; } .clubs .menu2 li.homeLink a:hover,.clubs .menu2 li.homeLink a.active { background:url(../images/navigation/clubs-menu2.jpg) -36px -167px; } .clubs .menu2 li.calendarLink, .clubs .menu2 li.calendarLink a { width:115px; } .clubs .menu2 li.calendarLink { margin-right:131px; } .clubs .menu2 li.calendarLink a:hover,.clubs .menu2 li.calendarLink a.active { background:url(../images/navigation/clubs-menu2.jpg) -210px -167px; } .clubs .menu2 li.galleryLink, .clubs .menu2 li.galleryLink a { width:97px; } .clubs .menu2 li.galleryLink { margin-right:117px; } .clubs .menu2 li.galleryLink a:hover,.clubs .menu2 li.galleryLink a.active { background:url(../images/navigation/clubs-menu2.jpg) -457px -167px; } .clubs .menu2 li.blogLink, .clubs .menu2 li.blogLink a { width:52px; } .clubs .menu2 li.blogLink { margin-right:124px; } .clubs .menu2 li.blogLink a:hover,.clubs .menu2 li.blogLink a.active { background:url(../images/navigation/clubs-menu2.jpg) -671px -167px; } .clubs .menu2 li.requestsLink, .clubs .menu2 li.requestsLink a { width:110px; } .clubs .menu2 li.requestsLink a:hover,.clubs .menu2 li.requestsLink a.active { background:url(../images/navigation/clubs-menu2.jpg) -847px -167px; } .clubs a.buytickets { background:url(../images/buttons/buy_tickets.png) 0 0; width:997px; height:37px; display:block; float:left; position:relative; overflow:hidden; text-indent:-9999px; margin-bottom:16px; } .clubs a:hover.buytickets { background:url(../images/buttons/buy_tickets.png) 0 -37px; } .clubs .adverts { list-style:none; width:1011px; padding:0; margin:0 0 15px 0; height:117px; } .clubs .adverts li,.clubs .adverts { display:block; float:left; position:relative; } .clubs .adverts li { width:301px; height:95px; padding:11px 10px; background:url(../images/background/club-home-ad.png) 0 0; margin:0 16px 0 0; } .clubs .adverts li img { display:block; float:left; position:relative; border-width:0; } .clubs #overlay { position:absolute; z-index:6; width:754px; float:none; } .clubs #overlay .top { width:754px; height:44px; background:url(../images/overlays/club-header.png) 0 0; } .clubs #overlay .top a#close,.clubs #overlay .top a.close { background:url(../images/overlays/club-close.png) 0 0; width:10px; height:10px; display:block; float:left; position:relative; margin-top:9px; overflow:hidden } .clubs #overlay .top a#close:hover,.clubs #overlay .top a.close:hover { background:url(../images/overlays/club-close.png) -10px 0; } .clubs #overlay .content { width:725px; border-right:#fff 1px solid; border-left:#fff 1px solid; background:#000; padding:16px 13px; } .clubs #overlay .content img { width:230px; height:169px; display:block; float:left; position:relative; border:#c61c35 2px solid; margin-right:10px; } .clubs #overlay .content div { width:480px; } .clubs #overlay .content div p { width:480px; font-size:1.1em; padding:0; margin:0 0 15px 0; display:block; float:left; position:relative; } .clubs #overlay .content div p a { color:#c61c35; font-size:1.1em; text-decoration:none; } .clubs #overlay .content div p a:hover { text-decoration:underline; } .clubs #overlay .base { width:754px; height:22px; background:url(../images/overlays/club-footer.png) 0 0; } .clubs form#signupForm { padding:7px 0 0 19px; height:76px; margin-bottom:21px; width:617px; background:url(../images/background/clubs_signup.png) 3px 0 no-repeat; } .clubs form#signupForm input { margin-top:8px; } .clubs form#signupForm h2 { width:133px; height:68px; background:url(../images/title/clubs_signup.png) 0 0 no-repeat; } /************************************************ CLUBS - HOME ************************************************/ .clubs-home ul.featuredBoxes, .clubs-home ul.featuredBoxes li { display:block; position:relative; float:left; padding:0; margin:0; height:429px; } .clubs-home ul.featuredBoxes { width:1017px; list-style:none; margin-bottom:18px; } .clubs-home ul.featuredBoxes li { padding:17px 15px 18px 14px; margin-right:14px; width:295px; height:394px; background:url(../images/background/homeFlyer.png) 0 0; } .clubs-home ul.featuredBoxes li a img { border:none; } .clubs-home .left { width:633px; } .clubs-home .left .video { width:609px; height:285px; background:url(../images/background/clubs_home_video.png) 0 0; margin-bottom:18px; padding:14px 12px; } .clubs-home .left #video2,.clubs-home .left #video { width:609px; height:285px; } .clubs-home .right { width:350px; float:right; } .clubs-home .right .fanBox { width:321px; height:412px; padding:0 15px 0 11px; background:url(../images/background/clubs_home_fan_box.png) 0 0; margin-bottom:4px; } .clubs-home .right .fanBox h2 { height:56px; width:321px; } .clubs-home .right .fanBox #fanBox { width:321px; height:341px; background:#fff; } .clubs-home .boxes, .clubs-home li, .clubs-home .boxes li ul, .clubs-home .boxes li ul li { padding:0; margin:0; display:block; float:left; position:relative } .clubs-home .boxes { list-style:none; width:635px; margin-bottom:15px; } .clubs-home .boxes li, .clubs-home .boxes li ul, .clubs-home .boxes li ul li { width:310px; } .clubs-home .boxes li h2 { width:310px; height:43px; } .clubs-home .boxes li { height:237px; } .clubs-home .boxes li { background:url(../images/splitter/landing_clubs.png) 0 230px no-repeat; } .clubs-home .boxes li.whats_on h2 { background:url(../images/title/event_of_the_week.png) 0 0; } .clubs-home .boxes li.whats_on div { width:298px; height:151px; background:#000; padding:6px 7px 7px 5px; } .clubs-home .boxes li.whats_on div img { display:block; position:relative; float:left; border:#c61c35 2px solid; } .clubs-home .boxes li.whats_on div p { width:183px; position:relative; display:block; float:right; font-size:1.1em; height:125px; margin:0; padding:4px 0 0 0; overflow:hidden; color:#fff; } .clubs-home .boxes li.whats_on div a { width:183px; font-size:1.1em; text-decoration:none; display:block; position:relative; float:right; height:18px; font-weight:bold; color:#c61c35; } .clubs-home .boxes li.whats_on div a:hover { text-decoration:underline; } .clubs-home .boxes li.whats_on { margin-right:15px; } .clubs-home .boxes li#twitterFeed h2 { width:310px; height:43px; background:url(../images/title/slam_dunk_twitter.png) 0 0; margin-bottom:4px; } .clubs-home .boxes li#twitterFeed ul { width:310px; height:178px; overflow:hidden; line-height:normal; overflow:hidden } .clubs-home .boxes li#twitterFeed ul li { border-bottom:#c61c35 2px solid; height:88px; margin-bottom:4px; overflow:hidden } .clubs-home .boxes li#twitterFeed ul li span.date { width:301px; height:20px; font-size:1.3em; color:#c61c35; font-weight:bold; text-align:right; margin-right:9px; display:block; float:left; position:relative; } .clubs-home .boxes li#twitterFeed ul li p { padding:0 5px 0 2px; width:303px; font-size:1em; color:#fff; height:40px; } .clubs-home .boxes li#twitterFeed ul li a { padding:0 5px 0 2px; width:303px; font-size:1em; color:#c61c35; font-weight:bold; height:15px; display:block; float:left; position:relative; text-decoration:none; } .clubs-home .boxes li#twitterFeed ul li a:hover { text-decoration:underline; } .clubs-home .boxes li#twitterFeed ul li p a { padding:0; width:auto; display:inline; font-weight:normal; float:none; position:static; color:#fff; text-decoration:underline; } .clubs-home .boxes li#twitterFeed ul li p a:hover { color:#c61c35; } /************************************************ CLUBS - CALENDAR ************************************************/ .clubs-calendar .left { width:751px; } .clubs-calendar .right { width:217px; float:right; } .clubs-calendar .left h1 { position:relative; display:block; background:url(../images/title/gig_calendar.png) 0 0; width:751px; height:43px; text-indent:-9999px; padding:0; margin:0 0 1px 0; } .clubs-calendar .left .calendar, .clubs-calendar .left .calendar li { padding:0; display:block; float:left; position:relative; } .clubs-calendar .left .calendar { width:751px; margin:0 0 18px 0; border-bottom:#bc1b32 2px solid; list-style:none; } .clubs-calendar .left .calendar li { width:105px; height:103px; border-left:#000 2px solid; border-top:#000 2px solid; overflow:hidden; } .clubs-calendar .left .calendar li h2 { position:absolute; width:40px; height:26px; top:3px; right:5px; z-index:1; border:#000 2px solid; text-indent:0; } .clubs-calendar .left .calendar li h2 span { font-weight:bold; font-size:2em; color:#fff; text-align:center; width:44px; height:30px; display:block; position:absolute; left:-2px; top:-2px; background:#000; padding:0; z-index:2; } .clubs-calendar .left .calendar li h2 span.cont { z-index:3; background:none; } .clubs-calendar .left .calendar li p { font-weight:bold; color:#c61c35; font-size:1.5em; display:block; position:absolute; top:1px; left:52px; width:30px; z-index:4; margin:0; padding:0; } .clubs-calendar .left .calendar li.no-listing { background:url(../images/background/calendar-no-list.png) 0 0; } .clubs-calendar .left .calendar li a { width:103px; height:17px; position:absolute; background:#000; bottom:0; left:0; color:#c61c35; font-size:1em; font-weight:bold; text-decoration:none; padding:3px 0 0 2px; } .clubs-calendar .left .calendar li a:hover { text-decoration:none; color:#fff; } .clubs-calendar .left .calendar li a.p2 { bottom:20px; } .clubs-calendar .left .calendar li a.p3 { bottom:40px; } .clubs-calendar .left .calendar li a.img { width:auto; height:auto; position:relative; width:105px; height:130px; padding:0; } .clubs-calendar .left .calendar li a.img img { border-width:0; position:relative; display:block; top:0; } .clubs-calendar .left .calendar li a.img img.active { top:-103px; } .clubs-calendar .right #months { width:204px; height:283px; margin-bottom:17px; background:url(../images/background/calendar-months.png) 0 0; padding:14px 0 0 13px; } .clubs-calendar .right #months a { overflow:hidden; text-indent:-9999px; width:123px; height:17px; margin-bottom:28px; float:left; display:block; position:relative; } .clubs-calendar .right #months a.last { width:189px; height:42px; background:url(../images/calendar/last.png) 0 0; margin-bottom:16px; } .clubs-calendar .right #months a:hover.last { background:url(../images/calendar/last.png) -189px 0; } .clubs-calendar .right #months a.next { width:189px; height:42px; background:url(../images/calendar/next.png) 0 0; margin-bottom:0; } .clubs-calendar .right #months a:hover.next { background:url(../images/calendar/next.png) -189px 0; } .clubs-calendar .right #months a.january { background:url(../images/calendar/january.png) 0 0; } .clubs-calendar .right #months a:hover.january { background:url(../images/calendar/january.png) -123px 0; } .clubs-calendar .right #months a.february { background:url(../images/calendar/february.png) 0 0; margin-bottom:29px; } .clubs-calendar .right #months a:hover.february { background:url(../images/calendar/february.png) -123px 0; } .clubs-calendar .right #months a.march { background:url(../images/calendar/march.png) 0 0; } .clubs-calendar .right #months a:hover.march { background:url(../images/calendar/march.png) -123px 0; } .clubs-calendar .right #months a.april { background:url(../images/calendar/april.png) 0 0; margin-bottom:15px; } .clubs-calendar .right #months a:hover.april { background:url(../images/calendar/april.png) -123px 0; } .clubs-calendar .right #months a.may { background:url(../images/calendar/may.png) 0 0; } .clubs-calendar .right #months a:hover.may { background:url(../images/calendar/may.png) -123px 0; } .clubs-calendar .right #months a.june { background:url(../images/calendar/june.png) 0 0; margin-bottom:29px; } .clubs-calendar .right #months a:hover.june { background:url(../images/calendar/june.png) -123px 0; } .clubs-calendar .right #months a.july { background:url(../images/calendar/july.png) 0 0; } .clubs-calendar .right #months a:hover.july { background:url(../images/calendar/july.png) -123px 0; } .clubs-calendar .right #months a.august { background:url(../images/calendar/august.png) 0 0; margin-bottom:15px; } .clubs-calendar .right #months a:hover.august { background:url(../images/calendar/august.png) -123px 0; } .clubs-calendar .right #months a.september { background:url(../images/calendar/september.png) 0 0; } .clubs-calendar .right #months a:hover.september { background:url(../images/calendar/september.png) -123px 0; } .clubs-calendar .right #months a.october { background:url(../images/calendar/october.png) 0 0; margin-bottom:29px; } .clubs-calendar .right #months a:hover.october { background:url(../images/calendar/october.png) -123px 0; } .clubs-calendar .right #months a.november { background:url(../images/calendar/november.png) 0 0; } .clubs-calendar .right #months a:hover.november { background:url(../images/calendar/november.png) -123px 0; } .clubs-calendar .right #months a.december { background:url(../images/calendar/december.png) 0 0; margin-bottom:15px; } .clubs-calendar .right #months a:hover.december { background:url(../images/calendar/december.png) -123px 0; } .clubs-calendar .right #months a.active { background-position:-123px 0; } .clubs-calendar .right .soundcloud { background:url(../images/background/soundcloud2.png) 0 0; width:201px; height:132px; padding:8px 8px 12px 8px; } .clubs-calendar .right .soundcloud .soundcloud2 { width:201px; height:132px; } .clubs-calendar .right .soundcloud .soundcloud2 #soundcloud { width:201px; height:132px; } /************************************************ CLUBS - GALLERY ************************************************/ .clubs-gallery .left { width:633px; } .clubs-gallery .left #imageView { width:609px; min-height:337px; background:url(images/background/galleryBGMiddle.png) 0 0 repeat-y; padding:0 12px; margin:0; } .clubs-gallery .left .imageViewTop { width:633px; height:13px; background:url(images/background/galleryBGTop.png) 0 0; } .clubs-gallery .left .imageViewBase { width:633px; height:13px; background:url(images/background/galleryBGBase.png) 0 0; margin-bottom:18px; } .clubs-gallery .left #galleryAlbums,.clubs-gallery .left #galleryAlbums li { margin:0; padding:0; position:relative; display:block; float:left; } .clubs-gallery .left #galleryAlbums { width:648px; height:255px; list-style:none; } .clubs-gallery .left #galleryAlbums li { width:201px; margin:0 15px 13px 0; height:121px; background:url(../images/splitter/gallery-album.png) 0 115px no-repeat; } .clubs-gallery .left #galleryAlbums li h2 { background:url(../images/background/clubs-gallery-album-head.png) 0 0; width:194px; height:25px; text-indent:0; color:#fff; font-size:1.4em; font-weight:bold; padding:6px 0 0 7px; } .clubs-gallery .left #galleryAlbums li img { border-width:0; width:201px; height:84px; cursor:pointer } .clubs-gallery .right { width:350px; float:right; } .clubs-gallery .right .galleryBox { width:320px; height:334px; padding:16px 13px 16px 14px; background:url(../images/background/clubs-gallery.png) 0 0; margin-bottom:16px; } .clubs-gallery .right .galleryBox #galleryBox #galleryBox2 { width:320px; } .clubs-gallery .right .galleryBox #galleryBox { width:320px; height:291px; background:#000; } .clubs-gallery .right .galleryBox #galleryBox img { display:block; float:left; position:relative; cursor:pointer; } .clubs-gallery .right .galleryBox a { width:160px; height:41px; display:block; float:left; position:relative; } .clubs-gallery .right .galleryBox a#next { background:url(../images/buttons/gallery_next.png) 0 0; } .clubs-gallery .right .galleryBox a:hover#next { background:url(../images/buttons/gallery_next.png) -160px 0; } .clubs-gallery .right .galleryBox a#last { background:url(../images/buttons/gallery_last.png) 0 0; } .clubs-gallery .right .galleryBox a:hover#last { background:url(../images/buttons/gallery_last.png) -160px 0; } .clubs-gallery .right a.buytickets { background:url(../images/buttons/buy_tickets2.png) 0 0; width:350px; height:120px; float:left; display:block; position:relative; overflow:hidden; text-indent:-9999px; } .clubs-gallery .right a:hover.buytickets { background:url(../images/buttons/buy_tickets2.png) 0 -120px; } .clubs-gallery .right .soundcloud { margin-bottom:16px; } /************************************************ CLUBS - BLOG ************************************************/ .clubs-blog .left { width:755px; } .clubs-blog .left #blogs, .clubs-blog .left #blogs li,.clubs-blog .left #blogs li img,.clubs-blog .left #blogs li div p,.clubs-blog .left #blogs li div a,.clubs-blog .left #pages,.clubs-blog .left #pages li { position:relative; float:left; margin:0; padding:0; display:block; width:755px; } .clubs-blog .left #blogs { list-style:none; height:722px; margin-bottom:12px; overflow:hidden; } .clubs-blog .left #blogs li { height:228px; background:url(../images/background/clubs-blog-header.png) 0 0 no-repeat; margin-bottom:19px; } .clubs-blog .left #blogs li h2,.clubs-blog .left #blogs li h3,.clubs #overlay .top h2,.clubs #overlay .top h3 { padding:10px 0 0 15px; color:#fff; font-size:1.8em; font-weight:bold; width:600px; text-indent:0; height:45px; } .clubs-blog .left #blogs li h3,.clubs #overlay .top h3 { padding:10px 20px 0 0; width:115px; text-align:right; } .clubs-blog .left #blogs li.focus h2 { width:590px; } .clubs-blog .left #blogs li.focus h3 { padding-right:10px; } .clubs-blog .left #blogs li.focus a.close { background:url(../images/overlays/club-close.png) 0 0; width:10px; height:10px; display:block; float:left; position:relative; margin-top:9px; overflow:hidden } .clubs-blog .left #blogs li.focus a.close:hover { background:url(../images/overlays/club-close.png) -10px 0; } .clubs-blog .left #blogs li img { width:243px; height:169px; border:#c61c35 2px solid; } .clubs-blog .left #blogs li div { width:495px; float:right; border-bottom:#c61c35 2px solid; height:171px; overflow:hidden } .clubs-blog .left #blogs li.focus div { border-width:0; height:auto; } .clubs-blog .left #blogs li div p { width:495px; font-size:1.1em; height:139px; } .clubs-blog .left #blogs li.focus div p { height:auto; } .clubs-blog .left #blogs li div a { color:#c61c35; font-size:1.1em; font-weight:bold; text-decoration:none; width:495px; height:15px; } .clubs-blog .left #blogs li div a:hover { text-decoration:underline; } .clubs-blog .left #pages { height:40px; list-style:none; background:url(../images/splitter/clubs-blog.png) 0 34px no-repeat; margin-bottom:18px; } .clubs-blog .left #pages li { width:auto; color:#fff; font-size:1.8em; font-weight:bold; } .clubs-blog .left #pages li a { color:#fff; font-size:1em; font-weight:bold; text-decoration:none; } .clubs-blog .left #pages li a:hover,.clubs-blog .left #pages li a.active { color:#c61c35; } .clubs-blog .right { width:217px; float:right; } .clubs-blog .right h2 { width:217px; height:56px; background:url(../images/title/blog_archive.png) 0 0; } .clubs-blog .right .archive,.clubs-blog .right .archive li,.clubs-blog .right .archive li a,.clubs-blog .right .archivebase { display:block; float:left; position:relative; } .clubs-blog .right .archive { list-style:none; padding:0 15px 3px 14px; margin:0; width:188px; background:url(../images/background/blog_archive.png) 0 0 repeat-y; } .clubs-blog .right .archive li { height:17px; border-bottom:#4e1217 2px solid; padding:12px 0 14px 2px; margin:0; width:186px; } .clubs-blog .right .archive li a { width:123px; height:17px; text-indent:-9999px; overflow:hidden; } .clubs-blog .right .archive li.y2009 a { background:url(../images/calendar/2009.png) 0 0; } .clubs-blog .right .archive li.y2009 a:hover,.clubs-blog .right .archive li.y2009 a.active { background:url(../images/calendar/2009.png) -123px 0; } .clubs-blog .right .archive li.y2010 a { background:url(../images/calendar/2010.png) 0 0; } .clubs-blog .right .archive li.y2010 a:hover,.clubs-blog .right .archive li.y2010 a.active { background:url(../images/calendar/2010.png) -123px 0; } .clubs-blog .right .archive li.y2011 a { background:url(../images/calendar/2011.png) 0 0; } .clubs-blog .right .archive li.y2011 a:hover,.clubs-blog .right .archive li.y2011 a.active { background:url(../images/calendar/2011.png) -123px 0; } .clubs-blog .right .archive li.y2012 a { background:url(../images/calendar/2012.png) 0 0; } .clubs-blog .right .archive li.y2012 a:hover,.clubs-blog .right .archive li.y2012 a.active { background:url(../images/calendar/2012.png) -123px 0; } .clubs-blog .right .archive li.y2013 a { background:url(../images/calendar/2013.png) 0 0; } .clubs-blog .right .archive li.y2013 a:hover,.clubs-blog .right .archive li.y2013 a.active { background:url(../images/calendar/2013.png) -123px 0; } .clubs-blog .right .archive li.january a { background:url(../images/calendar/january.png) 0 0; } .clubs-blog .right .archive li.january a:hover,.clubs-blog .right .archive li.january a.active { background:url(../images/calendar/january.png) -123px 0; } .clubs-blog .right .archive li.february a { background:url(../images/calendar/february.png) 0 0; } .clubs-blog .right .archive li.february a:hover,.clubs-blog .right .archive li.february a.active { background:url(../images/calendar/february.png) -123px 0; } .clubs-blog .right .archive li.march a { background:url(../images/calendar/march.png) 0 0; } .clubs-blog .right .archive li.march a:hover,.clubs-blog .right .archive li.march a.active { background:url(../images/calendar/march.png) -123px 0; } .clubs-blog .right .archive li.april a { background:url(../images/calendar/april.png) 0 0; } .clubs-blog .right .archive li.april a:hover,.clubs-blog .right .archive li.april a.active { background:url(../images/calendar/april.png) -123px 0; } .clubs-blog .right .archive li.may a { background:url(../images/calendar/may.png) 0 0; } .clubs-blog .right .archive li.may a:hover,.clubs-blog .right .archive li.may a.active { background:url(../images/calendar/may.png) -123px 0; } .clubs-blog .right .archive li.june a { background:url(../images/calendar/june.png) 0 0; } .clubs-blog .right .archive li.june a:hover,.clubs-blog .right .archive li.june a.active { background:url(../images/calendar/june.png) -123px 0; } .clubs-blog .right .archive li.july a { background:url(../images/calendar/july.png) 0 0; } .clubs-blog .right .archive li.july a:hover,.clubs-blog .right .archive li.july a.active { background:url(../images/calendar/july.png) -123px 0; } .clubs-blog .right .archive li.august a { background:url(../images/calendar/august.png) 0 0; } .clubs-blog .right .archive li.august a:hover,.clubs-blog .right .archive li.august a.active { background:url(../images/calendar/august.png) -123px 0; } .clubs-blog .right .archive li.september a { background:url(../images/calendar/september.png) 0 0; } .clubs-blog .right .archive li.september a:hover,.clubs-blog .right .archive li.september a.active { background:url(../images/calendar/september.png) -123px 0; } .clubs-blog .right .archive li.october a { background:url(../images/calendar/october.png) 0 0; } .clubs-blog .right .archive li.october a:hover,.clubs-blog .right .archive li.october a.active { background:url(../images/calendar/october.png) -123px 0; } .clubs-blog .right .archive li.november a { background:url(../images/calendar/november.png) 0 0; } .clubs-blog .right .archive li.november a:hover,.clubs-blog .right .archive li.november a.active { background:url(../images/calendar/november.png) -123px 0; } .clubs-blog .right .archive li.december a { background:url(../images/calendar/december.png) 0 0; } .clubs-blog .right .archive li.december a:hover,.clubs-blog .right .archive li.december a.active { background:url(../images/calendar/december.png) -123px 0; } .clubs-blog .right .archive li.b4Years { height:17px; border-bottom:#4e1217 5px solid; padding:12px 0 14px 2px; margin:0; width:186px; } .clubs-blog .right .archivebase { margin-bottom:34px; } .clubs #overlay .top h2 { height:auto; width:580px; } .clubs #overlay .top .h3 { } .clubs-calendar .right #months a.active { background-position:-123px 0; } .clubs-blog .right .soundcloud { background:url(../images/background/soundcloud2.png) 0 0; width:201px; height:132px; padding:8px 8px 12px 8px; } .clubs-blog .right .soundcloud .soundcloud2 { width:201px; height:132px; } .clubs-blog .right .soundcloud .soundcloud2 #soundcloud { width:201px; height:132px; } /************************************************ CLUBS - REQUESTS ************************************************/ .clubs-requests .left { width:634px; } .clubs-requests .left h1 { position:relative; display:block; background:url(../images/title/send-your-song-requests.png) 0 0; width:634px; height:43px; text-indent:-9999px; padding:0; margin:0 0 10px 0; } .clubs-requests .left #requestForm { width:630px; height:239px; color:#fff; font-size:1.2em; } .clubs-requests .left #requestForm label { color:#fff; font-size:1.2em; display:block; text-indent:0;} .clubs-requests .left #requestForm span input, .clubs-requests .left #requestForm span textarea { background:#fff; border-width:0; height:31px; margin-top:2px; padding:0 5px; font-size:1.4em; } .clubs-requests .left #requestForm span textarea { padding:5px; } .clubs-requests .left #requestForm span,.clubs-requests .left #requestForm #submitRequest { position:relative; float:left; display:block; height:51px; } .clubs-requests .left #requestForm span #requestName { width:281px; } .clubs-requests .left #requestForm .requestNameCont { width:291px; margin:0 15px 8px 0; } .clubs-requests .left #requestForm span #requestEmail { width:313px; } .clubs-requests .left #requestForm .requestEmailCont { width:323px; margin-bottom:8px; } .clubs-requests .left #requestForm span #requestCity { width:131px; } .clubs-requests .left #requestForm .requestCityCont { width:141px; margin:0 15px 8px 0; } .clubs-requests .left #requestForm span #requestArtist { width:463px; } .clubs-requests .left #requestForm .requestArtistCont { width:473px; margin-bottom:8px; } .clubs-requests .left #requestForm span #requestComment { width:430px; height:88px; } .clubs-requests .left #requestForm .requestCommentCont { width:440px; margin-right:12px; } .clubs-requests .left #requestForm a#submitRequest { background:url(../images/links/submit_request.png) 0 0; width:177px; height:89px; margin-top:29px; text-indent:-9999px; overflow:hidden; } .clubs-requests .left #requestForm a:hover#submitRequest { background:url(../images/links/submit_request.png) 0 -89px; } .clubs-requests .right { width:350px; float:right; } .clubs-requests .right a.buytickets { background:url(../images/buttons/buy_tickets2.png) 0 0; width:350px; height:120px; float:left; display:block; position:relative; overflow:hidden; text-indent:-9999px; } .clubs-requests .right a:hover.buytickets { background:url(../images/buttons/buy_tickets2.png) 0 -120px; } .clubs-requests .right .soundcloud { margin-bottom:16px; } /************************************************ FESTIVAL ************************************************/ .festival #logo { position:absolute; display:block; z-index:2; left:0; top:0; width:388px; height:204px; } .festival h1 { position:absolute; display:block; z-index:2; left:315px; top:3px; background:url(../images/logo/slamdunk_festival2.png) 0 0; width:453px; height:206px; text-indent:-9999px; } .festival .footer { width:1000px; } .festival .footer p { width:729px; } .festival .menu1 { width:935px; height:21px; list-style:none; padding:17px 22px 30px 43px; margin:135px 0 0 0; display:block; float:left; position:relative; background:url(../images/navigation/festival-menu.jpg) 0 0; overflow:hidden; } .festival .menu1 li,.festival .menu1 li a,.festival .menu2 li,.festival .menu2 li a { display:block; float:left; position:relative; height:21px; } .festival .menu2 li,.festival .menu2 li a { height:19px; } .festival .menu1 li.clubsLink, .festival .menu1 li.clubsLink a { width:239px; } .festival .menu1 li.recordsLink, .festival .menu1 li.recordsLink a { width:289px; } .festival .menu1 li.clubsLink { margin-right:407px; } .festival .menu1 li.recordsLink { margin-right:0px; } .festival .menu1 li a,.festival .menu2 li a { text-indent:-9999px; overflow:hidden; } .festival .menu1 li.clubsLink a:hover,.festival .menu1 li.clubsLink a.active { background:url(../images/navigation/festival-menu.jpg) -43px -116px; } .festival .menu1 li.recordsLink a:hover, .festival .menu1 li.recordsLink a.active { background:url(../images/navigation/festival-menu.jpg) -689px -116px; } .festival .logos { width:1000px; height:74px; display:block; float:left; position:relative; } .festival .menu2 { width:957px; height:31px; list-style:none; padding:0 25px 0 18px; margin:0; display:block; float:left; position:relative; background:url(../images/navigation/festival-menu.jpg) 0 -68px; overflow:hidden; } .festival .menu2 li.homeLink, .festival .menu2 li.homeLink a { width:60px; } .festival .menu2 li.homeLink { margin-right:19px; } .festival .menu2 li.homeLink a:hover,.festival .menu2 li.homeLink a.active { background:url(../images/navigation/festival-menu.jpg) -18px -167px; } .festival .menu2 li.northLink, .festival .menu2 li.northLink a { width:129px; } .festival .menu2 li.northLink { margin-right:22px; } .festival .menu2 li.northLink a:hover,.festival .menu2 li.northLink a.active { background:url(../images/navigation/festival-menu.jpg) -97px -167px; } .festival .menu2 li.southLink, .festival .menu2 li.southLink a { width:125px; } .festival .menu2 li.southLink { margin-right:22px; } .festival .menu2 li.southLink a:hover,.festival .menu2 li.southLink a.active { background:url(../images/navigation/festival-menu.jpg) -248px -167px; } .festival .menu2 li.bandsLink, .festival .menu2 li.bandsLink a { width:72px; } .festival .menu2 li.bandsLink { margin-right:27px; } .festival .menu2 li.bandsLink a:hover,.festival .menu2 li.bandsLink a.active { background:url(../images/navigation/festival-menu.jpg) -395px -167px; } .festival .menu2 li.pressLink, .festival .menu2 li.pressLink a { width:67px; } .festival .menu2 li.pressLink { margin-right:33px; } .festival .menu2 li.pressLink a:hover,.festival .menu2 li.pressLink a.active { background:url(../images/navigation/festival-menu.jpg) -494px -167px; } .festival .menu2 li.galleryLink, .festival .menu2 li.galleryLink a { width:96px; } .festival .menu2 li.galleryLink { margin-right:28px; } .festival .menu2 li.galleryLink a:hover,.festival .menu2 li.galleryLink a.active { background:url(../images/navigation/festival-menu.jpg) -594px -167px; } .festival .menu2 li.videoLink, .festival .menu2 li.videoLink a { width:77px; } .festival .menu2 li.videoLink { margin-right:31px; } .festival .menu2 li.videoLink a:hover,.festival .menu2 li.videoLink a.active { background:url(../images/navigation/festival-menu.jpg) -718px -167px; } .festival .menu2 li.pastLink, .festival .menu2 li.pastLink a { width:149px; } .festival .menu2 li.pastLink a:hover,.festival .menu2 li.pastLink a.active { background:url(../images/navigation/festival-menu.jpg) -826px -167px; } .festival a.buytickets { background:url(../images/buttons/buy_tickets3.png) 0 0; width:997px; height:57px; display:block; float:left; position:relative; overflow:hidden; text-indent:-9999px; margin-bottom:16px; } .festival a:hover.buytickets { background:url(../images/buttons/buy_tickets3.png) 0 -57px; } .festival .adverts { list-style:none; width:1011px; padding:0; margin:0 0 15px 0; height:117px; } .festival .adverts li,.festival .adverts { display:block; float:left; position:relative; } .festival .adverts li { width:301px; height:95px; padding:11px 10px; background:url(../images/background/festival-home-ad.png) 0 0; margin:0 16px 0 0; } .festival .adverts li img { display:block; float:left; position:relative; border-width:0; } .festival .boxes, .festival li, .festival .boxes li ul, .festival .boxes li ul li { padding:0; margin:0; display:block; float:left; position:relative } .festival .boxes { list-style:none; width:635px; margin-bottom:15px; } .festival .boxes li, .festival .boxes li ul, .festival .boxes li ul li { width:310px; } .festival .boxes li h2 { width:310px; height:43px; } .festival .boxes li { height:237px;} .festival .boxes li { background:url(../images/splitter/festival_boxes.png) 0 230px no-repeat; } .festival .boxes li.news h2 { background:url(../images/title/festival_news2.png) 0 0; } .festival .boxes li.news div { width:298px; height:151px; background:#000; padding:6px 7px 7px 5px; } .festival .boxes li.news div img { display:block; position:relative; float:left; border:#1c9ac6 2px solid; } .festival .boxes li.news div p { width:183px; position:relative; display:block; float:right; font-size:1.1em; height:125px; margin:0; padding:4px 0 0 0; overflow:hidden; color:#fff; } .festival .boxes li.news div a { width:183px; font-size:1.1em; text-decoration:none; display:block; position:relative; float:right; height:18px; font-weight:bold; color:#1c9ac6; } .festival .boxes li.news div a:hover { text-decoration:underline; } .festival .boxes li.news { margin-right:15px; } .festival .boxes li#twitterFeed h2 { width:310px; height:43px; background:url(../images/title/festival_twitter.png) 0 0; margin-bottom:4px; } .festival .boxes li#twitterFeed ul { width:310px; height:178px; overflow:hidden; line-height:normal; overflow:hidden } .festival .boxes li#twitterFeed ul li { border-bottom:#1c9ac6 2px solid; height:88px; margin-bottom:4px; overflow:hidden } .festival .boxes li#twitterFeed ul li span.date { width:301px; height:20px; font-size:1.3em; color:#1c9ac6; font-weight:bold; text-align:right; margin-right:9px; display:block; float:left; position:relative; } .festival .boxes li#twitterFeed ul li p { padding:0 5px 0 2px; width:303px; font-size:1em; color:#fff; height:40px; } .festival .boxes li#twitterFeed ul li a { padding:0 5px 0 2px; width:303px; font-size:1em; color:#1c9ac6; font-weight:bold; height:15px; display:block; float:left; position:relative; text-decoration:none; } .festival .boxes li#twitterFeed ul li a:hover { text-decoration:underline; } .festival .boxes li#twitterFeed ul li p a { padding:0; width:auto; display:inline; font-weight:normal; float:none; position:static; color:#fff; } .festival .boxes li#twitterFeed ul li p a:hover { color:#1c9ac6; } .festival #overlay { position:absolute; z-index:6; width:1000px; float:none; } .festival #overlay .top { width:964px; height:44px; background:url(../images/overlays/festival-header.png) 0 0; padding:14px 14px 0 22px; } .festival #overlay .top h2 { width:900px; height:30px; text-indent:0; font-weight:bold; font-size:1.6em; } .festival #overlay .top a#close,.festival #overlay .top a.close { background:url(../images/overlays/festival-close.png) 0 0; width:14px; height:13px; display:block; float:right; position:relative; overflow:hidden } .festival #overlay .top a#close:hover,.festival #overlay .top a.close:hover { background:url(../images/overlays/festival-close.png) -14px 0; } .festival #overlay .content { width:969px; border-right:#fff 1px solid; border-left:#fff 1px solid; background:#000; padding:16px 13px; } .festival #overlay .content img { width:382px; height:239px; display:block; float:left; position:relative; background:url(../images/background/band.png) 0 0; padding:11px 10px 12px 9px; margin-right:26px; } .festival #overlay .content div { width:542px; } .festival #overlay .content div p { width:542px; font-size:1.1em; padding:0; margin:0 0 15px 0; display:block; float:left; position:relative; } .festival #overlay .content div p a { color:#1c9ac6; font-size:1.1em; text-decoration:none; } .festival #overlay .content div p a:hover { text-decoration:underline; } .festival #overlay .base { width:1000px; height:30px; background:url(../images/overlays/festival-footer.png) 0 0; } .festival a.blog-link { width:346px; height:84px; background:url(../images/buttons/festival_blog.png) 0 0; display:block; position:relative; float:left; margin-bottom:18px; text-indent:-9999px; } .festival a:hover.blog-link { background:url(../images/buttons/festival_blog.png) 0 -84px; } .festival #overlay .content div a.myspace { width:25px; height:28px; float:left; background:url(../images/buttons/www_myspace.png) 0 -56px; text-indent:-9999px; overflow:hidden; position:relative; display:block; margin-right:15px; } .festival #overlay .content div a:hover.myspace { background:url(../images/buttons/www_myspace.png) 0 -84px; } .festival #overlay .content div a.webAddress { width:65px; height:25px; float:left; background:url(../images/buttons/www_myspace.png) -37px -58px; text-indent:-9999px; overflow:hidden; margin-top:2px; position:relative; display:block; margin-right:15px; } .festival #overlay .content div a:hover.webAddress { background:url(../images/buttons/www_myspace.png) -37px -86px; } .festival form#signupForm { padding:7px 0 0 19px; height:76px; margin-bottom:21px; width:617px; background:url(../images/background/festival_signup.png) 3px 0 no-repeat; } .festival form#signupForm input { margin-top:8px; } .festival form#signupForm h2 { width:133px; height:68px; background:url(../images/title/festival_signup.png) 0 0 no-repeat; } .stageMenu,.stageMenu li, .stageMenu li a { display:block; float:left; position:relative; margin:0; padding:0; height:43px; } .stageMenu { width:989px; background:url(../images/buttons/stages.jpg) 0 0; margin:14px 0; } .stageMenu li a { text-indent:-9999px; overflow:hidden; } .stageMenu li.imperial,.stageMenu li.imperial a { width:53px; margin-right:33px; } .stageMenu li.imperial a:hover,.stageMenu li.imperial a.active { background:url(../images/buttons/stages.jpg) 0 -43px; } .stageMenu li.baby,.stageMenu li.baby a { width:45px; margin-right:30px; } .stageMenu li.baby a:hover,.stageMenu li.baby a.active { background:url(../images/buttons/stages.jpg) -86px -43px; } .stageMenu li.atticus,.stageMenu li.atticus a { width:65px; margin-right:25px; } .stageMenu li.atticus a:hover,.stageMenu li.atticus a.active { background:url(../images/buttons/stages.jpg) -161px -43px; } .stageMenu li.glamour,.stageMenu li.glamour a { width:132px; margin-right:25px; } .stageMenu li.glamour a:hover,.stageMenu li.glamour a.active { background:url(../images/buttons/stages.jpg) -251px -43px; } .stageMenu li.vans,.stageMenu li.vans a { width:81px; margin-right:24px; } .stageMenu li.vans a:hover,.stageMenu li.vans a.active { background:url(../images/buttons/stages.jpg) -408px -43px; } .stageMenu li.jag,.stageMenu li.jag a { width:136px; margin-right:18px; } .stageMenu li.jag a:hover,.stageMenu li.jag a.active { background:url(../images/buttons/stages.jpg) -513px -43px; } .stageMenu li.macbeth,.stageMenu li.macbeth a { width:93px; margin-right:26px; } .stageMenu li.macbeth a:hover,.stageMenu li.macbeth a.active { background:url(../images/buttons/stages.jpg) -667px -43px; } .stageMenu li.relentless,.stageMenu li.relentless a { width:96px; margin-right:21px; } .stageMenu li.relentless a:hover,.stageMenu li.relentless a.active { background:url(../images/buttons/stages.jpg) -786px -43px; } .stageMenu li.kerrang,.stageMenu li.kerrang a { width:86px; } .stageMenu li.kerrang a:hover,.stageMenu li.kerrang a.active { background:url(../images/buttons/stages.jpg) -903px -43px; } .stageMenu li a { margin:0; } /************************************************ FESTIVAL - HOME ************************************************/ .festival-home .left { width:633px; } .festival-home .right { width:350px; float:right; } .festival-home .left .flyer { background:url(../images/background/festival_flyer_middle.png) 0 0 repeat-y; width:633px; margin-bottom:19px; } .festival-home .left .flyer .top { background:url(../images/background/festival_flyer_top.png) 0 0; width:633px; height:12px; } .festival-home .left .flyer img { padding:0 10px 0 11px; } .festival-home .right .flyer img,.festival-home .left .flyer img { display:block; float:left; position:relative; border-width:0; } .festival-home .left .flyer .bottom { background:url(../images/background/festival_flyer_bottom.png) 0 0; width:633px; height:13px; } .festival-home .right .flyer { background:url(../images/background/festival_flyer_middle_small.png) 0 0 repeat-y; width:346px; margin-bottom:19px; } .festival-home .right .flyer .top { background:url(../images/background/festival_flyer_top_small.png) 0 0; width:346px; height:12px; } .festival-home .right .flyer img { padding:0 12px 0 13px; } .festival-home .right .flyer .bottom { background:url(../images/background/festival_flyer_bottom_small.png) 0 0; width:346px; height:15px; } /************************************************ FESTIVAL - DIRECTIONS ************************************************/ .festival #overlay2 { width:1039px; height:675px; position:absolute; display:block; z-index:6; } .festival #overlay3 { width:1039px; height:622px; position:absolute; display:block; z-index:6; } .festival #overlay2 img, .festival #overlay3 img { cursor:pointer; } .festival-directions .left { width:633px; } .festival-directions .right { width:350px; float:right; } .festival-directions .map { width:609px; height:383px; background:url(../images/background/map.png) 0 0; padding:15px 13px 15px 11px; margin-bottom:18px; border:none; cursor:pointer } .festival-directions .map2 { width:609px; height:352px; background:url(../images/background/map2.png) 0 0; padding:15px 13px 15px 11px; margin-bottom:18px; border:none; cursor:pointer } .festival-directions .right .directions { list-style:none; } .festival-directions .right .directions, .festival-directions .right .directions li,.festival-directions .right .directions li p,.festival-directions .right .directions li a { width:348px; float:left; position:relative; display:block; padding:0; margin:0; } .festival-directions .right .directions li { height:158px; background:url(../images/splitter/festival_directions.png) 0 151px no-repeat; margin-bottom:14px; } .festival-directions .right .directions li h2 { width:348px; height:43px; margin-bottom:12px; } .festival-directions .right .directions li p { height:72px; font-size:1.1em; padding:0 3px; width:342px; } .festival-directions .right .directions li a { color:#1c9ac6; font-size:1.1em; font-weight:bold; text-decoration:none; height:15px; padding:0 3px; width:342px; } .festival-directions .right .directions li a:hover { text-decoration:underline; } .festival-directions .right .directions li.car h2 { background:url(../images/title/travel_by_car.png) 0 0; } .festival-directions .right .directions li.train h2 { background:url(../images/title/travel_by_train.png) 0 0; } .festival-directions .right .directions li.foot h2 { background:url(../images/title/travel_by_foot.png) 0 0; } /************************************************ FESTIVAL - BANDS ************************************************/ .festival-bands #bands, .festival-bands #bands li, .festival-bands #bands li ul, .festival-bands #bands li ul li,.festival-bands #bands li ul li img,.festival-bands #bands li ul li div p,.festival-bands #bands li ul li div a,.festival-bands #bands li.header img,.festival-bands #pages,.festival-bands a.myspace { position:relative; float:left; display:block; width:1000px; margin:0; padding:0; } .festival-bands #bands { list-style:none; } .festival-bands #bands li.header { height:47px; background:url(../images/background/bands_header.png) 0 0 no-repeat; margin-bottom:16px; padding:11px 0 0 15px; width:985px; } .festival-bands #bands li.header h2 { width:625px; text-indent:0; height:36px; font-weight:bold; font-size:1.8em; } .festival-bands #bands li ul li { background:url(../images/background/band.png) 0 0 no-repeat; height:262px; margin-bottom:14px; } .festival-bands #bands li ul li img { width:382px; height:239px; padding:11px 23px 12px 9px; float:left; } .festival-bands #bands li.header img { float:right; margin-right:8px; padding:0; width:auto; height:auto; top:-8px; } .festival-bands #bands li ul li div { width:582px; height:250px; padding:8px 0 0 0; float:right; } .festival-bands #bands li ul li div h3 { width:440px; height:24px; text-indent:0; margin-bottom:16px; font-weight:bold; font-size:1.6em; } .festival-bands #bands li ul li div a { font-size:1.1em; color:#1c92c6; text-decoration:none; width:575px; height:20px; } .festival-bands #bands li ul li div a:hover { text-decoration:underline; } .festival-bands #bands li ul li div p { font-size:1.1em; color:#fff; margin:0 0 15px 0; padding:0; height:160px; width:575px; } .festival-bands #bands li ul li div p a { float:none; display:inline; position:static; color:#1c92c6; } .festival-bands #bands li ul li div a.myspace { width:25px; height:28px; float:right; background:url(../images/buttons/www_myspace.png) 0 0; text-indent:-9999px; overflow:hidden; position:relative; display:block; margin-right:15px; } .festival-bands #bands li ul li div a:hover.myspace { background:url(../images/buttons/www_myspace.png) 0 -28px; } .festival-bands #bands li ul li div a.webAddress { width:65px; height:25px; float:right; background:url(../images/buttons/www_myspace.png) -37px -2px; text-indent:-9999px; overflow:hidden; margin-top:2px; position:relative; display:block; margin-right:15px; } .festival-bands #bands li ul li div a:hover.webAddress { background:url(../images/buttons/www_myspace.png) -37px -30px; } .festival-bands #bands li ul li.focus div a.myspace { background:url(../images/buttons/www_myspace.png) 0 -56px; float:left; } .festival-bands #bands li ul li.focus div a:hover.myspace { background:url(../images/buttons/www_myspace.png) 0 -84px; } .festival-bands #bands li ul li.focus div a.webAddress { background:url(../images/buttons/www_myspace.png) -37px -58px; float:left; } .festival-bands #bands li ul li.focus div a:hover.webAddress { background:url(../images/buttons/www_myspace.png) -37px -86px; } .festival-bands #bands li ul li.focus { height:auto; background:url(../images/background/band2.png) 0 0 no-repeat; } .festival-bands #bands li ul li.focus div { height:auto; } .festival-bands #bands li ul li.focus div p { height:auto; } .festival-bands #bands li ul li.focus div a.close { background:url(../images/overlays/festival-close.png) 0 0; width:14px; height:13px; display:block; float:right; position:relative; margin-right:14px; overflow:hidden } .festival-bands #bands li ul li.focus div a.close:hover { background:url(../images/overlays/festival-close.png) -14px 0; } .festival-bands #bands li ul li div p.blue, .festival-past .events li .content div p .blue { color:#1c92c6; font-weight:bold; font-size:1.1em; } .festival-bands #bands li ul li div p.blue a, .festival-bands #bands li ul li div p .blue a { color:#fff; font-weight:bold; font-size:1.1em; } .festival-bands #pages { height:40px; list-style:none; background:url(../images/splitter/press.png) 0 34px no-repeat; margin-bottom:18px; } .festival-bands #pages li { width:auto; color:#fff; font-size:1.8em; font-weight:bold; } .festival-bands #pages li a { color:#fff; font-size:1em; font-weight:bold; text-decoration:none; } .festival-bands #pages li a:hover,.festival-bands #pages li a.active { color:#1c92c6; } .festival-bands a.buytickets { width:633px; height:152px; background:url(../images/buttons/buy_tickets4.png) 0 0 no-repeat; margin:0 17px 0 0; } .festival-bands a:hover.buytickets { background:url(../images/buttons/buy_tickets4.png) 0 -152px no-repeat; } .festival-bands a.buytickets, .soundcloud { margin-bottom:18px; } /************************************************ FESTIVAL - PRESS ************************************************/ .festival-press h2 { width:1000px; height:43px; } .festival-press h2.press-say { background:url(../images/title/press_what_people_say.png) 0 0; margin-bottom:13px; } .festival-press #articles, .festival-press #articles li, .festival-press #pages, .festival-press #pages li, .festival-press a.buyTickets,.festival-press #articles li img,.festival-pressOverlay .content img { position:relative; float:left; display:block; margin:0; padding:0; border-width:0; } .festival-press #articles { width:1014px; list-style:none; height:558px; background:url(../images/splitter/press.png) 0 551px no-repeat; margin-bottom:5px; } .festival-press #articles li { width:301px; height:239px; margin:0 15px 16px 0; background:url(../images/background/press_box.png) 0 0; padding:12px 11px 11px 11px; } .festival-press #pages { height:20px; list-style:none; margin-bottom:7px; width:1000px; } .festival-press #pages li { width:auto; color:#fff; font-size:1.8em; font-weight:bold; } .festival-press #pages li a { color:#fff; font-size:1em; font-weight:bold; text-decoration:none; } .festival-press #pages li a:hover,.festival-press #pages li a.active { color:#1C9AC6; } .festival-press a.buytickets { width:633px; height:152px; background:url(../images/buttons/buy_tickets4.png) 0 0 no-repeat; margin:0 17px 0 0; } .festival-press a:hover.buytickets { background:url(../images/buttons/buy_tickets4.png) 0 -152px no-repeat; } .festival-press a.buytickets, .soundcloud { margin-bottom:18px; } .pressOverlaycontent { width:997px; padding:0; margin:0; background:#000; border-right:#fff 1px solid; border-left:#fff 1px solid; } .pressOverlaycontent img { width:auto; height:auto; padding:0; background:none; } .festival-press h2.contact-press { background:url(../images/title/contact_our_press_dept.png) 0 0; margin-bottom:15px; } .festival-press #pressForm { width:983px; height:283px; color:#fff; font-size:1.2em; padding:0 0 0 17px; background:url(../images/splitter/press.png) 0 276px no-repeat; margin-bottom:22px; } .festival-press #pressForm label { color:#fff; font-size:1.2em; display:block; text-indent:0;} .festival-press #pressForm span input, .festival-press #pressForm span textarea { background:#fff; border-width:0; height:31px; margin-top:2px; padding:0 5px; font-size:1.4em; } .festival-press #pressForm span textarea { padding:5px; } .festival-press #pressForm span,.festival-press #pressForm #submit,.festival-press #pressForm img,.festival-press #pressForm p { position:relative; float:left; display:block; height:51px; } .festival-press #pressForm span #pressName { width:281px; } .festival-press #pressForm .pressNameCont { width:291px; margin:0 15px 8px 0; } .festival-press #pressForm span #pressEmail { width:326px; } .festival-press #pressForm .pressEmailCont { width:336px; margin:0 238px 8px 0; } .festival-press #pressForm img { width:87px; height:59px; float:right; margin-bottom:17px; } .festival-press #pressForm span #pressComment { width:633px; height:137px; } .festival-press #pressForm .pressCommentCont { width:643px; margin-right:12px; } .festival-press #pressForm a#submit { width:321px; height:150px; background:url(../images/buttons/submit_comment.png) 0 0; text-indent:-9999px; overflow:hidden; } .festival-press #pressForm a:hover#submit { background:url(../images/buttons/submit_comment.png) 0 -150px; } .festival-press #pressForm p { margin:10px 0 0 0; padding:0; font-size:1.8em; width:980px; height:auto; } /************************************************ FESTIVAL - GALLERY ************************************************/ .festival-gallery .left { width:633px; } .festival-gallery .left #imageView { width:609px; height:337px; background:url(../images/background/festival-gallery-main.png) 0 0; margin-bottom:18px; padding:14px 12px; } .festival-gallery .left #galleryAlbums,.festival-gallery .left #galleryAlbums li { margin:0; padding:0; position:relative; display:block; float:left; } .festival-gallery .left #galleryAlbums { width:648px; height:255px; list-style:none; } .festival-gallery .left #galleryAlbums li { width:201px; margin:0 15px 13px 0; height:121px; background:url(../images/splitter/gallery-album2.png) 0 115px no-repeat; } .festival-gallery .left #galleryAlbums li h2 { background:url(../images/background/festival-gallery-album-head.png) 0 0; width:194px; height:25px; text-indent:0; color:#fff; font-size:1.4em; font-weight:bold; padding:6px 0 0 7px; } .festival-gallery .left #galleryAlbums li img { border-width:0; width:201px; height:84px; cursor:pointer } .festival-gallery .right { width:350px; float:right; } .festival-gallery .right .galleryBox { width:320px; height:334px; padding:16px 13px 16px 14px; background:url(../images/background/festival-gallery.png) 0 0; margin-bottom:16px; } .festival-gallery .right .galleryBox #galleryBox #galleryBox2 { width:320px; } .festival-gallery .right .galleryBox #galleryBox { width:320px; height:291px; background:#000; } .festival-gallery .right .galleryBox #galleryBox img { display:block; float:left; position:relative; cursor:pointer; } .festival-gallery .right .galleryBox a { width:160px; height:41px; display:block; float:left; position:relative; } .festival-gallery .right .galleryBox a#next { background:url(../images/buttons/gallery_next2.png) 0 0; } .festival-gallery .right .galleryBox a:hover#next { background:url(../images/buttons/gallery_next2.png) -160px 0; } .festival-gallery .right .galleryBox a#last { background:url(../images/buttons/gallery_last2.png) 0 0; } .festival-gallery .right .galleryBox a:hover#last { background:url(../images/buttons/gallery_last2.png) -160px 0; } .festival-gallery .right a.buytickets { background:url(../images/buttons/buy_tickets5.png) 0 0; width:350px; height:120px; float:left; display:block; position:relative; overflow:hidden; text-indent:-9999px; } .festival-gallery .right a:hover.buytickets { background:url(../images/buttons/buy_tickets5.png) 0 -120px; } .festival-gallery .right .soundcloud { margin-bottom:16px; } /************************************************ FESTIVAL - VIDEO ************************************************/ .festival-video .left { width:633px; } .festival-video .left .video { width:609px; height:337px; background:url(../images/background/festival-gallery-main.png) 0 0; margin-bottom:18px; padding:14px 12px; } .festival-video .left #video2,.festival-video .left #video { width:609px; height:337px; } .festival-video .left #galleryAlbums,.festival-video .left #galleryAlbums li { margin:0; padding:0; position:relative; display:block; float:left; } .festival-video .left #galleryAlbums { width:648px; height:255px; list-style:none; } .festival-video .left #galleryAlbums li { width:201px; margin:0 15px 13px 0; height:121px; background:url(../images/splitter/gallery-album2.png) 0 115px no-repeat; } .festival-video .left #galleryAlbums li h2 { background:url(../images/background/festival-gallery-album-head.png) 0 0; width:194px; height:25px; text-indent:0; color:#fff; font-size:1.4em; font-weight:bold; padding:6px 0 0 7px; } .festival-video .left #galleryAlbums li img { border-width:0; width:201px; height:84px; cursor:pointer } .festival-video .right { width:350px; float:right; } .festival-video .right .galleryBox { width:320px; height:334px; padding:16px 13px 16px 14px; background:url(../images/background/festival-gallery.png) 0 0; margin-bottom:16px; } .festival-video .right .galleryBox #galleryBox { width:320px; height:291px; background:#000; } .festival-video .right .galleryBox #galleryBox #galleryBox2 { list-style:none; margin:0; padding:0; width:320px; } .festival-video .right .galleryBox #galleryBox img { display:block; float:left; position:relative; cursor:pointer; } .festival-video .right .galleryBox a { width:160px; height:41px; display:block; float:left; position:relative; } .festival-video .right .galleryBox a#next { background:url(../images/buttons/gallery_next2.png) 0 0; } .festival-video .right .galleryBox a:hover#next { background:url(../images/buttons/gallery_next2.png) -160px 0; } .festival-video .right .galleryBox a#last { background:url(../images/buttons/gallery_last2.png) 0 0; } .festival-video .right .galleryBox a:hover#last { background:url(../images/buttons/gallery_last2.png) -160px 0; } .festival-video a.buytickets { width:633px; height:152px; background:url(../images/buttons/buy_tickets4.png) 0 0 no-repeat; margin:0 17px 0 0; } .festival-video a:hover.buytickets { background:url(../images/buttons/buy_tickets4.png) 0 -152px no-repeat; } .festival-video a.buytickets, .soundcloud { margin-bottom:18px; } .festival-video .right a.buytickets { background:url(../images/buttons/buy_tickets5.png) 0 0; width:350px; height:120px; float:left; display:block; position:relative; overflow:hidden; text-indent:-9999px; } .festival-video .right a:hover.buytickets { background:url(../images/buttons/buy_tickets5.png) 0 -120px; } .festival-video .right .soundcloud { margin-bottom:16px; } /************************************************ FESTIVAL - PAST EVENTS ************************************************/ .festival-past .events, .festival-past .events li, .festival-past .events li img, .festival-past .events li .content a { width:996px; padding:0; margin:0; display:block; float:left; position:relative; } .festival-past .events { list-style:none; } .festival-past .events li { margin-bottom:14px; background:url(../images/background/past-events.png) 0 0; height:auto; overflow:hidden; background:url(../images/background/pastEventsBase.png) right bottom no-repeat; } .festival-past .events li .imageCont { width:633px; height:auto; float:left; background:url(../images/background/pastImgMiddle.png) 0 0 repeat-y; } .festival-past .events li .imageCont .top { background:url(../images/background/pastImgTop.png) 0 0; width:633px; height:14px; } .festival-past .events li .imageCont .base { background:url(../images/background/pastImgBase.png) 0 0; width:633px; height:14px; } .festival-past .events li .imageCont img { width:607px; padding:0 30px 0 12px; } .festival-past .events li .content { width:349px; float:right; padding:0 0 0 0; background:url(../images/background/pastEventsH2.png) right top no-repeat; } .festival-past .events li .content h2 { width:327px; height:28px; color:#fff; text-indent:0; margin:10px 10px 21px 0; float:right; font-weight:bold; font-size:1.6em; } .festival-past .events li .content div { width:347px; overflow:hidden; } .festival-past .events li .content a { font-size:1.1em; color:#1c92c6; text-decoration:none; width:347px; height:20px; } .festival-past .events li .content a:hover { text-decoration:underline; } .festival-past .events li .content div p { font-size:1.1em; color:#fff; margin:0 0 15px 0; padding:0; } .festival-past .events li .content div p a { float:none; display:inline; position:static; color:#1c92c6; } .festival-past .events li .content div p.blue, .festival-past .events li .content div p .blue { color:#1c92c6; font-weight:bold; font-size:1.1em; } .festival-past .events li .content div p.blue a, .festival-past .events li .content div p .blue a { color:#fff; font-weight:bold; font-size:1.1em; } .festival-past a.buytickets { width:633px; height:152px; background:url(../images/buttons/buy_tickets4.png) 0 0 no-repeat; margin:0 17px 0 0; } .festival-past a:hover.buytickets { background:url(../images/buttons/buy_tickets4.png) 0 -152px no-repeat; } .festival-past a.buytickets, .soundcloud { margin-bottom:18px; } /************************************************ FESTIVAL - BLOG ************************************************/ .festival-blog .left { width:755px; } .festival-blog .left #blogs, .festival-blog .left #blogs li,.festival-blog .left #blogs li img,.festival-blog .left #blogs li div p,.festival-blog .left #blogs li div a,.festival-blog .left #pages,.festival-blog .left #pages li { position:relative; float:left; margin:0; padding:0; display:block; width:755px; } .festival-blog #overlay { width:754px; } .festival-blog .left #blogs { list-style:none; height:722px; margin-bottom:12px; overflow:hidden; } .festival-blog .left #blogs li { height:228px; background:url(../images/background/fest-blog-header.png) 0 0 no-repeat; margin-bottom:19px; } .festival-blog .left #blogs li h2,.festival-blog .left #blogs li h3,.festival-blog #overlay .top h2,.festival-blog #overlay .top h3 { padding:10px 0 0 15px; color:#fff; font-size:1.8em; font-weight:bold; width:600px; text-indent:0; height:45px; } .festival-blog .left #blogs li h3,.festival-blog #overlay .top h3 { padding:10px 20px 0 0; width:115px; text-align:right; } .festival-blog .left #blogs li.focus h2 { width:590px; } .festival-blog .left #blogs li.focus h3 { padding-right:10px; } .festival-blog .left #blogs li.focus a.close { background:url(../images/overlays/festival-close.png) 0 0; width:14px; height:14px; display:block; float:left; position:relative; margin-top:9px; overflow:hidden } .festival-blog .left #blogs li.focus a.close:hover { background:url(../images/overlays/festival-close.png) -14px 0; } .festival-blog .left #blogs li img { width:243px; height:169px; border:#00aad2 2px solid; } .festival-blog .left #blogs li div { width:495px; float:right; border-bottom:#00aad2 2px solid; height:171px; overflow:hidden } .festival-blog .left #blogs li.focus div { border-width:0; height:auto; } .festival-blog .left #blogs li div p { width:495px; font-size:1.1em; height:139px; } .festival-blog .left #blogs li.focus div p { height:auto; } .festival-blog .left #blogs li div a { color:#00aad2; font-size:1.1em; font-weight:bold; text-decoration:none; width:495px; height:15px; } .festival-blog .left #blogs li div a:hover { text-decoration:underline; } .festival-blog .left #pages { height:40px; list-style:none; background:url(../images/splitter/festival-blog.png) 0 34px no-repeat; margin-bottom:18px; } .festival-blog .left #pages li { width:auto; color:#fff; font-size:1.8em; font-weight:bold; } .festival-blog .left #pages li a { color:#fff; font-size:1em; font-weight:bold; text-decoration:none; } .festival-blog .left #pages li a:hover,.festival-blog .left #pages li a.active { color:#00aad2; } .festival-blog .right { width:217px; float:right; } .festival-blog .right h2 { width:217px; height:56px; background:url(../images/title/blog_archive2.png) 0 0; } .festival-blog .right .archive,.festival-blog .right .archive li,.festival-blog .right .archive li a,.festival-blog .right .archivebase { display:block; float:left; position:relative; } .festival-blog .right .archive { list-style:none; padding:0 15px 3px 14px; margin:0; width:188px; background:url(../images/background/blog_archive2.png) 0 0 repeat-y; } .festival-blog .right .archive li { height:17px; border-bottom:#00677e 2px solid; padding:12px 0 14px 2px; margin:0; width:186px; } .festival-blog .right .archive li a { width:128px; height:17px; text-indent:-9999px; overflow:hidden; } .festival-blog .right .archive li.y2009 a { background:url(../images/calendar2/2009.png) 0 0; } .festival-blog .right .archive li.y2009 a:hover,.festival-blog .right .archive li.y2009 a.active { background:url(../images/calendar2/2009.png) -128px 0; } .festival-blog .right .archive li.y2010 a { background:url(../images/calendar2/2010.png) 0 0; } .festival-blog .right .archive li.y2010 a:hover,.festival-blog .right .archive li.y2010 a.active { background:url(../images/calendar2/2010.png) -128px 0; } .festival-blog .right .archive li.y2011 a { background:url(../images/calendar2/2011.png) 0 0; } .festival-blog .right .archive li.y2011 a:hover,.festival-blog .right .archive li.y2011 a.active { background:url(../images/calendar2/2011.png) -128px 0; } .festival-blog .right .archive li.y2012 a { background:url(../images/calendar2/2012.png) 0 0; } .festival-blog .right .archive li.y2012 a:hover,.festival-blog .right .archive li.y2012 a.active { background:url(../images/calendar2/2012.png) -128px 0; } .festival-blog .right .archive li.y2013 a { background:url(../images/calendar2/2013.png) 0 0; } .festival-blog .right .archive li.y2013 a:hover,.festival-blog .right .archive li.y2013 a.active { background:url(../images/calendar2/2013.png) -128px 0; } .festival-blog .right .archive li.january a { background:url(../images/calendar2/january.png) 0 0; } .festival-blog .right .archive li.january a:hover,.festival-blog .right .archive li.january a.active { background:url(../images/calendar2/january.png) -128px 0; } .festival-blog .right .archive li.february a { background:url(../images/calendar2/february.png) 0 0; } .festival-blog .right .archive li.february a:hover,.festival-blog .right .archive li.february a.active { background:url(../images/calendar2/february.png) -128px 0; } .festival-blog .right .archive li.march a { background:url(../images/calendar2/march.png) 0 0; } .festival-blog .right .archive li.march a:hover,.festival-blog .right .archive li.march a.active { background:url(../images/calendar2/march.png) -128px 0; } .festival-blog .right .archive li.april a { background:url(../images/calendar2/april.png) 0 0; } .festival-blog .right .archive li.april a:hover,.festival-blog .right .archive li.april a.active { background:url(../images/calendar2/april.png) -128px 0; } .festival-blog .right .archive li.may a { background:url(../images/calendar2/may.png) 0 0; } .festival-blog .right .archive li.may a:hover,.festival-blog .right .archive li.may a.active { background:url(../images/calendar2/may.png) -128px 0; } .festival-blog .right .archive li.june a { background:url(../images/calendar2/june.png) 0 0; } .festival-blog .right .archive li.june a:hover,.festival-blog .right .archive li.june a.active { background:url(../images/calendar2/june.png) -128px 0; } .festival-blog .right .archive li.july a { background:url(../images/calendar2/july.png) 0 0; } .festival-blog .right .archive li.july a:hover,.festival-blog .right .archive li.july a.active { background:url(../images/calendar2/july.png) -128px 0; } .festival-blog .right .archive li.august a { background:url(../images/calendar2/august.png) 0 0; } .festival-blog .right .archive li.august a:hover,.festival-blog .right .archive li.august a.active { background:url(../images/calendar2/august.png) -128px 0; } .festival-blog .right .archive li.september a { background:url(../images/calendar2/september.png) 0 0; } .festival-blog .right .archive li.september a:hover,.festival-blog .right .archive li.september a.active { background:url(../images/calendar2/september.png) -128px 0; } .festival-blog .right .archive li.october a { background:url(../images/calendar2/october.png) 0 0; } .festival-blog .right .archive li.october a:hover,.festival-blog .right .archive li.october a.active { background:url(../images/calendar2/october.png) -128px 0; } .festival-blog .right .archive li.november a { background:url(../images/calendar2/november.png) 0 0; } .festival-blog .right .archive li.november a:hover,.festival-blog .right .archive li.november a.active { background:url(../images/calendar2/november.png) -128px 0; } .festival-blog .right .archive li.december a { background:url(../images/calendar2/december.png) 0 0; } .festival-blog .right .archive li.december a:hover,.festival-blog .right .archive li.december a.active { background:url(../images/calendar2/december.png) -128px 0; } .festival-blog .right .archive li.b4Years { height:17px; border-bottom:#00677e 5px solid; padding:12px 0 14px 2px; margin:0; width:186px; } .festival-blog .right .archivebase { margin-bottom:34px; } .festival-blog #overlay { position:absolute; z-index:6; width:754px; float:none; } .festival-blog #overlay .top { width:754px; height:44px; background:url(../images/background/fest-blog-header.png) 0 0; padding:0; } .festival #overlay .top h2 { width:900px; height:30px; text-indent:0; font-weight:bold; font-size:1.6em; } .festival-blog #overlay .top a#close,.festival-blog #overlay .top a.close { background:url(../images/overlays/festival-close.png) 0 0; width:14px; height:14px; display:block; float:left; position:relative; margin-top:9px; overflow:hidden } .festival-blog #overlay .top a#close:hover,.festival-blog #overlay .top a.close:hover { background:url(../images/overlays/festival-close.png) -14px 0; } .festival-blog #overlay .content { width:725px; border-right:#fff 1px solid; border-left:#fff 1px solid; background:#000; padding:16px 13px; } .festival-blog #overlay .content img { width:230px; height:169px; display:block; float:left; position:relative; border:#00aad2 2px solid; margin-right:10px; background:none; padding:0; } .festival-blog #overlay .content div { width:480px; } .festival-blog #overlay .content div p { width:480px; font-size:1.1em; padding:0; margin:0 0 15px 0; display:block; float:left; position:relative; } .festival-blog #overlay .content div p a { color:#00aad2; font-size:1.1em; text-decoration:none; } .festival-blog #overlay .content div p a:hover { text-decoration:underline; } .festival-blog #overlay .base { width:754px; height:22px; background:url(../images/overlays/club-footer.png) 0 0; } .festival-blog #overlay .top h2 { height:auto; width:580px; } .festival-blog #overlay .top .h3 { } .clubs-calendar .right #months a.active { background-position:-128px 0; } .festival-blog .right .soundcloud { background:url(../images/background/soundcloud2.png) 0 0; width:201px; height:132px; padding:8px 8px 12px 8px; } .festival-blog .right .soundcloud .soundcloud2 { width:201px; height:132px; } .festival-blog .right .soundcloud .soundcloud2 #soundcloud { width:201px; height:132px; } /************************************************ RECORDS ************************************************/ .records h1 { position:absolute; display:block; z-index:2; right:0; top:4px; background:url(../images/logo/slamdunk_records2.png) 0 0; width:453px; height:201px; text-indent:-9999px; } .records .footer { width:1000px; } .records .footer p { width:729px; } .records .menu1 { width:953px; height:51px; list-style:none; padding:17px 0 30px 47px; margin:135px 0 0 0; display:block; float:left; position:relative; background:url(../images/navigation/records-menu.jpg) 0 0; } .records .menu1 li,.records .menu1 li a,.records .menu2 li,.records .menu2 li a { display:block; float:left; position:relative; height:21px; } .records .menu1 li.festivalLink, .records .menu1 li.festivalLink a { width:303px; } .records .menu1 li.clubsLink, .records .menu1 li.clubsLink a { width:238px; } .records .menu1 li.clubsLink { margin-right:64px; } .records .menu1 li.festivalLink { margin-right:0px; } .records .menu1 li a { text-indent:-9999px; overflow:hidden; } .records .menu1 li.clubsLink a:hover,.records .menu1 li.clubsLink a.active { background:url(../images/navigation/records-menu.jpg) -47px -116px; } .records .menu1 li.festivalLink a:hover,.records .menu1 li.festivalLink a.active { background:url(../images/navigation/records-menu.jpg) -349px -116px; } .records .content { width:1000px; height:533px; background:url(../images/background/records_coming_soon.png) center center no-repeat; } .records form#signupForm { padding:7px 0 0 19px; height:76px; margin-bottom:21px; width:617px; background:url(../images/background/records_signup.png) 3px 0 no-repeat; } .records form#signupForm input { margin-top:8px; } .records form#signupForm h2 { width:133px; height:68px; background:url(../images/title/records_signup.png) 0 0 no-repeat; }