﻿
body { background: url(/_Resources/img/ae_bg.jpg) center top no-repeat fixed #000; }
h1 { padding: 0 0 0 10px; border-left: solid 1px #666; border-bottom: solid 1px #666; }
h2 { line-height: 100%; margin-bottom: 15px; }
    h2.clear { clear: both; }
    h2.title { margin-bottom: 15px; }
h3 { padding: 0 0 0 10px; border-left: solid 1px #666; border-bottom: solid 1px #666; }
.tagLine { margin-bottom: 15px; }
    #foot h4 { border-bottom: solid 1px #666; padding-bottom: 5px; margin-bottom: 15px; }
h6 { border-bottom: solid 1px #666; padding-bottom: 5px; margin-bottom: 15px; }
br.clear { clear: both; }
a.more { background: #995C87; padding: 2px 10px; white-space: nowrap; }
a.more:hover { background: #FF931E; }
/*img.border { border: solid 1px #666; }*/
p { margin-bottom: 15px; }
p.req { margin-bottom: 0px; }
.headerLink { display: block; float: left; width: 341px; height: 52px; margin-top: 3px; background: url(/_Resources/img/logo_big.png) no-repeat; text-indent: -99em; overflow: hidden; }
.access { position: absolute; top: -999em; left: -999em; }

/*.register input[type=text] { width: 85%; background: #e6e6e6; border: solid 1px #666; padding: 5px 10px; margin: 5px 0 10px 0; }
.register.apply input[type=text] { width: 93%; background: #e6e6e6; border: solid 1px #666; padding: 5px 10px; margin: 5px 0 10px 0; }
.register.apply textarea { clear: both; margin-top: 10px; color: #000; }
.register.apply select { border: solid 1px #666; width: 85%; display: block; margin: 10px 0 10px;}
.register select { background: #e6e6e6; border: solid 1px #666; margin-bottom: 10px;  }
.register select.country { width: 100%; margin: 8px 0 15px 0; }
.register select.dob { margin: 5px 0 0 0; }
.register input[type=submit] { background: #995C87; border: 0 none; cursor: pointer; float: right; padding: 2px 10px; margin-right: 20px; }
.register.apply input[type=submit] { background: #995C87; border: 0 none; cursor: pointer; float: right; padding: 2px 10px; margin: 10px 0 0 0; }
.register input[type=submit]:hover { background: #FF931E; }*/

#wrap { width: 890px; margin: 0 auto; padding: 0 50px 50px; background: #000; }
    .wannaPlayTerms#wrap { overflow: hidden; min-height: 718px; }
#doubleCol { clear: left; width: 580px; float: left; margin: 35px 10px 0 0; }
    .wannaPlayTerms #doubleCol { margin-right: 0; width: 100%; }
#doubleCol h3, #doubleCol h1 { margin-right: 30px; }
#oneCol { clear: right; float: right; width: 300px; margin-top: 35px; }
#doubleCol .clear { float: left; margin-top: 20px; }
#oneCol h3 { margin-bottom: 10px; }
#oneCol div { overflow: hidden; margin-bottom: 10px; clear: both; }
#oneCol img { margin-bottom: 10px; }
#oneCol a.more { float: right; margin-bottom: 10px; }
#oneCol ul { margin-top: 20px; }
#oneCol li a { display: block; line-height: 180%; }
#foot { width: 100%; float: left; background: url(/_Resources/img/line.gif) right bottom no-repeat; border-bottom: solid 1px #666; }

#topMenu { float: right; margin: 5px 0 20px 0; }
#topMenu li { float: left; border-left: 1px solid #666; }
#topMenu li:first-child { border-left: 0 none; }
#topMenu li a { display:block; padding: 0 8px 0 8px; }

#mainMenu { float: right; border-bottom: solid 1px #fff; margin-top: 14px; width: 535px; }
#mainMenu li { float: left; }
#mainMenu li a { display: block; line-height: 28px; padding: 0 5px; font-size:15px !important; font-weight:normal !important;}
#mainMenu li a.active { background: #fff; }
/*#mainMenu li.first a { padding-left: 0; }
#mainMenu li.first a.active { padding-left: 5px; }*/
#mainMenu li.last a { padding-right: 0; }
#mainMenu li.last a.active { padding-right: 8px; }

#heroPlayer { clear: both; float: left; border-top: solid 1px #666; margin-top: 10px; width: 100%; position: relative; width: 890px; background: url(/_Resources/img/line.gif) no-repeat;  }
#heroHolder { position: relative; overflow:hidden; width: 759px; margin-left: 65px; }
#heroLine { background: url(/_Resources/img/line.gif) right 284px no-repeat; border-right: solid 1px #666; border-bottom: solid 1px #666; clear:both; float:left; height: 30px; margin-top:-20px; position:relative; width:890px; }
#heroPlayer li { float: left; }
#heroPlayer a { background-color:#995C87; float: right; color: #fff; text-align: center; padding-top: 3px; background-position:0 0; background-repeat:no-repeat; display:block; width: 50px; height: 18px; }
#heroPlayer .imgLink { float: none; width: auto; height: auto; background: none; }
    #heroPlayer li a:hover, #heroPlayer li a:focus { background-color: #ff931e; }
    #heroPlayer .imgLink:hover, #heroPlayer .imgLink:focus { background: none; }

#heroPlayer #heroLeft { top: 100px; left: 15px; position: absolute; z-index: 98; width: 34px; height: 124px; background: url(/_Resources/img/arrows.png) 0 100% no-repeat; cursor: pointer; }
#heroPlayer #heroLeft:hover { background-position: 0 0; }
#heroPlayer #heroRight { top: 100px; right: 15px; position: absolute; z-index: 99; width: 34px; height: 124px; background: url(/_Resources/img/arrows.png) 100% 100% no-repeat; cursor: pointer; }
#heroPlayer #heroRight:hover { background-position: 100% 0; }
#heroPlayer ul { margin-top: 15px; padding: 0 0 15px; float: left; height: 295px; overflow: hidden;  }
#heroPlayer ul li { position: relative; width: 759px; height: 295px; margin: 0 auto 15px; overflow: hidden; }
#heroPlayer ul li .desc { position: absolute; top: 0; right: 20px; width: 220px; padding: 13px 15px 5px; background: url(/_Resources/img/transparent_black.png); overflow: hidden; }
#heroPlayer ul li .desc p { max-height: 168px; overflow: hidden; }
#heroPlayer ul li a.more { float: right; margin-bottom: 2px; }

/* HOMEPAGE :: news */
div#news { margin-right: 30px; /*border-right: solid 1px #666;*/ margin-bottom: 20px; padding-top: 10px; }
div#newsLine { min-height: 14px; padding: 0 10px 0 5px; position: relative; overflow: hidden; }
div#newsBar { width: auto; height: 10px; }
div.news .description { margin-left: 80px; width: 490px;}
div.news p { margin-left: 80px; }

#sub-nav p { overflow: hidden; position: relative; width: 7000px; cursor: default; height: 15px; border: 1px solid white; }
#sub-nav ul li { padding-bottom: 8px; line-height: 1em; }

/* HOMEPAGE :: events */
a.event { display: block; float: left; width: 164px; overflow: hidden; margin: 15px 29px 5px 0; }
a.event img { width: 164px; height: 123px; display: block; }
a.event span { display: block; text-align: center; background: #995C87; padding: 5px; }
a.event:hover span { background: #FF931E; }
a.more.allnews { float: right; margin-top: 10px; }
div#sub-nav { float: left; }
#sub-nav li a { background: url(/_Resources/img/chevron.png) no-repeat left 1px; width: 6px; margin-right: 5px; padding-left: 15px; display: block; width: 100%; }
#sub-nav li a:hover { background: url(/_Resources/img/chevron.png) no-repeat left -21px; margin-right: 5px; padding-left: 15px;  }

/* HOMEPAGE :: questions */
#questions { float: left; width: 100%; clear: both; margin-top: 40px; }
#questions h3 { margin-bottom: 15px; }
#doubleCol #questions img { float: right; width: 296px; margin: 0 30px 10px 0; }
#doubleCol #questions p { float: left; width: 240px; margin-right: 0; }
#questions big { display: block; margin-bottom: 20px; }
#questions a.more { clear: both; float: right; margin-right: 30px; }

/* HOMEPAGE :: just announced */
#justAnnounced li { padding-bottom: 5px; overflow: hidden; }
#justAnnounced img { margin-bottom: 15px; }

/* HOMEPAGE :: sign up */
#signUp input[type=text] { background: #e6e6e6; border: solid 1px #666; padding: 5px 10px; width: 278px; margin: 10px 0;  }
#signUp input[type=submit] { background: #995C87; border: 0 none; cursor: pointer; float: right; padding: 2px 10px;  }
#signUp input[type=submit]:hover { background: #FF931E; }

/* ABOUT */
#doubleCol.info img.newsTop { height: 200px; width: 220px; }
#doubleCol.info p.desc { margin-left: 80px; }
#doubleCol.info small { text-align: right; display: block; margin: 0 31px 15px 0; }
#doubleCol.info img { float: left; margin: 10px 0; border: solid 1px #666; width: 551px; }

/* GIG LIST */
#doubleCol.giglist h4 { margin: 10px 30px 10px 0; }
#doubleCol.giglist h5 { border-bottom: solid 1px #666; margin-right: 30px; padding-top: 10px; clear: both; }
#doubleCol.giglist h5 small { vertical-align: super; }
#doubleCol.giglist .gig { float: left; width: 550px; margin: 20px 0 0 0; }
#doubleCol.giglist .gig img { float: left; margin-right: 18px; }
#doubleCol.giglist .gig .desc { float: left; width: 350px; }
#doubleCol.giglist .gig .desc a { display: block; margin-bottom: 5px; }
#doubleCol.giglist .gig .desc span { display: block; margin-bottom: 5px; min-height: 14px; }
#doubleCol.giglist .gig .tickets { float: left;  text-align: right; width: 106px; }

/* WIN STUFF */
#noCompMsg { display: none; }
.winstuff h3 { margin-bottom: 15px; }
.winstuff img { margin: 15px 0 20px 0; }
.winstuff form { margin-right: 30px; }
    .winstuff form em, .details label em, p.req em, .register form em { color: #FF7BAC; }
    .winstuff form span { float: left; margin-top: 5px; }
.winstuff fieldset, .register fieldset { border: none; }
.questionList li { display: block; clear: both; padding-bottom: 5px; overflow: hidden; }
.questionList label { width: 50%; display: block; float: left; }
.questionList input { display: block; float: left; margin-right: 5px }
.detailsForm li, .register li { float: left; padding: 0 10px 10px 0; width: 260px; min-height: 65px; }
.detailsForm label, .register label { display: block; padding-bottom: 5px; }
.detailsForm input, .register input { padding: 5px; width: 240px; color: #000; }
.detailsForm select, .register select { padding: 5px; width: 250px; color: #000; }
    .detailsForm .dob select, .register .dob select { float: left; margin-right: 10px; padding: 5px; width: 120px; color: #000; }
.detailsForm .checkInput input, .register .checkInput input { float: left; margin-top: -4px\9; margin-right: 10px; width: 10px; }
.detailsForm .checkInput label { float: left; width: 230px; }
    .checkInput td label { display: inline; width: auto; margin-right: 30px; }
textarea { color: #000; }
.reqNotice { clear: both; color: #fff; }
input.submitBtn { float: right; margin-right: 30px; width: auto; color: #fff;}
#oneCol.winstuff ul { margin-top: 0; }
    #oneCol.winstuff li { clear: both; float: left; width: 300px; }
        #oneCol.winstuff li a { line-height: 1.2em; }

/* BLOG | NEWS */
.dates { float: left; width: 80px; color: #999; }
.date { float: left; padding: 3px; }
.date2 { float: left; padding-top: 3px;  }
span.day { font-size: 20px; font-weight: bold; color: #fff; float: left; }
#doubleCol.blog h4 { margin: 10px 30px 20px 0; }
#doubleCol.blog .post { float: left; width: 550px; margin-bottom: 30px; }
#doubleCol.blog .post .date { width: 95px; overflow: hidden; float: left; }
#doubleCol.blog .post .date small { vertical-align: super;  }
#doubleCol.blog .post .content { float: left; overflow: hidden; width: 455px; }
#doubleCol.blog .post .content img { margin: 0 15px 10px 0; float: left; }
#doubleCol.blog .post .content big { margin-bottom: 10px; display: block; }
#doubleCol.blog #paging { clear: both; float: right; margin-right: 25px; }
#doubleCol.blog #paging a { padding: 3px 5px; display: block; float: left; }
#doubleCol.blog #paging span { padding: 3px 5px; display: block; float: left; }
#doubleCol.blog #paging a.more { margin: 0 5px; }
#oneCol.blog ul { margin-bottom: 30px; }
.news { width: 550px; float: left; margin-top: 5px; }
#doubleCol.about img { float: left; padding: 5px 15px 5px 5px; }
#doubleCol.about img.newsTop { height: 200px; width: 220px; }
#doubleCol.justannounced img.newsTop { float: left; padding: 10px 10px 10px 0; height: auto; width: auto; }
#doubleCol.about p.desc { margin-left: 80px; }
#doubleCol.about small { text-align: right; display: block; margin: 0 31px 15px 0; }
#doubleCol ul.postNav { clear: both;margin-left: 235px; padding-top: 50px; }
#doubleCol ul.postNav li { float: left; }
#doubleCol ul.postNav a { clear: both;  border: 1px solid #404042; padding: 2px 10px; float: left; height: 17px; }
#doubleCol ul.postNav span {  border: 1px solid #404042; padding: 2px 10px; float: left; height: 17px; }
#doubleCol ul.postNav span.prevPage { border: none; padding: 0; }
#doubleCol ul.postNav span.nextPage { border: none; padding: 0; }
#doubleCol ul div.current { color: #fff; }
#oneCol ul.accordion ul { margin: 0; padding: 5px; }

/* WANNA PLAY | REGISTER */
#doubleCol.wannaplay h4 { margin: 10px 30px 20px 0; }
#doubleCol.wannaplay form { margin-right: 30px; }
#doubleCol.wannaplay label { width: 50%; display: block; float: left; }
#doubleCol.wannaplay select.dob { margin: 10px 0;}
#doubleCol.wannaplay input[type=radio] { margin: 10px 10px 10px 5px; }
#doubleCol.wannaplay input[type=submit] { margin-top: 20px; }
.register.apply ul li { margin-bottom: 5px; }

/* ARTIST */
#doubleCol.artist .artistInfo { overflow: hidden; }
.artist h3, .artist h1 { margin-bottom: 15px; overflow: hidden; }
#doubleCol.artist h4 { margin-right: 30px; }
#doubleCol.artist p { margin-right: 30px; }
#doubleCol.artist a.more { float: right; margin-right: 30px; }
#doubleCol.artist img#main { float: left; margin: 0 25px 10px 0; }
#doubleCol.artist img { margin: 0 15px 10px 0; }
#doubleCol.artist img.artistImage { float: left; max-width: 250px; }
#doubleCol.artist table { margin: 0 30px 50px 0; }
#doubleCol.artist td.day { width: 45px; padding-left: 5px; }
#doubleCol.artist td.date { width: 130px; vertical-align: middle }
#doubleCol.artist td.name { width: 280px; vertical-align: top; padding-top: 10px; }
#doubleCol.artist td.tickets { vertical-align: top; padding-top: 10px; }
#doubleCol.artist td.tickets a.more { margin-right: 0; }
#doubleCol.artist td.date span { display: block; }
.topAlbums { overflow: hidden; margin-bottom: 30px; }
    .topAlbums li { float: left; margin: 0 10px 10px 0; }
        #doubleCol.artist .topAlbums img { margin: 0; width: 130px; height: 130px; }
#oneCol.artist table { margin-bottom: 30px; }
#oneCol.artist td { line-height: 200%; }
#oneCol.artist td.number { width: 45px; padding-left: 5px; }
#oneCol.artist td.name { width: 200px; }
#oneCol.artist td.played { padding-left: 20px; width: 50px; }

#doubleCol.artist h3 span, #oneCol.artist h3 span { float: left; }
#doubleCol.artist h3 a, #oneCol.artist h3 a { float: right; }
    #doubleCol.artist h3 img, #doubleCol.artist .topAlbums h3 img, #oneCol.artist h3 img { margin: 10px 0 0; width: auto; height: auto; }


#foot div { float: left; margin-top: 70px; }
#foot a { display: block; }
#foot ul { float: left; width: 100%; }
#foot .first { width: 250px; background: url(/_Resources/img/line.gif) 0 22px no-repeat; }
#foot .first h4 { padding-left: 50px; border-left: solid 1px #000; }
#foot .first ul { margin-left: 50px; }
#foot .second { width: 230px; }
#foot .third { width: 410px; }
#foot .third ul { float: left; width: 50%; }
#foot .bottom { margin-top: 50px; padding-bottom: 20px; width: 100%; text-align: center; }
#foot .bottom a { margin-bottom: 10px; }

/* LEGAL */

#doubleCol .legal { margin: 20px 30px 10px 0; text-align: justify; }

/* JavaScript */
#jsFilter { display:none; border-bottom: solid 1px #666; padding-bottom: 10px; margin-right: 30px; }
#jsFilter select {
    color:#000000;
    margin-right:10px;
    padding:5px;
}


/* 404 */

#error {color:#975480; border:0; text-transform:lowercase; margin:15px 0 25px; padding-left:0; font-size:32px;} 
