﻿/*
 *  Live Nation UK
 *  http://www.livenation.co.uk/
 *  Mariana Godoy G.
 */
    
/*** MAIN STYLES ***/
img {border: 0px;}
.clear {clear:both;}
.clear_left {clear:left;}
a:active, a:focus{ outline:none; }

* html #wrapper { height: 100%; }
html, body { margin:0; padding:0; height:100%;}
body { background:#000000 url(/_Resources/img/bg_main.jpg) no-repeat fixed center top; }

#wrapper {width: 900px;  position: relative; margin: 0 auto; padding:0; text-align: center; font-size: 1.2em;}
    #wrapper #wrapperHolder { width: 900px; }
    
/*** HEAD ***/    
    #header {}
    #header #headNavigation { position:absolute; top:10px; right:0px; z-index:100; }
    #header #headNavigation ul { padding:0; margin: 8px 40px 0; text-align:right; }
    #header #headNavigation ul li { list-style-type:none; display:inline; }
    #header #headNavigation #headFlash {  height: auto; padding: 35px 20px 0; width: 280px;}
		#headFlash  h1 { padding: 0; margin: 0; }
		#headFlash  p { padding: 5px 0; margin: 0;}
    
    #header #headerHolder { width: 900px; height: 191px; overflow: hidden; position: relative;}
    #header #headerHolder span { font-family: Times New Roman; font-size: 1.11em; width: 900px; height: 191px; position: absolute; left: 0; top: 0; background:#000 url(/_Resources/img/header_2010.jpg) no-repeat;  }
    #headerHolder a { position: absolute; display: block; top: 72px; left: 30px; height: 90px; overflow: hidden;  }
		#headerHolder a:hover { text-decoration: none; }

    #headerHolder a h1{  padding: 0; margin: 0;}
    #headerHolder a p {  padding: 0; margin: 0;}

/*** CONTENT ***/	
#contentHolder { width:900px; background:#000 url(/_Resources/img/bg_div1.gif) repeat-x; text-align:center; }
    #contentHolder .content { width:854px;text-align:left;padding:10px 0 0 0; margin:0 auto 0 auto;}

        #contentHolder .content #homeHeader{margin: 0;padding: 0;overflow:auto; height: auto; padding-bottom: 20px; }
        
        #contentHolder .content .headImage { width: 100%; height: 58px; margin: 0 0 10px 0; }
        #contentHolder .content #homeImage { background:url(/_Resources/img/title-home.png) no-repeat; }
        #contentHolder .content #newsImage { background:url(/_Resources/img/title-news.png) no-repeat; }
        #contentHolder .content #torvillDeanImage { background:url(/_Resources/img/title-torvill.png) no-repeat; }
        #contentHolder .content #celebrityImage { background:url(/_Resources/img/title-celebs.png) no-repeat; }
        #contentHolder .content #professionalImage { background:url(/_Resources/img/title-profi.png) no-repeat; }
        #contentHolder .content #hostJudgesImage { background:url(/_Resources/img/title-host.png) no-repeat; }
        #contentHolder .content #tourDatesImage { background:url(/_Resources/img/title-dates.png) no-repeat; }
        #contentHolder .content #galleryImage { background:url(/_Resources/img/title-photos.png) no-repeat; }
        #contentHolder .content #registerImage { background:url(/_Resources/img/title-register.png) no-repeat; }
        #contentHolder .content #termsOfUseImage { background:url(/_Resources/img/title-terms.png) no-repeat; }
        #contentHolder .content #privacyImage { background:url(/_Resources/img/title-privacy.png) no-repeat; }
            
        #contentHolder .content #homeHeader .latestNewsBlock { width: 300px; margin-right:30px; float: left; }
        #contentHolder .content #homeHeader .latestNewsBlock #home_news { margin:0; padding:0; }
        #contentHolder .content #homeHeader .latestNewsBlock #home_news .block{ width:300px; margin-bottom:15px; overflow:auto;}
        #contentHolder .content #homeHeader .latestNewsBlock #home_news img.storyimg { float:left; width:62px; height:62px; margin-right:10px; padding:0; }
        #contentHolder .content #homeHeader .latestNewsBlock #home_news p { margin:0; padding:0; }
       
        #contentHolder .content #homeHeader .promoVideoBlock { width: 300px; margin-right: 30px; float: left; }
        #contentHolder .content #homeHeader .promoVideoBlock #player { width: 298px; height: 250px; border: 1px solid #2056DC; }

            #contentHolder .content #homeHeader .tourDates{width: 194px;float: left;}
                #contentHolder .content #homeHeader .tourDates p strong{display:block;padding-bottom:5px;}
                
                #contentHolder .content #homeHeader .tourDates p br{line-height:0;font-size:0;  height:0;  margin:0;padding:0;display: block;}

        #contentHolder .content .blockHolder{width:854px; background:#000000 url(/_Resources/img/bg_div2.jpg) repeat-x; color: #fff; float: left; height: auto; padding-top:10px; padding-left: 0px; margin-right: 0px; margin-bottom:10px; overflow: hidden;	}
            #contentHolder .content .blockHolder .block{float: left;width: 104px;height: 100px;margin: 0; padding: 0 2px 10px 0;}
                #contentHolder .content .blockHolder .block a{ padding: 0px 0px 5px;}                
                    #contentHolder .content .blockHolder .block img {border:solid 2px #3C6FDC;display:block;margin-bottom:5px;}
        #contentHolder #blockHolderFoot{height:100px;background:url(/_Resources/img/bg_div2.jpg) repeat-x; 	 padding:25px 0 0; margin:10px 0;  }
            #contentHolder #blockHolderFoot img {padding:0 0px 0 12px;}

/*** TORVIL & DEAN ***/
#contentHolder .content .floatLeft { float:left; }
#contentHolder .content .torvillLeft    { width:480px; }
#contentHolder .content .torvillRight   { width:364px; }

/* columns */
#contentHolder .content .column1    { width:120px; height:auto; padding-top: 10px; margin-top: 0px;color: #3B70E4;font-size: 1.5em; font-weight: bold; text-transform: uppercase;}
#contentHolder .content .column2   { width: 240px; height:auto; padding-top: 10px; margin-top: 0px; }
#contentHolder .content .column2  p {margin: 0px; padding: 0; }
#contentHolder .content .column2  strong {color:#FFBF00; font-weight:bold; }

/*** CELEBRITY SKATERS ***/
#contentHolder .content .celebrityLeft  { width:254px; text-align:left; }
#contentHolder .content .celebrityRight { width:600px; }
	#contentHolder .content .celebrityRight .artist_right { width:340px; float:left; }
	#contentHolder .content .celebrityRight .artist_left { width:260px; float:left; }
	#contentHolder .content .celebrityRight .artist_left .image { width:240px; }
	#contentHolder .content .celebrityLeft  ul { margin:0; padding:0; }
	#contentHolder .content .celebrityLeft  ul li { list-style-type:none; width:254px; display:block;}
	#contentHolder .content .celebrityLeft  ul li a.link { height:34px; width:200px; padding:11px 0 0  10px; float:left; }
	#contentHolder .content .celebrityLeft  ul li img { height:34px;width:44px; float:left; }
	
/*** PROFESSIONAL SKATERS ***/
#contentHolder .content .professionalLeft  { width:254px; text-align:left; }
#contentHolder .content .professionalRight { width:600px; }

/*** HOST AND JUDGES ***/
#contentHolder .content .hostJudgesLeft  { width:254px; text-align:left; }
#contentHolder .content .hostJudgesRight { width:600px; }

/*** TOUR DATES ***/
#contentHolder .content .tourDatesLeft  { width: 258px; padding: 8px 5px 0 0; text-align:left; }
#contentHolder .content .tourDatesRight { width: 540px; }
	#contentHolder .content .tourDatesRight table { width: 590px; margin-top: 13px; }
		#contentHolder .content .tourDatesRight table tr th { color: #FFBF00; padding-bottom: 10px; text-align: left; }
			#contentHolder .content .tourDatesRight table tr th.venue { width: 35%; }
			#contentHolder .content .tourDatesRight table tr td { padding-bottom: 5px; padding-right: 15px; }
			#contentHolder .content .copy { clear: both; }
			#contentHolder .content .subjectTo { padding-top: 20px;}
			#contentHolder .content .dividerTour {background: url(/_Resources/img/separator_258x1.jpg) no-repeat; width: 258px; height: 1px; padding-bottom: 10px; margin-top: 10px; }
 /* tour accordion */                       
.ticketBody { display: block; height: auto; padding-left: 4px; }
.ticketHolder {}
.ticketBody .fix { height: 5px; display: block; } /* fixes IE jumping bug */

/* bottom menu */
#contentHolder .content .contact {}
#contentHolder .content .register {}
#contentHolder .content .gallery {}

/* buy buttons */
#contentHolder .content .buyButton { margin:10px 0; width:115px;}
	#contentHolder .content .buyButton a { position:relative; width:115px; height:23px; display:block; overflow:hidden; }
	#contentHolder .content .buyButton a span {  position:absolute; left:0; top:0; width:100%; height:100%; background: url(/_Resources/img/btn_buy-tickets.png) no-repeat; }
	#contentHolder .content .buyButton a:hover span { background-position:0 -23px; cursor:pointer; }

#contentHolder .content .infoSection {height: auto; float: left; margin: 0 auto 20px auto; padding-top:1px;}
#contentHolder .content .photoGallery {width: 468px; height: 80px; margin-bottom: 20px;}
	#home_news .block img { padding-right: 15px; padding-bottom: 2px; }
#contentHolder .content .infoSection img {display: block; padding: 10px 20px 20px 0px;clear: both;}
#contentHolder .content .divider { background: #000000 url(/_Resources/img/divider.jpg) no-repeat; height: 3px ;clear: both;}
#contentHolder .content .infoSection img.top {display: block; padding:0; margin: 0;}
#contentHolder .content .infoSection p.top {padding-bottom: 20px; margin: 0;}
#contentHolder .content .infoSection .text {width: 350px;padding-top: 10px;}
	#contentHolder .content .infoSection .text a {display: block; margin: 0; padding: 0; }
#contentHolder .content .torvillRight img {padding-right: 10px; float: left; width: 140px;}
#contentHolder .content .torvillRight strong {color: #FFBF00;}
#contentHolder .content .infoSection h2 {color:#FFBF00;font-size:1.6em; margin-top: 50px; font-weight:bold;margin:0;padding:0 0 0.5em;}
.torvillRight object {margin-bottom: 20px; height:280;}
#contentHolder .content .torvillLeft p {width: 455px; margin: 0px; padding: 0px; }
	 
/*** NEWS ***/
#contentHolder .content .newsLeft { width:353px; padding:0; margin:0; float:left; }
#contentHolder .content .newsRight { width:500px; padding:0; margin:0 0 10px 0; float:left; }
#contentHolder .content .newsRight .text img { margin:0px 1em 1em 0; padding:0; display:block; }

#contentHolder .content .newsBlock, 
#contentHolder .content .newsGroup { display: none;}

#loader { width:66px; height:66px;padding:20px;background:url(/_Resources/img/ajax-loader.gif) 20px 10px no-repeat;}

#contentHolder .content #newsList .list_item {width: 353px; margin-bottom: 10px;}
    #contentHolder .content #newsList .list_item .image {width: 75px; float: left;}
        #contentHolder .content #newsList .list_item img { padding:2px; margin:0;}
    #contentHolder .content #newsList .list_item .text {width: 260px;float: left;}
        #contentHolder .content #newsList .list_item .text p{padding:2px 0 0; margin:0;}
    
#contentHolder #newsTabs {padding:0;margin:0;}

    #contentHolder #newsTabs ul {margin:5px 0 0 73px;padding:0;}
		#contentHolder #newsTabs ul li {list-style-type:none; display:inline;}

	#contentHolder #newsTabs a,
	#contentHolder #newsTabs a:visited,
	#contentHolder #newsTabs a.active  {margin: 0 1px;	padding: 1px 5px;}
	
/**** FOOTER ****/
#footerWrapper { position: relative; width:100%;height:300px;background:#000 url(/_Resources/img/bg_footer.jpg) no-repeat;background-position:center top;}
    #footerWrapper #footer {width:900px;margin: 0 auto 0 auto;text-align: center;}
        #footerWrapper #footer #footerHolder {    text-align:left; padding-top:20px;}    
            #footerWrapper #footer #footerHolder .footBlock{width: 180px;color: #747c9c; float: left;text-align: center; margin-bottom:20px;}
                #footerWrapper #footer #footerHolder .footBlock ul{margin:0 auto 0 auto;padding:0; width:150px;text-align: left;}
                    #footerWrapper #footer #footerHolder .footBlock ul li{display: block;padding-top: 10px; font-family: arial;}
                        #footerWrapper #footer #footerHolder .footBlock ul li a{text-decoration: none;color: #9aabd5;}
                            #footerWrapper #footer #footerHolder .footBlock ul li a:hover{text-decoration: none;color: #fff;}
                        #footerWrapper #footer #footerHolder .footBlock ul li.title { font-size:1.2em; }