﻿/*
 *  Live Nation UK
 *  http://www.livenation.co.uk/
 *  Jasal Vadgama
 *  Michal Gondar
 */

html { background: #000 url(/_Resources/img/bg/bg-tattoo-right.jpg) right top repeat-y; }
body { background: url(/_Resources/img/bg/bg-tattoo-left.jpg) left top repeat-y; }

/** TEXT STYLE **/
h2, h3 { padding-bottom: 15px; }
p { padding-bottom: 10px; }

/** general classes **/
.hidden { display: none; }
.clear { clear: both; }

.addthis_button { float: right; padding-top: 20px; }
    #galleryHolder .addthis_button { padding-right: 20px; }
    .webcam .addthis_button { padding: 5px 90px 0 0; }

#wrap { clear: both; margin: 0 auto; /*padding: 25px 22px 0; *padding: 25px 20px 0;*/ padding: 0 22px; *padding: 0 20px; width: 959px; background: #000; }

#header { padding-left: 10px; padding-bottom: 10px; background: #000 url(/_Resources/img/bg/bg-header.jpg) top no-repeat; text-transform: uppercase; }
    .headerContent { position: relative; margin: 0 auto; width: 959px; }
    #header h1 { padding: 15px 0 10px; }
    #header li { display: inline; }
    #header li a { float: left; margin: 0 2px; padding-left: 8px; background: url(/_Resources/img/buttons/btns.png) 0 -5px no-repeat; cursor: pointer; font-size: 11px; font-weight: bold; color: #a3b1d1; }
        #header li a:hover, #header li a:focus { background-position: left top; }
        #header li a span { float: left; padding: 6px 10px 7px 2px; background: url(/_Resources/img/buttons/btns.png) right -5px no-repeat; }
            #header li a:hover span, #header li a:focus span { padding-top: 11px; background-position: right top; }
    #header .buyLink, #header .buyLinkRight { position: absolute; top: 55px; padding: 5px; border: 1px solid #fff; border-width: 1px 0; font-size: 17px; }
        #header .buyLink { left: 0; }
        #header .buyLinkRight { right: 0; }
        .buyLink a, .buyLinkRight a { color: #ff0000; }
    .countdown { position: absolute; top: 40px; right: 0; }
        .countdown b { display: block; padding-bottom: 5px; }

#topNav { float: left; width: 100%; background: url(/_Resources/img/bg/bg-nav-slice.png) left top repeat-x; }
    #topNav ul { position: relative; margin: 0 auto; padding-left: 20px; width: 958px; z-index: 999; }
        #topNav li { float: left; border-left: 1px solid #000; }
        #topNav li:first-child { border-left: 0; }
        #topNav a, #topNav .navItem { display: block; padding: 13px 15px 12px; }
            #topNav a:hover, #topNav a:focus,
            #topNav .navItem:hover, #topNav .navItem:focus,
            #topNav li:hover a { background: url(/_Resources/img/bg/bg-nav-hover.png) left top repeat-x; color: #fff; cursor: pointer; }
            #topNav .navItem span { padding-bottom: 6px; background: url(/_Resources/img/icons/icon-nav-dropdown.png) bottom no-repeat; }
            #topNav .active { background: url(/_Resources/img/bg/bg-nav-active.png) left top repeat-x; color: #fff; }

    /** DROPDOWNS **/
    #topNav .dropdown { position: absolute; top: 42px; left: -999em; margin-left: -460px; width: 933px; background: url(/_Resources/img/bg/bg-dropdown.png) left bottom no-repeat; border-top: 1px solid #000; }
        .dropdown .dropdownContent { float: left; padding: 0 45px 20px; width: 843px; background: url(/_Resources/img/bg/bg-dropdown-top.png) left top repeat-x; }
            .lineupDrop { text-align: center; }
            .dropdownContent .contentBox div { padding: 25px 10px; }
    #topNav li div.contentBox { padding: 0; background: none; border: 0; }
    /*#topNav li:hover .dropdown { left: 50%; }*/
    #topNav li div.box210 { float: left; }
        #topNav li div ul { padding-left: 0; width: 210px; }
        #topNav li div li { clear: both; padding-bottom: 8px; width: 190px; border: 0; line-height: 1.2em; }
            #topNav li div h2 { height: auto; font-size: 16px; line-height: 1.2em; }
                #topNav li div h2 a { padding: 0; color: #fff; text-decoration: underline; }
                    #topNav li div h2 a:hover, #topNav li div h2 a:focus { background: none; }
            #topNav li div li a { padding: 0 0 0 10px; background: url(/_Resources/img/icons/info-arrow.png) left 6px no-repeat; color: #43a5d4; font-size: 13px; font-weight: normal; text-transform: uppercase; }
                #topNav li:hover div a { background: url(/_Resources/img/icons/info-arrow.png) left 6px no-repeat; color: #43a5d4; }
                    #topNav li:hover h2 a { background: none; color: #fff; }
                #topNav li:hover div a:hover, #topNav li div li a:hover, #topNav li div li a:focus { color: #fff; }
        #topNav p { padding-bottom: 0; }
            #topNav li div p a { clear: both; padding: 0 0 0 10px; background: url(/_Resources/img/icons/info-arrow.png) left 6px no-repeat; font-size: 14px; font-weight: normal; }
    .comingSoon { padding: 30px 0 40px; text-align: center; }

#content { margin-left: 10px; width: 959px; background: url(/_Resources/img/bg/bg-content-slice.png) left top repeat-y; }
    #contentHolder { padding: 21px 20px; background: url(/_Resources/img/bg/bg-content-top.png) left top no-repeat; }

.fullCol { clear: both; }
.leftCol { clear: left; float: left; }
.rightCol { clear: right; float: right; }

.contentBox { position: relative; margin-bottom: 30px; background: #000 url(/_Resources/img/bg/bg-content-block.png) left top repeat-x; border: 1px solid #181818; border-width: 0 1px 1px; z-index: 1; }
    .box160 { width: 140px; }
    .box210 { width: 209px; }
    .box230 { width: 230px; }
    .box260 { width: 260px; }
    .box288 { width: 288px; }
    .box320 { width: 320px; }
    .box400 { width: 400px; }
    .box445 { width: 445px; }
    .box460 { width: 460px; }
    .box560 { width: 560px; }
    .box915 { width: 915px; }
        .tickets .box915 { clear: both; float: left; }
    .contentBox div { padding: 25px 20px; }
        .contentTattoo { position: absolute; right: -21px; margin-top: -50px; width: 27px; height: 101px; background: url(/_Resources/img/bg/bg-content-tattoos.png) left top no-repeat; }
            .tattooTop { top: 110px; background-position: -110px 0; }
                .tattooTopLeft { top: 110px; left: -22px; background-position: -72px 0; }
            .tattooMid { bottom: 50px; background-position: -110px 0; }
                .tattooMidLeft { bottom: 50px; left: -22px; background-position: -72px 0; }
            .tattooCenter { top: 50%; background-position: -110px 0; }
                .tattooCenterLeft { top: 50%; left: -22px; background-position: -72px 0; }
            .tattooBottom { right: 25px; bottom: -51px; width: 101px; height: 51px; background-position: 0 -147px; }
                .tattooBottomCenter { left: 50%; bottom: -51px; margin-left: -50px; width: 101px; height: 51px; background-position: 0 -147px; }
            .newsTattoo { top: 75px; right: 20px; width: 58px; height: 90px; background-position: -148px 0; }

#footer { position: relative; float: left; clear: both; padding: 25px 20px; width: 879px; background: #000 url(/_Resources/img/bg/bg-content-block.png) left top repeat-x; border: 1px solid #181818; border-width: 0 1px 1px; }
    .footerSection { float: left; width: 200px; }
    .footerSectionLong { float: left; width: 300px; }
        .footerSectionLong .rightCol { padding-right: 40px; }
    .footerSectionShort { float: left; width: 140px; }
    #footer li { padding-bottom: 2px; }
    #footer a { text-transform: uppercase; }
    .copyright { margin-top: 30px; }
        .copyright a { display: block; padding-bottom: 5px; }
    .footerTattoo { position: absolute; top: -32px; right: -10px; width: 63px; height: 140px; background: url(/_Resources/img/bg/bg-content-tattoos.png) left top no-repeat; }
    .socialFoot { clear: both; margin: 0 auto; width: 117px; height: 27px; background: url(/_Resources/img/bg/h-tabs.png) -149px -145px no-repeat; }
        .socialFoot li { float: left; padding: 5px 6px; }
    .topButton { float: right; margin: -27px 10px 0 0; width: 44px; height: 23px; background: url(/_Resources/img/bg/h-tabs.png) -236px -79px no-repeat; }
        .topButton a { display: block; padding: 3px 0 0 15px; }
    .partnersLeft, .partnersRight { clear: both; float: left; margin: 20px auto 0; padding: 20px 5px 10px 20px; width: 420px; min-height: 125px; }
        .partnersRight { clear: none; float: right; *margin-top: 13px; }
        .partnersLeft li, .partnersRight li { float: left; margin: 0 15px 10px 0; }

.fanclub { float: left; *float: none; clear: both; margin-bottom: 30px; width: 959px; text-align: center; }
.seoCopy { display: block; clear: both; margin-top: 5px; }

/** THIS'LL BE REPLACED BY FLASH **/
div#acdcPromo { padding: 0; width: 910px; height: 176px; background: url(/_Resources/img/acdc-promo.gif) left top no-repeat; }
    div#acdcPromo a { display: block; float: left; width: 295px; height: 176px; text-indent: -999em; }

/** HERO PLAYER **/
#hero {}
    #hero .contentBox { margin-bottom: 0; padding-top: 10px; }
    #hero .slider { margin: 0 auto; padding: 0; width: 458px; height: 380px; overflow: hidden; }
        #hero .slider li { float: left; }
        #hero .slider img { width: 458px; height: 390px; }
    #hero .menuSlider { width: 460px; overflow: hidden; }
    #hero .heroMenu { margin-bottom: 40px; padding: 15px 0 25px; width: 460px; border-bottom: 1px solid #646c73; }
    #hero li { display: inline; }
        #hero .heroMenu img { width: 62px; height: 55px; border: 2px solid #000; }
            #hero img.active { border: 2px solid #fff; }
    #hero div.controls { display: none; padding: 0; }
        #hero div.controls a { display: block; position: absolute; top: 50%; margin-top: -50px; width: 32px; height: 100px; background: url(/_Resources/img/icons/hero-arrows.png) left top no-repeat; text-indent: -999em; }
            #hero div.controls .prev { left: 10px; }
            #hero div.controls .next { right: 10px; background-position: right top; }
div.acdcPromo { padding: 20px 0 10px; }

/** FEATURED CONTENT (HP) **/
.featuredContent { clear: both; float: left; margin-top: 10px; width: 100%; height: 138px; background: url(/_Resources/img/bg/highlight_header.png) top no-repeat; }
    .featuredContent div { margin: 0 auto; padding-top: 20px; width: 960px; }
        .featuredContent p { float: left; padding-right: 10px; padding-left: 250px; width: 250px; }
        .featuredContent ul { float: left; padding: 5px 10px 0; }
            .featuredContent li { padding: 0 0 5px; width: 130px; }
                .featuredContent a { font-size: 17px; font-weight: bold; text-transform: uppercase; color: #00ccff; }
                    .featuredContent a:hover, .featuredContent a:focus { color: #a8c43c; }

/** INTERVIEW/REVIEW PROMO SLOT **/
.interviewBox div, .reviewBox div {
    padding: 20px 20px 10px 160px;
    min-height: 150px;
    background: url(/_Resources/img/bg/interviewBg.jpg) 10px 15px no-repeat;
}
.reviewBox div { background: url(/_Resources/img/bg/reviewBg.jpg) 10px 15px no-repeat; }
.interviewBox h2, .reviewBox h2 { color: #fff; }
.interviewBox .readMore, .reviewBox .readMore { float: right; padding-top: 10px; background-position: 0 14px; }

/** NEWS **/
.newsList {}
    .newsImg { padding: 10px 0 20px; }
    .readMore { float: left; padding: 20px 0 0 10px; background: url(/_Resources/img/icons/info-arrow.png) left 24px no-repeat; text-decoration: underline; }
    .dateTab { position: absolute; top: 30px; left: -40px; display: block; padding: 10px 0 0 8px; width: 31px; height: 45px; background: url(/_Resources/img/bg/h-tabs.png) -183px 0 no-repeat; }
        .dateTab span { display: block; }
    .postTab { position: absolute; left: -40px; display: block; padding: 8px 0 0 13px; width: 26px; height: 26px; background: url(/_Resources/img/bg/h-tabs.png) -237px 0 no-repeat; }
        .postTab:hover, .postTab:focus { padding-left: 18px; width: 21px; }
        .postTab a { display: block; width: 16px; height: 16px; background: url(/_Resources/img/icons/icons-social.png) 0 0 no-repeat; text-indent: -999em; }
        .facebookTab { top: 100px; }
        .facebookTab:hover { background-position: -237px -35px; }
            .facebookTab a { background-position: 0 0; }
        .twitterTab { top: 139px; background-position: -183px -65px; }
        .twitterTab:hover { background-position: -183px -100px; }
            .twitterTab a { top: 139px; background-position: -52px 0; }

.interviewList {}
    .interviewList .newsImg { float: left; padding: 0 10px 20px 0; width: 100px; }
    .interviewList .readMore { clear: both; float: right; padding-top: 0; background-position: 0 5px; }

.postNav { float: left; margin-top: -15px; padding-bottom: 30px; }
    .postNav li { float: left; margin: 0 2px; text-transform: uppercase; }
    .postNav a, .postNav span { display: block; padding: 5px 8px; background: url(/_Resources/img/bg/bg-post-nav.png) left top repeat-x; border: 1px solid #747d8c; color: #838b95; font-family: Trebuchet MS; font-weight: bold; }
    .postNav a:hover, .postNav a:focus, .postNav span { background: url(/_Resources/img/bg/bg-post-nav-hit.png) left top repeat-x; border: 1px solid #b0782b; }
    .postNav .prevPage, .postNav .nextPage { padding: 2px 0; width: 12px; height: 9px; background: url(/_Resources/img/icons/icons-social.png) -105px 2px no-repeat; border: 0; text-indent: -999em; }
        .postNav .nextPage { background-position: -128px 2px; }

.recentNews { padding-bottom: 40px; }
    .recentNews li { padding-bottom: 10px; line-height: 1.2em; text-transform: uppercase; }
    .recentNews li:first-child { padding-right: 80px; }
    .recentNews .date { display: block; }
    .recentNews span { padding-right: 5px; }

/** SMALL LINK BOXES **/
.subscribeBox { padding-left: 170px; background: url(/_Resources/img/bg/bg-subscribe-slot.png) left top no-repeat; }
.forumBox { padding-left: 170px; background: url(/_Resources/img/bg/bg-forum-slot.png) left top no-repeat; }
.ripBox { padding-left: 170px; background: url(/_Resources/img/bg/bg-rip-slot.jpg) left top no-repeat; }
    .subscribeBox .contentBox, .forumBox .contentBox { margin-bottom: 10px; }
    .ripBox .contentBox { margin-bottom: 30px; }
        .subscribeBox .contentBox div, .forumBox .contentBox div { padding-top: 30px; padding-bottom: 11px; }
        .ripBox .contentBox div { padding-top: 20px; padding-bottom: 1px; }
        .subscribeBox .box230 div, .forumBox .box230 div, .ripBox .box230 div { padding-top: 20px; padding-bottom: 5px; }

/** ABOUT DOWNLOAD **/
.aboutDownload { background: #000 url(/_Resources/img/bg/bg-about-sides.png) left top repeat-y; }
    .aboutDownload .contentBox { background: url(/_Resources/img/bg/bg-about-bottom.png) left bottom no-repeat; }
        .aboutDownload .contentBox div { padding: 80px 60px 90px; background: url(/_Resources/img/bg/bg-about-top.png) left top no-repeat; text-align: center; }
    .aboutDownload p { padding-bottom: 20px; }

/** INFO BOX **/
div.infoBox { float: left; margin: 10px; padding: 0; background: #101518 url(/_Resources/img/bg/bg-info-content.png) left -20px repeat-x; }
div.sidebar { float: left; padding: 0; width: 280px; background: url(/_Resources/img/bg/bg-sidebar-shadow.png) right top repeat-y; }
    div.sidebarInternal { margin-right: 43px; padding: 0; background: #000; }
    .sidebar ul { margin-top: 20px; width: 290px; background: url(/_Resources/img/bg/bg-info-selected.png) 0 0 no-repeat; }
        .sidebar li { margin-bottom: 10px; padding: 10px 30px 13px 10px; width: 195px; background: url(/_Resources/img/icons/info-arrow.png) 215px 20px no-repeat; cursor: pointer; }
div.infoContent { float: right; margin-top: 30px; padding: 0 20px 0 40px; width: 555px; overflow: hidden; }
    .infoContent div { float: left; padding: 0; }
    .infoContent div h2 { color: #fff; }

    /** INFO BOX - TICKETS **/
    .weekendTickets { position: absolute; top: 10px; left: -25px; padding: 0; width: 24px; height: 172px; background: url(/_Resources/img/bg/tab-weekend-tickets.png) 0 0 no-repeat; text-indent: -999em; }
    .dayTickets { position: absolute; top: 10px; left: -25px; padding: 0; width: 24px; height: 132px; background: url(/_Resources/img/bg/tab-day-tickets.png) 0 0 no-repeat; text-indent: -999em; }
    .otherTickets { position: absolute; top: 10px; left: -25px; padding: 0; width: 24px; height: 172px; background: url(/_Resources/img/bg/tab-other-tickets.png) 0 0 no-repeat; text-indent: -999em; }

    div.ticketInfo { float: left; padding: 20px 20px 20px 0; width: 260px; }
    div.buyTicket { float: left; padding: 40px 0 20px 20px; width: 254px; height: 82%; border-left: 1px solid #4b4c4c; }
        div.infoMobile { padding-top: 0; }
            .infoMobile img { max-width: 250px; }
    .buyButton { display: inline-block; margin-top: 20px; padding: 10px 25px; background: #ff1a00; }
        .buyButton:hover, .buyButton:focus { color: #000; }
    .soldButton { display: inline-block; margin-top: 20px; padding: 10px 25px; background: #cc0000; }

/** INFO MENU **/
div.infoMenu { padding: 0; }
    .infoMenu div.contentBox { float: left; margin-left: 10px; padding: 0; }
    .infoMenu div.contentBox:first-child { margin-left: 0; }
        .infoMenu .contentBox div { padding: 20px 10px 10px; min-height: 170px; }
        .infoMenu h2 a { color: #fff; text-decoration: underline; }
        .infoMenu li { padding-bottom: 5px; }
        .infoMenu a { color: #43a5d4; line-height: 1.2em; }
            .infoMenu a:hover, .infoMenu a:focus { color: #dede29; }

/** MERCH PROMO SLOT **/
.merchBox {}
    .merchBox div { min-height: 170px; }
    .merchBox .maerchLink { float: left; margin: 0 20px 10px 0; }

/** SPLASH PROMO VIDEO **/
div.videoBox { float: left; padding: 0; width: 445px; }
    div#videoPlayer, #videoPlayer { margin: 25px 0 15px; padding: 0; }
    .videoBox h2, .videoBox p { padding: 0 20px 10px; }

/** TWITTER BOX **/
.twitterFeed { min-height: 150px; }
    .twitterFeed h2 { position: absolute; top: 15px; left: -28px; padding: 0; width: 27px; height: 163px; background: url(/_Resources/img/bg/h-tabs.png) -35px 0 no-repeat; text-indent: -999em; }
    .twitterFeed #latestTweet { padding: 0 0 10px 80px; min-height: 50px; background: url(/_Resources/img/bg/bg-twitter-bird.png) left top no-repeat; }
    .twitterFeed .tweetDetails { display: block; padding-top: 10px; color: #666; }
    .twitterFeed #searchTags li { padding: 15px 10px; border-top: 1px solid #5e656d; color: #838b95; line-height: 1.2em; }

     a.followLink, a.retweetLink { float: right; margin: 15px 0 0 10px; padding-left: 8px; background: url(/_Resources/img/buttons/btns.png) left -38px no-repeat; color: #000; font-size: 10px; font-weight: bold; text-transform: uppercase; }
     .followLink span, .retweetLink span { float: left; padding: 4px 7px 5px 0; background: url(/_Resources/img/buttons/btns.png) right -38px no-repeat; }
        a.retweetLink { background-position: left -68px; }
            .retweetLink span { background-position: right -68px; }

/** FACEBOOK FANS **/
.facebookFans { padding-bottom: 40px; min-height: 150px; }
    .facebookFans h2 { position: absolute; top: 15px; left: -25px; padding: 0; width: 25px; height: 164px; background: url(/_Resources/img/bg/h-tabs.png) -72px 0 no-repeat; text-indent: -999em; }
    .facebookFans .followLink span { padding-top: 1px; }

/** ADMAN **/
div.admanPromoPanel { padding: 20px 10px 0; }
    div.admanPromoPanel div.leftCol, div.admanPromoPanel div.rightCol { padding: 0; }
        div.admanPromoPanel .leftCol div { padding: 5px 0 10px; }
        div.admanPromoPanel .rightCol div { padding: 0 0 10px; }

/** SPOTIFY PLAYLISTS **/
.spotifyPlaylist { min-height: 70px; }
    .spotifyPlaylist h2 { position: absolute; top: 15px; left: -25px; padding: 0; width: 24px; height: 91px; background: url(/_Resources/img/bg/h-tabs.png) -149px 0 no-repeat; text-indent: -999em; }

/** FORUMS BANNER **/
.communityPage #wrap { /*padding-top: 162px;*/ padding-top: 142px; }
.communityPage #content { position: relative; }
    #forumBanner { position: absolute; top: -142px; left: 0; border: 1px solid #c7c7c7; }
    p#forumFlash { padding-bottom: 0; }
    .communityPage .blogComp { position: relative; margin-bottom: 30px; }

/** VIDEOS **/
#video { height: 350px; text-align: center; padding-top: 30px; }
#video h2 { padding: 0; }
#video .ytVideos { padding-top: 0; }
#comments { min-height: 270px; }
#comments h2 { position: absolute; width: 26px; height: 180px; 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; overflow: hidden; }
#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 { min-height: 270px; padding-bottom: 15px; }
#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 div { padding: 0; }
#videosList span#ctl00_mainArea_Videos, #videosList span#ctl00_mainArea_Videos2 { float: left; padding: 35px 0 0 25px; }
#videosList .video-box { float: left; width: 122px; height: 180px; overflow: hidden; margin-right: 20px }
#videosList .video-box a { display: block; margin-bottom: 7px; }
#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 20px 25px; background: url(/_Resources/img/icons/info-arrow.png) no-repeat 0 center; padding-left: 10px; }

#videosList h2.theLowdown { position: absolute; width: 25px; height: 163px; left: -26px; top: 35px; background: url(/_Resources/img/bg/tab-lowdown.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
#videosList h2.vidInterviews { position: absolute; width: 25px; height: 163px; left: -26px; top: 35px; background: url(/_Resources/img/bg/tab-interviews.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }

/** lowdown vids **/
.competition #wrap { padding-top: 45px; }
.competition #content { position: relative; }
    .compTitle { position: absolute; width: 163px; height: 25px; left: 5px; top: -26px; background: url(/_Resources/img/bg/tab_comp.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
.lowdownEnts { margin-top: 20px; margin-bottom: 40px; }
    #videosList .lowdownEps h2 { position: absolute; width: 163px; height: 28px; left: 5px; top: -28px; background: url(/_Resources/img/bg/tab_episodes.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
    #videosList .lowdownEnts h2 { position: absolute; width: 163px; height: 28px; left: 5px; top: -28px; background: url(/_Resources/img/bg/tab_entries.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }

/** LINE UP **/
#lineup { margin-bottom: 60px; }
/* reset */
#lineup #solo { padding: 25px 5px; background: url(/_Resources/img/bg/bg-lineup.jpg) left top no-repeat; text-align: center; overflow: hidden; }
#lineup h2 { position: relative; clear: both; margin: 0 auto 20px; }
    #lineup h2 span { position: relative; top: -5px; *top: -9px; display: inline-block; margin: 0 10px; width: 250px; height: 10px; border-bottom: 1px solid #fff; }
    #lineup h2 img { position: relative; top: 15px; }
        #lineup h2 .redBullStage { top: 20px; }
.dayNames li { float: left; padding-bottom: 30px; width: 300px; }
#lineup .stage-day { float: left; margin-bottom: 30px; width: 300px; text-align: center; }
    .stage-day li { margin-bottom: 15px; }
        .stage-day .headlines { margin: 0; height: 190px; } /* 212 */
        /*.stage-day .imageRow { height: 70px; }*/
    .stage-day a { display: block; text-transform: uppercase; }
    #lineup p { clear: both; }
    #lineup a + span { color:#A8C43C; }

/** acdc section **/
#lineup div.acdcLineup { position: relative; margin-left: -26px; padding: 0; width: 326px; /*height: 673px;*/ background: url(/_Resources/img/thedc/bg6.png) left top no-repeat; z-index: 10; }
    .acdcLineup a { display: block; padding: 735px 0 0 110px; width: 216px; height: 80px; }
    .acdcLineup a { *padding-left: 30px; *width: 296px; }
        .acdcLineup li a { padding: 0; width: auto; height: auto; }
        .acdcLineup a span { display: block; width: 142px; height: 52px; background: url(/_Resources/img/thedc/bttn.png) -9px -9px no-repeat; text-indent: -999em; }
            .acdcLineup a:hover span, .acdcLineup a:focus span { background-position: -9px -67px; }

/** a to z **/
div.azSection { padding: 0 0 20px; overflow: hidden; }
    .azSection ul { float: left; width: 290px; }
    .azSection li { padding: 0 10px 5px 0; }

/** LINE UP :: ARTIST **/
#artist {}
/* reset */
#artist div { padding: 0; }
#artist .sidebar { width: 330px; }
#artist .sidebarInternal { padding: 30px 0 0 20px }
    #artist .sidebarInternal ul { margin: 0; background: none; }
    #artist .sidebarInternal li { padding: 0; width: 250px; background: none; }
    #artist .sidebarInternal .selected a { font-weight: bold; }
#artist .infoContent { padding-right: 20px; width: 545px; }
#artist .artistImage { float: left; width: 260px; height: 260px; overflow: hidden; margin: 0 20px 20px 0; background: #ccc; }
#artist div.bio { float: none; }
.artistWebsite { clear: both; }

#artist .moreArtists { margin-bottom: 20px; padding-bottom: 10px; background: url(/_Resources/img/bg/bg-artists-bottom.png) left bottom no-repeat; }
    .moreArtists h2 { padding: 10px 15px 0; background: url(/_Resources/img/bg/bg-artists-top.png) left top no-repeat; cursor: pointer; color: #000; }
    .moreArtists ul { overflow: hidden; padding: 0 15px; background: url(/_Resources/img/bg/bg-artists-middle.png) left top repeat-y !important; }
    #artist .sidebarInternal .moreArtists li { width: 230px; }
        #artist .sidebarInternal .moreArtists li:first-child { padding-top: 10px; }
    .moreArtists a { color: #000; }

#artist #artistPhotos { float: left; padding-bottom: 20px; }
#artistPhotos a { margin: 0 3px 3px 0; display: block; float: left; width: 80px; height: 80px; overflow: hidden; background: #ccc; }
#artist #artistPhotos a img { display: block; margin: auto; }

#artist #artistTopAlbums { clear: both; float: left; padding-bottom: 20px; width: 265px; }
#artistTopAlbums a { margin: 0 25px 10px 0; display: block; float: left; width: 90px; overflow: hidden; }
#artist #artistTopAlbums a img { margin-bottom: 5px; width: 90px; height: 90px; background: #ccc; }

#artist #artistLink { clear: both; float: left; width: 300px; }
#artist #artistLink a { display: block; padding-bottom: 5px; }

#artistTopTracks { margin-top: 30px; }
#artistTopTracks div { float: left; line-height: 20px; margin-bottom: 1px; }
#artistTopTracks a { display: block; width: 200px; float: left; overflow: hidden; }
#artistTopTracks .bar { margin-left: 10px; width: 320px; height: 20px; text-indent: 5px; }
#artistTopTracks .bar div { background: #ccc; }

#artistPhotos h2, #artistTopAlbums h2, #artistTopTracks h2 { float: left; padding-bottom: 10px; width: 100%; }
#artistPhotos h2 span, #artistTopAlbums h2 span, #artistTopTracks h2 span { float: left; }
#artist .lastfmLogo { display: block; float: right; margin: 4px 20px 0 0; width: 100px; height: 14px; background: url(/_Resources/img/last-fm-logo.png) 0 0 no-repeat; text-indent: -999em; }
#artist .lastfmLogoLarge { display: block; float: right; margin-right: 15px; width: 140px; height: 20px; background: url(/_Resources/img/last-fm-logo-large.png) 0 0 no-repeat; text-indent: -999em; }

/** ONE DAY PAGES **/
#lineupSpecial { margin-bottom: 60px; padding: 20px 0; text-align: center; }
    #lineupSpecial h2 { font-size: 30px; color: #fff; }
    #lineupSpecial h3 { font-size: 20px; color: #fff; text-decoration: underline; text-transform: uppercase; }
    #lineupSpecial sup { font-size: 15px; }
    #lineupSpecial .stage-day li { margin-bottom: 15px; }
    .ticketTerms { padding-bottom: 20px; font-size: 12px; }
    #lineupSpecial .buyButton { margin-bottom: 20px; }
    .moreBands { font-size: 16px; font-weight: bold; text-transform: uppercase; }
    .moreTickets, .moreBands { color: #a6c5d6; }
        .moreTickets a { color: #ef1718; }

/** LIGHTBOX GALLERY **/
.posterGallery { min-height: 1750px; }
    .posterGallery li { float: left; padding: 0 15px 30px; height: 220px; width: 150px; text-align: center; }
    .posterGallery img { display: block; margin: 0 auto 5px; height: 200px; }

/** SPONSORS/PARTNERS **/
.partnersPage #wrap { padding-top: 45px; }
.partnersPage #content { position: relative; }
.sponsorBox { padding-left: 417px; background-repeat: no-repeat; }
    .partnersPage .partnerTitle, .partnersPage .sponsorTitle { position: absolute; top: -32px; left: 10px; width: 164px; background: url(/_Resources/img/bg/h-tabs.png) 0 -240px no-repeat; text-indent: -999em; }
        .partnersPage .partnerTitle { top: -33px; background-position: 0 -197px; }
    .partnerBox .sponsorBox { padding-left: 306px; }
        .sponsorBox .contentBox, .partnerBox .contentBox { padding: 25px 20px; min-height: 212px; }
            .partnerBox .box460 { width: 570px; min-height: 135px; }           
                .box_MetalHammer .contentBox { min-height: 86px; }
                .box_ClassicRock .contentBox { min-height: 86px; }
                .box_HMV .contentBox { min-height: 70px; }
    .sponsorBox h3 { font-size: 16px; font-weight: bold; }
    .siteLink { padding-top: 10px; }
        .siteLink a { color: #00ccff; }

/** (LOWDOWN) COMPETITION **/
div#compContent, div#compSlider { padding: 0; }
div.compSection { float: left; width: 875px; }
    .compSection .leftCol { padding: 0; width: 430px; }
    .compSection .rightCol { padding: 0; width: 430px; }
        .compSection .rightCol img { display: block; margin: 0 auto; }
    .compSection .legalLine { font-size: 11px; }

.compNav { display: none; padding-left: 20px; }
    .compNav li { float: left; margin-left: -7px; }
        .compNav li:first-child { margin-left: 0; }
    .compNav a { float: left; padding-left: 15px; background: url(/_Resources/img/icons/arrow_back.png) left top no-repeat; color: #000; text-transform: uppercase; }
        .compNav a:hover, .compNav a:focus, .compNav a.hit { background: url(/_Resources/img/icons/arrow_back.png) left bottom no-repeat; color: #fff; }
    .compNav span { display: block; float: left; padding: 9px 20px 9px 5px; background: #fff url(/_Resources/img/icons/arrows_front.png) right top no-repeat; }
        .compNav a:hover span, .compNav a:focus span, .compNav a.hit span { background: #77b5e3 url(/_Resources/img/icons/arrows_front.png) right bottom no-repeat; }

/** DOWNLOADS **/
h2.dlPoster { position: absolute; width: 24px; height: 91px; left: -25px; top: 35px; background: url(/_Resources/img/bg/tab-poster.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
h2.dlMask { position: absolute; width: 28px; height: 169px; left: -29px; top: 35px; background: url(/_Resources/img/bg/tab-download-mask.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
h2.dlWallpapers { position: absolute; width: 28px; height: 169px; left: -28px; top: 35px; background: url(/_Resources/img/bg/tab-wallpapers.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
h2.dlFFSkins { position: absolute; width: 28px; height: 169px; left: -28px; top: 35px; background: url(/_Resources/img/bg/tab-firefox-skins.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
h2.dlIcons { position: absolute; width: 28px; height: 169px; left: -28px; top: 35px; background: url(/_Resources/img/bg/tab-icons.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }

.contentBox div.dlMaskBox {
    padding: 25px 20px 25px 225px;
    min-height: 210px;
    background: url(/_Resources/img/bg/dl-mask-dog.jpg) 25px bottom no-repeat;
}
div.dlMaskBox a, div.dlPosterBox a { color: #43a5d4; }
div.dlMaskBox a:hover, div.dlMaskBox a:focus, div.dlPosterBox a:hover, div.dlPosterBox a:focus { color: #dede29; }

.wallpaperList {}
.wallpaperList a { display: block; margin-bottom: 5px; }
    .wallpaperList li { float: left; padding: 0 11px 10px; }
    .wallpaperList img { display: block; margin-bottom: 10px; }
    .wallpaperList a { display: block; margin-bottom: 5px; color: #43a5d4; }
    .wallpaperList a:hover, .wallpaperList a:focus { color: #dede29; }

/** WEBCAM **/
#videosList h2.webcam, h2.webcam { position: absolute; width: 24px; height: 91px; left: -25px; top: 35px; background: url(/_Resources/img/bg/tab-webcam.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
#fb-root { position: absolute; top: -999em; left: -999em; }
.webcam #webcamFullVid { margin: 20px 0 20px 85px; }
.webcam #facebookLike { float: left; margin-left: 85px; }
.webcam .twitterFeed { clear: both; overflow: hidden; }
.webcam .box915 div { overflow: hidden; }

/** REGISTER **/
.register {}
    .register div.sidebarInternal { padding: 20px; }
    .register div.infoContent { margin-top: 21px; }
form {}
    form li {}
    form .checkInput { margin: 20px 0; }
        .checkInput li { margin-bottom: 5px; }
    form label { display: block; float: left; width: 135px; padding: 7px 10px 0 0; font-size: 15px; }
        .gender label { padding-top: 9px; width: auto; }
        .checkInput label { padding-top: 0; width: auto; }
    form input { margin-bottom: 5px; width: 328px; height: 28px; border: 1px solid #afafaf; font-size: 22px; }
        .gender input { width: auto; margin-right: 20px; border: 0; }
        .checkInput input { width: auto; height: auto; margin-right: 10px; border: 0; }
        input.btnSubmit { float: right; margin-right: 75px; width: 77px; height: 29px; }
    form select { margin-bottom: 5px; height: 28px; border: 1px solid #afafaf; font-size: 22px; }
        .country select { width: 330px; }

/** MAP **/
.mapTitle { position: absolute; width: 24px; height: 91px; left: -25px; top: 35px; background: url(/_Resources/img/bg/tab-map.png) 0 0 no-repeat; text-indent: -99em; overflow: hidden; }
#dlMap { margin-left: 55px; text-align: center; }
    #dlMap img { display: block; padding-bottom: 10px; }

/** TAKEOVER **/
#overlayLinkin { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1000; }
    #overlayLinkin .quickClose { display: block; text-indent: -999em; cursor: default; }
#takeoverLinkin { display: none; position: absolute; top: 50px; left: 50%; margin-left: -249px; padding-top: 620px; width: 500px; height: 100px; background: #fff url(/_Resources/img/linkin-takeover.gif) left top no-repeat; border: 2px solid #fff; text-align: center; z-index: 1001; }
    #takeoverLinkin #closeBtn { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; text-indent: -999em; }
    #takeoverLinkin .button { display: block; float: left; margin: 0 22px 33px; width: 205px; height: 40px; background: url(/_Resources/img/buttons/btn-linkin-tour.gif) left -4px no-repeat; text-indent: -999em; }
        #takeoverLinkin .quickClose { background-position: right -5px; }
            #takeoverLinkin .tourLink:hover { background-position: 0 -44px; }
            #takeoverLinkin .quickClose:hover { background-position: right -45px; }
    #takeoverLinkin p { clear: both; *margin-top: -620px; padding-top: 10px; }
        #takeoverLinkin p a { color: #000; }
            #takeoverLinkin p a:hover, #takeover p a:focus { text-decoration: underline; }

/** TAKEOVER HEADER **/
.linkinTakeover { clear: both; float: left; margin: 10px 0; width: 100%; height: 120px; background: url(/_Resources/img/linkin_header.png) top no-repeat; }
    .linkinTakeover div { margin: 0 auto; padding: 20px 0 0 10px; width: 728px; color: #000; }