body, html 
{	margin:0px;
	padding:0xp;
	color:#000;
	background:#135 url(../img/bgtex.png);
	height:100%;
font-family:"trebuchet",sans-serif;
}
span.oops{text-decoration:line-through;}

#header
{	width:100%;color:yellow;
	position:relative;top:0px;left:0px;
}
#header  a.block_link
{	display:block;height:100%;width:100%;
	position:absolute;top:0px;left:0px;
}
#header.big
{	height:237px;
	background:#000000 url(../img/logo.png) 
		no-repeat bottom center;
	}
#header.small
{	height:80px;
	background:#000000;
	line_height:80px;
	text-align:center;	
}
#header.big h1{position:absolute;left:-9999em;}
#header h1{font-size:30px;line-height:80px;margin-top:0px;}
#header p {font-size:1.4em;margin-top:0px;}
	
#nav 
{	padding:0px;margin:0px;
	height:40px;
	background:black;
	color:black;
	line-height:40px;
	text-align:center;
	border-top: 1px solid black;
	border-bottom:1px solid black;
}
.navbtn
{	float:left;
	margin:0px;
	height:40px;width:140px;
	background:yellow;	
}
#navstart{text-align:left;;width:30px;}
#navend{text-align:right;float:right;width:30px;}

#nav a:link, #nav a:visited
{	text-decoration:none;color:black;	}
#nav a:hover  > .navbtn {background:black;color:yellow;}
#nav a:active > .navbtn {text-decoration:underline;}
.this {font-weight:bold;}

#push 
{	clear:both;
	height:60px;
}
* html #push{height:1px;}
#push, #footer{width:760px;margin:0px;padding:0px;}
#footer 
{	position:absolute;bottom:0px;
	background:#080808;color:#5555ff;
	text-align:left;height:70px;
}
#footer > img.logo {height:80px;position:absolute;right:0px;bottom:0px;margin:0;}
#footer p{margin:0;margin-left:30px;line-height:2em;}
#footer a:link, #footer  a:visited {color:#5555ff;margin:0 4px;}
.left{float:left;text-align:left;}
.right{float:right;text-align:right;}


/***************** wrap   ******************************************/
#wrap 
{	position:relative;top:0px;left:0px;
	width:760px;
	min-height: 100%;
	height: auto !important;
   	height: 100%;
	padding:0px;
	margin:0 auto -80px;/*negative height of footer*/
	background:#99c;
	border-left:5px groove black;
	border-right:5px groove black;
}
#wrap.two_coll{background:#aaaaff url(../img/coll_mask.png);}
div.collumn
{	float:left;
	width:480px;
	padding:10px;
	margin:0;
}
div.collumn.fullwidth
{	
	width:740px;
	padding:10px;
	margin:0px;
}
div.collumn.right
{	float:right;text-align:left;
	width:230px;
	padding:10px;
}
#wrap > div.focus{text-align:center;background:#6666ff;}


/******************** Welcome page         *******************************************/
#wrap.home{background:#5555ff;}
#main{text-align:center;}
#main > div.picturebox
{	margin:10px;padding:20px;
	width:700;height:300px;
	background:black;
	border:3px solid yellow;
}
#main  p{background:#6666ff;}
/******************** How to play *******************************************************/
#rules{font-weight:bold;}

/******************** Character Gallery    *******************************************/
#wrap.chars{background:green;}
#char_screen{background:green;}
div.profile
{	position:relative;top:0px;left:10px;
	width:700px; height:350px;
	padding:10px;
	background:yellow;
	text-align:center;
	float:left;
}
div.profile > img.headshot {float:left;}
div.profile > span.name{font-size:4em;}
div.profile > span.mtype:before{content:"Monster Type:";}
div.profile > span.story:before{content:"Back Story:";}


#char_select{background:#006600;}
div.selector{float:left;background:green;height:100px;width:68px;margin:3px;}
div.selector > a {display:block;width:100%;height:100%;}
div.selector > a > img.headshot
{	height:100%;width:100%;
	padding:0px;
	border:1px solid black;
}