html{
height: 100%;
}

body {
 background-color: black;
 background-image: url(../images/BG3.png);
 background-repeat: no-repeat;
 background-position: right bottom; 
 height: 100%;
 width: 100%;
 font-family:Arial,Helvetica,sans-serif;
 font-size:100%;
}
 
li {padding: 4px; color: white;} 
 
H1 {text-align: center; margin-bottom: 0px;}

H2 {text-align: center; margin-top: 0px;}

P, H1, H2, H3, H4, H5, H6, UL { color: white;}

.bio 
{
margin-left: 5%;
margin-right: 5%;
margin-bottom: 5px;
margin-top: 5px;
padding: 8px;
border: 1px solid gray;
overflow: auto; 
height: 25%;
}

.blog
{
margin-left: 5%;
margin-right: 10%;
margin-bottom: 5px;
margin-top: 5px;
padding: 8px;
border: 3px solid gray;
overflow: auto; 
height: 30%;
}

A:link {text-decoration: none; color: fuchsia;}
A:visited {text-decoration: none; color: fuchsia;}
A:active {text-decoration: none; color: white;}
A:hover {text-decoration: underline; color: red;}

#navbox
{
margin-left: 5px;
margin-right: auto;
margin-top: 25px;
margin-bottom: 25px;
overflow: hidden;
width:480px;
}

#nav
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

#nav li
{
border-left: 1px solid red;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
font-size: larger;
}

#Home #HomeTab {font-weight:bold; background: maroon;}
#Synopsis #SynopsisTab {font-weight:bold; background: maroon;}
#Music #MusicTab  {font-weight:bold; background: maroon;}
#Casting #CastingTab  {font-weight:bold; background: maroon;}
#Bios #BiosTab  {font-weight:bold; background: maroon;}

#credits
{
text-align: center;
padding-bottom: 10px;
padding-top: 0px;
}

#contact
{ 
position: absolute;
top: 15px;
right: 15px;
font-size: larger;
padding: 15px;
 
}

#basictext
{
margin-left: 5%;
margin-right: 15%;
margin-bottom: 10px;
}

#narrowtext
{
margin-left: 5%;
margin-right: 40%;
margin-bottom: 10px;
}

#midtext
{
margin-left: 5%;
margin-right: 30%;
margin-bottom: 10px;
}

#castlist
{
margin-left: 5%; 
margin-right: 5%;
}

#player
{ 
margin-left: 10%;
height: 65%;
}