/*
 ***  index.css - styles for the site index
*/


html {
	font: 17px/1.1em Verdana, Arial, Helvetica, sans-serif !important;
}
/* hide below from killing Mac IE5 */
/* \*/
html { overflow: hidden; }
/* */
* html {
	font-size: 75%; /* WinIE default font-size 16px * .75 = 12px */
}
body {
	background-color: #aaa;
}
h1, h2, h3, h4, h5, h6 {
	margin: .25em 0 .25em 0;
	font-family: Minion, Georgia, "Times New Roman", Times, serif;
}
h1 {
	position: relative;
	height: 40px;
	margin: 0;
	padding: 8px;
	font-size: 2em;
	font-family: Revue, Renfrew, Review, Quorum Medium, Palatino Black, Optima ExtraBlack, Novarese Ultra, Minister Black, Hobo, Minion Black, MetaPlusBlack-Roman, Cooper Black, Aachen, Times ExtraBold, Tiepolo Black, Syntax UltraBlack, Strayhorn MT ExtraBold, Stone Serif Bold, Slimbach Black, Shannon ExtraBold, Serpentine Medium, Serif Gothic Black, Romic Medium, Wilke Black, Weiss ExtraBold, Versailles Black, Veljovic Black, Impact, Stencil, Utopia Black, Usherwood Black, Univers ExtraBlack, Poplar, Helvetica Black, Futura ExtraBold, Arial Black, Mojo, TradeGothic Bold;
	background: #9c9;
	
}
* html h1 { padding: 0 8px 20px 8px; }
h1 img {
	height: 32px;
	margin: 0 .5em 0 .25em;
	width: 32px;
}
.h1banner {
	position: absolute;
	right: .5em;
	height: 1.25em;
	background-color: #c60;
	border: 1px solid #063;
	margin-top: .35em;
	padding: 3px;
	font: bold small-caps italic .4em/1.25em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .25em;
	color: #ee9;
}
h4, strong {color: #042;}
#main td { padding: 2px; background-color: #444; color: #e6ffbf; }
em { color: #333; }

/* --- Forms styles --- */
fieldset {
	border: none;
}
fieldset div {
	text-align: center;
}
fieldset div p {
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}
#util-col fieldset div p {
	width: 15em; /* increased this 8/12, seems okay */
}
input[type="text"],
input[type="password"],
textarea {
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	border-top-color: #777;
	border-left-color: #777;
}
input.button {
	background-color: #3c6; /* 093 */
	padding: 1px;
	margin: 2px;
	border-color: #6f9 #030 #030 #6f9; /* 3f9 . . 3f9 */
	border-width: 3px;
	border-style: double;
	font-weight: bold;
	color: #ff9; /*#d5ef98;*/
	width: 98%;
}
input:hover.button { background-color: #093; }
#loginform input.button {
	background-image:url(../img/tiny/arrow.gif);
	background-position: 1em 50%;
	background-repeat: no-repeat;
}
input[type="radio"] {
	margin-top: .2em !important;
}
input.pressed {
	background-color: #093;
	border-color: #030 #6f9 #6f9 #030;
}
input:hover.pressed { background-color: #063; }

form.register { 
	color: #444;
	font-size: 1em;
}
#util-col form {
	background-color: #9c9;
}
#util-col p, #util-col form {
	font-size: .8em;
}




/* ### LAYOUT ### */
#wrapper {
	width: 100%;
	height: 100%;
	margin: 0;
}
#main, #util-col {
	background-color: #021;
	height: 85%;
	margin: .5em;
	padding: 3% .5% .5% .5%;/* this makes the nice dark border */
}
#main {
	/* border: 1px solid #f30; */
	float: left;
	margin-right: 0;
	width: 72%;
}
* html #main { width: 70%; } /* IE only */
#main #content {
	background-color: #ddd;
	height: 79%;
	overflow: auto;
	padding: .5em;
}
#util-col {
	float: right;
	margin-left: 0;
	text-align: center;
	width: 22.5%;
}
#util-col h2 {
	color: #063;
	font-size:1.35em;
	font-style: italic;
	margin: 0;
}
#return-to-top {
	/*position: absolute;
	bottom: 48px;
	left: 22px;
	bottom: 3em;
	left: 1.25em;*/
	padding-top: 4px;
}
#footer {
	bottom: 4px;
	color: #444;
	font-family: Courier New, Courier, monospace;
	font-size: .8em;
	left: 10%;
	position: absolute;
	text-align: center;
	width: 80%;
}

