/* GLOBAL STUFF */

BODY { background-color: #000; }
BODY, TD, P, DIV { font-family: Verdana, Arial, sans-serif; color: #FFF; }

A:link { color: #FE0; }
A:visited, A:active { color: #36F; }
A:hover { color: #FFF; }

H1 { margin-top: 0em; padding-bottom: 0.25em; border-bottom: solid 3px #FF0; }

UL LI.new A { font-weight: bold; color: #FE6; }

DIV.nowplaying { background-color: #028; border-top-left-radius: 8px; }
DIV.nowplaying DIV.affiliate { border-top-color: #004; }

DIV.affiliate SPAN.link { border-color: #36F; background-color: #039; }
DIV.affiliate A.links:hover SPAN.link { border-color: #FF0; }

DIV.banner { background-color: #222; }
DIV.footer { background-color: #028; border-top-color: #FF0; }

/* HEADER */

UL.menu, UL.premium { display: block; margin: 0em; padding: 0em; }

DIV.header { background: url( "/images/gradient.png" ) repeat-x 0px 86px #000; border-bottom: solid 0.25em #FF0; margin-bottom: 2em; }
DIV.header DIV.stage { width: 614px; height: 236px; background: url( "/images/header/stage.png" ); margin: auto; border-left: solid 0.25em #FF0; border-right: solid 0.25em #FF0; overflow-y: auto; }
DIV.header DIV.stage DIV.logo IMG { margin: 4em auto 1em auto; }
DIV.header DIV.stage DIV.menu { width: 85%; margin: auto; }
DIV.header DIV.stage UL.menu { width: 30%; padding: 0.25em 0em; float: left; overflow-y: auto; text-align: center; }
DIV.header DIV.stage UL.premium { width: 20%; float: left; overflow-y: auto; text-align: center; }

DIV#miniheader { background: url( "/images/gradient.png" ) repeat-x 0px -46px #000; border-bottom: solid 0.25em #FF0; margin-bottom: 2em; text-align: center; }
DIV#miniheader A.logo { padding: 0.5em; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }
DIV#miniheader UL.premium { width: 120px; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }
DIV#miniheader UL.menu { width: 136px; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }

UL.premium LI, UL.menu LI { margin: 0.25em 0em; display: inline-block; zoom: 1; *display: inline; }
UL.premium LI A, UL.menu LI A { display: block; height: 0em; overflow: hidden; }

UL.menu LI { width: 136px; }
UL.premium LI { width: 100px; } 

UL.menu LI A { background: url( "/images/header/flags_sprite.png" ); padding-top: 27px; }
UL.premium LI A { background: url( "/cobomedia/images/global/logos_sprite.png" ); padding-top: 60px; }

UL.premium LI#showsavers A { background-position: 0px 0px; }
UL.premium LI#gr8tix A { background-position: 0px -120px; }

LI#theatrelinks A { background-position: -5px -5px; }
LI#beanangel A { background-position: -5px -37px; }
LI#boxoffice A { background-position: -5px -69px; }
LI#newsarchive A { background-position: -5px -101px; }

LI#theatrelinks A:hover { background-position: -146px -5px; }
LI#beanangel A:hover { background-position: -146px -37px; }
LI#boxoffice A:hover { background-position: -146px -69px; }
LI#newsarchive A:hover { background-position: -146px -101px; }

A.links I, A.walterplinge I { display: inline-block; background: url( "/images/header/icons_sprite.png" ) no-repeat; width: 60px; height: 0px; padding-top: 60px; }
I#linktotheatrenet { background-position: 0px 0px; }
I#makehomepage { background-position: -60px 0px; }
I#walterplinge { background-position: -180px 0px; }

/* PROFILE */

DIV.section { background-color: #333; }

/* NEEDS TIDYING */

.heading, .goldheading, .blueheading  { font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
.goldbold, .goldheading { color: #F00; font-weight: bold; }
.bluebold, .blueheading  { color: #36F; font-weight: bold; }

.gold { color: #F00; }
.blue { color: #36F; }
.red { color: #F00; }

DIV.huge { font-size: 4em; font-weight: bold; line-height: 1.5em; }

.gotoTop { font-size: 0.75em; font-weight: bold; color: #FC0; text-transform: uppercase; text-decoration: none; }
.sectiontitle { font-size: 1.5em; font-weight: bold; color: #FFF; text-transform: uppercase; }
.event { font-weight: bold; color: #FFF; }
.hilight { font-weight: bold; color: #FC0; }
.small { font-size: 0.75em; }

SPAN.small { font-weight: bold; }

DIV.question { padding-top: 1em; padding-bottom: 0.5em; }
DIV.answer { padding-bottom: 1em; padding-top: 0.5em;  }
DIV.question STRONG, DIV.answer STRONG { font-weight: bold; color: #FF0; }

DIV.big DIV.question { font-size: 1.4em; padding: 0em; font-weight: bold; }
DIV.big DIV.answer { font-size: 1.2em; padding: 0em 0em 1em 0em; font-style: italic; }

/* NEW STUFF */

DIV.navigation { width: 18em; background-color: #028; border-top-right-radius: 8px; float: left; position: relative; }
DIV.navigation DIV.gradient { background: url( "/images/gradient.png" ) repeat-x 0px -150px #000; min-height: 50px; padding-bottom: 2em; }
DIV.navigation DIV.menu { margin: 1em 0em; }
DIV.navigation A:link, DIV.navigation A:visited, DIV.navigation A:active { display: block; line-height: 1.5em; padding: 0.25em; border: solid 1px #028; color: #FFF; }
DIV.navigation A:hover { cursor: pointer; background-color: #4053A6; border: solid 1px #808DC4; }
DIV.navigation A.image { line-height: 1.25em; text-align: center; border: none; }
DIV.navigation A.image IMG { display: inline-block; } 
DIV.navigation A.image:hover { background-color: #028; }

DIV.club { overflow-y: auto; margin-bottom: 1em; }
DIV.club DIV.heading { font-size: 1.5em; font-weight: bold; line-height: 1.5em; color: #F00; text-align: center; }
IMG#showsavers { float: left; vertical-align: middle; }
IMG#concertsavers { float: right; vertical-align: middle; }

DIV.half { width: 50%; float: left; overflow-y: auto; }
UL.club { width: 85%; margin: 0em; padding: 0em; }
UL.club LI { list-style-type: none; line-height: 1.25em; margin: 0em; padding: 0.25em 0em; }
DIV.blueheading { margin-bottom: 0.5em; }

DIV.newfeature { margin-bottom: 1em; padding: 1em; border: solid 3px #FF0; text-align: center; font-size: 1.25em; }
DIV.newfeature DIV { font-size: inherit; line-height: 1.25em; }
DIV.newfeature DIV.heading { color: #FF0; }

A.stagedoor { display: inline-block; }
A.stagedoor DIV { text-align: left; white-space: nowrap; }
A.stagedoor IMG { float: left; }

A.poster { display: inline-block; width: 120px; margin: 0.5em 1em; text-align: center; line-height: 1.25em; }
A.poster IMG { display: inline-block; }
A.poster DIV.format { font-size: 0.75em; font-weight: normal; }

DIV.search { border: solid 1px #FF0; background-color: #028; padding: 0.75em; }