/*

Common styles used throughout the site. These are primarily redefinitions of HTML tags.

*/

body { font-family: arial,verdana,sans-serif; font-size: 13px; color: #fff; padding: 50px 0 50px 0; background-color: #000; margin: 0; }
body { text-shadow: rgba(0,0,0,0.01) 0 0 0; }
p { line-height: 18px; margin: 0 0 20px 0; }
img { display: block; border: 0; }
table { padding: 0; border: 0; border-collapse: collapse; }
td, th { font-family: arial,verdana,sans-serif; font-size: 12px; vertical-align: top; padding: 0; border: 0; }
a { color: #c93; text-decoration: none; }
a:focus, a:hover, a:active { outline: none; }
a:hover { color: #c93; text-decoration: underline; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
form { padding: 0; margin: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }

h1 { font-size: 18px; color: #c93; padding: 0; margin: 0; }
h2 { font-size: 26px; color: #fff; padding: 0; margin: 0 0 56px 0; }
h3 { font-size: 13px; color: #c93; padding: 0; margin: 0; }
h4 { font-size: 13px; color: #999; padding: 0; margin: 0; }
h5 { font-size: 13px; color: #fff; padding: 0; margin: 0 0 20px 0; }
h6 { font-size: 10px; color: #999; padding: 0; margin: 0; }

h1 span.supp { font-weight: normal; }
h1 span.slashes { color: #666; margin: 0 3px 0 3px; }
h2 span.supp { font-weight: normal; font-size: 18px; }
h6.margin { margin-bottom: 20px; }

h3.bio { color: #fff; }
h5.bio { color: #999; }


/*

Primary layout styles

*/

#page { position: relative; width: 1000px; min-height: 600px; background-image: url(../images/common/bg_page.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; }
#page.noBurst { background-image: none; }
#content { width: 1000px; border-top: 1px solid #443416; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#footer { font-size: 10px; font-weight: bold; color: #333; }
#footer a { font-size: 10px; font-weight: bold; color: #333; }




/*

Header styles

*/

#header { width: 1000px; height: 150px; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #logo { float: left; width: 483px; }
#header #nav { float: left; }

#header #nav { width: 517px; background-image: url(../images/nav/bg_nav.gif); background-repeat: no-repeat; }
#header #nav ul li { float: left; }
#header #nav ul li ul { position: absolute; display: none; }
#header #nav ul li ul li { float: none; width: 130px; font-size: 13px; background-image: url(../images/nav/bg_dropdown.gif); background-repeat: repeat-x; }
#header #nav ul li ul li a { display: block; width: 119px; height: 21px; font-weight: bold; color: #fff; text-decoration: none; padding: 8px 0 2px 10px; }
#header #nav ul li ul li:hover { background-image: url(../images/nav/bg_dropdown_ovr.gif); }





/*

Content styles

*/

#colSide { float: left; width: 210px; padding: 25px 40px 0 0; }
#colMain { float: left; width: 750px; padding: 25px 0 0 0; }
#colMainWide { float: left; width: 1000px; padding: 25px 0 0 0; }
#colRight { float: left; width: 210px; padding: 130px 0 0 40px; }

div.threeColumn #colMain { width: 500px; }

div.sideList { padding: 0 0 10px 0; margin-bottom: 35px; }
div.sideList.border { border-bottom: 1px solid #443416; }
div.sideList ul li { font-weight: bold; margin-bottom: 25px; }
div.sideList ul li.selected a { color: #fff; }
div.sideList ul li.selected a:hover { text-decoration: none; }

div.personnel  { }
div.personnel ul li { margin-bottom: 20px; }
div.personnel ul li div.name { font-weight: bold; margin: 0 0 2px 0; }
div.personnel ul li div.position { color: #999; margin: 0 0 2px 0; }

#movie { text-align: center; border: 1px solid #333; margin: 0 0 30px 0; }
#poster { text-align: center; margin: 0 0 30px 0; }
#poster img { display: inline; }

#colRight p { font-weight: bold; }





/*

Home styles

*/

#homeCallout { position: absolute; width: 585px; font-size: 18px; line-height: 32px; font-weight: bold; margin: 120px 0 0 10px; }
#homeLink { position: absolute; width: 585px; font-size: 18px; line-height: 32px; font-weight: normal; margin: 390px 0 0 10px; }
#homeNav { position: absolute; margin: 240px 0 0 10px; }
#homeNav img { display: inline; }
#homeNav a { display: inline; margin: 0 42px 0 0; }
#homeDivider { position: absolute; margin: 230px 0 0 138px; }

#skipIntro { font-size: 11px; font-weight: bold; letter-spacing: 2px; color: #c93; text-align: center; margin: 0 0 60px 0; }
#skipIntro a { font-weight: bold; }

#footerLink { font-size: 18px; padding: 15px 0 0 0; border-top: 1px solid #443416; margin: 180px 0 0 0; }



/*

Strip styles at page bottom

*/

#stripBlock { padding: 0 0 100px 0; }
#stripBlock #fixedBox { position: absolute; width: 435px; height: 130px; overflow: hidden; margin: 22px 0 0 34px; }
#stripBlock #fixedBox #thumbs { position: relative; width: 1808px; left: 0px; }
#stripBlock #fixedBox #thumbs ul li { float: left; width: 96px; padding: 0 17px 0 0; }
#stripBlock #fixedBox #thumbs ul li img { border: 1px solid #000; }
#stripBlock #fixedBox #thumbs ul li img.reflection { padding: 0 1px 0 1px; border: none; }
#stripBlock #fixedBox #thumbs ul li img:hover { border: 1px solid #c93; cursor: pointer; }
#stripBlock #fixedBox #thumbs ul li img.reflection:hover { border: none; cursor: default; }

#stripBlock #stripText { position: absolute; width: 500px; font-weight: bold; text-align: center; }
#stripBlock #arrowLeft { position: absolute; margin: 25px 0 0 0; cursor: pointer; }
#stripBlock #arrowRight { position: absolute; margin: 25px 0 0 475px; cursor: pointer; }





/*

Company Subnav styles

*/

#compSubnav { width: 750px; height: 60px; margin: 0 0 5px 0; }
#compSubnav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#compSubnav.prin1 { background-image: url(../images/company/bg_subnav_1.gif); }
#compSubnav.prin2 { background-image: url(../images/company/bg_subnav_2.gif); }
#compSubnav.prin3 { background-image: url(../images/company/bg_subnav_3.gif); }
#compSubnav.prin4 { background-image: url(../images/company/bg_subnav_4.gif); }
#compSubnav ul li { float: left; width: 187px; font-weight: bold; text-align: center; padding: 5px 0 0 0; }
#compSubnav ul li a { color: #999; }
#compSubnav ul li.selected a { color: #c93; }
#compSubnav ul li.selected a:hover { text-decoration: none; }




/*

Episode choice styles in Web section

*/

div.episodeNums { width: 200px; margin: 5px 0 20px 0; }
div.episodeNums:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
div.episodeNums ul li { float: left; font-weight: bold; padding: 1px 5px 1px 5px; background-color: #c93; margin: 0 5px 0 0; cursor: pointer; }
div.episodeNums ul li.selected { color: #000; background-color: #fff; margin: 0 5px 0 0; }





/*

Tabs in the middle of the Development Sections

*/

#moreInfo #tab0 { display: block; }
#moreInfo #tab1, #moreInfo #tab2 { display: none; }

#moreInfo div.tabLabels { width: 500px; height: 58px; margin: 0 0 5px 0; }
#moreInfo div.tabLabels:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#moreInfo div.tabLabels.tab0 { background-image: url(../images/common/bg_tab_0.gif); }
#moreInfo div.tabLabels.tab1 { background-image: url(../images/common/bg_tab_1.gif); }
#moreInfo div.tabLabels.tab2 { background-image: url(../images/common/bg_tab_2.gif); }
#moreInfo div.tabLabels ul li { float: left; width: 166px; font-weight: bold; color: #999; text-align: center; padding: 5px 0 0 0; cursor: pointer; }
#moreInfo div.tabLabels ul li.selected { color: #c93; }

div.review p { margin-bottom: 5px; }
div.reviewer { color: #c93; margin: 0 0 20px 0; }

div.download { padding: 0 0 0 20px; background-image: url(../images/films/pdf_icon.png); background-repeat: no-repeat; margin: 35px 0 0 0; }





/*

Press section

*/

table.press { width: 100%; }
table.press tr th { font-size: 13px; text-align: left; padding: 7px 20px 7px 10px; border-right: 1px solid #000; background-image: url(../images/nav/bg_dropdown.gif); }
table.press tr td { font-size: 13px; border-bottom: 1px solid #443416; cursor: pointer; padding: 7px 20px 7px 10px; }

table.press tr td.date { width: 100px; color: #999; white-space: nowrap; }
table.press tr td.source { width: 250px; white-space: nowrap; }
table.press tr td.arrow { width: 40px; padding-left: 0; padding-right: 0; }
table.press tr td.copy h3 { margin: 0 0 4px 0; }
table.press tr td.copy div { display: none; }
table.press tr td.copy div.subhead { font-weight: bold;margin: 0 0 3px 0;  }
table.press tr td.copy div.author { font-style: italic; color: #999; margin: 0 0 20px 0; }