/* CSS Document */ /* * V 1.3 * Latitude Festival / Live Nation Digital UK * http://www.livenation.co.uk/ * Mariana Godoy G. / Simon Wilder */ /***** GENERAL *****/ html, body { margin:0; padding:0;height:100%; } body { background:#E8F7FF url(/_Resources/img/bg.PNG) repeat-x; } img { border: 0px; } .clear { clear:both; } #ArtistPage .stages { clear: both; margin: 15px 0 10px 10px; } #ArtistPage .hour, .stage_times { clear: both; margin: 5px 0 5px 15px; } /* frame */ #wrapper { position: relative; padding:0; margin:0 auto; background:transparent url(/_Resources/img/bg_tile.jpg) repeat center top; width: 1040px; height: auto; } #contentHolder { position: relative; padding:0; margin:-12px auto; background:transparent url(/_Resources/img/bg_top.jpg) no-repeat center top; width: 1040px; overflow: hidden; } #tempContent { height: 500px; float: left; display: block; width: 100%; } #tempContent h4 { margin: 0 auto; } /* IE 7 FIXES */ #contentHolder { position: relative; padding:0; margin:-12px auto; width: 1040px; min-height: 457px; height:auto !important; height: 457px; background:transparent url(/_Resources/img/bg_top.jpg) no-repeat top center; } #poster { margin: 2px 0 38px 0; width: 300px; height: 446px; *margin: 2px 10px 35px 0; } #contentHolder .description { width: 570px; *width: auto; } /***** HEADER *****/ #header #headerHolder { position: relative; height: 248px; width: 1040px; overflow: hidden; padding-top: 23px;} #header #headerHolder span.header { position: absolute;left: 0; top: 0; height: 259px; width: 1040px; background-image: url(/_Resources/img/bg_header3.jpg); background-repeat: no-repeat; } #headerHolder h4, #headerHolder p { padding-left: 60px; } h1 { margin:0; padding:0; display: block; width: 340px; height: 115px; position: absolute; top: 25px; left: 350px; } h1 a{ display: block; width: 340px; height: 115px; overflow: hidden; } h1 a span{ position: absolute; left: -9999em; } p.countdown { position: absolute; left: 0; margin: 60px 0 20px 655px; } span#countdown div { float: left; margin-right: 10px; } span#countdown span { display: block; margin-top: -5px; } /***** CONTENT *****/ .separator-green-line { float: left; margin: 10px 0px 10px 0px; height: 1px; width: 589px; } .container { width: 260px; padding: 10px 0 10px 15px; margin-top: 15px; *padding: 0; *margin: 20px auto; } /* HOME */ #latitudeVideo { width: 570px; height: 360px; margin-top: 0px auto; margin: 10px 0 0 10px; } #latitudeVideo span, #latitudeVideo span { display: block; margin: 130px 0 0 180px; } .galleryHero { height: auto; margin: 10px auto; padding: 0px;} .tab-home { width: 238px; height: 38px; background: #E2F4FE url(/_Resources/img/tab-home.png) no-repeat; margin-bottom: -1px; } .tab-home h3 { padding: 5px 0 0 15px ; } /***** HOME LEFT **/ #contentHolder .content_left_home { width: 600px; margin: 10px 0 0 63px;padding: 0; float: left; height: auto; *margin: 10px 0 0 63px; *width: 614px; } .box590 { width: 590px; height:auto; margin-bottom: 20px; background: url(/_Resources/img/box-590-top.png) no-repeat; } .box590_bottom { width: 590px; height:18px; background: #E2F4FE url(/_Resources/img/box-590-bottom.png) no-repeat; } .box590_bottomHero { width: 590px; height:18px; background: #E2F4FE url(/_Resources/img/box-590-bottom.png) no-repeat; margin: -20px 0 20px; } .box300 { width: 300px; background: url(/_Resources/img/box-300-top.png) no-repeat; overflow: visible;clear: both; } .box300_bottom { width: 300px; height:18px; margin-bottom: 15px; background: #E2F4FE url(/_Resources/img/box-300-bottom.png) no-repeat; *margin-bottom: 0; *padding-bottom: 15px; clear: both;} .box-join { width: 308px; height: 231px; margin-bottom: 15px; background: url(/_Resources/img/box-join.png) no-repeat; } .box-join .icons-social { background: url(/_Resources/img/icons-social.png) no-repeat; width: 263px; height: 40px; margin: 35px auto; } .botom-deliminator { clear: both;} #poster IMG { width: 300px; height: 465px; } /***** HOME RIGHT **/ #contentHolder .content_right { float:left; height:auto; margin: 8px 0 0 11px;padding:0; width:auto; *margin: 8px 0 0 0px; } /* ARENAS programme + info flower hover boxes */ .box300 .arenas {} .box300 .arenas h3 { padding-left:15px; } .box300 .arenas ul { margin-top:20px; } .box300 .arenas ul li { display:block; text-align:center; margin:3px auto 0 auto; } .box300 .arenas ul li a.fleurons, #lineupArtistList a.fleurons, ul#submenuinfo li a.fleurons { padding-left:30px; display:inline-block; background:none; } .box300 .arenas ul li a.fleurons span { padding-right:30px; float:left; display:block; height:15px; background:none; } .box300 .arenas ul li a:hover.fleurons { background: url(/_Resources/img/fleurons2.png) no-repeat left 4px; } .box300 .arenas ul li a:hover.fleurons span, ul#submenuinfo a:hover.fleurons span { text-decoration:none; background: url(/_Resources/img/fleurons2.png) no-repeat right -85px; } .break { *clear: both; *display: block; height:8px; *margin-top: 8px;} .box300 .arenas ul li a.fleurons.stage, #lineupArtistList a.fleurons.stage, ul#submenuinfo li a.fleurons.stage { text-decoration:none; background: url(/_Resources/img/fleurons2.png) no-repeat right -85px; } .box300 .arenas ul li a.fleurons.stage span, ul#submenuinfo a:.fleurons.stage span {background: url(/_Resources/img/fleurons2.png) no-repeat left 4px; } .box300 .arenas ul li a.fleurons.stage { background: url(/_Resources/img/fleurons2.png) no-repeat left 4px; } .box300 .arenas ul li a.fleurons.stage span {text-decoration:none; background: url(/_Resources/img/fleurons2.png) no-repeat right -85px; } .box300 .atoz h3 { padding-left:15px; } .box300 .atoz .promo{ padding: 10px; } #lineupArtistList a.fleurons { width: auto; padding: 0 30px 0 0; background: url(/_Resources/img/fleurons2.png) no-repeat right -85px; } ul#submenuinfo{ display: block; overflow: hidden; } ul#submenuinfo li { display:block; margin-bottom: 0.5em; } ul#submenuinfo li a{ display: block; } ul#submenuinfo li a:hover.fleurons { background: url(/_Resources/img/fleurons2.png) no-repeat left 4px; padding: 0px; } ul#submenuinfo li span { padding-left: 30px; } ul#submenuinfo li a.fleurons span { padding-right:30px; display:block; background:none; } #lineupArtistList a.fleurons span { background: url(/_Resources/img/fleurons2.png) no-repeat left 4px; } #lineupArtistList a:hover.fleurons span, #lineupArtistList a.fleurons span { background: url(/_Resources/img/fleurons2.png) no-repeat left 4px; padding-left: 30px; } /* twitter */ /* #twitterBox { width: 300px; height: auto; background: transparent url(/_Resources/img/box-blitter-top.png) no-repeat top center; }*/ #twitterBox { margin-bottom: 15px; width: 300px; height: 210px; overflow: hidden; background: transparent url(/_Resources/img/box-twitter3.png) no-repeat; } #twitterBox a.moreNews { margin-left: 105px; } #twitterBox h2, .commBox h2 { margin:0; padding: 7px 0 0 12px; } #twitterFeed ul { padding: 5px; } #latestTweet{ min-height: 140px; height: auto !important; height: 140px;} #twitterFeed li, #latestTweet { padding: 5px 10px 10px; } #latestTweet p.tweet { width: 168px; margin: 15px 0 0 105px; overflow: hidden; word-wrap:break-word;} .tweetDetails { color: #8e8e8e; } p.tweetDetails { margin: 0; padding: 0 0 0 105px; width: 170px; } #twitterFeed li { width: auto; height:auto; background: transparent url(/_Resources/img/separator-twitterbox.png) no-repeat bottom center; overflow: hidden; } #twitterFeed h3 { margin-left: 9px; padding-top: 18px; } #twitterFeed a#track_hp_twitter { padding: 5px 5px 5px 15px; } /* community */ .commBox h3 { padding: 0 0 20px; margin: 0; } .commBox a { } .commBox h4 { padding: 20px 10px 20px; margin: 0; clear: both; } .commBox h5 { padding: 10px 0px 10px; margin: 0; clear: both; } img.newsletter { margin-left: 10px; padding-bottom: 20px; } #commBox h4 { margin: 0 auto; clear: both; } #pressPage .info-body{ margin-bottom: 30px; } .showhide_all{ margin-left: 80px; font-weight: bold; } span.mes { display: block; position: relative; margin: -300px 0 0 50px; background-color: #fff; width: 200px; height: 20px; padding: 6px 5px 0; text-align: center; } /* ARTIST PAGES */ #contentHolder .sepArtist { width: 601px; height: 41px; display: block; clear: both; margin: 0 0 10px 60px; background: url(/_Resources/img/title-artist-info.png) no-repeat center top; display: block; } #contentHolder .sepInfo { width: 601px; height: 41px; display: block; clear: both; font-size: 12px; margin-bottom: 30px; background: url(/_Resources/img/title-info.png) no-repeat center top; display: block; } #contentHolder .also-appearing { clear: both; margin: 15px auto; padding-top: 30px; width: 300px; } img.artistImage { padding: 20px 0 0 10px; width: 570px;} p.artist { clear: both; margin-top: 30px; padding: 0 30px 0 10px; } ul.left { float: left; width: 45%; margin-left: 10px; } .separatorGreen { margin: 20px 0 20px 0; padding-bottom:10px; background: url(/_Resources/img/separator-green-line.png) repeat-x bottom; } #contentHolder #ArtistPage .news_rightArtist { width:301px; float:left; margin-top: -70px;} #contentHolder #ArtistPage a.albums b { padding-left: 5px; } #contentHolder #ArtistPage span .albums { display:block; float:left; height: auto; padding: 5px 5px 0px 0; width:115px;} #contentHolder #ArtistPage img.albums { width: 102px; height: 104px; padding: 15px 0px 10px; } #contentHolder #ArtistPage img.albumsIMG { width: 102px; height: 105px; padding: 15px 5px 10px; } #contentHolder #ArtistPage .separator { background:transparent url(/_Resources/img/saparator-600.png) no-repeat bottom center; width: 600px; height: 30px; margin: 0px 0 30px; display: block; } #contentHolder #ArtistPage a div, #ArtistPage ul.left li .perform { display: block; } #contentHolder #ArtistPage ul.left li a { padding-top: 5px; } #contentHolder #ArtistPage .topTracks h2 { padding: 0 5px 8px 0; } #contentHolder a.lightbox { float: left; padding: 0px; border: 3px solid transparent; height: 465px; } #contentHolder a:hover.lightbox { border: 3px solid #2F7A2E; float: left; height: 465px; } #contentHolder .play { padding-left: 10px; } /** ARTISTS **/ .artistSection { padding-bottom: 20px; } .artistImage { padding-bottom: 10px; } .topAlbums span a { display: block; float: left; padding: 0 15px 40px 0; width: 160px; height: 70px; } .topAlbums img { padding-bottom: 5px; width: 65px; height: 65px; } .topAlbums b { display: block; } .topTracks span a { display: block; clear: both; } .topTracks .trackNo { float: left; padding: 0 10px 5px 20px; width: 50px; } .topTracks .trackName { float: left; padding-right: 10px; width: 250px; } .topTracks .playCount { color: #fff; } div.col { float: left; width: 180px; margin-left: 65px; } h2.artistAZ { background: url(/_Resources/img/title-artists-a-z.png) -1px 0 no-repeat; width: 911px; height: 41px; margin: 0 auto 40px auto; text-indent: -1000px; } div.col h3 { margin: 0 0 10px 0; padding: 0; } div.col li { margin-bottom: 10px; } /****** BUTTONS ********/ .btn-register { margin: 0 auto; display: block; width: 213px; height: 40px; background: url(/_Resources/img/btn-register.png) -1px 0 no-repeat; } .btn-register:hover, .btn-register:focus { background-position: -1px -40px; } .btn-green { margin: 0 auto; display: block; width: 213px; height: 40px; background: url(/_Resources/img/btn-green.png) -1px 0 no-repeat; } .btn-green:hover, .btn-green:focus { background-position: -1px -40px; } .btn-tickets { margin: 0 auto; display: block; width: 213px; height: 40px; background: url(/_Resources/img/btn-tickets2.png) -1px 0 no-repeat; } .btn-tickets:hover, .btn-tickets:focus { background-position: -1px -40px; } /* NEWS mf 15/01/10*/ #newsPage, #ArtistPage, #communityPage { width:976px; margin-left:62px; } #infoPage { width:976px; margin-left:62px; float: left; *margin-top: -10px;} #pressPage { width:976px; margin-left:62px; float: left; *margin-top: -10px;} #newsPage .news_left, #ArtistPage .news_left, .register .news_left, .comm_left { width:601px; float:left; margin-right:15px; } #newsPage .news_right, #ArtistPage .news_right, .register .news_right, .comm_right { width:301px; float:left; } #newsPage .news_left h2 { color:#006838; font-size:17px; text-transform: capitalize; margin-top: 5px;} #newsPage .news_left h2.first { margin-top: 28px; } #newsPage .news_left .newsItem { margin: 20px 0 20px 0; *margin: 20px 0 30px 0; background: url(/_Resources/img/separator-green-line.png) repeat-x bottom; } #newsPage .news_left .newsItem.last { background: none; } /*#newsPage .news_left .newsItem strong { margin-bottom: 20px; overflow: hidden; }*/ #newsPage .news_left .newsItem strong a { float: none; } #newsPage .news_left .newsItem img { width: 330px; height: 225px; float:left; margin:2px 20px 20px 0; } #newsPage .news_left .newsItem span.date { display:block; margin-bottom:10px; } #newsPage a.button, #ArtistPage a.button { background: url(/_Resources/img/btn-bg.png) repeat-x; clear: both; white-space: nowrap; display: block; height: 21px; line-height: 21px; padding: 0 10px; border: solid 1px #005E30; font-size: 14px; font-weight: bold; color: #00667D; width: 45px; zoom: 1; margin-top: 20px;} #ArtistPage a.button { background: url(/_Resources/img/btn-bg.png) repeat-x; clear: both; white-space: nowrap; display: block; height: 21px; line-height: 21px; padding: 0 10px; border: solid 1px #005E30; font-size: 14px; font-weight: bold; color: #00667D; width: 45px; zoom: 1; margin-top: 20px;} #lineupArtistList a.button { background: url(/_Resources/img/btn-bg.png) repeat-x; white-space: nowrap; display: block; height: 21px; line-height: 21px; padding: 0 10px; border: solid 1px #005E30; font-size: 14px; font-weight: bold; color: #00667D; width: 75px; zoom: 1; margin: -16px 98px 0 0; float: right; } #newsPage a.button:hover, #ArtistPage a.button:hover { background-position: 0 -21px; text-decoration: none; } a.azbutton { display: block; width: 217px; height: 36px; overflow: hidden; text-indent: -9999px; background: transparent url(../img/btn_a2z.png) left bottom no-repeat;} a.azbutton:hover {background-position: left top;} #lineupArtistList a.azbutton{ float: right; margin-right: 65px; } .box300 a.azbutton{ margin: 0 auto; } /*#newsPage #article a.button, #ArtistPage a.button { float: none; margin: auto; width: 45px; }*/ /* PHOTO mg 19/01/10 */ #photoPage { float:left; width:913px; margin-left:64px; overflow: hidden; } #photoPage .photo_left { width:589px; float:left; margin-right: 23px; overflow: hidden; } #photoPage .photo_right { width:301px; float:left; overflow: hidden; } #photoPage a.button { background: url(/_Resources/img/btn-bg.png) repeat-x; display: block; height: 21px; padding: 0 10px; border: solid 1px #005E30; } #photoPage a.button:hover { background-position: 0 -21px;} /* NEWS HOME */ #contentHolder .news { width: 590px; height: 160px; display: block; clear: both; font-size: 12px; padding: 10px 0 10px 0; background: url(/_Resources/img/separator-green-line.png) no-repeat center top; display: block; } #contentHolder .news img { width: 240px; height: 160px; display: block; float: left; padding-right: 15px; } #contentHolder .description .date { display: block; padding-bottom: 3px; } #contentHolder .description .title { padding-bottom: 8px; display: block; } #contentHolder .recent { width: 590px; height: auto; display: block; clear: both; padding: 10px 0 0 8px; background: url(/_Resources/img/separator-green-line.png) no-repeat center top; display: block; } #contentHolder .recent li { padding-bottom: 5px; } #contentHolder .separator { background:transparent url(/_Resources/img/saparator-600.png) no-repeat bottom center; width: 600px; height: 30px; margin-top: 15px; display: block; } #contentHolder ul.posts li.previous { width: 130px; display: block; margin: 0 0px 0 60px; float: left; } #contentHolder ul.posts li.next { width: auto; *width: 95px; display: block; margin: 0 75px 0 0; float: right; } #contentHolder ul.posts { width: 92%; *width: 83%; margin: 0 auto; } #contentHolder ul.posts li { width: auto; *width: 140px; display: block; margin: 0 80px 0 0; float: right; } #contentHolder ul.posts a { display: block; background:url(/_Resources/img/fleurons2.png) no-repeat -5px 5px; *background:url(/_Resources/img/fleurons2.png) no-repeat 10px 5px; } #contentHolder ul.posts a span { display: block; float: right; background:url(/_Resources/img/fleurons2.png) no-repeat 8px bottom; margin-top: 5px; *margin: -12px -15px 0px 0px; width: 30px; height: 11px; } #contentHolder ul.lineup { margin: 0 auto; width: 150px; } #contentHolder ul.lineup li { display: block; width: 150px; } #contentHolder ul.lineup a { text-align: center; text-indent: 30px; font-size: 14px; font-weight: bold; color: #00667D } #contentHolder ul.lineup a span { display: block; float: right; background:url(/_Resources/img/fleurons2.png) no-repeat bottom 5%; margin-top: 5px; width: 30px; height: 11px; } .newsItem.popupHolder.last strong { padding-bottom: 10px; } /***** NEWS - news page *****/ #contentHolder .newsSep { width: 601px; height: 41px; display: block; clear: both; margin: 0 0 0px 50px; background: url(/_Resources/img/title-news.png) no-repeat center top; display: block; } #contentHolder #newsPage .newsSep { width: 601px; height: 41px; display: block; clear: both; font-size: 12px; margin: 0 0 0px 0px; background: url(/_Resources/img/title-news.png) no-repeat center top; display: block; } #contentHolder .content_right2 { clear: both; float:right; height:auto; margin:0px 50px 8px 0px; padding:0; width:auto;} #contentHolder .content_left_news { width: 300px; margin-top: 20px; margin-bottom: 80px; float: left; height: auto;} #contentHolder .content_right_news { width: 500px; height:auto; float:left; margin: 29px 0 0px 20px; } .smallSep { background:transparent url(/_Resources/img/separator-twitterbox.png) no-repeat bottom center; width: 280px; height: 2px; margin:5px;} .separator1 { background:transparent url(/_Resources/img/separator1.png) no-repeat; width: 810px;height: 21px; margin: 0px auto 0px 85px;} #newsLatestNewsBox { margin-top: -25px; padding-bottom: 0px; padding-left: 10px; } #newsLatestNewsBox h3 { height: 38px; overflow: hidden; } #newsLatestNewsBox a.item { float:left; width: 284px; margin-bottom: 6px; padding-bottom: 7px; clear: both; display: block; background: url(/_Resources/img/separator-green-line.png) repeat-x bottom; } #newsLatestNewsBox a.item img { float: left; margin: 0 10px 10px 0; } #newsLatestNewsBox a.item span.date { display: block; width: 100px; float: left; margin-bottom: 5px; } #newsLatestNewsBox a.item span.text { display: block; width: 150px; float: left; margin: 0; padding: 0; } #newsLatestNewsBox .pages { text-align: center; padding-top: 5px; } #newsLatestNewsBox .pages a { display: inline; border: solid 1px #00667D; padding: 1px 4px; } /***** TICKETS *********/ #contentHolder .sepTik { width: 601px; height: 41px; display: block; clear: both; margin-bottom: 30px; background: url(/_Resources/img/title-tickets.png) no-repeat center top; display: block; } #contentHolder #side_menu {} #newsPage .news_left h2.ticket { width: 245px; float: left; cursor: pointer; } #contentHolder #side_menu .spanCol1 { display: block; float:left; width: 375px; height: auto; } #contentHolder #side_menu .spanCol2 { display: block; float:left; width: 200px; height: auto; } #contentHolder #side_menu .spanCol1 p { display: block; padding-top: 5px; } #contentHolder #side_menu .toggle-itemTickets { width: 570px; padding-top: 20px; clear: both; } .showHide { cursor: pointer; } #contentHolder .divider { background: url(/_Resources/img/separator-green-line.png) no-repeat center bottom; display: block; height:auto; width: 589px; float: left; padding: 20px 0 20px 0; } a.buy { text-indent: -999px; background: url(/_Resources/img/buyBtn.png) no-repeat 0 0px; display: block; height: 41px; width: 137px; float:right;} div.soldout {background: url(/_Resources/img/soldOutBtn.png) no-repeat 0 0px; display: block; height: 36px; width: 160px; float:right; overflow: hidden;} div.soldout span{ position: absolute; left: -9999em; } /*a:hover.buy { background-position: 0 -40px; margin:0px 0; padding: 0; }*/ #newsPage .divider2 h2 { padding:0; margin-top:5px; } .divider2 { width: 263px; height: auto; padding: 3px 0px 10px 0; margin: 15px auto; background: transparent url(/_Resources/img/separator-twitterbox.png) repeat-x center bottom; } .divider2.last { width: 263px; height: auto; background: none; padding-bottom: 10px; margin: 15px auto 0; } #newsPage .divider2 p { padding: 10px 0 10px 0; } #newsPage .divider2.last { padding: 0px 0 10px 0; } p.price { width: 100px; float: right; } #contentHolder h2.plus { width: 300px; float: left; background: url(/_Resources/img/plus.png) no-repeat left bottom; display: block; height: 15px; padding-left: 20px; } #contentHolder h2.minus { width: 300px; float: left; background: url(/_Resources/img/minus.png) no-repeat left bottom; display: block; height: 15px; padding-left: 20px; } .showHides img.key { float: left; padding: 10px 5px 10px 0; } .toggle-itemTickets { clear: both; padding: 20px 0 0 0; } /**** PROGRAMME ****/ .specialGuest { padding: 10px; font-size: 18px; color: #006838; font-weight: bold;} .specialGuest a { display: block; font-size: 22px; font-weight: bold; } #lineupArtistList { text-align:center; height: auto; margin: 0 auto; width: 1040px; } #lineupArtistList p.showhide_all { display:block; margin:0 auto; width:160px; text-align:center; } #lineupArtistList .dividerBottom { clear:both; height:20px; } #lineupArtistList ul.posts { float: left; margin: 20px 0 0 325px; clear: both; } #lineupArtistList .stage-day { width: 313px; float: left; overflow: hidden; } #lineupArtistList .stage { text-align:center; } #lineupArtistList .stage a { display:inline-block; padding: 0 20px; line-height:28px; font-size:14px; font-weight:bold; } #lineupArtistList .stage a.small { font-size:14px; } #lineupArtistList .stage a.medium { font-size:18px; } #lineupArtistList .stage a.large { font-size:22px; } .stage-day span.guests { font-size: 10px; color: inherit; } .stage-day span.guests span { color: inherit; font-weight: normal; font-size: 10px; } #lineupArtistList .stage-cloud { width: auto; margin: 0 20px 10px 20px; } #lineupArtistList .toggle-item { clear: both; overflow:visible; width: 940px; margin:10px auto 0 auto; } #lineupArtistList .lineup_right .info-body { padding: 0 20px 0 20px; } #lineupArtistList h3 { cursor: pointer; margin: 0 auto; width: 911px; display: block; padding:0; } span.text { text-align:center; display:block; width:911px; margin:5px auto; text-align:center; padding-bottom:10px; } /* LINE UP */ #contentHolder .content_left_lineup .holder a.artist { clear: both; display: block; margin-top: 10px; } #contentHolder .content_left_home .holder a.artist:hover { clear: both; display: block; margin-top: 10px; } #contentHolder .content_left_lineup {float:left;height:auto;margin-bottom:30px;margin-left:70px;_margin-left:40px;margin-top:20px;width:300px;} #contentHolder .content_right_lineup { width: 500px; height:auto; float:left; _width: 420px;_position: absolute; margin: 12px 0 0px 20px; _margin: 29px 0 0px 0px; padding:0;} #contentHolder .stage-confirmed { width:940px; margin: 15px auto 0 auto; clear:both; } #contentHolder .stage-confirmed a { padding:10px; line-height:16px;} #contentHolder p.time { margin: 20px 0px 10px 0px;} .lineup_stages .stage a {display:block; } .contents .stageDates {width:869px;height:14px;padding:20px;margin: 10px 0px 0px 75px;background:url(/_Resources/img/dates.png) 0px 0px no-repeat;} .contents .stageDates .dates {float: left;width: 210px;height: auto;margin-top: 40px;color: #18477e;} .lineup_notice { margin-top:20px;margin-bottom:20px; } .contents p.bands { margin-bottom: 20px; } .contents .logos {width: 800px; margin: 40px auto 30px auto; } .contents .logos img { padding-right: 29px; } .contents .confBands { width: 860px; height: auto; margin: 0px auto; } .toggle-item .dot { padding: 0 10px; } p.lineUp {margin-top: 30px;} .padding { padding-right: 80px; } .lineupspeciallong { background: url(/_Resources/img/bg-top_r2_c1.png) repeat-y; overflow: hidden; width: 980px; } #backgroundholder { width: 100%; background: url(/_Resources/img/bg-top.jpg) no-repeat; } /**** INFO ****/ .lineup_left { width:301px; float:left; margin-top: 45px; } .lineup_right { width: 600px; float:left; margin: 45px 20px 0 0; } #submenuinfo {margin-top: 20px; padding: 0; text-align: center; overflow: visible; display: block;} #submenuinfo li{overflow: hidden;} #contentHolder #submenuInfo { } #contentHolder ul#submenuinfo li{ overflow: visible;} #contentHolder ul#submenuinfo li a { font-size: 14px; font-weight: bold; margin:0; padding: 0;} #contentHolder ul#submenuinfo li a:hover { font-size: 14px; font-weight: bold; } .nav ul li {margin: 0px; padding: 0px; display: inline;} .buy-button { display: block; height: 46px; width: 210px; overflow: hidden; margin: 20px 0px 10px 0px;} .buy-button:hover img { margin-top: -46px; } /* tool tip * POP UP JS */ /*.popupHolder { position: relative; }*/ .popupHolder .popup { display: none; position: absolute; padding: 20px; bottom: 50px; margin-left: 90px; height: 55px; width: 193px; background: url(/_Resources/img/toolTip.png) 0 bottom no-repeat; border-top: 1px solid #000; } .popup a { display: block; width: 34px; height: 34px; float: left; margin: 0 15px; } .popup a.popuptwitter { background: url(/_Resources/img/icon_twitter.gif) no-repeat; } .popup a.popupFacebook { background: url(/_Resources/img/icon_facebook.gif) no-repeat; } .popup a.popupMyspace { background: url(/_Resources/img/icon_myspace.gif) no-repeat; } /* T&C */ #contentHolder .termsTag { background:transparent url(/_Resources/img/title-terms.png) no-repeat bottom center; width: 911px; height: 41px; margin: 0px auto; display: block; } #terms-privacy strong { margin:0; padding:0; } #terms-privacy h2 { padding: 0 0 18px;} .lineup_poster{ width: 910px; margin: 0 auto; overflow: hidden; } .clear { clear:both; display: block; margin-top: 20px; } /**** COMMUNITY ****/ #contentHolder .commSep { width: 601px; height: 41px; display: block; clear: both; margin: 0; background: url(/_Resources/img/latestYouTube.png) no-repeat center top; display: block; } #contentHolder .faceSep { width: 601px; height: 41px; display: block; clear: both; margin: 0 0 30px; background: url(/_Resources/img/latestFacebook.png) no-repeat center top; display: block; } .commBox { width: 300px; height: auto; background: transparent url(/_Resources/img/box-topComm.png) no-repeat top center; } .video-comm { padding-bottom: 50px; margin: 30px 0 0 20px; } .video-comm h3 {padding: 0 0 10px 0; margin: 0; } .facebookLink { background:url("/_Resources/img/facebook.gif") no-repeat scroll 0px 0px transparent;display:block;float:right;height:22px;margin:10px 40px 0 10px;width:149px; } .fan_box { margin: 0 auto 0 95px; } #mainVideo { width: 600px; } .box { height: auto; margin: 0px; } #videosList { height: auto; } #videosList span#ctl00_mainArea_Videos { float: left; width: auto; height: auto; } #videosList .video-box { float: left; width: 120px; height: auto; overflow: hidden; margin-right: 10px; min-height: 170px;} #videosList div { padding: 0; margin: 25px auto; margin-bottom: 5px; width: 482px; height: auto; } #videosList .video-box a { display: block; margin-bottom: 7px; width: 120px; text-align: left; height: auto; } .video-box img { padding-bottom: 10px; display: block; } /** VIDEOS **/ #video { clear: both; height: auto; text-align: center; padding-top: 20px; } #video h2 { padding: 0; } #video .ytVideos { padding-top: 0; } #comments { min-height: 270px; } #comments h2 { position: absolute; width: 26px; height: 186px; left: -26px; top: 35px; background: url(/_Resources/img/bg/h-tabs.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; } #comments .videoCommentBanner { padding: 35px 35px 15px; } #comments .comment { padding: 0; } #comments .comment .author { display: block; margin-bottom: 5px; } #comments .comment .time { display: block; margin-bottom: 5px; } #comments .comment .text { display: block; margin-bottom: 10px; } #comments a.arrow { margin-top: 10px; background: url(/_Resources/img/icons/info-arrow.png) no-repeat 0 center; padding-left: 10px; } #videosList h2 { position: absolute; width: 31px; height: 158px; left: -31px; top: 35px; background: url(/_Resources/img/bg/h-tabs.png) -108px 0 no-repeat; text-indent: -99em; overflow: hidden; } /* reset ... */ #videosList .video-box a .video-thumbnail { position: relative; margin-bottom: 10px; float: left; overflow: hidden; width: 122px; } #videosList .video-box a .video-thumbnail img { border: solid 1px #000; } #videosList .video-box a:hover .video-thumbnail img { border: solid 1px #DEDE29; } #videosList .video-box a .video-thumbnail .video-time { position: absolute; bottom: 1px; right: 1px; background: #000; padding: 1px 2px; } #videosList a.arrow { display: block; float: left; margin: 10px 35px 0 25px; background: url(/_Resources/img/icons/info-arrow.png) no-repeat 0 center; padding-left: 10px; } /* CAROUSEL */ #carousel { width:573px; margin:9px auto; margin-bottom: 0; padding: 0; position:relative; overflow: hidden;} #carousel .slide_title{ position: absolute; left:0; bottom: 25px; background-color: #00667D; background: rgba(0, 102, 125, 0.8); color: #C8E5F7; text-transform: uppercase; font-size: 20px; font-weight: bold; padding: 6px 10px; } #carousel a, #carousel a:hover{ text-decoration: none; } #main_images { width: 573px; height: 310px; margin:0; padding: 0; overflow:hidden; position:relative; } #main_images ul{ margin: 0; padding: 0; overflow: hidden; position:relative;} #main_images ul li{ overflow: hidden; float: left; position: relative; list-style-type: none;margin: 0; padding: 0;} #slides { margin:5px auto; overflow:hidden; position:relative; width:521px; height:77px; } /* remove the list styles, width : item width * total items */ #slides ul { position:relative; left:0; top:0; list-style:none; margin:0 0; padding:0; width:9999px; overflow: hidden; } /* width of the item, in this case I put 250x250x gif */ #slides li { width:100px; padding:0 2px 0 2px; float:left; } #slides li a { overflow: hidden; float:left; } #slides li img { padding:0; width:100px; } /* Styling for prev and next buttons */ #buttons a { position:absolute; width:17px; height:53px; text-indent:-999em; outline:0; } #buttons a#prev { top: 316px; left:3px; background:transparent url(/_Resources/img/btns-heroes2.png) left top no-repeat; } #buttons a#prev:hover { background:transparent url(/_Resources/img/btns-heroes2.png) left -65px no-repeat; } #buttons a#next { top: 316px; left:553px; background:transparent url(/_Resources/img/btns-heroes2.png) -31px top no-repeat; } #buttons a#next:hover { background:transparent url(/_Resources/img/btns-heroes2.png) -31px -65px no-repeat; } .volunteer fieldset{ border: 0; } .volunteer li{ margin-bottom: 5px; overflow: hidden; } .volunteer label{ width: 250px; float: left; /*color: #006E80; font-weight: bold;*/ } .volunteer label em, .volunteer .req em{ color: #F00; font-weight: bold; } .volunteer .req{ font-size: 12px; } .volunteer li input, .volunteer li textarea, .volunteer li select{ float: left; width: 250px; background-color: #FFF7D0; border: 1px solid #CCCCCC; } .volunteer .select select{ width: 83px; margin-right: 2px; background-color: #FFF; } .volunteer input.btnSubmit{ margin-left: 250px; background:url("/_Resources/img/btn-register.png") no-repeat left top transparent; height: 40px; width: 213px; text-indent: -9999px; overflow: hidden; display: block; } .volunteer input.btnSubmit:hover{ background-position: left -40px; } .volunteer li span{ clear: both; margin-left: 250px; } .vol_heading{ margin: 5px; } /** ARTIST SEARCH **/ #searchForm { position: absolute; display: none; top: 0; right: 90px; padding: 6px 34px 0; width: 190px; height: 42px; background: url(/_Resources/img/artist_search.png) 0 0 no-repeat; z-index: 1000; overflow: hidden; } #searchForm fieldset { padding: 0; border: 0; } #searchForm p { float:left; } #searchForm label { position: absolute; top: -999em; left: -999em; } #searchForm input { float: left; width: 180px; } .ac_results { margin-left: -25px; padding: 10px 29px; width: 218px; background: url(/_Resources/img/artist_search_box.png) left bottom no-repeat; z-index: 100; } .ac_results ul { overflow: visible; } .ac_results li { padding: 2px 0; color: #006e80; font-size: 14px; text-transform: uppercase; cursor: pointer; } .ac_results li:first-child { border: none; } .ac_results li:hover { text-decoration: underline; }