.tools {
	background-color: #000;
	border: 2px solid #900;
	border-top: 8px solid #900;
	font-size: 0.7em;
	margin: 0 0 .25em 0;
	padding: 2px;
}
.people {
	background-color: #000;
	border: 1px solid #777;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* line-height: 14px; */
	margin: 5px 5px 5px 0px;
	padding: 3px 3px 5px 7px;
}


.legal {
	color: #999;
	font-size: .8em;
	line-height: .8em;
}
.descriptive {
	font-size: .8em;
	line-height: .9em;
}





ul.tight li {
	margin: 0 0 0 1em;
}
#util-col ul {
	border-bottom: 8px solid #c60;
	margin: 0;
}
#util-col li {
	border-bottom: 1px solid #063;
	border-top: 1px solid #cfc;
	list-style-type: none;
	margin: 0;
}
li h6 { margin-bottom: 0; margin-top:0; }
li p, ul.double li, ol.double li { margin-bottom: .75em; } /* double-spaced lists */

h4.jumplinks {
	background: #e3e3e3;
	padding: .25em;
}
ul.jumplinks, ol.jumplinks, div.jumplinks {
	background: #d4d4d4 url(../img/on-this-page.gif) no-repeat 95% 50%;
	border-top: 2px solid #063;
	border-bottom: .75em solid #ccc;
	padding: .4em;
	margin-bottom: 1.25em;
	margin-left: 0;
	color: #063;
	font-size: .8em;
}
.jumplinks h3 a {
	display: block;
}
.jumplinks li {
	color:#000;
	margin-left: 1.5em;
	list-style-type: none;
	margin: 0;
}
.jumplinks ol li { margin-left: 2em; }
dl.aligned:after { /* not working, use BR.clear */
	clear: left;
}
dl.aligned dt {
	clear: left;
	float: left;
	margin-right: 1.25em;
	text-align: right;
	vertical-align: middle;
	width: 20%;
}
dl.aligned dd {
	float: left;
	text-align: left;
	vertical-align: middle;
	width: 70%;
}


/*** anchor links styles ***/
a:link { color: #c60; }
.jumplinks li a {
	padding-left: 1em;
	background: transparent url(../img/nav-arrow-down.gif) no-repeat 0 .08em;
	display: block;
}
#util-col a {
	background-color: #ee9;
	background-position: 0.5em 50%;
	background-repeat: no-repeat;
	display: block;
	line-height: 1.05em;
	padding: 3px;
	padding-bottom: 6px;
}
#util-col a#current { background-color: #fc6; color: #063; }
#util-col a.guest { background-image:url(../img/tiny/rabbit.png); }
#util-col a.register { background-image:url(../img/tiny/capsule.gif); }
#util-col a.about { background-image:url(../img/tiny/temple.gif); }
#util-col a.who { background-image:url(../img/tiny/owl.png); }
#util-col a.commands { background-image:url(../img/tiny/gear.gif); }
#util-col a.gameplay { background-image:url(../img/tiny/joystick.gif); }
#util-col a.faq { background-image:url(../img/tiny/fire.gif); }
#util-col a.news { background-image:url(../img/tiny/document.gif); }
#util-col a.contact { background-image:url(../img/tiny/contact.gif); }
#util-col a.admin { background-image:url(../img/tiny/wizard.gif); }
.tools a { color: #ddd; }
a:visited { color: #c60; }
.jumplinks li a:visited { color: #600; }
.tools a:visited { color: #fff; }
a:link:hover, #index #util-col a:hover, a:visited:hover { text-decoration: none; background-color: #9c9; color: #063;}
.tools a:hover { color: #fff; text-decoration: none; }
.jumplinks li a:hover { color: #c60; }
a:active { text-decoration: none; }
.tools a:active { color: #c60; text-decoration: none; }
h1 a { text-decoration: none; }