/*
 *  Live Nation UK
 *  http://www.livenation.co.uk/
 *  Michal Gondar aka gondo
 *
 */


/**  GENERAL  **/

body { width: 994px; margin: 0 auto; background: #000 url(../img/background_main.jpg) center 0 fixed; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

h2 { margin-bottom: 15px; margin-left: 5px; }
h3 { margin-bottom: 10px; }
h4 { margin-bottom: 20px; }
h5 { margin-bottom: 6px; }

p {  }

.hr,
hr { clear: both; height: 1px; }
/* div for IE what just cant undersnad this simple css for hr */
.hr hr { display: none; }

script { display: none; }

table { width: 100%; border-collapse: collapse; }
th { }
td { }

iframe { }


/* HOME */
#youtube-video span,
#flash-video span,
#index_video span { display: block; margin: 130px 0 0 180px;  }
#onsale { display: block; float: left; width: 209px; height: 292px; overflow: hidden; text-indent: -99em; background: url(../img/leeds_onsale.gif) no-repeat; }


/** CUSTOM  **/

/* GLOBAL */
#all { float: left; background: url(../img/background_tile_column.jpg) repeat-y; padding: 0 27px; width: 940px; }
#content { float: left; width: 100%; background:url(../img/background_tile_content.jpg) repeat-y; }
#header { background: url(../img/header_leeds.jpg) no-repeat; height: 170px; width: 100%; overflow: hidden; position: relative; }
#countDownFlash { position: absolute; right: 36px; top: 10px; }
#mainArea { float: left; width: 926px; margin-left: 7px; }
#history-fotter,
#area { float: left; padding: 15px 17px 25px 14px; width: 895px; background-color: #000; overflow: hidden;}
#area2 { float: left; padding: 15px 17px 15px 14px; width: 895px; background-color: #000; margin-top: 30px; overflow: hidden; }


.box { border: solid 1px #666; background: #000; position: relative; }
.strips { background: url(../img/black_boxtop_tile.jpg) repeat-x; }

/* star separator */
.starSeparator { float: left; clear: both; height: 32px; margin: 10px 0; width: 100%; background: url(../img/divider_yellowstar.png) no-repeat center; }


/* HEADER */
#header h1 { width: 420px; height: 135px; margin: 23px auto; }
#header h1 a { display: block; text-indent: -99em; overflow: hidden; width: 100%; height: 100%; }


/* MAIN NAVIGATION */
.mainNavigation { float: left; height: 27px; width: 922px; padding: 0 10px; background: url(../img/background_tile_menu.gif) repeat-x; overflow: hidden; border-top: solid 1px #666; border-bottom: solid 1px #666; }
.mainNavigation li { height: 27px; padding: 0 3px; float: left; padding-right: 14px; background: url(../img/divider_redstar.png) right center no-repeat; }
/* last li without star */
.mainNavigation li.forum { padding-right: 0; background: none; }
.mainNavigation li a { display: block; height: 27px; text-indent: -99em; overflow: hidden; background: no-repeat center 6px; }
.mainNavigation li a:hover { background-position: 0 -26px; }
.mainNavigation li a.active { background-position: 0 -59px; }
.mainNavigation .home a { width: 62px; background-image: url(../img/buttons_menu_home.png); }
.mainNavigation .news a { width: 63px; background-image: url(../img/buttons_menu_news.png); }
.mainNavigation .line-up a { width: 77px; background-image: url(../img/buttons_menu_lineup.png); } 
.mainNavigation .gallery a { width: 92px; background-image: url(../img/buttons_menu_gallery.png); } 
.mainNavigation .tickets a { width: 84px; background-image: url(../img/buttons_menu_tickets.png); } 
.mainNavigation .history a { width: 86px; background-image: url(../img/buttons_menu_history.png); }
.mainNavigation .info a { width: 47px; background-image: url(../img/buttons_menu_info.png); }
.mainNavigation .video a { width: 61px; background-image: url(../img/buttons_menu_video.png); }
.mainNavigation .forum a { width: 85px; background-image: url(../img/buttons_menu_forums.png); }
.mainNavigation .register a { width: 98px; background-image: url(../img/buttons_menu_register.png); }


/* HOME */
#index_poster { float: left; width: 208px; height: 294px; }
#index_flash { float: left; width: 482px; height: 292px; background: #666 url(../img/flash_replacement.jpg); margin:0 12px; }
#index_flash.onsale { background: url(../img/leeds_replacement.gif) no-repeat; }
#index_flash a { display:block; width: 100%; height: 100%;}
#buy_tickets { float: left; width: 209px; height: 294px; }
#greenFlash { float: left; width: 209px; height: 292px; }
#index_video { float: left; width: 502px; height: 402px; background: #000 url(../img/replacement_image.gif); margin-right: 10px; }
#latest_news { float: left; width: 381px; height: 380px; padding: 10px 20px 10px 10px; position: relative; overflow: hidden; background-color:#000; }
#latest_news .latestNewsItem { float: left; margin-bottom: 10px; height: 93px; overflow: hidden; width:100% }
#latest_news img { width: 91px; height: 91px; float: left; margin: 0 20px 0 0; background: #fff url(../img/new_image_big.jpg) no-repeat center;}
#latest_news .allNews { position: absolute; z-index:1; bottom: 5px; right: 10px; display: block; width: 120px; height: 45px; background: url(../img/buttons_starbursts_news.png) no-repeat 0 -45px; text-indent: -99em; overflow: hidden; }
#latest_news .allNews:hover { background-position: 0 4px;}

#hero-player { float: left; width: 482px; height: 292px; background: #666; margin:0 12px; overflow: hidden; }
#hero-player li.active { display: block; }



/* TICKETS */
#mainBox.tickets-fido,
#mainBox1.tickets-info { width: 433px; }
.tickets-fido { margin-right: 28px; }
.tickets-info { float: left; }
.tickets-title { position: absolute; top: 15px; left: 470px;}
.tickets-fido h3,
.tickets-info h3 { display: none; }
.tickets-fido .fieldDescription,
.tickets-info .fieldDescription { display: block; margin-top: 5px; height: 27px; line-height: 27px; background: url(../img/bar_star_collapsable_div.jpg) 0 center repeat-x; text-indent: 50px; }
.tickets-fido .fieldBody,
.tickets-info .fieldBody { padding: 10px 15px; border:solid 1px #666; border-top: none 0; }
.tickets-button { margin: 10px 0 0 280px; height: 40px; overflow: hidden; }
.tickets-button img { margin-top: -50px; }
.tickets-button:hover img { margin-top: 0px;}
.tickets-button-buy { display: block; margin: 10px 0 0 280px; height: 40px; overflow: hidden; }
.tickets-button-buy img { margin-top: -50px; }
.tickets-button-buy:hover img { margin-top: 0px;}


/* LINE UP */
#lineup { background: #fff100; width: 736px; padding: 0 64px; margin: 0 auto; position: relative; text-align: center; }
#lineup .logo { margin-top: 10px; }
#lineup .lineup-h2 { float: left; width: 100%; clear: both; margin: 10px auto; background: url(../img/line_red.gif) repeat-x 0 center; }
#lineup .lineup-h2.also-appearing { background: #fff100; }
#lineup .lineup-h2 span.inside { background: #fff100; padding: 0 10px; }
#lineup .lineup-h2 span.container { width: 33%; display: block; float: left; }
#lineup .stage-day { width: 33%; float: left; margin-bottom: 20px; }
#lineup .stage-cloud { float: left; width: 100%; text-align: center; }
#lineup .stage-cloud a { display: inline; margin: 10px; padding: 2px; }
#lineup .stage-cloud a:hover { margin: 10px; padding: 2px; background: #000; }
#lineup .stage-cloud a.second:hover { margin: 10px; padding: 2px; background: #ac141a; }
#lineup a { padding: 2px 0; position: relative; }
#lineup a span,
#lineup a div { display: block; text-align: center; position: absolute; left: 0; top: 0; background: transparent; white-space: nowrap; cursor: pointer; }
#lineup a b { background: #fff100; }
#lineup a:hover { padding: 1px 0; }
#lineup a.two-lines:hover { padding: 0; }
#lineup a.two-lines span,
#lineup a.two-lines div { white-space: normal; }
#lineup #bottom-description { clear: both; margin: auto; padding: 20px 0; }
#lineup-small { padding-bottom: 30px; }


/* ARTIST */
#artist-img { float:left; margin: 0 23px 0 5px; width: 295px; height:1px; }
#artist-img img { height: auto;}
#artist-content { width: 571px; float:left;}
#artist-bio { float: left; width: 530px; padding: 12px 20px 50px 19px; margin-bottom: 13px; }
#artist-stage,
#artist-links { float: left; height: 80px; width: 237px; padding: 12px 20px 50px 19px; overflow: hidden; }
#artist-stage { margin-right: 15px; }
#artist-back { float: left; margin: 20px 0 0 760px; display: inline; width: 120px; height: 40px; background: url(../img/buttons_starbursts_back2lineup.png) no-repeat; text-indent: -99em; overflow: hidden; }
#artist-back:hover { background-position: 0 -50px;}


/* NEWS */
#loader { width: 100%; height: 100px; background:url(../img/ajax-loader.gif) center center no-repeat;}
.newsContent { position: relative; width: 400px; float: left; margin-right: 27px; display: inline; }
.paging { display: none; margin: 0 0 10px 0; float:left; }
.paging a { padding: 0 3px; }
#pageof1,
#pageof2 { margin: 0 6px; float: left; }
#newsList .news-item { margin-bottom: 8px; padding: 8px; overflow: hidden; }
#newsList .news-item img { width: 74px; height: 74px; float: left; margin: 0 10px 0 0; background: #fff url(../img/new_image_big.jpg) no-repeat center; }
#newsBlocks { float: left; width: 426px; padding: 12px 20px 50px 19px; }
.newsBlock img {float: left; margin: 0 15px 10px 0; }
#paging-move { position: absolute; top: 2px; left: 80px; }


/* INFO */
#info-navigation-holder { width:400px; float:left; margin-right: 27px; }
#info-navigation-holder #greenFlash { margin: 20px 100px; }
#info-navigation-holder #green-text { width: 400px; text-align: center; clear: left; }
#info-navigation { width: 400px; padding: 4px 0;  }
#info-navigation #submenu li a { display: block; margin-bottom: 3px; height: 18px; line-height: 18px; background:url(../img/star_white.png) 14px center no-repeat; text-indent: 44px; }
#info-navigation #submenu li a.active { background: url(../img/menu_active.jpg) 0 0; }
#mainBox { float: left; width: 463px;}
#mainBox h3 { margin: 8px 0 8px 12px; }
.info .fieldDescription { display: block; margin-bottom: 5px; height: 18px; line-height: 18px; background:url(../img/bar_star_red.jpg) 0 center repeat-x; text-indent: 40px; }
.info .fieldBody { padding: 0 15px; margin: 10px 0 20px 0; }
#additional-info { border: 1px solid #666; margin-top: 20px; padding: 10px; width: 380px; }


/* HISTORY */
#mainBox.history-fido { width: 283px; margin-right: 15px; }
#mainBox.history-fido .fieldBody { margin: 10px 13px 20px 13px; }
#history-menu { float: left; padding: 10px 6px 17px 16px; width: 570px; }
#history-menu #img { float: left; margin-right: 6px; width: 500px; min-height: 1px; }
#history-menu #submenu { float: left; }
#history-menu #submenu li a { display: block; margin-bottom: 3px; height: 18px; line-height: 18px; background:url(../img/star_white.png) 4px center no-repeat; text-indent: 25px; padding-right: 10px; }
#history-menu #submenu li a.active { background: url(../img/menu_active.jpg) -10px 0; }
#history-archive { padding: 20px;}

/* GALLERY */
.gallery-title { position: absolute; top: 15px; left: 660px;}
#gallery-flash { float: left; width: 630px; height: 520; border: solid 1px #666; margin-right: 18px; }
#gallery-upload { float: left; width: 222px; padding: 20px 10px; margin-bottom: 15px; }
#gallery-upload h3 { margin-bottom: 2px; }
#gallery-upload input { width: 202px; padding: 4px 10px; margin-bottom: 5px; }
#gallery-upload input.upload { width: 225px; padding: 10px 0; margin-bottom: 30px; }
#gallery-upload input.submit { width: auto; padding: 0; float: right; margin-top: 10px; }
#gallery-albums { float: left; padding: 20px 10px; width: 222px;}


/* VIDEO */
#video-navigation { width: 340px; padding: 4px 0; float: left; margin-right: 27px; }
#video-navigation #submenu li a { display: block; margin-bottom: 3px; height: 18px; line-height: 18px; background:url(../img/star_white.png) 14px center no-repeat; text-indent: 44px; }
#video-navigation #submenu li a.active { background: url(../img/menu_active.jpg) 0 0; }
#video { float: left; width: 489px; height: 390px; padding: 17px; }
#flash-video { float: left; width: 489px; height: 390px; background: #000 url(../img/replacement_image1.gif); margin-right: 10px; }
#video2 { float: right; width: 489px; height: 307px; padding: 17px; overflow: hidden; }
#youtube-video { float: left; width: 489px; height: 307px; background: #000 url(../img/replacement_image1.gif); margin-right: 10px; }
#left-box { width: 320px; height: 350px; padding: 10px; float: left; margin-right: 27px; border-bottom-color: #000; z-index: 99; overflow: hidden; }
#bottom-box { margin-top: -1px; width: 874px; padding: 10px; float: left; margin-right: 27px; }
#area2 .video-box { float: left; width: 122px; height:170px; overflow: hidden;  margin: 0 0 10px 23px; }
#area2 .video-box a { display: block; }
#area2 .video-box .video-time { margin-bottom: 5px; }



/* REGISTRATION */
#register-content { padding: 10px 20px 0 20px;}


/* SPONSORS */
#sponsors { float: left; width: 912px; margin-left: 12px; background: url(../img/title_sponsored_by.gif) no-repeat #000; }
#sponsors a { display: inline; margin: 45px 0 20px 35px; float: left; height: 42px; background-repeat: no-repeat; }
#sponsors a { margin-left: 25px; }
#sponsors a.bbc1 { width: 46px; background-image: url(../img/sponsor_logo_bbc77.gif); }
#sponsors a.bbc3 { width: 49px; background-image: url(../img/sponsor_logo_bbc3.gif); }
#sponsors a.bbc { width: 62px; background-image: url(../img/sponsor_logo_bbc.gif); }
#sponsors a.bbc2in1 { margin-top: 30px; width: 96px; height: 81px; background-image: url(../img/bbc_logo2in1.gif); }
#sponsors a.bbcintroducing { width: 120px; background-image: url(../img/sponsor_logo_bbc_introducing77.gif); }
#sponsors a.nme { width: 51px; background-image: url(../img/sponsor_logo_nme.gif); }
#sponsors a.hmv { width: 83px; background-image: url(../img/sponsor_logo_hmv.gif); }
#sponsors a.tuborg { width: 72px; background-image: url(../img/sponsor_logo_tuborg.gif); }
#sponsors a.gaymers { width: 74px; background-image: url(../img/sponsor_logo_gaymers.gif); }
#sponsors a.relentless { width: 72px; background-image: url(../img/sponsor_logo_relentless.gif); }
#sponsors a.viagogo { width: 72px; background-image: url(../img/sponsor_logo_viagogo.gif); }
#sponsors a.guitar-hero { width: 72px; background-image: url(../img/sponsor_logo_guitar_hero.gif); }
#sponsors a.cocacola { width: 68px; background-image: url(../img/sponsor_logo_cocacola.gif); }


/* FOOTER */
#footer { float:left; width: 893px; margin-top: 30px; padding: 0 0 50px 50px; background: url(../img/footer.jpg) no-repeat bottom; }
#footer .footer_box { float: left; width: 25%; }
#footer #copyright { float:left; width: 100%; margin-left:-25px; margin-top: 50px; clear: both; text-align: center;}