/*
 *  Live Nation UK
 *  http://www.livenation.co.uk/
 *  Jasal Vadgama
 *
 */

/* for image replaced text */
.access { position: absolute; top: -999em; left: -999em; }

/* firefox float clearing fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body { background: #160000 url(/_Resources/img/bg/bg_content.jpg) center top no-repeat; }

/** HEADERS **/
h1 { margin-left: 30px; height: 39px; text-indent: -999em; }
    .home { position: absolute; top: -115px; width: 159px; background: url(/_Resources/img/titles/title_home.png) top no-repeat; }
    .news { width: 210px; background: url(/_Resources/img/titles/title_nieuws.png) top no-repeat; }
    .info { width: 326px; background: url(/_Resources/img/titles/title_informatie.png) top no-repeat; }
    .gallery { width: 405px; background: url(/_Resources/img/titles/title_fotogallerij.png) top no-repeat; }
    .video { width: 258px; background: url(/_Resources/img/titles/title_filmpjes.png) top no-repeat; }
    .archive { width: 232px; background: url(/_Resources/img/titles/title_archief.png) top no-repeat; }
    .register { background: url(/_Resources/img/titles/title_nieuwsbrief.png) left top no-repeat; }
    .tickets { width: 411px; background: url(/_Resources/img/titles/title_kaarten.png)  left top no-repeat; }
    .contact { width: 266px; background: url(/_Resources/img/titles/title_contact.png) top no-repeat; }
    .privacy { width: 417px; background: url(/_Resources/img/titles/title_privacybeleid.png) top no-repeat; }
    .terms { width: 419px; background: url(/_Resources/img/titles/title_voorwaarden.png) top no-repeat; }
h2 { padding-bottom: 15px; text-transform: uppercase; }
    .videoContainer h2 { padding: 5px 0 15px; height: 100px; background: url(/_Resources/img/titles/title_mjterug.png) center 5px no-repeat; text-indent: -999em; }
h3 { padding-bottom: 10px; }

/** TEXT STYLES **/
ol { padding: 0 10px 10px; }
ol li { margin-left: 20px; list-style: decimal; }
.contentBox div .addthis { padding-bottom: 30px; }
embed { margin-bottom: 15px; }

