/* GLOBAL */

body {
 font-family: sans-serif;
 margin: 0;
 padding: 0;
}


/* VISUAL DEBUGING */
/*
#headpane, #menupane, #mainpane {
  border: 1px dashed red;
}

#head, #menu, #main {
  border: 1px dashed green;
}
*/

/* MAIN LAYOUT OF HEAD-, NAVIGATION- AND CONTENT-PANE */

div#headpane {
 position: absolute;
 left: 0; right: 0;
 top: 0; height: 62px;
 text-align: center;
}

div#menupane {
 position: absolute;
 left: 0; top: 62px;
 width: 220px;
}

div#menu {
 margin: 5px;
}

div#mainpane {
 position: absolute;
 left: 220px; top: 62px;
 right: 0;
}

div#main {
 margin: 10px 30px;
 font-size: medium;
}

a {
 text-decoration: none;
}

/* MENU BAR */

h3 {
 font-size: medium;
 border: 1px solid black;
 color: black;
 background: silver;
 padding: 3px;
 margin: 5px 0;
}

h3 a:link, h3 a:visited {
 color: blue;
}

/* Episode Menu */
#menu ul {
 list-style: none;
 margin: 0 0 0 10px;
 padding: 0;
}

#menu ul li p {
 font-size: small;
 color: black;
 margin: 0;
 padding: 2px 0;
}

#menu ul li p a:link, #menu ul li p a:visited {
 color: red;
}

#menu ul li p#theone {
  font-size: x-small;
  text-indent: 10px;
}

#menu ul li ul {
 list-style: none;
 margin: 0 0 5px 20px;
 padding: 0;
}

#menu ul li ul li p {
 font-size: x-small;
 color: black;
 margin: 0;
 padding: 1px 0;
}

p#ntow {
 text-indent: -10px;
}

#menu ul li ul li p a:link, #menu ul li ul li p a:visited {
 color: blue;
}

/* Actors Menu */

#menu table {
 margin: 0 0 0 20px;
 padding: 0;
}

#menu tr {
 height: 2em;
}

#menu td {
 font-size: large;
 color: black;
 width: 3em;
}

#menu td a:link, #menu td a:visited {
 color: blue;
}


/* MAIN PANE */

#main a:link, #main a:visited {
 color: blue;
}

/* Episode View */

h1 {
 font-size: x-large;
}

h2 {
  font-size: large;
}

h2#ep {
 font-size: small;
}

#castpane {
  text-align: center;
}

table#cast {
 margin: 5px auto 5px auto;
 color: black;
 text-align: left;
}

table#cast td {
 width: 16em;
}

p#synopsis {
 text-align: justify;
}

/* Cast View */

p.actor {
 margin: 0;
 padding: 0;
}

table.episodes {
 margin: 5px auto 15px 20px;
}

td.n {
 width: 6em;
}

.episodes a:link, .episodes a:visited {
 color: blue;
}

img {
 border: 0;
 margin-right: 0.1em;
}

/* Statistics View */

td.num {
  text-align: right;
}