*{ padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
body{ font-size: 62.50%; background: #032B5C url("../images/backgrounds/background-header-new.jpg") no-repeat top center; padding: 0 0 50px 0; position: relative; }
.clr{ clear: both; }
a img{ border: 0; }
a{ outline: none; }
#site{ width: 994px; margin: 0 auto; background:transparent; }
#site.popup{ background: #002a5c url("../images/backgrounds/background-headerless.jpg") no-repeat center top; padding: 10px;}
#header{ height: 160px; }
.lineup{ padding-bottom: 46px; }

#toolbar{
  background:#048ecc url(../images/backgrounds/toolbar.jpg) repeat-x top left;
  height:30px;
  overflow:hidden;
  padding:0 100px;
}
#toolbar p{
  width:40%;
  padding:0;
  margin:0;
}
#toolbar p label{
  color:#f2b703;
  font-weight:bold;
  padding:8px 0 0;
  font-size:1.2em;
}
#toolbar p.join-us{
  float:left;
}
#toolbar p.join-us label{
  float:left;
}
#toolbar p.join-us a{
  float:left;
  width:30px;
  height:30px;
  text-indent:-9999px;
}
#toolbar p.join-us a.email{ background:transparent url(../images/buttons/toolbar-email.jpg) no-repeat center right; }
#toolbar p.join-us a.facebook{ background:transparent url(../images/buttons/toolbar-facebook.jpg) no-repeat center right; }
#toolbar p.join-us a.twitter{ background:transparent url(../images/buttons/toolbar-twitter.jpg) no-repeat center right; }
#toolbar p.search{
  float:right;
  margin-top: 4px;
  width: 200px;
}
.search_box {
  width: 125px;
  font-size: 12px;
  color: #333;
  border: 1px solid #045A93;
  height: 18px;
  position: relative;
  bottom: 2px;
}
.search_button {
  background-image: url(../images/backgrounds/button_back.jpg);
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #F60;
  width: auto;
  margin-left: 5px;
  height: 20px;
  padding: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius:5px;
  font: normal 10px Verdana, Geneva, sans-serif;
  position: relative;
  bottom: 0px;
}


#tall{ width: 640px; height: 2290px; float: left; background: transparent url("../images/backgrounds/tall.gif") no-repeat 0 0; }

#tallhead{ padding: 58px 37px 27px 50px; height: 50px; }
#tallhead img{ border: 0; float: left; }
#tallhead p{ font-size: 30px; color: #010101; padding: 0 15px 3px 10px; }
#tallhead p.su{ font-size: 11px; }
#tallhead #sch_link{ float: right; }
#tallhead #sch_link p{ padding-top: 35px; }
#tallhead #sch_link a{ font-size: 14px; }

#tallbox{ margin: 0 0 0 106px; overflow: auto; width: 497px; height: 2115px; } 

#boxes{ width: 328px; float: right; }

.box1{ height: 211px; margin: 37px 0 0 0px; background: transparent url("../images/backgrounds/box1.gif") no-repeat 0 0; padding-right: 70px;} 
.box2{ height: 266px; margin: 23px 0 0 4px; background: transparent url("../images/backgrounds/box2.gif") no-repeat 0 0; padding: 24px 0 0 34px; }
.box3{ height: 277px; margin: 19px 0 0 0; background: transparent url("../images/backgrounds/box3.gif") no-repeat 0 0; padding: 14px 48px 0 16px; }