/** FORMS **/
form {}
    form fieldset { border: 0; }
    form p { padding-bottom: 20px; }
    form label { display: inline-block; padding-right: 10px; width: 350px; }
    form input { width: 285px; border: 1px solid #d4d4d4; }
    form select { width: 200px; border: 1px solid #d4d4d4; }
    form button { border: 0; }
        form .registerButton { margin-top: 10px; width: 233px; height: 53px; background: url(/_Resources/img/buttons/btn_registeren.png) left top no-repeat; }
            form .registerButton:hover, form .registerButton:focus { background-position: 0 -53px; cursor: pointer; }
    form li { padding-bottom: 10px; }
        form .checkInput { padding-left: 350px; }

/** HEADER **/
#header {position:relative;}
    #header h1 { float: left; margin: 0 auto; width: 600px; height: 279px; }
        #header h1 a { display: block; width: 600px; height: 279px; text-indent: -999em; }
    #header .buyTickets { float: right; margin: 140px 32px 0 0; }
    
    #btn-splash {display:block; text-indent:-9999px; *font-size:0; *line-height:0; height:128px; width:143px; position:absolute; top:142px; right:320px; background:url('../img/buttons/bt_pitparty.png') left -1px no-repeat;}
    #btn-splash:hover {background-position:left -126px;}
    
/** MAIN CONTENT HOLDER **/
#pageWrapper { margin: 0 auto; padding-top: 3px; width: 950px; }

/** TOP NAVIGATION **/
#nav { clear: both; height: 49px; *float: left; *margin-top: -3px; }
#nav li { position: relative; float: left; }
#nav a { display: block; width: 187px; height: 49px; background: url(/_Resources/img/buttons/nav_top.png) left top no-repeat; text-indent: -999em; }
#nav .Nieuws a { width: 193px; background-position: 0 0; }
    #nav .Nieuws a:hover, #nav .Nieuws a:focus { background-position: 0 -49px; }
#nav .Informatie a { background-position: -193px 0; }
    #nav .Informatie a:hover, #nav .Informatie a:focus { background-position: -193px -49px; }
#nav .Media a { background-position: -380px 0; }
    #nav .Media a:hover, #nav .Media a:focus { background-position: -380px -49px; }
#nav .Archief a { width: 189px; background-position: -567px 0; }
    #nav .Archief a:hover, #nav .Archief a:focus { background-position: -567px -49px; }
#nav .Nieuwsbrief a { background-position: -756px 0; }
    #nav .Nieuwsbrief a:hover, #nav .Nieuwsbrief a:focus { background-position: -756px -49px; }

#nav div { position: absolute; top: 40px; left: -999em; padding-right: 12px; background: url(/_Resources/img/bg/bg_nav-right.png) right top no-repeat; z-index: 999; }
    #nav li:hover div { left: -16px; }
        #nav .bottomShadow { position: absolute; right: 0; bottom: -12px; left: 0; display: block; margin-right: 12px; background: url(/_Resources/img/bg/bg_nav-bottom.png) left top no-repeat ; }
        #nav .bottomCorner { position: absolute; right: 0; bottom: -10px; width: 12px; height: 14px; background: url(/_Resources/img/bg/bg_nav-corner.png) right top no-repeat; }
#nav .submenu { padding: 10px 10px 0 12px; background: url(/_Resources/img/bg/bg_nav-main.png) left top no-repeat; }
    #nav .submenu li { float: none; margin-bottom: 4px; white-space: nowrap; }
    #nav .submenu a { height: 27px; background: url(/_Resources/img/buttons/btn_submenu.png) left top no-repeat; text-indent: 0; cursor: pointer; }
        #nav .submenu a:hover { background-position: left bottom; }
    .submenu a span { display: block; margin-left: 5px; padding: 5px 5px 6px 0; width: 100%; background: url(/_Resources/img/buttons/btn_submenu.png) right top no-repeat; }
        .submenu a:hover span { background-position: right bottom; }

/** MAIN CONTENT HOLDERS **/
.contentTop, .contentBottom { display: block; clear: both; margin-top: 15px; width: 950px; height: 9px; background: url(/_Resources/img/bg/metal_top.png) left top no-repeat; }
    .contentBottom { margin: 0 0 15px; background: url(/_Resources/img/bg/metal_bottom.png) left top no-repeat; }
.content { padding: 0; width: 950px; background: #ccc url(/_Resources/img/bg/metal_middle.png) top repeat-y; }

#rightColumn { float: right; margin-right: 8px; width: 314px; }

/** MAIN CONTENT BOX **/
.contentBox { float: left; margin-left: 10px; }
    .contentBox .title { padding: 0 0 0 10px; background: url(/_Resources/img/bg/bg_tab-left.png) left top no-repeat; }
        .contentBox .title span { display: block; padding: 5px 0 0 10px; height: 30px;  background: url(/_Resources/img/bg/bg_tab.png) right top no-repeat; }
    .contentBox div { padding: 10px 10px 5px; background: #f2f2f2; border: 1px solid #808080; border-width: 0 1px; }
        .contentBox div p { padding-bottom: 15px; }
    .contentBox .topCorner, .contentBox .bottomCorner { display: block; padding-left: 10px; background: url(/_Resources/img/bg/box_top-left.png) left top no-repeat; }
        .topCorner span, .bottomCorner span { display: block; height: 10px; background: url(/_Resources/img/bg/box_top.png) right top no-repeat; }
    .contentBox .bottomCorner { background: url(/_Resources/img/bg/box_bottom-left.png) left top no-repeat; }
        .bottomCorner span { background: url(/_Resources/img/bg/box_bottom.png) right top no-repeat; }

.box300 { margin-right: 5px; width: 300px; }
    #rightColumn .box300 { margin-bottom: 10px; }
    .box300 img { margin-bottom: 10px; }
.box488 { width: 488px; }
.box615 { width: 615px; }
.box926 { width: 926px; }

/** LINE UP **/
.lineup { padding-left: 5px; }
    .lineup li { display: block; float: left; padding: 0 12px 10px 0; width: 135px; height: 175px; }
    .lineup img { display: block; padding-bottom: 10px; width: 135px; height: 135px; }

/** LATEST NEWS **/
.latestNews {}
    .latestNews li { padding-top: 10px; border-bottom: 1px solid #666; overflow: hidden; }
        .latestNews li:first-child, #rightColumn .latestNews li:first-child { padding-top: 0; }
        .latestNews .last { min-height: 0; border: 0; }
    .latestNews img { float: left; padding: 0 10px 10px 0; width: 220px; }
    .contentBox .latestNews p { padding-bottom: 10px; }

/* rhn overrides */
#rightColumn .latestNews { padding: 5px 5px 0; }
    #rightColumn .latestNews li { padding: 10px 5px 0; min-height: 0; }
    #rightColumn .latestNews .subCats { padding-bottom: 5px; }
        #rightColumn .latestNews .subCats li { padding: 0 0 5px 5px; border: 0; }

.readMore { display: inline; padding-right: 15px; *padding-right: 0; background: url(/_Resources/img/arrows.png) right -22px no-repeat; *background: none; white-space: nowrap; }
    #rightColumn .latestNews .readMore { white-space: normal; }

.moreNews { display: block; margin: 0 auto; width: 169px; height: 52px; background: url(/_Resources/img/buttons/btn_morenews.png) left top no-repeat; text-indent: -999em; }
    .moreNews:hover, .moreNews:focus { background-position: left bottom; }

/** NEWS ARTICLES **/
.newsArticles { padding-bottom: 20px; }
    .newsArticles li { padding-top: 20px; border-bottom: 1px solid #666; }
        .newsArticles li:first-child { padding-top: 0; }
        .newsArticles .last { border: 0; }
    .newsArticles h3 { padding-bottom: 20px; }
    .newsArticles img { float: left; margin-bottom: 10px; }
    .newsArticles .articleImage { width: 592px; }
    .newsArticles .date { display: inline-block; margin-bottom: 10px; padding: 3px 5px; background: #932c64; color: #fff; }
    .newsArticles p { padding-bottom: 10px; }

/** NEWS PAGINATION **/
.pager { float: right; padding: 0 30px 0 0; }
    .pager li { float: left; margin: 0 2px; text-transform: uppercase; }
    .pager a, .pager span { display: block; padding: 1px 7px; background: #eee; border: 1px solid #ccc; }
    .pager .firstPost, .pager .lastPost { padding-left: 15px; background: url(/_Resources/img/arrows.png) 3px 3px no-repeat; }
        .pager .lastPost { padding: 1px 15px 1px 7px; background-position: 43px -22px; }
    .pager .newerPost, .pager .olderPost { width: 5px; height: 16px; background: url(/_Resources/img/arrows.png) 3px 3px no-repeat; text-indent: -999em; }
        .pager .olderPost { background-position: 3px -22px; }

.pagerTop { padding-bottom: 30px; border-bottom: 1px solid #666; }
.pagerBottom { padding-top: 10px; border-top: 1px solid #666; }

#rightColumn .pager { clear: both; float: none; margin: 0 5px; padding-right: 0; }

/** VIDEO CONTAINER **/
.videoContainer { float: right; margin-right: 10px; width: 430px; }
    #youtubeClip { margin-bottom: 15px; }

/** TICKET BUTTON **/
.buyTickets { display: block; margin: 0 auto; width: 281px; height: 52px; background: url(/_Resources/img/buttons/btn_kaarten.png) left top no-repeat; text-indent: -999em; }
    .buyTickets:hover, .buyTickets:focus { background-position: left bottom; }

/** FOOTER **/
#footer { padding-bottom: 20px; }
    .sponsors { margin-bottom: 30px; padding-right: 50px; width: 900px; height: 86px; background: url(/_Resources/img/bg/footer.png) top left no-repeat; }
        .sponsors li { display: inline; padding: 0 10px; }
        .sponsors li img { padding-top: 3px; height: 80px; }
    #secondNav { margin: 0 auto; width: 691px; }
        #secondNav li { float: left; padding: 0 30px 40px; }
        #secondNav ul li { clear: both; padding: 0; }
    #footer p { clear: both; }