/* this style sheet includes ideas from several other style sheets */
/* if you like anything you see, feel free to copy it */

/* general definitions, for everywhere */

body {
     background-color: white;
     text-align: left;
     }

p, li, td {
     font-family: Verdana, "Minion Web", Helvetica, Arial, sans-serif;
     color: black;
     }

p, li {
     font-size: 0.8em;
     margin-right: 0em;
     }

h1, h2 {
     font-family: Arial, sans-serif;
     margin-top: 0.5em;
     text-align: center;
     color: black;
     }

h1 {
     font-size: 1.4em;
     }

h2 {
     font-size: 1.1em;
     }

td {
     border-bottom: 0px black solid;
     border-left: 0px black solid;
     border-right: 0px black solid;
     border-top: 0px black solid;
     }

img {
     border-style: none
     }

/* This is for the big table that contains all the other tables. */

table.maintable {
     margin-left: 2%;
     margin-right: 2%;
     width: 96%;
     }

/* the top and bottom stuff */

td.logo {
     font-family: Arial, sans-serif;
     text-align: center;
     font-size: 1.5em;
     color: gray;
     }

td.footer {
     font-size: 0.6em;
     color: gray;
     border-top: 1px gray solid;
     }

td.no-bar-footer {
     font-size: 0.6em;
     color: gray;
     }

/* the tabs at the top */

td.toptabs {
     font-size: 0.9em;
     background-color: rgb(161, 233, 205);
     text-align: center;
     border-bottom: 1px gray solid;
     border-right: 1px gray solid;
     }

/* the tabs at the side */

td.sidetabs, td.sidetabs-child, td.toptabs-child {
     font-size: 0.9em;
     text-align: center;
     border-bottom: 1px gray solid;
     border-right: 1px gray solid;
     }

table.allfilms-side td.sidetabs {
     background-color: rgb(188, 233, 160);
     }

table.fluff-side td.sidetabs {
     background-color: rgb(255, 175, 245);
     }

table.night-side td.sidetabs {
     background: rgb(184, 175, 255);
     }

table.most-side td.sidetabs {
     background-color: rgb(175, 205, 255);
     }

table.ae4hg-side td.sidetabs {
     background-color: rgb(233, 205, 160);
     }

table.game-side td.sidetabs {
     background-color: rgb(255, 184, 175);
     }

/* headings within the main body */

td.allfilms-body h1,
td.allfilms-body h2,
td.allfilms-body hr,
td.allfilms-body p.question {
     color: rgb(125, 155, 107);
     }

td.fluff-body h1,
td.fluff-body h2,
td.fluff-body hr,
td.fluff-body p.question {
     color: rgb(155, 107, 149);
     }

td.night-body h1,
td.night-body h2,
td.night-body hr,
td.night-body p.question {
     color: rgb(123, 117, 150);
     }

td.most-body h1,
td.most-body h2,
td.most-body hr,
td.most-body p.question {
     color: rgb(107, 125, 155);
     }

td.ae4hg-body h1,
td.ae4hg-body h2,
td.ae4hg-body hr,
td.ae4hg-body p.question {
     color: rgb(140, 123, 96);
     }

td.game-body h1,
td.game-body h2,
td.game-body hr,
td.game-body p.question {
     color: rgb(150, 123, 117);
     }

td.bio-body h1,
td.bio-body h2,
td.bio-body hr,
td.bio-body b.heading {
     color: rgb(107, 155,  137);
     }

/* the currently selected tab */

td.toptabs-active,
td.sidetabs-active {
     font-size: 0.9em;
     text-align: center;
     border-bottom: 1px black solid;
     border-left: 1px black solid;
     border-right: 1px black solid;
     border-top: 1px black solid;
     }

/* links within tabs. */

td.toptabs a:link,
td.toptabs-child a:link,
td.sidetabs a:link,
td.sidetabs-child a:link {
     color: black;
     text-decoration: none;
     }

td.toptabs a:visited,
td.toptabs-child a:visited,
td.sidetabs a:visited,
td.sidetabs-child a:visited {
     color: black;
     text-decoration: none;
     }

td.toptabs a:hover,
td.toptabs-child a:hover,
td.sidetabs a:hover,
td.sidetabs-child a:hover {
     color: black;
     text-decoration: underline;
     }

td.toptabs a:active,
td.toptabs-child a:active,
td.sidetabs a:active,
td.sidetabs-child a:active {
     color: black;
     text-decoration: underline;
     }

/* special, for interview and FAQ pages */

p.question {
     text-align: left;
     font-weight: bold;
     margin-left: 1em;
     margin-right: 1em;
     border-bottom: 1px;
     }

p.answer {
     text-align: left;
     margin-left: 3em;
     margin-right: 1em;
     }

li.answer {
     text-align: left;
     margin-left: 2em;
     margin-right: 1em;
     }

/* special, for scripts */

p.character {
     text-align: left;
     font-weight: bold;
     margin-left: 1em;
     margin-right: 1em;
     }

p.speech {
     text-align: left;
     margin-left: 3em;
     margin-right: 1em;
     }

p.direction {
     text-align: left;
     font-style: italic;
     margin-left: 1em;
     margin-right: 1em;
     border-bottom: 1px;
     }

p.outcome {
     color: blue;
     }

/* special, for "articles" */
/* (OK, this doesn't actually produce a "drop quote") */

h2.dropquote {
     font-size: 1em;
     font-style: italic;
     margin-left: 0em;
     margin-right: 1em;
     }

/* special, for photo credits and other small text */

p.fine-print {
     font-size: 0.6em;
     color: gray;
     }

/* tables on the Credits pages */

table.credits {
     border-bottom: 1px gray solid;
     border-left: 1px gray solid;
     border-right: 1px gray solid;
     border-top: 1px gray solid;
     }

table.credits td {
     font-size: 0.8em;
     padding-left: 8px;
     padding-right: 8px;
     text-align: left;
     }

/* "News Flash" text */

p.newsflash {
     text-align: center;
     font-size: 0.9em;
     }

/* nospam note */

b.nospam {
     font-weight: normal;
     font-style: italic;
     }

/* haiku generator */

p.haiku {
     text-align: center;
     font-size: 1em;
     }

/* picture captions */

p.caption {
     font-size: 0.6em;
     }

/* centered paragraphs */

p.center {
     text-align: center;
     }