/* CSS Document */

* {
margin: 0;
padding: 0;
}


body {
margin: 0;
padding: 0;
background-color: #000;
font-family: Arial, Helvetica, sans-serif;
color: #E6FFBF;
text-align: center;
line-height: 150%;
}

div#counter {
float: right;
visibility: hidden;
}

div#container {
width: 700px;
margin: 0 auto;
}

div#header {
height: 160px;
width: 700px;
}

div#hnav {
height: 28px;
width: 700px;
vertical-align: middle;
background-color: #002424;
font-size: 12px;
font-weight: bold;
line-height: 200%;
margin: 20px 0;
}

div#characters {
float: left;
width: 150px;
background-color: #1F3300;
text-align: left;
padding: 3px;
}

div#episodes {
float: right;
width: 150px;
background-color: #002424;
text-align: left;
padding: 3px;
}

div#main {
text-align: left;
}

h1 {
font-size: 18px;
font-weight: bold;
text-align: center;
font-family: Georgia;
margin: 15px 0;
}

h2 {
font-size: 15px;
font-weight: bold;
text-align: center;
font-family: Georgia;
margin: 15px 0;
color: #690;
}

h3 {
font-size: 12px;
font-weight: bold;
font-style: italic;
text-align: center;
font-family: Georgia;
margin: 15px 0;
}

.title {
font-style: italic;
font-weight: bold;
font-family: Georgia;
}

.bold {
font-weight: bold;
}

.hide {
visibility: hidden;
}

.links {
font-weight: bold;
}

.row {
padding: 5px;
margin: 15px 0;
border: 3px solid #1F3300;
text-align: left;
min-height: 160px;
}

.border {
border: 3px solid #000;
padding: 5px;
}

* html .row {
height: 160px;
}

.left01 {
float: left;
margin: 0 15px 0 0;
}

.right01 {
float: right;
margin: 0 0 0 15px;
}

.right02 {
float: right;
padding: 10px;
border: 3px solid #1F3300;
}

.left03 {
float: left;
background-color: #1F3300;
margin: 0 15px 0 0;
padding: 5px;
}

.right03 {
float: right;
background-color: #002424;
margin: 0 15px 0 0;
padding: 5px;
}

.rh {
font-size: 36px;
font-style: italic;
font-family: Georgia;
text-align: right;
margin: 10px 150px 0 0;
}

.dropcap {
float: left; /* Make the text flow around the letter */
font-family: Georgia; /* Use whatever font fits your site */
font-style: italic;
color: #E6FFBF; /* Color of the font */
font-size: 2em; /* Makes the letter twice the size of the rest of the text */
line-height: 1em; /* Adjustment for IE. Otherwise it doesn't line up correctly */
padding-right: 0.15em; /* If it's getting crowded - adjust */
}

hr {
width: 50%;
height: 5px;
color: #002424;
background-color: #002424;
margin: 15px auto;
text-align: center;
}

ul {
margin: 0 0 0 30px;
}

div#footer {
height: 28px;
width: 700px;
text-align: center;
vertical-align: middle;
background-color: #002424;
font-size: 12px;
font-weight: bold;
line-height: 200%;
margin: 15px 0;
}

/* Table Styling */

table {
margin: 0 auto;
}

dt {
margin: 20px 0 5px 0;
}

td {
padding: 10px;
vertical-align: top;
}

.item {
text-align: right;
}

#screencap {
text-align: center;
}

.ariane {
color: red;
}