@charset "utf-8";
/* CSS Document */

body {margin:50px 0 0 0; padding:0; background: #1d2840 url('images/bg_top.gif') repeat-x; text-align:center; font-family:verdana, helvetica, arial, sans-serif;}
a { color:#b11116; text-decoration:none; }
a:hover { background-color:#b11116; color:#eeeedd; text-decoration:none; }
.hr { border-bottom:1px solid #650101; height:3px; margin:10px 0 0 0; clear:both; width:100%; }
img { border:0;}
ol li { margin-top:10px; }
ol li a { display:block; }
sup { font-size:75%;}
hr { margin:10px 0px 10px 0px; }

/** Form Stuff **/
label { font-size: 0.85em; display:block; margin-top:15px; }
input[type="text"],textarea {  position:relative; width:200px; margin-top:3px; }
input[type="submit"], input[type="button"] { display:block; position:relative; margin-top:5px; }
select { display:block; position:relative; clear:both; width:200px; margin-top:3px; }
textarea { width:95%; height:200px; }
input[type="text"]:focus,textarea:focus,select:focus { border:2px solid #B11117; background-color:#FFF8BC; }
label.error { float: none; color: red; font-style:italic; vertical-align: top; margin-top:0px; }

div#container{ text-align:left; width:940px; margin:0 auto; background:transparent url('images/bg_main.jpg') repeat-y top center;}
div#header { position:relative; height:389px; margin:0; background:transparent url('images/header.jpg') no-repeat top center;}
div#header h1 {display:none;}
div#header a {display:block; width:100%; height:300px; background-color:transparent; text-decoration:none;  }
div#header a:hover { background-color:transparent; text-decoration:none; }
div#header a#retrolab_link { display:block; position:absolute; bottom:5px; right:13px; width:265px; height:147px; z-index:50; }

div#navigation{ float:right; width:278px;}
.navbox { width:275px; background:transparent url('images/bg_nav.gif') no-repeat left top; margin:0 0 10px 0;  padding:2px 0 0 0; }
.navbox h2 { color:#fff; font: 1em/2em normal Tahoma, Geneva, sans-serif; font-weight:bold; margin:15px 0 6px 13px; padding:0; }
.navbox ul { width:260px; margin:0 0 0 3px; padding:0; list-style-type:none; border-bottom:2px solid #56230a; }
.navbox li { margin:0; padding:0; }
.navbox a  { background-color:#a83e28; color:white; text-decoration:none; font: .875em/1.25em normal verdana, helvetica, arial, sans-serif; border-top:1px solid #c55038; display:block; padding:10px }
.navbox a:hover { background-color:#651112;  }

div#content { float:left; width:585px; position:relative; top:-112px; left:50px;}
h1#pagetitle { color:#592f07; font: 2em/2em normal Georgia, Times, "Times New Roman", serif; font-weight:bold; position:relative; left:-20px; margin:0; padding:0; }
div#content h2 { color:#B11117; text-transform:uppercase; font: 1em/1.25em normal verdana, helvetica, arial, sans-serif; font-weight:bold; margin-top:15px; }
div#content h3 { color:#592f07; text-transform:uppercase; font: .85em/1em normal verdana, helvetica, arial, sans-serif; font-weight:bold; margin:20px 0 5px 0px; padding:0; }
div#content h4 { color:#333; font: .85em/1em normal verdana, helvetica, arial, sans-serif; font-weight:bold; margin:15px 0 -10px 0; padding:0;}
div#content p { color:#333; font: .835em/1.5em normal verdana, helvetica, arial, sans-serif; margin:15px 0 0 0;}
div#content ol, div#content ul { color:#333; font: .835em/1.5em normal verdana, helvetica, arial, sans-serif; padding-left:25px; }
.floatright { float: right; width:220px; margin:0 0 10px 10px; background-color: #fff; padding:10px; border-top:1px solid #999; border-right:1px solid #555; border-bottom:1px solid #555; border-left:1px solid #999; color:#666; font: .875em/1em normal "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; }
.floatright img { margin:0 0 5px 0;}
.floatleft { float:left; width:auto; margin:15px 10px 0 0px; background-color: #fff; padding:10px; border-top:1px solid #999; border-right:1px solid #555; border-bottom:1px solid #555; border-left:1px solid #999; color:#666; font: .875em/1em normal "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; }
.callout { border-top:3px solid black; border-bottom:3px solid black; font-weight:bold; text-transform:uppercase; font-size:.825em; padding:4px 0 4px 0; width:225px; display:block; float:left; margin:5px 15px 5px 0; float:right; margin-left:15px; margin-right:10px; text-align:right; }

div#footer{ background: transparent url('images/bg_footer.jpg') no-repeat center top; color:#1f4a76; clear:both; width:100%; padding:50px 0 20px 0;}
div#footer p{ text-align:center; margin:5px 20px 0 20px; font: .825em/1em normal verdana, helvetica, arial, sans-serif; }

div.gameRow { float:left; width:575px; }
.thumbnail { float:left; margin-right:15px; margin-top:15px; }
.answer_buttons { width:100%; display:block; height:25px; clear:both; margin-bottom:20px;}
.answer { display:none; }
#faqs { display:block; margin-bottom:10px; clear:both; border-bottom:2px solid #999; padding-bottom:10px; }

.notice { display:block; text-align:center; color:black; font-size:0.85em; border:1px solid #FFCC33; background-color:#FFFF99; height:30px; padding-top:3px; }
.error_notice { border:1px solid #CC6699; background-color:#FF9999; color:red; }

#testers_form {
	color:white;
	background-image:url('images/tester_form_bg.jpg');
	background-repeat:no-repeat;
	padding:50px 2px 0px 2px;
	background-color:#651112;
	margin-bottom:5px; 
	margin-top:5px;
	height:188px;
	width:581px;
}
#testers_form h3 { margin-left:5px; color:white; }
#testers_form label { color:white; }
#testers_form .input_line { background-color:#A83E28; border-bottom:1px solid black; border-top:1px solid black; padding: 5px 5px 5px 5px; margin-top:8px; height:20px;}
#testers_form .input_line label, #testers_form .input_line select,#testers_form .input_line input { float:left; width:49.5%; clear:none; margin:0px; }
#testers_form .input_line input[type="text"] { height:1.3em; background-color:#000; color:#ccc; border:none;}
#testers_form .input_line input[type="text"]:focus { background-color:#EFEAD4; color:#333; border:1px solid #EDBA67; width:49.5%;}
#newCharName { display:block; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:white; font-size:4em; color:#B33322; text-align:center; width:100%; }