.box1 h3{ font-size: 14px; color: #010101; font-weight: normal; padding: 50px 0 20px 22px; }
.box1 ul{ list-style-type: none; padding-left: 22px; }
.box1 ul li{ height: 24px; padding: 2px 0 0 24px; }    
.box1 ul li a{ font-size: 12px; color: #fbf6f6; text-decoration: none; }
.box1 ul li a:hover{ text-decoration: underline; }
.box1 .share1{ background: transparent url("../images/icons/fb.gif") no-repeat 0 0; }
.box1 .share2{ background: transparent url("../images/icons/twitter.gif") no-repeat 0 0; }
.box1 .share3{ background: transparent url("../images/icons/share3.png") no-repeat 0 0; }
.box1 .share4{ background: transparent url("../images/icons/share4.png") no-repeat 0 0; }

.box3 h3{ background: #eceff5; border-top: 1px solid #94a3c4; padding: 5px 0 0 9px; height: 18px; } 
.box3 h3 span{ color: #333; font-size: 11px; float: left; }
.box3 h3 a{ float: right; display: block; width: 23px; height: 18px; text-indent: -5000px; outline: none; background: transparent url("../images/buttons/edit.gif") no-repeat 7px 0; }
.box3 p{ height: 15px; border-bottom: 1px solid #eceff5; padding: 2px 8px 0 8px; }
.box3 p a{ text-decoration: none; font-size: 11px; }
.box3 p a:hover{ text-decoration: underline; }
.box3 p a.ll{ float: left; }
.box3 p a.lr{ float: right; }
.box3 .friend{ width: 50px; height: 90px; padding: 10px 7px; float: left; }
.box3 .friend a{ font-size: 11px; text-decoration: none; }
.box3 .friend a span{ cursor: pointer; display: block; }
.box3 .friend a:hover span{ text-decoration: underline; }      

.fans{ float: left; padding-bottom: 10px; }
.fans a.img img{ float: left; border: 6px solid #C8E6FF; margin: 0 15px 0 2px; }

/* login */

#login{ width: 554px; height: 433px; margin: 100px auto 0 auto; background: transparent url("../images/backgrounds/box4.gif") no-repeat 0 0; }
#login h3{ font-size: 16px; color: #292929; padding: 35px 20px 20px 50px; text-align: center; }
#login .lFC{ display: block; margin: 0 auto; width: 169px; height: 21px; }
#login .lFC a{ display: block; width: 169px; height: 21px; text-indent: -5000px; background: transparent url("../images/buttons/fb.png") no-repeat 0 0; }
#login .lOR{ display: block; width: 403px; height: 13px; text-indent: -5000px; background: transparent url('../images/fonts/or.gif') no-repeat 0 0; padding: 0; margin: 3px 0 18px 88px; }
#login .lCA{ font-size: 12px; color: #3d3f40; padding: 0 0 15px 0; text-align: center; }
#login .lQA{ font-size: 12px; color: #3d3f40; padding-top: 5px; text-align: center; }

#login .lNOTICE{ font-size: 12px; color: #3d3f40; padding: 0 0 10px 0; text-align: center; width: 400px; margin: auto; }
#login p.error{ font-size: 9px; color: #3d3f40; padding: 0 0 1px 0; text-align: center; width: 400px; margin: auto; }

#login .lMAIL{ width: 262px; height: 20px; margin: 0 auto 12px auto; padding: 2px; }
#login .lMAIL label{ float: left; display: block; height: 18px; width: 80px; font-size: 14px; color: #000; padding: 2px 0 0 0; }
#login .lMAIL input{ float: right; height: 14px; border: 1px solid #ccc; width: 176px; font-size: 14px; padding: 2px; }
#login .lPASS{ width: 262px; height: 20px; margin: 0 auto 10px auto; padding: 2px; }
#login .lPASS label{ float: left; display: block; height: 18px; width: 80px; font-size: 14px; color: #000; padding: 2px 0 0 0; }
#login .lPASS input{ float: right; height: 14px; border: 1px solid #ccc; width: 176px; font-size: 14px; padding: 2px; }
#login .lFIELD{ width: 370px; height: 24px; margin-left: 80px; padding: 2px; clear: right;}
#login .lFIELD label{ float: left; display: block; height: 18px; width: 120px; font-size: 14px; color: #000; padding: 2px 0 0 0; }
#login .lFIELD input{ float: right; height: 18px; border: 1px solid #ccc; width: 240px; font-size: 14px; padding: 2px; }
#login .lFIELD textarea{ float: right; border: 1px solid #ccc; width: 240px; font-size: 14px; padding: 2px; }
#login .lFIELD .helptext{ float: right; height: 14px; color: #333; width: 240px; font-size: 12px; padding: 2px; display: block; height: 18px;}
#login .lFIELD.error{ float: right; height: 14px; color: red; font-weight: bold; font-size: 12px; padding: 2px; }
#login .lSULI{ width: 161px; height: 25px; margin: 0 auto; padding: 3px; }
#login .lSU{ width: 96px; height: 25px; background: transparent url("../images/buttons/signup.gif") no-repeat 0 0; margin-right: 3px;}
#login .lLI{ width: 62px; height: 25px; background: transparent url("../images/buttons/login.gif") no-repeat 0 0; }
#login .lSULI button{ display: block; float: left; text-indent: -5000px; display: inline; border: 0; cursor: pointer; }
#login .lRESET{ width: 220px; height: 25px; margin: 0 auto; padding: 3px; }
#login .lRESET button{ display: block; float: left; text-indent: -5000px; display: inline; border: 0; cursor: pointer; }
#login .lFP{ padding: 0; text-align: left; }
#login .lFP a{ font-size: 10px; line-height: 20px; color: #00f; margin-left: 23px; }
#login .lRM{ padding: 0; text-align: left; }
#login .lRM input{ vertical-align: -15%; width: 20px; }
#login .lFPR{ height: 25px; margin: 0 auto; padding: 3px; text-align: center; }
#login .lFL{ width: 142px; float: left; padding-left: 125px; }
#login .lFR{ float: left; }
#login .lFQ{ padding: 10px 0 0 74px; }
#login .lFQ  li{ font-size: 11px; list-style-type: none; padding: 0 0 10px 14px; background: transparent url('../images/icons/bullet.gif') no-repeat 0 4px; }
.login_box_title{ color: #fff; padding:20px 0 10px 250px; font-size: 2.0em; float: left;}
/* tall box */

/* forms */

.form_container{ width: 554px; height: 433px; margin: 100px auto 0 auto; background: transparent url("../images/backgrounds/box4.gif") no-repeat 0 0; }
.form_container h3{ font-size: 14px; font-weight: normal; color: #3d3f40; padding: 35px 10px 20px 60px; }
.form_container .form_row{  clear: left; min-height: 20px; text-align: left; margin-bottom: 5px; margin-left: 60px; }
.form_container .submit_row{ clear: left; min-height: 30px; }
.form_container .form_row .subtext{ clear: left; text-align: justify; margin-left: 180px; font-weight: normal; font-size: 1.0em; padding-bottom: 10px; width: 360px; }
.form_container .form_row.error{ clear: left; color: red; font-weight: bold; margin-left: 180px; font-size: 1.0em; padding-bottom: 5px; width: 360px; min-height: 10px;}
.form_container form label{ clear: left; float: left; width: 180px; font-size: 1.2em; }
.form_container form input, .form_container form select{ font-size: 1.2em; height: auto; margin: 0pt 0.5em 0pt 0pt; padding: 3px; }
.form_container form select{ min-width: 60px; }
.form_container form label.checkbox{ clear: right;  float: left; width: 90% !important; }
.form_container form input.checkbox{ height: 1em !important; width: 1em !important; }
.form_container .submit_row{ clear: left; min-height: 30px; }

#tallbox a{ color: #4B555F; }
#tallbox a:hover{ color: #62A6DB; }
#tallbox .push{ height: 15px; }

/* copy from do512 */

.news{ clear: both; border-bottom: 3px solid #E3E4E4; margin: 0 13px 15px 13px; padding: 0 0 13px 0; overflow: hidden; }
.news h1,
.news h2{ font-size: 18px; color: #4b555f; font-weight: bold; }
.news h1 a,
.news h2 a{ text-decoration: none; }
.news h1 a:hover,
.news h2 a:hover{ color: #62a6db; }
.news h1 span,
.news h2 span{ font-size: 5px; }
.news .timeplace{ font-weight: bold; padding: 3px 0 3px 0; }
.news .timeplace .time{ color: #c22a2f; font-size: 14px; }
.news .timeplace .at{ color: #abb7c4; font-size: 14px; }
.news .timeplace .place a.where{ color: #4475a1; text-decoration: none; font-size: 14px; }
.news .timeplace .place a.where:hover{ color: #4b555f; }
.news .timeplace .place .placepart{ font-size: 11px; color: #4b555f; }
.news .timeplace .place .placepart a{ color: #4b555f; text-decoration: none; }
.news .timeplace .place .placepart a:hover{ color: #62a6db; }
.news .text{ font-size: 13px; color: #4b555f; line-height: 15px; }
.news .text a{ text-decoration: none; color: #c22a2f; font-weight: bold; }
.news .text a:hover{ color: #4475a1; }
.news .others{ font-weight: bold; color: #4b555f; padding: 6px 0 0 0; }
.news .others span{ font-size: 14px; }
.news .others a.num{ text-decoration: none; color: #c22a2f; font-size: 14px; }
.news .others a.num:hover{ color: #4475a1; }
.news .srg{ padding: 8px 0 0 0; }
.news a.img img{ float: left; border: 6px solid #C8E6FF; margin: 0 15px 0 2px; }
.news p.rec{ clear: both; font-size: 12px; padding-top: 5px; }
.news p.rec a{ color: #c22a2f !important; text-decoration: none; padding-right: 5px;}
.news p.rec a:hover{ color: #4475a1 !important; }
    
div.mIco{ float: right; padding: 0; text-indent: -5000px; }
a.mI, a.mA, a.mV, a.mQ{ display: block; width: 19px; height: 19px; padding: 0; }
a.mI{ background: transparent url("../images/icons/media.png") no-repeat 0 0; }
a.mA{ background: transparent url("../images/icons/media.png") no-repeat -22px 0; }
a.mV{ background: transparent url("../images/icons/media.png") no-repeat -45px 0; }
a.mQ{ background: transparent url("../images/icons/media.png") no-repeat -68px 0; }
a.mPO{ padding: 0; text-decoration: none; vertical-align: top; }
a.mI:hover{ background: transparent url("../images/icons/media.png") no-repeat 0 -19px; }
a.mA:hover{ background: transparent url("../images/icons/media.png") no-repeat -22px -19px; }
a.mV:hover{ background: transparent url("../images/icons/media.png") no-repeat -45px -19px; }
a.mQ:hover{ background: transparent url("../images/icons/media.png") no-repeat -68px -19px; }
  
a.sodoi{ font-size: 14px; font-weight: bold; color: #4b555f;  text-decoration: none; }
a.sodoil{ font-size: 14px; font-weight: bold; color: #000;  text-decoration: none; }
a.share{ font-size: 14px; font-weight: bold; color: #4b555f; text-decoration: none; }
a.rsvp{ font-size: 14px; font-weight: bold; color: #4b555f; text-decoration: none; }
a.tickets{ font-size: 14px; font-weight: bold; color: #4b555f; text-decoration: none; }

a.sodoi:hover,a.share:hover,a.rsvp:hover,a.tickets:hover{ color: #62a6db; }
  
.sodoi, .sodoil{ background: transparent url("../images/icons/sodoi.png") no-repeat 0 -3px; padding: 0 0 0 20px; white-space: nowrap; }
.others .sodoi{ background: transparent url("../images/icons/sodoi.png") no-repeat 0 -3px; padding: 0 8px 0 20px; margin-left: 8px; }
    
.linkbox{
    /*width: 530px;*/
    padding: 0 13px 5px 13px;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}
.linkbox div.pagination{
    padding: 8px 0;
}
.pagination a{
    padding: 2px 5px;
    margin: 0 3px;
    text-decoration: none;
    color: #4b555f;
    border: 2px solid #c9cdd6;
}
.pagination a:hover, .pagination a:active{
    background-color: #c9cdd6;
}
.pagination span.current{
    padding: 2px 5px;
    text-decoration: none;
    color: #4b555f;
    border: 1px solid #c9cdd6;
    background-color: #c9cdd6;
}
.pagination span.disabled{
    padding: 2px 5px;
    margin: 0 3px;
    color: #ccc;
}

/* artist page */

.artist_page #header{ /*height: 145px;*/ }

.box5{ width: 171px; height: 806px; float: left; background: transparent url("../images/backgrounds/box5.gif") no-repeat 0 0; padding: 43px 13px 25px 34px; z-index: 1000; }
.box5.short{ width: 171px; height: 400px; float: left; background: transparent url("../images/backgrounds/box5short.gif") no-repeat 0 0; padding: 43px 13px 25px 34px; z-index: 1000; }

.box5 h3{ font-family: Impact, Charcoal, sans-serif; font-weight: normal; font-size: 3em; line-height: .9em; color: #eec124; margin-bottom: 10px; padding-right: 30px; }
.box5 ul{ height: 740px; overflow: auto; padding-left: 15px; }
.box5.short ul{ height: 350px; overflow: auto; padding-left: 15px; }
.box5 ul li{ list-style-type: disc; font-size: 1.2em; line-height: 1.1em; color: #fcf8f8; margin-bottom: 5px; }
.box5 ul li a{ color: #fcf8f8; text-decoration: none; } 
.box5 ul li a:hover{ text-decoration: underline; }

#content{ width: 755px; float: right;  }
#content #band-nav{}
#content #band-nav h3{ font-family: Impact, Charcoal, sans-serif; font-weight: normal; font-size: 3em; color: #ff970a; line-height: 1.2em; }
#content #band-nav h4{ font-family: Impact, Charcoal, sans-serif; font-weight: normal; font-size: 1.6em; color: #ff970a; line-height: 1.2em; }
#content #band-nav .website{ margin-bottom: 5px; }
#content #band-nav .website a{ font-size: 1.4em; color: #f9fbfa; text-decoration: none; }
#content #band-nav .website a:hover{ color: #ff970a; }
#content #band-nav p{ font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; line-height: 1.3em; color: #fcfafa; padding: 0 0 10px 0; }
#content #band-nav a:hover img{ border: 2px solid #ff970a; }
#content #band-nav p a{ color: #ff970a; }
#content #band-nav ul{
  overflow:hidden;
  border-bottom:1px solid #0e4169;
  margin:0;
  padding:0 5px;
}
#content #band-nav ul li{
  display:inline;
  list-style:none;
}
#content #band-nav ul li a{
  float:left;
  margin:0 5px 0 0;
  padding:4px 5px;
  background:#005b99 url(../images/backgrounds/subsection-unselected.png) repeat-x bottom left;
  border:1px solid #005b99;
  border-bottom:0;
  color:#9c9c9c;
  text-decoration:none;
  font-size:1.6em;
}
#content #band-nav ul li a:hover{}
#content #band-nav ul li.selected{}
#content #band-nav ul li.selected a, #content #band-nav ul li a:hover{
  border-color:#004b72;
  background:#0082ce url(../images/backgrounds/subsection.png) repeat-x bottom left;
  color:#f5bf00;
}

.column1{ width: 416px; float: left; padding-top: 50px; }
#content.band-page .column1{ padding-top:25px; width:425px; /* this thing is wider due to the flash widgets for flickr photos */ }

.band_info{ width: 405px; float: left; margin-bottom: 20px; }

.band_info h3, .photos h3{ font-family: Impact, Charcoal, sans-serif; font-weight: normal; font-size: 3em; color: #ff970a; line-height: 1.2em; }
.photos h3{ color:#fff; font-size:1.9em; margin:0 0 5px 0; }
.photos h3.community{ margin-top:20px; }
.band_info h4{ font-family: Impact, Charcoal, sans-serif; font-weight: normal; font-size: 1.6em; color: #ff970a; line-height: 1.2em; }
.band_info .website{ margin-bottom: 0; }
.band_info .website a{ font-size: 1.4em; color: #f9fbfa; text-decoration: none; }
.band_info .website a:hover{ color: #ff970a; }
.band_info p{ font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; line-height: 1.3em; color: #fcfafa; padding: 0; }
.band_info img{ float: left; border: 2px solid #fff; margin: 0 10px 0 0; }
.band_info a:hover img{ border: 2px solid #ff970a; }
.band_info p a{ color: #ff970a; }

#content.band-setlist-page .band_info h4{ color:#fff; font-size:1.8em; }
#content.band-setlist-page #setlist{
  background:#fff;
  color:#000;
  padding:10px 5px;
  margin:5px 0;
}
#content.band-setlist-page #setlist p.none{
  color:#000;
}


.box6{ overflow: auto; position: relative; z-index: 10; width: 340px; height: 258px; float: left; background: transparent url("../images/backgrounds/box6.gif") no-repeat 0 0; padding: 20px 61px 20px 20px; }

.box6 h4{ font-size: 1.4em; line-height: 1.2em; color: #010101; text-align: center; padding: 0 15px; }
.box6 a{ color: #d8450c;  }

.box6 .friends{ width: 335px; }
.box6 .friend{ display: block; width: 50px; height: 50px; margin: 11px 2px 7px 14px; float: left; display: inline; }
.box6 a.lr{ display: block; width: 320px; text-align: right; font-size: 1.2em; padding-right: 10px; clear: both; }

.box6 .connect{ position: absolute; top: 72px; left: 21px; width: 341px; height: 139px; background: transparent url('../images/backgrounds/connect.png') repeat 0 0; text-align: center; }
.box6 .connect .close{ font-weight: bold; font-size: 1.4em; color: #fff; float: right; margin: 6px 10px 0 0; }
.box6 .connect .lFC a{ display: block; width: 169px; height: 21px; text-indent: -5000px; background: transparent url("../images/buttons/fb.png") no-repeat 0 0; margin: 52px auto 15px auto; }
.box6 .connect p{ font-size: 1.2em; color: #fff; padding: 0 17px; }

.box6 .spread{ font-weight: bold; font-size: 1.4em; color: #010101; clear: both; padding: 12px 0 0 5px;  }
.box6 .spread a{ padding-left: 12px; }
.box6 .spread a img{ vertical-align: middle; }
.box6 .spread a span{ display: none; }

.column2{ width: 285px; float: left; padding: 25px 0 0 27px; }
#content.band-photos-page .column2, #content.band-setlist-page .column2{ float:right; }
.column2 div.favs h4, .column2 div.favs p{ text-align:center; }
.column2 div.favs p.addfav{ padding-bottom:10px; }

.box7{ width: 273px; height: 295px; float: left; background: transparent url("../images/backgrounds/box7.gif") no-repeat 0 0; padding: 36px 0 0 12px; margin-bottom: 25px; }

.box8{ width: 245px; height: 226px; float: left; background: transparent url("../images/backgrounds/box8.gif") no-repeat 0 0; padding: 13px 0 0 28px; }

#buy_now{ text-indent: -5000px; clear: both; width: 474px; height: 67px; padding: 15px 0 0 241px ; background: transparent url('../images/fonts/buy_tickets.gif') no-repeat center 15px; }
#buy_now a{ display: block; width: 236px; height: 43px; }

.comments{ border-top: 1px dotted #fff; padding-top: 15px; margin-top:30px; }
.comments h3{ font-family: Impact, Charcoal, sans-serif; color: #fdc002; font-size: 2.4em; font-weight: normal; margin-bottom: 22px; }
.comments h3 a{ font-family: Impact, Charcoal, sans-serif; font-size: .6em; color: #fff; margin-left: 3px; word-spacing: 3px; }

.xbaloon
    { display: none; }

.mcomment{ clear: both; overflow: auto; padding: 0 0 9px 0; width:550px; }
.mcomment img{ border: 6px solid #C8E6FF; float: left; }
.mcomment .cmInner{ background: transparent url("../images/backgrounds/bigCommentMiddle.png") repeat-y right top; float: right; width: 445px; }
.mcomment .cmBottom{ background: transparent url("../images/backgrounds/bigCommentBottom.png") no-repeat right bottom; width: 445px; }
.mcomment .cmTop{ background: transparent url("../images/backgrounds/bigComment2Top.png") no-repeat left top; overflow: auto; padding: 8px 10px 4px 16px; width: 419px; }
.mcomment .user{ float: left; font-size: 1.2em; margin-right: 5px; }
.mcomment a.user{ color: #C22A2F; font-size: 1.1em; font-weight: bold; text-decoration: none; }
.mcomment p{ clear: both; color: #4B555F; font-size: 1.2em; line-height: 1.6em; padding: 10px 0; }

.moretext{ display: none; padding: 0; }

#footer{ clear: both; text-align: center; padding-top: 40px; padding-bottom: 20px; color: #7BA0CD; line-height: 1.7em; font-size: 1.1em; width: 1024px; }
#footer a:link{ color: #7BA0CD; text-decoration: none; margin-right: 3px; margin-left: 3px; }
#footer a:visited{ color: #7BA0CD; text-decoration: none; margin-right: 3px; margin-left: 3px; }
#footer a:hover{ color: #FFF; }

div#login-logout{ display: block; width: 154px; height: 73px; background: transparent url('../images/callout.png') no-repeat top left; font-size:12px; padding:40px 0 0 0; }
div#login-logout.logged-in{ text-align:right; padding:25px 30px 0 0; width:124px; height:78px; }
div#login-logout.logged-in a{ display:block; }
div.scheduleTop div#login-logout{ float:right; margin:0 60px 0 0; }
#listheader div#login-logout{ float:right; }
div.band-page #login-logout{ float:right; margin:0 120px 0 0; }
body.logged-out div.band-page #login-logout{ padding-left:30px; width:124px; }

#fbInvite { margin: auto; width: 625px; }

/* lineup css */
#list{ padding: 20px 65px 120px 65px; text-align: center; }

#listheader{ padding: 24px 30px 15px 30px; height: 178px; }
#listheader #top_links{ height: 130px; overflow: auto; }
#listheader a#get_tickets{ display: block; float: left; text-indent: -5000px; width: 125px; height: 92px; background: transparent url('../images/buttons/getTickets.gif') no-repeat 0 0; margin: 10px 5px 0 0; }
#listheader #the2009lineup{ float: left; text-indent: -5000px; width: 432px; height: 96px; background: transparent url('../images/fonts/the_2009_lineup.gif') no-repeat 0 0; margin: 0 15px 0 80px; }
#listheader #the2009lineup h2{ text-indent: -5000px; display: block; width: 420px; height: 60px; margin: 0 auto 10px auto;}
#listheader #the2009lineup a{ text-indent: -5000px; display: block; width: 215px; height: 25px; margin: 0 auto; }
#listheader a#lineup_video{ display: block; float: left; text-indent: -5000px; width: 110px; height: 87px; background: transparent url('../images/buttons/lineupVideo.gif') no-repeat 0 0; margin: 10px 0 0 0; }
#listheader p.share{ display: block; width: 210px; height: 25px; margin: 0 auto 5px auto; }
#listheader p.share span{ float: left; display: block; width: 47px; height: 14px; text-indent: -5000px; background: transparent url('../images/fonts/share.gif') no-repeat 0 0; margin: 3px 10px 0 0; }
#listheader p.share a{ float: left; margin-right: 8px; }
#listheader p{ font-size: 1.4em; color: #fff; font-family: Tahoma, Geneva, sans-serif; }
	
#lschedule{ top: 107px; left: 260px; width: 119px; height: 27px; }
#ltickets{ top: 107px; left: 404px; width: 174px; height: 27px; }
#lschedule:hover{ background: transparent url("../images/fonts/see_get.gif") no-repeat 0 0; }
#ltickets:hover{ background: transparent url("../images/fonts/see_get.gif") no-repeat -144px 0; }

#list ul{ list-style-type: none; clear: both; }
#list ul li{ display: inline; }

#list ul li a{ text-decoration: none; }
#list ul li a span{ color: #fff; cursor: pointer; white-space: nowrap; }

html>body #list ul li a span{ border-width: 5px 0; }

#list .size1{ padding: 0 28px 0 0; }
#list .size2{ padding: 0 26px 0 0; }
#list .size3{ padding: 0 22px 0 0; }
#list .size4{ padding: 0 20px 0 0; }
#list .size5{ padding: 0 18px 0 0; }

#list .size1 li a{ padding: 0 0 0 28px; background: transparent url("../images/backgrounds/dots.gif") no-repeat 8px 18px; }
#list .size1 li.y a{ background: transparent url("../images/backgrounds/dots.gif") no-repeat 8px -32px; }
#list .size2 li a{ padding: 0 0 0 26px; background: transparent url("../images/backgrounds/dots.gif") no-repeat 7px -85px; }
#list .size2 li.y a{ background: transparent url("../images/backgrounds/dots.gif") no-repeat 7px -135px; }
#list .size3 li a{ padding: 0 0 0 22px; background: transparent url("../images/backgrounds/dots.gif") no-repeat 4px -183px; }
#list .size3 li.y a{ background: transparent url("../images/backgrounds/dots.gif") no-repeat 4px -233px; }
#list .size4 li a{ padding: 0 0 0 20px; background: transparent url("../images/backgrounds/dots.gif") no-repeat 3px -286px; }
#list .size4 li.y a{ background: transparent url("../images/backgrounds/dots.gif") no-repeat 3px -336px; }
#list .size5 li a{ padding: 0 0 0 18px; background: transparent url("../images/backgrounds/dots.gif") no-repeat 2px -386px; }
#list .size5 li.y a{ background: transparent url("../images/backgrounds/dots.gif") no-repeat 2px -436px; }

#list ul li a:hover span,
#list ul li.y a:hover span{ color: #f7941e; }
#list ul li.f a{ background: transparent !important; padding: 0; }

#list .size1 li.f a{ padding-left: 28px; }
#list .size2 li.f a{ padding-left: 26px; }
#list .size3 li.f a{ padding-left: 22px; }
#list .size4 li.f a{ padding-left: 20px; }
#list .size5 li.f a{ padding-left: 18px; }

html>body #list .size1 li.f a{ border-left: 28px solid transparent; padding-left: 0; }
html>body #list .size2 li.f a{ border-left: 26px solid transparent; padding-left: 0; }
html>body #list .size3 li.f a{ border-left: 22px solid transparent; padding-left: 0; }
html>body #list .size4 li.f a{ border-left: 20px solid transparent; padding-left: 0; }
html>body #list .size5 li.f a{ border-left: 18px solid transparent; padding-left: 0; }

p.perry{ clear: both; height: 88px; text-indent: -5000px; background: transparent url("../images/backgrounds/perry.gif") no-repeat center 40px;  }

html>/**/body #list ul li{ display: -moz-inline-box; display: inline-block; }
#list ul li a{ display: -moz-inline-box; display: inline-block; }
#list ul li a span{ display: -moz-inline-box; display: inline-block; font-family: Impact, Charcoal, sans-serif; }
#list ul li.y a span{ color: #fff799; }

#list .size1 li a span{ font-size: 4em; line-height: 1.2em; }
#list .size2 li a span{ font-size: 3.5em; line-height: 1.2em; }
#list .size3 li a span{ font-size: 3.3em; line-height: 1.2em; }
#list .size4 li a span{ font-size: 3.1em; line-height: 1.2em; }
#list .size5 li a span{ font-size: 2.8em; line-height: 1.2em; }
/* end lineup css */

/* popup css */
#popup{ display: none; position: absolute; top: 0; left: 0; width: 418px; z-index: 5000; }
#popupTopLeft{ width: 418px; height: 20px; background: transparent url("../images/backgrounds/box_top.png") no-repeat 0 0; }
#popupTopRight{ width: 418px; height: 20px; background: transparent url("../images/backgrounds/box_top1.png") no-repeat 0 0; }
#popupInner{ width: 382px; overflow: auto; background: transparent url("../images/backgrounds/box_middle.png") repeat-y 0 0; padding: 8px 18px 5px 18px; text-indent: 0;}
#popupBottom{ width: 418px; height: 10px; background: transparent url("../images/backgrounds/box_bottom.png") no-repeat 0 0; }

#popup p{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #373838; text-align: left; margin: 0 0 5px 0; clear: both; width: 100%; overflow: auto; padding: 0; line-height: 16px; }
#popup a{ font-weight: bold; text-decoration: none; color: #3b5998; border: 0 !important; padding: 0 !important; margin: 0 !important; height: auto !important; display: inline !important; line-height: 16px !important; background: transparent !important; }
#popup label{ float: left; font-weight: bold; color: #3b5998; vertical-align: top; }
#popup a.r{ float: right; vertical-align: top; }
#popup a img{ border: 0; vertical-align: middle; }
#popup a:hover{ color: #333; }
#popup .close_popup{ font-weight: bold; font-size: 1.4em; color: #000; float: right; }

/* all these !important rules are to override the super specific CSS on the band index page */
#popup ul{ height:auto!important; margin-bottom:10px!important; }
#popup ul li{ display:list-item!important; font-size:12px!important; padding:0!important; 
  list-style-type:disc!important;
  text-align:left!important; margin:0 0 0 20px!important; color:#666!important; }
#lineup #popup ul li{ margin-left:5px!important; }
#popup ul li a{ border-left:0!important; }
/* end popup css */

/* nav css */
#nav 						{ height: 103px; list-style-type: none; padding: 2px 0 0 110px; overflow: visible; }
#nav li 					{ display: block; float: left; height: 103px; position: relative; overflow: visible; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; }
#nav li a 					{ display: block; float: left; height: 103px; outline: none; text-indent: -5000px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; }
#nav li.home				{ height: 103px; }

#nav li a.tickets			{ background-image: url("../images/nav/new/tickets.jpg"); width: 70px; }
#nav li a.lineup			{ background-image: url("../images/nav/new/lineup.jpg"); width: 74px; }
#nav li a.park				{ background-image: url("../images/nav/new/park.jpg"); width: 80px; }
#nav li a.gallery			{ background-image: url("../images/nav/new/gallery.jpg"); width: 63px; }
#nav li a.home				{ background-image: url("../images/nav/new/home.jpg"); width: 211px; height: 103px; }
#nav li a.info				{ background-image: url("../images/nav/new/info.jpg"); width: 52px; }
#nav li a.partners			{ background-image: url("../images/nav/new/partners.jpg"); width: 82px; }
#nav li a.press				{ background-image: url("../images/nav/new/press.jpg"); width: 54px; }
#nav li a.store				{ background-image: url("../images/nav/new/store.jpg"); width: 48px; }

#nav li.hover a				{ background-image: none; }

#nav li ul					{ display: none; position: absolute; left: 0; top: 103px; background: #163864; }
#nav li.hover ul			{ display: block; } 
#nav li.hover ul li			{ display: block; float: none; height: auto; width: 120px; } 
#nav li.hover ul li a		{ display: block; float: none; height: auto; width: 120px; text-indent: 0; text-decoration: none; color: #fff; font-size: 1.1em; background: #163864; font-family: Verdana, Helvetica, sans-serif; white-space: nowrap; padding: 4px; vertical-align: middle; } 
#nav li.hover ul li a:hover	{ color: #0cf; background: #002a5c; }

/* ie6 hack */

html>body #nav li.hover ul li, html>body #nav li.hover ul li a { width: auto; }
/* end nav css */