html, body {
    margin:				0 auto;
    padding:			0;
	font-family: 		Verdana, sans-serif;
	font-size: 			12pt;
	line-height:		1.5em;
	color:				black;
	background:			none;
	min-width: 		854px;
	background: 		#FFFFFF url(images/background.jpg) top center no-repeat;

}

b {
	color:				#2D91E6;
}

#wrap {
	position:			relative;
	margin:				0 auto;
	width:				800px;
}

#top {
	position:			relative;
	float:				right;
	width:				300px;
	height:				160px;
	z-index:			1;
}

#page_top {
	height:				340px;
}

#top_wrapper {
	width:				100%;
	height: 			140px;
}

/* Unknown Worlds logo that takes you to the home page */
#home {
	float: 				right;
	padding:			110px 0px 0px 0px;
}

/* Forums only */
#headerimg {
    margin:				0px auto;
	position: 			relative;
	top: 				0px;
	width:				1024px;
	height:				152px;
}

/*
#main {
	background:			#EEEEEE; 
	width:				800px;
	margin:				0 auto;
	border:				1px dotted blue;	
}
*/

/* Used to offset menu and content below top image */
#main_content {
	margin:				0px 0px 0px 0px;
	position:			absolute; /* just need non-static */
}

a {
	text-decoration:	none;
	color: 				#2D91E6;
}

a:hover {
	text-decoration:	underline;
	color: 				#2D91E6;
}

/**
 * Nav menu
 */
.mod_menu ol {
	position:			relative;
	margin:				0 auto;
	padding:			0;
	display:			block;
	height:				40px;
	width:				660px;
	list-style-type:	none;
	font-family:		verdana, serif;
    font-size:			13pt;
}

.mod_menu ol li {
	width: 				110px;
	height: 			28px;
	float: 				left;
	color: 				#126DB6;
	padding: 			11px 0 0 0;
	overflow: 			hidden;		
	list-style: 		none;
	display:			inline;
	margin:				0;
	text-align:			left;
	vertical-align:		middle;
}

.mod_menu ol li a {
	display:			block;
	height:				28px;
	width:				110px;
	position:			absolute; 
	top:				0px;
	text-align:			center;
	padding:			10px 0 0 0;
}

.mod_menu ol li.active a {
	font-weight:	 	bold;
}

.mod_menu ol li.inactive a {
	font-weight:	 	normal;
}

/**
 * FAQ module
 */
.mod_faq_answer {
	padding-left:	20px;
}

.cms_edit_wrapper
{
	position:		relative;
	padding:		0;
	margin:			0;
}

.cms_edit_content
{
	display:		none;
}

.cms_edit_button
{
	position:		absolute;
	left:			0px;
	top:			0px;
	background:		#000000;
	height:			15px;
	font-size:		10px;
	padding:		2px 4px 2px 4px;
}

.cms_edit_button a 
{
	color:			#FFBC38;

}

/**
 * Thumbnails.
 */
.zoomimage {
	position:			relative;
	background: 		white;
	padding:			6px;
	margin:				10px;
}

.zoomimage img {
	border: 			2px solid #FFFFFF;
	position:			relative;
	top:				-2px;
	left:				-2px;
	cursor: 			pointer;
}

.zoomimage img:hover {
	border: 			2px solid #2D91E6;
}

.zoomloading {
	background: 		url('images/loading.gif') no-repeat center;
	border: 			2px solid #FFFFFF;
}

.bot_thumbnail_zoombutton
{
	display:			block;
	background: 		url('images/zoom.png') no-repeat center;
	width:				35px;
	height:				32px;
}

.bot_thumbnail_large {
	border:				2px solid #2D91E6;
}

.zoomimagegallery {
	float: 				left;
	margin:				0px 80px 0px 80px;
}

.zoomimagegallery .zoomimage {
	margin: 			5px;
}

#sidebar .zoomimage {
	border: 			none;
	margin: 			0;
	padding:			0;
}

#sidebar .zoomimage img {
	border:				none;
	position:			static;
}

#footer {
	clear:				both;
	padding: 			5px;
	height:				20px;
}

#footer p {
	clear:				both;
	padding:			0px;
	margin:				0px;
}

.press {
	clear:				both;
	padding:			10px 30px 10px 30px;
	border: 			1px dashed #00B2FF;
}

.quotes {
	clear:				both;
	padding:			10px 30px 10px 30px;
	border: 			1px dashed #00B2FF;
}

/**
 * Login module
 */
 
.mod_login {
	position:			relative;
	height:	 			100%;
	width: 				302px;
	left:				-55px;
}

.mod_login #login_expand_button
{
	position:			absolute;
	left:				317px;
	top:				200px;
	width:				200px;
	height:				18px;
	padding:			6px 0;
	text-align:			center;
}

.mod_login #login_expand_button a:hover
{
	text-decoration: none;
}

.mod_login #login_full
{
	position:			relative;
	left:				280px;
	top:				235px;
	width:				260px;
	height:				100px;
	background:			transparent url(images/loginbg.png);
	overflow:			hidden;
	visibility:			hidden;
}

.mod_login #login_controls
{
	position:			absolute;
	left:				150px;
	top:				205px;
	width:				332px;
	overflow:			hidden;
	text-align:			right;
}

.mod_login #login_controls p
{
	padding:			0;
	margin:				3px;
}

.mod_login #username  {
	position:			absolute;
	top:				10px;
	left:				90px;
	width: 				150px;
	height: 			17px;
	background: 		transparent url(images/inputbg.png);
	font-size: 			9pt;
	font-family: 		verdana, sans-serif;
}

.mod_login #username_label {
	position:			absolute;
	left:				6px;
	top:				5px;
	left:				0px;
	margin:				3px 0 3px 0;
}

.mod_login #password {
	position:			absolute;
	left:				90px;
	top:				42px;
	width: 				120px;
	height: 			17px;
	background: 		transparent url(images/inputbg.png);
	font-size: 			9pt;
	font-family: 		verdana, sans-serif;
	display:			inline;
}

.mod_login #password_label {
	position:			absolute;
	top:				39px;
	left:				6px;
	height: 			17px;
	margin:				3px 0 3px 0;
}

.mod_login #remember_img {
	position:			absolute;
	top:				42px;
	left:				224px;
	width:				24px;
	height:				24px;
	padding:			0;
	margin:				0;
	cursor:				pointer;
}

.mod_login #remember_label, .mod_login #remember {
	display: 			none;
}

.mod_login>.menubar {
	position:			absolute;
	top:				20px;
	left:				10px;
	width:				100px;
	height:				100px;
}

.mod_login #login_menubar {
	position:			absolute;
	top:				75px;
	left:				5px;
	width:				250px;
	height:				20px;
	overflow:			hidden;
	text-align:			center;
}

.mod_login .error {
	margin:				0px;
	padding:			0px;
	clear:				both;
	float:				right;
	font-weight:		bold;
	color:				#FFBC38;
	position:			relative;
	left:				260px;
	top:				150px;
	text-align:			center;
}

/* For image maps */
.clickable_image a {
	outline: 		none;
}

.clickable_image img:hover {
	color: 			#00B3FF;
	border:			1px dotted #4FA7F1;
}

#download_button {
	position:		absolute;
	top:			150px;
	left:			240px;

}

#buy_button {
	position:		absolute;
	top:			225px;
	left:			200px;
	background: 	white url(images/buy-button_hover.jpg);
	width:			330px;
	height:			39px;
}

#steam_button {
	position:		absolute;
	top:			270px;
	left:			300px;
}

.devpost {
	background: #e5f9ff;
}

