/*************************
   HARD ROCK CALLING 2009  */
/*******************/

/****** Common ******/
html {  background: #131313 url(/_Resources/img/bg_top-repeat-x.jpg) repeat-x top center; }
html, body { margin:0;  padding:0; height:100%; width: 100%; }

body { margin: 0px;  padding: 0px; position: relative;font-size: 18px; min-width: 957px; background: transparent url(/_Resources/img/header2.jpg) no-repeat top; }
/* TOP SOCIAL / RSS NAV */

body ul.social { position: absolute; width: 280px; margin: -210px 0 0 590px; *margin: -180px 0px 0px 630px; }
body ul.social li { float: right;  width: 48px; height: 42px; list-style-type: none; text-align: right; }
body li a.tweeter { overflow: hidden; display: block; }
body li a.facebook { overflow: hidden; display: block; }
body li a.tweeter { width: 35px; height: 42px; margin-left: 30px; }
body li a.facebook { display: block; width: 35px; height: 42px; margin-left: 20px;}
body li a.rss { display: block; width: 35px; height: 42px;  margin-left: 50px; }
body li a.newsletter { display: block; width: 40px; height: 42px; }
    
object { margin-bottom: 10px; }
#wrapper { width: 954px; margin: 0 auto; padding:0; position:relative;} 

img { border: 0px; margin: 0px;}
a { outline: none; cursor: pointer;}
a:hover,
a:active,
a:focus{
    color: #A6A8AB;
}
.addthis_button { float: right; }
.clearBoth { clear:both; }
.brake { margin-top: 15px;}
.clear_left { clear:left; }
.clear { clear: both; padding-bottom: 10px;}
.clearNews {  clear: both;  padding-bottom: 20px;}
br.clear { margin-bottom: 10px; display: block; }
/* logo img replacement */
#header { position: relative; height: 210px; width: 100%; margin: 0px auto; min-width: 980px;  z-index: 20; }

#headerHolder h3 { font-size: 14px; margin: 0 auto; width: 400px; text-align: center; color: #EB5625; text-indent: -9999px;  }
#headerHolder h2 { font-size: 30px; margin: 0 auto; padding-top: 30px; width: 400px; text-align: center;  color: #EB5625; text-indent: -9999px; }

#header { width: 100%; height: 210px; }
#headerHolder { min-width: 954px; height: 215px; *height: 180px; overflow:hidden;  margin: 0 auto;}
#header .countDown { position: absolute; font-family: verdana; margin: -130px 30px 0 700px; color: #000; font-size: 20px; font-weight: bolder; width:260px; height: 62px; background: transparent url(/_Resources/img/countdown_no_dates.png) no-repeat left center;}

/* countdown */
.countDown p.desc {clear: both; font-size: 15px; padding: 0 20px 0 0; margin: 0; }
/*
#countdown div { text-align: center; font-size: 20px; font-weight: bold; float: left; padding-left:15px; }
span#countdown {  position: absolute; margin: -30px 20px 0 10px; *margin: -10px 20px 0 8px;  }
span#countdown span {  margin-left: 32px; }
*/
#countdown{
    position: absolute;
    top: -10px;
}
#countdown div{
    width: 47px;
    float: left;
    margin-right: 15px;
    text-align: center;
}
#countdown div span{
    clear: both;
    display: block;
    font-size: 14px;
}

/* current date */
.date { float: left; padding: 4px 10px 0; font-size: 15px; }

/* generals */
#wrapper .content {  width: 958px; height: auto; float: left; *margin-top: 15px; *padding-bottom: 20px; min-height: 400px; }
#wrapper .panelLeft { float: left; width: 630px; height: auto; }
#wrapper .panelRight { float: right; width: 300px; height: auto; margin: 18px 0 35px 0; *margin: 5px 0 35px 0; }
#wrapper .panelRight2 { float: right; width: 300px; height: auto; margin: -68px 0 20px 0; }

