/* GLOBAL */

html { }

body { background: url(art/bkgblurred.jpg) no-repeat top black; font-family: Arial, Helvetica, sans-serif; color: white; text-align: center; }

a { text-decoration: none; color: rgb(250,150,150); }
a:hover { text-decoration: underline;}

p { font-size: 14px; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0.5em; color: white; text-align: left; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; margin-bottom: 0.5em; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 1em; text-align: left; line-height: 1.4em; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 0.5em; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 0.5em; text-align: left; font-weight: bold; width: 400px; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 0.5em; text-align: left; font-weight: bold; width: 400px; }
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-bottom: 0.5em; }

strong { font-weight: bold; }
em { font-style: italic; }

img { border: 0px; }

ul { }
li { font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0.5em; text-align: left; line-height: 1.3em; }

td { }

.clearboth { clear: both;}
.clearleft { clear: left;}
.clearright { clear: right; }
.italic { font-style: italic; }
.floatleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.floatright { float: right; margin-bottom: 10px; margin-left: 10px; }
.uppercase { text-transform: uppercase;}

p.quote { text-align: center; font-style: italic; font-size: 16px; margin-top: 10px;}
p.quoter { text-align: center; text-transform: uppercase; font-size: 10px; line-height: 1.1em;}

#wrapper { background: url(art/shadow.png) no-repeat top; width: 920px; height: 620px; margin-top: 30px; margin-left: auto; margin-right: auto; }

body#form { background: black; color: white; text-align: left;}
#form ul {}
#form ul li { font-size: 10px; margin-bottom: .5em text-transform: uppercase;}
#emaillist { margin: 10px auto 0 auto;}
#emaillist p { font-size: 11px; text-align: center;}


/* SPLASH */

body#splash { background: url(art/splashbkg.jpg) no-repeat top black; }

#splashband { height: 140px; width: 1024px; margin-top: 380px; margin-left: auto; margin-right: auto; background: url(art/splashband.png) no-repeat;}

#splashnav { height: 20px; width: 463px; position: absolute; margin-top: 100px; margin-left: 530px;}
#splashnav p { text-align: right; font-size: 12px; margin-top: 75px; margin-bottom: 10px; margin-right: 0px;}
#splashnav ul { }
#splashnav li { float: left;}

#splashshareparent { width: 1024px; height: 220px; margin: 0 auto; left: 100px;}

#splashshare { width: 160px; position: fixed; bottom: 20px; right: 20px;}

#dinnerinvite { background: url(art/dinner_bkg.png) rgb(220,90,105) no-repeat bottom; width: 900px; height: 700px; padding-top: 20px; }
#dinnerinvite h2, #dinnerinvite h1 { text-align: center; }
#popupleftcol, #popuprightcol  { width: 300px; height: 600px; }
#popupleftcol { float: left; margin-left: 20px; margin-bottom: 20px; }
#popupleftcol a { color: white; text-decoration: underline; font-weight: bold; }
#popuprightcol { float: right; margin-top: 20px; margin-right: 20px; }
#popuprightcol p { text-align: center; margin-bottom: 1em; }
#popuprightcol h3 { text-align: center; font-weight: bold; margin-top: 2em; padding-bottom: .2em; border-bottom: 1px solid white; }


/* HEADER */

#header { }

#logo { float: left; margin-top: 55px; margin-left: 55px; width: 370px;}


/* HORIZONTAL NAV */

#nav { float: right; margin-top: 80px; margin-right: 60px; width: 420px; height: 22px; }
#nav li { float: left; }


/* VERTICAL NAV */

#navvert { float: left; clear: left; margin-top: 40px; margin-left: 0; width: 380px; height: 400px; overflow: auto; }
#navvert ul { margin-left: 180px; margin-top: 20px; }


/* CONTENT */

#content { float: right; width: 420px; height: 400px; margin-top: 40px; margin-right: 60px; overflow: auto;}
#content p { width: 400px;}

div#pastseason { }
div#currentseason { }

#outreachpics { width: 350px; margin-bottom: 1em; text-align: left;}
#outreachpics img { margin-right: 10px; }

#presskit { margin-left: 180px; margin-top: 20px; width: 195px; }
#presskit h4 { width: 195px; }

.cliptime { font-weight: normal; font-size: 12px; margin-left: .5em; }

.dateslist { width: 400px; }
.dateslist li { margin-bottom: 1em; }
.dateslist li:first-line { font-weight: bold; }

.download { vertical-align: middle; }

.media { float: left; margin-right: 5px; display: inline;}

ul.tracks { list-style-type: none; margin-bottom: 20px;}
dl.tracks { list-style-type: none; margin-bottom: 20px;}
.tracks dt { margin-bottom: 1em; text-align: left; height: 120px; float: left; clear: both;}
.tracks dt img { border: solid 4px silver;}
.tracks dd { margin-bottom: 1em; margin-left: 170px; height: 120px; width: 220px; line-height: 1.3em;}
.tracks dd h4 { width: 220px;}

#music img { float: right; padding: 5px; margin: 0 5px 5px 10px; border: 1px solid white;}
#music p { text-align: justify;}
#music p.signature { text-align: right;}
#music p.photocredit { font-size: 9px; text-transform: uppercase; margin-top: 20px; text-align: right;}


/* FOOTER */

.splashfooter { margin: 260px;}

div.about { margin-top: 85px;}

#footer { margin: 130px auto 20px auto;}
#footer p { text-align: center; font-size: 10px; }
#footer h2 { font-size: 12px; text-align: center;}

.addthis_button { width: 130px; margin: 20px auto 20px auto; display: block;}