/*----PANIC BUTTON!----*/
//	*{border: 1px solid red;}
	/*--END PANIC BUTTON!--*/

html, body, *{margin: 0px;padding: 0px;}

body
{
font-family: Verdana, Arial, sans-serif;
color: #fff;
font-size: .8em;
background: #000 url("img/body_bg.jpg") repeat-x top left;
}

#inwrap
{ 
z-index: 1;
width: 770px;
margin: 0px auto;
}

#header
{
position: relative;
width: 770px;
height: 312px;
background: url("img/header.jpg") top left no-repeat;
}

h1
{
color: #f00;
font-size: 1em;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 15px;
}


h2
{
color: #9AAE28;
font-size: .9em;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 15px;
margin-top: 15px;
font-weight: normal;
}

h3
{
color: #9AAE28;
font-size: .9em;
font-weight: normal;
margin-top: 10px;
}

/*-----------Tab Nav---------------------------------------*/
#navcon #nav
{
position: relative;
top: 145px;
left: 240px;
list-style-type: none;
float: left;
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: 1.2em;
padding-bottom: 2px;
border-bottom: 3px solid #111;
width: 470px;
}

#navcon #nav li
{
width: 100px;
margin: auto;
list-style-type: none;
display: inline;

}

#nav li a:link,
#nav li a:visited
{
border-top: 1px solid #322;
border-right: 1px solid #322;
background: #111;
padding: 3px 5px;
text-decoration: none;
color: #fff;
}

#nav li a.curr
{
color: #f00;
}
#nav li #playmovie
{
font-family: "Trebuchet MS", sans-serif;
text-transform: uppercase;
color:#9AAE28;
font-size: 1.2em;
}

#nav li a:hover,
#nav li a.curr:hover,
#nav li #playmovie:hover
{
background: #f00;
border-top: 1px solid #f55;
border-right: 1px dashed #f33;
color: #000;
}







/*---------------Regular Nav-----------------------------------*/

/*
#navcon #nav
{
position: relative;
top: 150px;
left: 240px;
border-bottom: 1px dashed #fff;
padding-bottom: 3px;
list-style-type: none;
float: left;
width: 470px;

background: url("img/navbg.jpg") top left;
}

#navcon #nav li
{
list-style-type: none;
display: inline;
}

#nav li a:link,
#nav li a:visited
{
font-size: .8em;
padding: 0px 12px;
color: #f00;
text-decoration: none;
}

#nav li a:hover
{
color: #fff;
b ackground: #f00;
}
#nav li a.curr
{
color: #ff0;
}

#nav li #playmovie
{
font-size: .9em;
letter-spacing: -1px;
text-transform: uppercase;
padding-right: 25px;
padding-left: 0px;
}

#nav li #playmovie:hover
{
color: #fff;
}


*/


#content
{
position: relative;
top: -142px;/*-moves #content into the header-*/
margin-left: 240px;
}

p
{
font-size: .8em;
line-height: 1.5em;
width: 75%;
margin-top: 10px;
margin-bottom: 10px;
}

p a:link,p a:visited{color: #f00;}
p a:hover{color: #fff;}



/*-----------------------Requirements-----------------*/

#content ul
{
margin-bottom: 30px;
}

#content ul li
{
margin-bottom: 1em;
list-style-type: none;
font-size: 1em;
line-height: .8em;
}

#content ul li strong
{
color: #9AAE28;
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
}

/*----------------------Cast & Crew-----------------*/

#colwrap
{
width: 400px;
}

#colwrap p
{margin-top: .5em;}

#colwrap p a
{color: #fff;}

#colwrap p a:hover
{color: #f00;}


#col1
{
width: 150px;
padding-left: 20px;
padding-right: 10px;
float: left;
}

#col2
{
padding-left:75px;
text-align: right;
width: 100px;
float: right;
border-left: 1px dashed #333;
}

#col2 p
{
width: auto;
}

/*----------------------Characters----------------------*/

#charnav
{
margin-top: 5px;
list-style-type: none;
}

/*-agrees with IE-*/
#h1char 
{
position: relative;
left: 270px;
width: 130px;

/*-does not-*/
/*
#h1char
float: right;
width: 230px;
*/
}

/*-Character Descriptions-*/
#content p.p_char 
{
position: absolute;
top: 50px;
left: 270px;
width: 200px;
}

/*------------Character Nav-------------*/

#charnav li
{
display: inline;
}

#charnav li a:link,
#charnav li a:visited
{

font-size: .7em;
padding: 0px 5px 0px 2px;
color: #f00;
text-decoration: underline;
border-right: 1px solid #333;
}

#charnav li a:hover
{
color: #fff;
border-right: 1px solid #333;
}
#charnav li a.curr
{
color: #ff0;
}

/*------------------Character Images------------------*/

.charimg
{
width: 290px;
height: 290px;
position: relative;
left: -30px;
top: -50px;
}

#b .charimg{background: url("img/char_breeder.jpg") top left no-repeat;}
#d .charimg{background: url("img/char_doctor.jpg") top left no-repeat;}
#g .charimg{background: url("img/char_general.jpg") top left no-repeat;}
#p .charimg{background: url("img/char_professor.jpg") top left no-repeat;}
#q .charimg{background: url("img/char_quarterback.jpg") top left no-repeat;}
#t .charimg{background: url("img/char_tj.jpg") top left no-repeat;}

img.nostylesimage
{
display: none; /*for peeps with styles off*/
}


/*-------------------Footer---------------------------*/

#footer
{
padding-top: 5px;
padding-bottom: 5px;
padding-right: 50px;
border-top: 1px solid #333;
margin: 30px auto;
font-size: .65em;
text-align: right;
}

a.footerlink:link,
a.footerlink:visited
{color: #f00; text-decoration: none;}
a.footerlink:hover
{color: #fff; text-decoration: underline;}

#clear
{
clear: both;
height: 0px;
width: 100%;
}
.qt
{
margin-top:5px;
border: none;
}