body { background: url(../../../images/background.jpg) no-repeat fixed;  background-size: 1700px auto; background-color: black;  font-family: "proxima-nova-extra-condensed",Helvetica,Arial,sans-serif; margin: 0; }
#main { width: 1000px; margin: auto;  color: white;  }
h1, h2 { font-size: 30pt; text-shadow: 2px 2px 7px #19110d }
h2 { color: #fdd467 }
h3 { text-shadow: 2px 2px 7px #19110d }

a, a:visited { color: #fdd497; font-weight: bold; text-decoration: none }
a:hover { text-decoration: underline; }


/* Navigation Menu */
#nav { width: 45%; float: right; padding: 10px 0 0 0; margin-right: -10px; }
.nav { padding: 0; margin: 0; }
.nav  li { min-width: 30%; list-style: none; padding: 0; margin: 0; display: inline-block; padding-top: 20px; }
.nav  li.wide { min-width: 63%; }
.nav  li.full { min-width: 100%; }
.nav li > a { color: white; text-decoration: none; display: block; text-align: center; background: rgba( 0, 0, 0, 0.4 );   padding: 20px;  border-radius: 0 0 0px 0px; text-transform: uppercase; font-weight: 700; font-size: 12pt; letter-spacing: 0.05em; text-shadow: 1px 1px 1px #19110d;  font-family: "proxima-nova-extra-condensed",Helvetica,Arial,sans-serif }
.nav li > a:hover { background: rgba( 0, 0, 0, 0.6 ); transition: background-color 1s; }

/*Left Side*/
.side { width: 53%; float: right; text-align: center;  }


footer { clear: both; }

#logos { text-align: center;  width: 53%; float: left; }
#logos img {  display: inline-block;  }
#logos a img { border: none; }

.content { clear: both; background: rgba( 0, 0, 0, 0.4 ); text-shadow: 2px 2px 7px #19110d; border-radius: 5px; padding: 10px; width: 100%; margin-top: 10px; }

#schedule { text-align: left; padding: 0; margin: 0; padding: 10px; width: 40%; display: inline-block;  vertical-align: top; }
.description { padding: 10px; width: 55%; display: inline-block;}
#schedule li { list-style: none; padding: 0; margin: 0; padding-bottom: 20px; font-size: 1.1em; }

#copyright { text-align: center;  display: block; padding-top: 10px;  }

.title { font-weight: bold; color: #fdd467 }
.time { font-weight: bold;  }
.episode_description  { font-size: 11pt;}


#underwriters {  text-align: center; padding: 0 0px; color: white; text-shadow: none; display: inline-block; width:56%;  background: none; color:white; border-radius: 10px; }
#underwriters  h2 { color: inherit; font-size: 16pt; text-shadow: none; margin: 20px 0; }
.underwriters { margin: 0; padding: 0; background: white; }
.underwriters img { height: 90px; background: white; padding: 10px; display: inline-block; }
.underwriters li { list-style: none; text-align: center;  display: inline-block; }

.underwriters.additional { margin: 20px 0; padding: 20px 0; }
.underwriters.additional img { height: 62px;  }

.viewing-party { text-align: left; width: 100%;  }

#form { width: 75%; display: inline-block; } 
#form .field { display: block; padding: 5px 0 ; }
#form fieldset { border: none; text-align: center; }
#form fieldset  legend{ display: inline-block; border: none; font-size: 20pt; font-weight: 400; text-align: center; width: 100%; padding: 10px 0;  background: rgba( 0, 0, 0, 0.5 );  margin-top: 30px; }
#form .field label { display: inline-block; width: 43%; text-align: right; padding-right: 25px; }
#form .field input, #form .field textarea { display: inline-block; width: 50%; height: 26px; border: 1px solid black; }

#form .field input[type=checkbox] { width: 10px; margin-right: 49%; }  

#form .field label { vertical-align: top; }
#form .field textarea { height: 150px; }

#form .actions { text-align: right; padding: 20px; }
#form button { display: inline-block;   }

.form-wrapper { text-align: center; padding: 0 50px; } 

.thankyou { font-size: 16pt; background: rgba( 255, 255, 255, 0.6 ); clear: both; text-align: center; padding: 20px; margin: 10px; color: black; }

.share { margin: 0; padding: 0; display: block; text-align: center; }  
.share h3 { display: inline-block; vertical-align: top;  }
.share li { list-style: none; display: inline-block; padding: 0 5px;  }
a.fblink { display: block; width: 37px; height: 50px; background: url( ../images/ospritesheet.png) -14px -180px 	no-repeat; }
a.twitterlink { display: block; width: 40px; height: 50px; background: url( ../images/ospritesheet.png) -64px -180px 	no-repeat; }