img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

body {
	background: black url('images/backgroundtr.png') no-repeat top left;
	color: #CCC;
	font-family: arial, helvetica, san-serif;
	font-size: 14px;
}
ul {margin-top: 8px; margin-bottom: 8px; }
a { font-weight: bold; color: #33C;}
h1 { color: #C33; padding-left: 65px; border-bottom: 3px solid #C33; margin-bottom: 0px; margin-top: 25px;}
h2 { margin-bottom: 0px; }
h2 a { font-size: 80%; }
h3 { margin: 0px; padding-top: 2px; font-size: 20px;}
h4 { margin: 4px 0px 0px 0px; font-size: 14px;}
hr { clear: both; }
input { margin-top: 4px; margin-bottom: 4px; font-weight: bold; vertical-align: bottom; }
label { font-size: 18px; margin-bottom: 4px; vertical-align: bottom; text-align:right; padding-right: 4px;}
#sidemenu { position: absolute; left: 5px; top: 100px; width: 70px; padding-left: 4px; background: transparent url('images/red_velvet_back.png') top left; }
#sidemenu div div {background: black; border: 1px solid #999; color: #999; font-weight: bold; width: 14px; text-align: right; padding-right: 2px; padding-left: 2px; font-size: 12px;}
#sidemenu div img { position: absolute; left: 8px; top: 0px;}
#sidemenu div div.active {position: absolute; top: 20px; left: 52px; color: #0C0;}
#sidemenu div div.points {position: absolute; top: 40px; left: 52px; color: #90F;}
#sidemenu div div.plainbot {position: absolute; top: 40px; left: 52px;}
#sidemenu div div.plainmid {position: absolute; top: 20px; left: 52px;}
#topmenu {margin-left: 70px; height: 30px;}
#navmenu { margin-left: 70px; height: 36px; }
#message { 
	margin-right: 120px; 
	height: 90px; 
	border: 2px solid #333; 
	padding: 4px; 
	overflow: auto; 
	margin-left: 8px; 
	margin-bottom: 8px;
}
#message hr {
	margin: 2px 0px 2px 0px; 
	padding: 2px 0px 2px 0px; 
	height: 1px; 
	color: #600; 
	background-color: #600; 
}
#mystery {
	color: #F33;
	height: 300px;
	margin: 0px 4px 0px 4px;
	border: 3px solid #444;
	background: #222;
	overflow: auto;
	position: absolute;
	top: 90px;
	left: 78px;
	right: 110px;
	z-index: 8;
}
#stats { position: absolute; top: 100px; right: 10px; z-index: 2; }
#toprightmenu { 
	font-size: 14px;
	position: absolute; 
	top: 0px; 
	right: 50px; 
	padding: 6px 4px 4px 4px; 
	text-align: right; 
	height: 50px;
}
.indent { padding-left: 14px;}
.indentpara { padding-left: 14px; margin-bottom: 14px; }
.stat { margin: 0px; width: 24px; height: 434px; float: left; }
.fate { height: 374px; color: gray; background: transparent url('images/gaugev.png') no-repeat top left; }
.blood { height: 434px; color: red; background: transparent url('images/blood_bar.png') no-repeat top left; }
.powcat { color: #90C;}
.power { color: #90C;}
.powdesc { margin-left: 14px; }
.powmech { margin-left: 14px; }
.resource { color: #993; }
.slogo { position: absolute; top: 4px; left: 8px; }
.content{ margin-left: 70px; }
.powergauge { padding: 7px 0px 7px 0px; background: black url('images/powerbar.png') no-repeat left; }
.gauge { padding: 7px 0px 7px 0px; background: black url('images/powerbar.png') no-repeat left; }
.powerpic { margin-left: -60px; margin-top: -33px; float: left; }
.red {color: #C00;}
.green {color: #0C0;}
.dgray {color: #666;}
.error {color: red; font-size: 20px; }
.grave { height: 65px; background: transparent url('images/grave.png') no-repeat top left; padding-left: 55px; padding-top: 8px;}
.notop { margin-top: 0px; }
.err { font-size: 120%; color: #F00; }