html { overflow-y: scroll }
body { background: url('../../images/woodgrain.jpg') top left repeat; font-family: Georgia, Garamond, Times, "Times New Roman", serif; font-size: 14.5px; line-height: 16.5px; color: #FFF; margin: 0px }
img, img a { border: none }
a:link, a:visited { text-decoration: none; color: #fff06d }
a:hover, a:active { text-decoration: underline; color: #fff06d; outline: none }
a:focus { outline: none } /* FIREFOX HACK */

ul  { margin: 0px; padding: 0px; text-align: left }
#container { width: 100%; margin: 0px auto 0px auto }

fieldset { border: none; margin: 0; padding: 0 }

/* HEADER */
#header { width: 920px; height: 25px; margin: 46px auto 25px auto }
#logo { float: left; width: 180px; height: 25px }
#navbar { float: right; width: 750px; height: 20px; margin-top: 5px; margin-right: -10px }

ul#nav li { float: right; list-style: none; padding: 0px; font-size: 12px; font-weight: bold }
#nav li a { display: block; text-decoration: none; font-size: 12px; font-weight: bold }
#nav li a:link, #nav li a:visited {	padding: 0px 9px; color: #fff06d; text-decoration: none }
#nav li a:hover, #nav li a:active, #nav li a#current { padding: 0px 9px; color: #adf6fc; text-decoration: none }
#nav li.line { padding: 0px 5px; color: #fff06d }
#nav li.inactive { padding: 0px 10px; color: #5b5858; text-decoration: none }

/* MAIN CONTENT */
#content { margin: 0px auto; width: 100%; height: 425px; overflow: hidden }
#package { /*Scrolling page content*/ width: 20000px; height: 420px; position: relative }
li.section { list-style: none; position: relative; float: left; width: 920px }
div.theVideo { width: 640px; height: 360px; overflow: hidden; padding: 0px; margin: 0px }

/*SUBNAV*/
div.sub { width: 640px; height: 30px; margin: 10px 0px 0px 0px }
ul.subnav { margin: 0px; padding: 0px; text-align: left }
.subnav li { float: left; list-style: none; padding: 0px; font-size: 12px; line-height: 30px }
.subnav li a { display: block; line-height: 30px; text-decoration: none }

/*DONALD SUBNAV*/
#donald-trailer { width: 100px; float: right }
#donald-trailer a:link, #donald-trailer a:visited { width: 100px; background: url('../../images/subnav/trailer-donald.png') 0px -30px no-repeat }
#donald-trailer a:hover, #donald-trailer a:active, #donald-trailer a#selected { width: 100px; background: url('../../images/subnav/trailer-donald.png') 0px 0px no-repeat }

/*TRAILER SUBNAV*/
#trailer-donald a:link, #trailer-donald a:visited { width: 100px; background: url('../../images/subnav/meet-donald.png') 0px -30px no-repeat }
#trailer-donald a:hover, #trailer-donald a:active, #trailer-donald a#selected { width: 100px; background: url('../../images/subnav/meet-donald.png') 0px 0px no-repeat }
#trailer-left { width: 153px }
#trailer-play a:link, #trailer-play a:visited { width: 135px; background: url('../../images/subnav/play-trailer.png') 0px -30px no-repeat }
#trailer-play a:hover, #trailer-play a:active, #trailer-play a#selected { width: 135px; background: url('../../images/subnav/play-trailer.png') 0px 0px no-repeat }
#trailer-right { width: 152px }
#trailer-marge a:link, #trailer-marge a:visited { width: 100px; background: url('../../images/subnav/meet-marge.png') 0px -30px no-repeat }
#trailer-marge a:hover, #trailer-marge a:active, #trailer-marge a#selected { width: 100px; background: url('../../images/subnav/meet-marge.png') 0px 0px no-repeat }

/*MARGE SUBNAV*/
#marge-trailer { float: left; width: 100px }
#marge-trailer a:link, #marge-trailer a:visited { width: 100px; background: url('../../images/subnav/trailer-marge.png') 0px -30px no-repeat }
#marge-trailer a:hover, #marge-trailer a:active, #marge-trailer a#selected { width: 100px; background: url('../../images/subnav/trailer-marge.png') 0px 0px no-repeat }

/* FOOTER */
#features { border-top: 1px solid #645A2A; border-bottom: 1px solid #645A2A; margin: 0px auto; padding-top: 20px; width: 920px; height: 175px; font-size: 14px; line-height: 16px; letter-spacing: 0.01em; color: #DCDBDB }
#features-1 { /*Left-side Synopsis*/ float: left; width: 215px }
.feat-top { height: 120px; overflow: hidden }
.feat-bot { margin-top: 15px; font-weight: bold; font-size: 11.5px }
/*Screening Styles*/
#features-1 p { margin: 5px 0px 0px 0px }
#features-1 .dates { font-size: 18px; line-height: 25px }
#features-1 .venue { font-family: arial, helvetica; font-size: 10px; line-height: 18px }
#features-2 { /*Right-side Synopsis*/ float: right; width: 698px }

#footer { margin: 0px auto; padding: 10px 0px; width: 900px; height: 30px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #dcdbdb; text-align: center }
#signup { float: left; margin-left: 10px }
#copyright { float: right; margin: 2px 10px 0px 0px }

#facebook a:link, #facebook a:visited { display: inline-block; border: 1px solid #fff06d; background-color: #fff06d; color: black; font-weight: bold; letter-spacing: 0px; text-align: center; padding: 1px 4px 0px 4px; text-decoration: none }
#facebook a:active, #facebook a:hover { display: inline-block; border: 1px solid #adf6fc; background-color: #adf6fc; color: black; font-weight: bold; letter-spacing: 0px; text-align: center; padding: 1px 4px 0px 4px; text-decoration: none }
form#newsSignup { display: inline-block; padding-left: 10px; }
#newsSignup input { font-size: 10px; }
#newsSignup input#email { border: 1px solid #fff06d; background-color: transparent; font-family: Arial, Helvetica, sans-serif; color: #dcdbdb; font-weight: bold; padding: 3px; width: 200px }
#newsSignup input#go { border: 1px solid #fff06d; background-color: #fff06d; font-family: Arial, Helvetica, sans-serif; color: black; font-weight: bold; text-align: center; padding: 3px; width: 60px }
#signup-conf { display: inline-block; padding-left: 10px }
