/* ----- MULTI-PURPOSE ----- */

/* page at large */
body { background-color: #FFFFFF; font-family: Arial, Verdana, sans-serif; color: #000000; font-size: 100%; }

/* links */
a { color: #880000; text-decoration: none; }
a:hover { background-color: #FFFFBB; text-decoration: none; font-weight: bold; }

/* series title */
h1 { font-size: 125%; }

/* subtitle (in scripts, this is the episode title) */
h2 { font-size: 110%; margin-top: -12px; }


/* ----- INDEX PAGE ----- */

/* intro paragraph headers (index page only) */
h3 { font-size: 105%; font-weight: bold; }

/* spoiler warning */
h4 { font-size: 90%; color: #AA0000; }

/* intro paragraphs (index page only) */
p.pintro { margin-left: 40px; margin-right: 40px; color: #0000AA; }

/* episode list (index page only) */
dl.eplist { }

/* episode title (index page only) */
.eplist dt { margin: 0px; padding: 0px; margin-top: 12px; font-size: 100%; font-weight: bold; }

/* episode synopsis (index page only) */
.eplist dd { margin: 0px; padding: 0px; margin-left: 12px; font-size: 100%; color: #444444; }
.eplist a { text-decoration: underline; }
.eplist a.c { font-size: 60%; font-weight: bold; text-decoration: none; }

/* episode source note, date (index page only) */
.eplist cite { margin-left: -10px; }
.eplist cite.date { font-size: 90%; font-style: italic; color: #444444; }

/* main tabs */
table.tabs { border: 0px; width: 80%; border-spacing: 0px; }
.tabs td { text-align: center; font-family: Arial, Verdana, sans-serif; font-size: 85%; color: #444444; padding: 8px; width: 25%; vertical-align: top; }
.tabs td b { font-size: 125%; }
.tabs td.left { border-right: 1px solid #000000; }
.tabs td.mid { border-right: 1px solid #000000; }


/* ----- SCRIPTS ----- */

/* "writer" line */
.writer { font-size: 90%; }

/* sentai source note (used in episode pages and in index page */
.sn { font-size: 90%; font-style: italic; color: #444444; }

/* links to bio pages */
a.bio: { font-weight: bold; }

/* action blocks */
p.act { font-size: 100%; font-style: plain; color: #0000AA; }

/* location tags */
span.loc { font-size: 100%; font-weight: bold; }

/* speaker */
span.sp { font-size: 100%; font-weight: bold; color: #000000; }

/* line block */
p.line { font-size: 100%; color: #888800; }

/* rules for both types of horizontal lines below */
hr { border: 0; color: #000000; background-color: #000000; text-align: left; margin: 30 auto 30 0; }

/* scene break */
hr.sc { width: 60%; height: 3px; }

/* intra-scene location change */
hr.scs { width: 25px; height: 2px; }

/* sentai screenshot */
img.sentaipic { border: 2px outset #444444; height: 100px; width: 144px; }

/* Hoverbird image (tiny, with big border) */
img.hb { border: 27px solid #000000; height: 50px; width: 72px; }

/* previous episode recaps */
.recap p.act { color: #008800; }
.recap span.loc { color: #008800; }
.recap span.sp { color: #008800; }
.recap p.line { color: #008800; }
.recap hr.scs { color: #008800; background-color: #008800; }
.recap img.sentaipic { border: 2px outset #008800; }
.recap ul { color: #008800; list-style: circle; }

/* next episode previews */
.preview p.act { color: #008800; }
.preview span.loc { color: #008800; }
.preview span.sp { color: #008800; }
.preview p.line { color: #008800; }
.preview hr.scs { color: #008800; background-color: #008800; }
.preview img.sentaipic { border: 2px outset #008800; }

/* commentary */
p.c { font-size: 90%; color: #AA0000; }
p.c a { text-decoration: underline; }
p.c a:hover { background-color: #FFFFBB; font-weight: normal; }

/* redacted sections */
.c span.x { background-color: #AA0000; }

/* table within commentary */
table.c { border-color: #AA0000; border-width: 1px; border-style: solid; border-spacing: 0px;
}
table.c td, th { border-color: #AA0000; border-width: 1px; border-style: solid; margin: 0; padding: 4px; font-size: 90%; color: #AA0000; text-align: left; font-family: Arial, Verdana, sans-serif; vertical-align: top; font-weight: normal; background-color: #FFFFFF; }
table.c tr.labels td { font-weight: bold; text-decoration: underline; background-color: #EE9999; }
table.c th { font-weight: bold; text-decoration: underline; background-color: #EE9999; }
table.c td:first-child { font-weight: bold; background-color: #FFDDDD; }
table.c tr.s td:first-child {font-weight: normal; background-color: #FFFFFF; }


/* ----- BIO PAGES ----- */

/* image label */
.biotag { font-size: 100%; font-weight: bold; color: #000000; }

/* image label subhead */
.biosub { font-size: 90%; font-weight: normal; color: #444444; }

/* bio images */
.biopics img { border: 2px solid #000000; }