.box { width: 300px; height: auto; margin: 0px auto 18px; *margin: 0px auto 5px; clear: both; color: #A6A8AB;}
.box.top { margin-top: 5px;}
.mainBox { width: 630px; height: auto; clear: both; margin: 0; padding: 0; }
.mainBox h1, .panelLeft h1 { font-size: 21px; color: #EB5625; text-transform: uppercase; }
.promoVideo {*padding-top: 8px; }
#photoBox { /**margin-top: 30px; margin-top: 20px;*/ font-family: tahoma; overflow: hidden; font-size: 13px; color: #A6A8AB; padding:0 0 20px 0; width: 300px; height: auto; clear: both; text-align: left; background: #231F20 url(/_Resources/img/box-photos.png) no-repeat 0 0; }
    #photoAlbum a.choose { background:transparent url(/_Resources/img/btn_choosealbum.png) top left no-repeat; width: 232px; height: 38px; display: block; margin: 32px 0px 0 33px; padding: 0; text-indent: -999em; }
    #photoAlbum a.choose:hover { background-position: bottom left; margin: 28px 0px 0 33px; padding: 0;  }

#photoAlbum { *margin-top: 30px; font-family: tahoma; overflow: hidden; font-size: 13px; color: #A6A8AB; width: 300px; height: 125px; clear: both; text-align: left; background: #231F20 url(/_Resources/img/box-photoalbums.png) no-repeat 0 0; }

/* CAROUSEL */
#carousel {position: relative; padding: 0; margin:23px 0 0 2px; overflow:hidden; position:relative; }
#main_images { width: 624px; height: 380px; margin:0 0 0 2px; overflow:hidden; position:relative; }
#main_images img { width: 624px; height: 380px;}
    #main_images ul{ margin: 0; padding: 0; overflow: hidden; position:relative;}
        #main_images ul li{ float: left; position: relative; list-style-type: none;margin: 0; padding: 0;}
            #main_images ul li .slide_title{
                position: absolute;
                left: 0;
                bottom: 0;
                display: block;
                width: 624px;
                height: 20px;
                padding: 5px 10px;
                background-color: #000;
                background: rgba(0, 0, 0, 0.75);
                color: #FFF;
                overflow: hidden;
            }
#slides { margin:6px 0 0 0 ; overflow:hidden; position:relative; width:630px; height:95px; }
/* 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; }
/* width of the item, in this case I put 250x250x gif */
#slides li { width:120px; height:90px; float:left; padding:0 5px 0 1px; list-style-type: none;}
#slides li img { padding:0; width:120px; height:90px; padding: 0 0 2px; } 
/* Styling for prev and next buttons */
#buttons { padding:0 0 5px 0; }
#buttons a { position:absolute; width: 32px; height:43px; text-indent:-999em; outline:0; }
#buttons a#prev { top:170px;  left: 0px; background:transparent url(/_Resources/img/btns_hero.png) left top no-repeat; }
#buttons a#prev:hover { background:transparent url(/_Resources/img/btns_hero.png) left -45px no-repeat; }
#buttons a#next { top: 170px;  left: 592px; background:transparent url(/_Resources/img/btns_hero.png) -31px top no-repeat; }
#buttons a#next:hover { background:transparent url(/_Resources/img/btns_hero.png) -31px -45px no-repeat; }
#slides li a { border:2px solid transparent; height:86px; overflow: hidden; float:left; }
#slides li a:hover, #slides li a.active { border: 2px solid orange; float: left; }

/* END CAROUSEL */

.toggle-item.vi { display:block; border: 1px solid red;}

/* TICKETS */

#ticketInfo { *margin-top: 30px; margin-bottom: 20px; font-family: tahoma; font-size: 13px; color: #A6A8AB; width: 300px; height: auto; clear: both; text-align: left; background: #231F20 url(/_Resources/img/box-tickets.png) no-repeat 0 0; }
.eventInfo .showHide  { cursor: pointer; background: transparent url(/_Resources/img/btn_info.png) 0px 0px no-repeat; height: 40px; width: auto; padding-left: 50px; display: block; }
.selected span#showID1, .selected span#showID2, .selected span#showID3  { background-position: left -45px;}

.showHide span.tickets { 
    color:#F6921E; 
    padding-top: 5px; text-transform: capitalize; font-size: 18px; float: left;  }
.selected .showHide span.tickets { color:#A6A8AB;}
div.eventInfo { height: auto; padding: 20px 0; }

.hr { background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center center; clear: both; width: auto; height: 2px; padding: 10px; }
.hr:last-child { background: none; clear: both;  }
.wrap p strong { background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll top center; clear: both; width: 260px; float: left; height: auto; padding: 15px 0; font-size: 18px; text-transform: capitalize;  }
.wrap p strong:first-child { background: none; clear: both; width: 260px; height: auto; padding: 0;  }

div.button {  margin: 0 0 0 10px; float: right; }
.sold_out{ color: #FF4135; font-family: Georgia; padding: 5px 0 0 10px; font-size: 18px; }

a.buttonLink .buttonLeft { background: #131313 url(/_Resources/img/btn_generic-left.png) 0px 0px no-repeat; height: 38px; width: 22px; float: left; color:#000; }
a.buttonLink .buttonGeneric { background: #131313 url(/_Resources/img/btn_generic-right.png) repeat right top; height: 30px; width: 90px; color:#000; padding: 7px 18px 0; *padding-left: 0; font-size: 16px; font-family: Georgia; text-align:center; }

a:hover.buttonLink .buttonLeft { background-position: 110% 110%; }
a:hover.buttonLink .buttonGeneric { background-position: right 34px;  height: 27px; width: 90px; color:#000; padding: 7px 18px 0; }

#ticketInfo h2 { clear: both; color: #A6A8AB; font-family: georgia; text-transform: capitalize; padding: 0; margin: 0; font-weight: normal; }
#ticketInfo .tickets { background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center bottom; clear: both; color: #A6A8AB; font-family: georgia; text-transform: capitalize; margin: 0; width: auto; height:auto; padding: 10px 5px 10px 5px;  }
#ticketInfo .tickets.last { background: none; }
#ticketInfo h2 { font-size: 18px; clear: both; color: #A6A8AB; font-family: georgia; text-transform: capitalize; padding: 0; margin: 0; font-weight: normal; }
.toggle-item { width: 500px; color: #A6A8AB; font-size: 13px; padding-top: 10px; width: 640px;}
.clear {clear:both}
span.price { display: block; color: #ff4135; padding-right: 10px; *padding-right: 50px; padding-top: 5px; float: right; *margin-right: -38px; font-size: 18px; font-family: Georgia; }
 /* twitter */ 
 #twitterFeed { *margin-bottom: 10px; }
 #twitterFeedTop { font-family: tahoma; font-size: 13px; color: #A6A8AB; min-height: 150px; clear: both; width: 300px; height: auto; padding: 0; text-align: left; background: #231F20 url(/_Resources/img/box-twitter-top.png) no-repeat 0 0; }
 #twitterFeeds { font-family: tahoma; font-size: 13px; color: #A6A8AB; clear: both; margin-top: -10px; padding: 0; text-align: left; background: #231F20 url(/_Resources/img/box-twitter-bottom.png) no-repeat center top; }
 #track_hp_twitter { float: left; padding: 117px 0 0 18px; *padding: 100px 0 0 15px; clear: both; }
 #twitterFeed ul { margin: 0; padding: 0 0 10px 0; }
     #twitterFeed li {  padding: 0 10px; list-style-type: none; width: 175px; height: 120px; }
     #latestTweet {  padding: 10px; list-style-type: none; width: 175px; height: auto; margin-left: 95px;  }
     .Panel305 #latestTweet {  width: 200px; height: 120px;}
     #twitterFeed li a, #latestTweet a { padding-top: 5px; color: #F6921E; }
     .tweetDetails { display: block; color: #8e8e8e; }
        #twitterFeed .tweetDetails a { color: #8e8e8e; }
        ul.tweets {  clear: both; margin-top: 12px; *float: left; display:block;}
        ul.tweets li {  margin-top: 30px; }
        #twitterFeed h2 { margin: 10px 0 0 0; padding: 10px 0 0 15px; color: #EB5625; font-size: 21px; font-family: georgia; font-weight: 550; text-align: left; }
        #twitterFeed h3 { margin: 10px 0 0 0; padding: 20px 0 0 105px; color: #F6921E; font-size: 21px; font-weight: normal; text-align: left; }
        #twitterFeeds  {width: 300px; height: auto; }
        #twitterFeeds ul li { width: 253px; margin: 13px 10px 10px 12px; *margin: 16px 10px 10px 12px; height: auto; padding: 10px 10px 0 10px; }
        ul.tweets li { margin: 10px auto; padding: 0; height: 2px;  background: url(/_Resources/img/box-separator.png) repeat-x center top; }
        ul.tweets li:first-child  { background: none; }

/* Legal */

.terms strong {}

/* SPOTIFY - FACEBOOK - SUBSCRIBE */
.facebook.box h1, .spotify.box  h1, .subscribe.box h1, #newsletter h1, #ticketInfo h1, #infoBox  h1 { color: #EB5625; margin-left: 84px; font-weight: bold; font-size: 21px; padding-top: 18px; }
#photoBox h1, #photoAlbum h1 { color: #EB5625; margin-left: 84px; font-weight: bold; font-size: 21px; }
 #ticketInfo h1, #benefits h1 { color: #EB5625; margin-left: 84px; font-weight: bold; font-size: 21px; padding-top: 20px; }
   .facebook.box { width: 300px; height: auto; margin: 0px auto 15px; clear: both; background: #231F20 url(/_Resources/img/box-facebook.png) no-repeat 0 0; }
.spotify.box { width: 300px; height: auto; margin: 0px auto 15px; clear: both; background: #231F20 url(/_Resources/img/box-spotify.png) no-repeat 0 0; }
    .spotify.box  h2, .subscribe.box h2 { font-weight: normal; font-size: 21px;  color: #A6A8AB; }
    .spotify.box .wrap { clear: both; padding: 10px 18px 10px 20px; font-size: 13px; overflow: hidden; font-family: tahoma; }
.subscribe.box .wrap { clear: both; padding: 10px 18px 10px 0px; font-size: 13px; overflow: hidden; font-family: tahoma; }
.subscribe.box { width: 300px; height: auto; margin: 0px auto 15px; clear: both; background: #231F20 url(/_Resources/img/box-subscribe.png) no-repeat 0 0; }
     .subscribe.box .float { float: left; width: 120px; margin-left: 15px; }
     .subscribe.box ul  { margin: 0; padding: 0; list-style-type: none; }
     .subscribe.box a { padding-bottom: 8px; display: block; }
     .wrap a { font-size: 14px; }
     .hr { background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center center; width: auto; height: 2px; padding: 20px 10px; }
     
/* NEWS */
.mainBox .news {font-family: tahoma; font-weight: normal; color: #A6A8AB; padding-bottom: 20px;  }
.mainBox .news h1 {font-family: tahoma; font-weight: normal; }
.storyimg { width: 320px; height: 216px; }
.imgarea { width: 320px; height: 216px; float: left; padding: 0 20px 20px 0; }
.story {float: left; width: 250px; padding: 0; margin: 0; color: #A6A8AB; font-size: 13px; font-family: tahoma; }
.newsWrapper2 { width: auto; height: auto; }
    .newsWrapperBar { padding: 10px; background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center top; width: auto; height: 2px; clear: both; }
.story h1 { padding: 0; margin: 0; color: #EB5625; font-size: 20px; text-transform: capitalize; }
div.pd { border-top: none; border-bottom: 4px solid #000; border-left: 4px solid #000; background-color: #BF1E2E; width: 93px; height: 15px; color: #fff; position: absolute; margin-left: 224px; text-align: center; clear: both; padding: 3px 0 5px;}
div.pdNews { border-top: none; border-bottom: 4px solid #000; border-left: 4px solid #000; background-color: #BF1E2E; width: 93px; height: 15px; color: #fff; position: absolute; margin-left: 542px; text-align: center; clear: both; padding: 3px 0 5px;}
#newsletter { font-family: tahoma; font-size: 13px; color: #A6A8AB; width: 300px; height: auto; clear: both; text-align: left; background: #231F20 url(/_Resources/img/box-newsletter.png) no-repeat 0 0; }
#newsletter .wrap, #ticketInfo .wrap { padding: 10px 20px 20px 20px; }

/* news social network */
.newsWrapper2 ul{ list-style-type: none; margin: 0; padding: 20px 0;  }
.news ul { list-style-type: none; margin: 0; padding: 0 0 20px;  }
.newsWrapper2 ul li, .news ul li { float: left; padding-right: 2px; }
ul.newsList {margin: 0; padding: 0; }
.newsIMG img { width: 639px; height: 321px;  }
.panelLeft .news { padding-bottom: 20px; }
/* next - last nav */
div.positioning {width: 610px; float: right; margin-bottom: 30px; }
ul.postNav { float: right; }
ul.postNav li { float: left; list-style-type: none; padding-right: 5px;  }
ul.postNav li.first { float: left; list-style-type: none; padding: 0px; margin: 0 10px 0 10px; width: auto; height: 21px;  background: transparent url(/_Resources/img/btn-bg-next-previous.png) repeat 0 0; }
ul.postNav li.last { float: left; list-style-type: none; padding: 0px; margin: 0px; width: auto; height: 21px; background: transparent url(/_Resources/img/btn-bg-next-previous.png) repeat 0 0; }
ul.postNav li a { float: left; list-style-type: none; width: auto; height: 17px; padding: 2px 10px; background: transparent url(/_Resources/img/btn-bg-next-previous.png) repeat 0 0; border-top: none; border-right: 1px solid #404042; border-left: 1px solid #404042; }
ul.postNav li span.active { float: left; list-style-type: none; width: auto; height: 17px; padding: 2px 10px; background: transparent url(/_Resources/img/btn-bg-next-previous.png) repeat 0 0; border-top: none; border-right: 1px solid #404042; border-left: 1px solid #404042; color: #ccc; }

/* INFO */
#infoBox { margin-bottom: 20px; padding: 7px 10px 10px; font-family: tahoma; font-size: 13px; color: #A6A8AB; width: 280px; height: auto; clear: both; text-align: left; background: #231F20 url(/_Resources/img/box-info.png) no-repeat 0 0; }
#infoBox h3 { float: left; padding: 10px 0 15px 70px; font-size: 20px; }
#infoBox h2 { clear: both; }
#infoBox .wrap { padding: 0px 20px 20px; }
#infoBox .wrap a, #benefits a { display: block; text-transform: uppercase; padding-top: 3px; }
#infoBox .wrap a:active, #infoBox .wrap a:hover, #infoBox .wrap a.selected, #benefits a:active, #benefits a:hover, #infoBox .wrap a:active { display: block; text-transform: uppercase;  color: #A6A8AB; }
#infoBox h2,  #benefits h2 { font-weight: normal; color: #A6A8AB; padding: 10px 0; margin-top: 10px; background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll top center; }
#infoBox h2:first-child,  #benefits h2:first-child { background: none; margin-top: 0px; }
#allEvents div.eventInfo { float: left; width: 600px; height: auto; padding: 20px 0; }


/* ATTRACTIONS */
.attr h4{
    text-transform: uppercase;
}
#attrBox { padding: 7px 10px 10px;  font-family: tahoma; font-size: 13px; color: #A6A8AB; width: 280px; height: auto; clear: both; text-align: left; background: #231F20 url(/_Resources/img/box-attractions.png) no-repeat 0 0; }
#attrBox h3 { display: block; float: left; padding: 10px 0 15px 70px; font-size: 20px; }
#attrBox h2 { font-weight: normal; font-size: 18px;  color: #A6A8AB; padding: 10px 0; margin-top: 10px; }
#attrBox ul,
#attrBox li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#attrBox li.divider{
    background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll top center;
}
#attrBox ul ul{
    margin-bottom: 10px;
}
#attrBox .wrap { padding: 0px 20px 20px; }
#attrBox .wrap a, #benefits a { display: block; text-transform: uppercase; padding-top: 3px; }
#attrBox .wrap a:active, #attrBox .wrap a:hover, #attrBox .wrap a.selected, #attrBox .wrap a:active { display: block; text-transform: uppercase;  color: #A6A8AB; }
.attr_list{
    overflow: hidden;
    clear: both;
}



#allEvents h3 { font-size: 20px; padding-bottom: 18px; }

/***** FOOTER *****/
.sponsors { clear: both;background-color: #231F20; border: 1px solid #2F2F2F; height: 208px; margin: 0px auto 0; clear: both; text-align: center; padding-top: 20px; }
    .sponsorsHolder {  width: 954px; min-width: 954px; margin: 0 auto; }
    .sponsorsHolder img { float: left; padding: 8px  25px;}
    .sponsorsHolder .second {  clear: both; margin: 0px auto; display: block; width: 520px; }
        .sponsorsHolder .second img { float: left; padding: 20px  25px 10px;}
        .sponsorsHolder .second img.jaegermeister { padding: 10px  25px 10px;}
    .sponsorsHolder .third {  clear: both; margin: 0px auto; display: block; width: 290px; padding-left: 90px;  }
         .sponsorsHolder .third .absolute {padding-top: 20px;}
    .sponsorsHolder .first {  display: block; margin: 0 auto; width: 380px; }
        .sponsorsHolder .first img { padding: 0px 20px;  }
        
        
#footerWrapper { width:100%; height: auto; background-color:#000; background-position:center top; font-family: georgia; font-size: 14px; }
#footerWrapper #footer { width: 930px; margin: 0 auto; text-align: center; }
#footer ul.float { float: left; width: 70px; padding: 0 30px 20px 0; margin: 0;  display: block;}
#footer a { text-decoration: none; }
#footer p img { margin: 20px auto -3px auto;}
#footer a:hover {text-decoration: none; }
#footerWrapper li {display: block; padding-top: 4px; list-style-type: none; }
#footerWrapper #footer #footerHolder { text-align:left; padding-top: 5px; margin-bottom: 10px; }
	       
#footerWrapper #footer #footerHolder .copyright   { height: 30px; float: left; clear: both; }
.footerWrapperBar { background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center top; width: auto; height: 2px; clear: both; }		
#footer .block2 { width: auto; color: #747c9c; float: left; height: auto; padding:0 0 10px 30px; margin: 0; }
#footer .block1 { width: auto; color: #747c9c; float: left; margin: 0 0 0 40px; padding: 0; }

/*** Partners ****/
#partners { width: 640px; margin: 0 auto;}
#partners .separatorMiddle.partner { margin: 30px auto 30px auto; text-align: left; }
.partnerBar { padding: 10px; background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center; width: auto; height: 2px; clear: both; }
#partners img { margin: 0px; width: auto; padding: 8px; }
#partners img.center { margin-left: 0px; }
#partners img.center2 { margin-left: 0px; }
#partners{ text-align: center; margin: 0 auto;}
/****** LINEUP ******/
.stage-day { width: 319px; float: left; }
.tbc{ font-weight: bold;}
h3.stage-name { font-family: Georgia; font-size: 21px; padding-top: 30px; *padding-top: 15px; color: #EB5625;  background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center top;  }
h3.stage-name:first-child { background: none;  }
ul.doors { clear: both; height: 30px; font-weight: bold; }
ul.lineup { min-height: 150px; }
p.bottomText{
text-align: center;}

h4.day-name { font-family: Georgia; font-size: 20px; color: #A6A8AB; font-weight: normal; padding: 10px 0 30px; margin: 0; }
.stage-day a { float: left; width: 200px; font-family: tahoma; font-size: 14px; color: #F6921E; font-weight: bold; padding: 0 0 8px 0; margin: 0; clear: both; display: block; }

/* artist */
.artist img { width: 640px; height: 319px;  }
.artist { width: 640px; height: auto; margin-top: 18px; *margin-top: 8px;  background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center bottom; padding-bottom: 10px; }
#topAlbums span, #images span { float: left; padding-top: 10px;   }
#topAlbums img, #images img { float: left; width: 142px; height: 135px;  }
#topAlbums a { float: left; width: 142px; height:160px;  padding:0 18px 45px 0; }
#images a { float: left; width: 142px; height:160px;  padding:0 18px 25px 0; }
#topAlbums { width: 640px; height: auto;  background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center bottom; padding-bottom: 10px; }
#topAlbums h3 a, #images h3 a, #videos h3 a, .topTracks h3 a { margin:0; padding: 10px 0 10px 0; display: block; font-family: Georgia Bold; font-size: 21px; color: #EB5625; text-transform: capitalize; height: 20px; width: 640px; }
#videos h5  { margin:0; padding: 26px 0 20px 0; display: block; font-family: Georgia Bold; font-weight: normal; font-size: 21px; color: #EB5625; text-transform: capitalize; height: 20px; width: 640px; }

#images { float: left; width: 640px; height: auto;  background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center bottom; padding: 10px 0 0px 0; }
#videos { float: left; width: 640px; background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center bottom; padding-bottom: 10px; }
.video { height: 220px; float: left; height: auto; padding: 0 10px 0 0px;  }
    
    .artistImages img { width: 100px; height: auto; }
    
    .artistSection.topTracks { margin-bottom: 20px; width: 640px; height: auto; float: left; }
    .artistSection.topTracks a { float: left; padding: 0 0 12px 0; width: 100%; }
    .topTracks .trackNo { float: left; width: 35px; color: #A6A8AB; }
    .topTracks .trackName { float: left; padding-right: 10px; width: 250px; }
    .topTracks .playCount { float: left; padding: 0 10px 2px; width: 270px; background-color: #EC5526; color: #000; }


/*** CONTACT ***/
#contact { text-align:left; padding: 0 30px; margin-top: -20px; color: #c6c6c6; width: auto;  _width: 465px; }

/****** Register
/* something in register.css  ******/
#benefits .wrap { padding: 10px 20px 20px; }
#benefits { background: url(/_Resources/img/box-benefits.png) no-repeat; }
#benefits h2 { display: none;}
#benefits strong { font-weight: normal; padding: 0 0 18px 0;  }
#benefits p {background: transparent url(/_Resources/img/box-separator.png) repeat-x scroll center bottom; margin-bottom: 10px; padding-bottom: 20px; }
#benefits p:last-child {background: none; margin-bottom: 10px; padding-bottom: 20px; }

.content .mainArea .main #registerArea { text-align: left; width: 92%; }
.content .mainArea .main #registerArea legend span
{ color: #c6c6c6;font-weight: bold;font-size: 14px; }

/****** terms of use ***/
#terms { text-align: left; margin-bottom: 50px;  }


.postTab {height:20px;width:23px; }
.postTab img { float: left;}
.postTab a {text-indent: -9999px; }

/** VIDEOS **/
#videosList { padding: 7px 10px 10px; background: url(/_Resources/img/box-videos.png) left top no-repeat; }
    #videosList h3 { float: left; padding: 10px 0 15px 70px; font-size: 20px; }
    .video-box { clear: both; float: left; padding: 10px 5px; width: 270px; background: url(/_Resources/img/box-separator.png) bottom repeat-x; }
        .video-box img { float: left; margin-right: 10px; }

ul.attractions,
ul.attractions li{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul.attractions h5{
    color: #f49829;
    font-weight: normal;
    font-size: 17px;
    height: 40px;
    padding-left: 47px;
    line-height: 2em;
    background: transparent url(../img/btn_info.png) no-repeat 0 0;
    cursor: pointer;
    margin-bottom: 10px;
}

ul.attractions h5:hover{
    background-position: 0 -45px;
    color: #EB5625;
}

.artistSection h3,
#topAlbums h3,
#images h3{
    overflow: hidden;
    clear: both;
}

.artistSection h3 span,
#topAlbums h3 span,
#images h3 span{
    float: left;
}

.artistSection h3 a.lastfmLogoLarge,
#topAlbums h3 a.lastfmLogoLarge,
#images h3 a.lastfmLogoLarge{
    background:url("/_Resources/img/last-fm-logo-large.png") no-repeat 0 0 transparent;
    display:block;
    float:right;
    height:20px;
    margin-right:15px;
    text-indent:-999em;
    width:140px;
}

.stage-day ul,
.stage-day li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.stage-day .stage_times { 
    float: right; 
    padding-right: 32px;
    font-family: tahoma; 
    font-size: 14px; 
    color: #A6A8AB; }
    
.attr_list,
.attr_list li,
.attr_list ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}


.landinglinks,
.landinglinks li{
    margin:0;
    padding: 0;
    list-style-type: none;
}

.landinglinks{
    padding-top: 20px;
}
.landinglinks a{
    text-transform: uppercase;
    font-size: 14px;
    font-weight:bold;
}

.adman {
    margin: 20px 0;
    text-align: center;
}