/* Here I go, fucking around with CSS */


/* Main document stuff. */

body
{
background-color:black;
}

/* How to deal with text. */

h1
{
font-family:helvetica;
font-size:200%;
text-align:center;
margin-top:15px;
color:#FFFFFF;
}

h2
{
font-family:helvetica;
font-size:110%;
text-align:center;
color:#000000;
}

p
{
font-family:helvetica;
color:#FFFFFF;
text-indent:0.5cm;
}

p.center
{
font-family:helvetica;
color:#FFFFFF;
text-align:center;
}

p.legal
{
display:inline;
position:relative;
left:175px;
font-family:helvetica;
font-size:60%;
color:#000000;
}

span.legal
{
text-align:center;
}


/* Unorder list items. */

li
{
display:inline;
padding-left: 3px;
padding-right: 50px;
}

/* The DIV things. */

div.main
{
position:absolute;
left:50%;
width:700px;
margin-top:20px;
margin-left:-350px;
border:2px solid #00FF33;
}

div.header
{
width:100%;
background-color:#00FF33;
padding-top:10px;
padding-bottom:10px;
}

div.menu
{
float:left;
color:#FFFFFF;
text-align:right;
}

div.text
{
color:#000000;
}

div.episode
{
color:#000000;
border-style:dashed;
border-color:#00FF33;
border-top:10px; 
border-bottom:0px;
border-left:0px;
border-right:0px;
}


div.footer
{
width:100%;
background-color:#00FF33;
padding-top:3px;
padding-bottom:3px;
}


/* How to deal with images */

img.logoflip
{
position:relative;
left:50%;
margin-left:-150px;
max-width:100%;
}

img.logomain
{
position:relative;
left:50%;
margin-left:-290px;
max-width:100%;
}

img.linked
{
border:0px;
}

img.titlel
{
float:left;
}

img.titler
{
float:right;
}

/* How to deal with links */

a:link
{
color:#00FF33;
text-decoration:none;
}

a:visited
{
color:#00FF33;
text-decoration:none;
}

a:hover
{
color:#00FF33;
font-weight:bold;
}

a:active
{
color:#00FF33;
font-weight:bold;
}