/*
	CSS for various parts of website
*/

.clear
{
	clear:both;
}

.morespaceplz
{
	height:10px;
}

.header_container
{
	/*width: 216px;*/
	width: 771px;
	height: 516px;
	position:relative;
	
	font-family:verdana;
	font-weight:bold;
	font-size:16pt;
	color:#FFFFFF;
	float:left;
}

  /****************************/
 /**** COMMON PAGE STYLES ****/
/****************************/

body
{
	background-color:#000000;
	
	font-family:verdana;
	font-size:11pt;
	color:#FFFFFF;
}

p
{
	font-family:verdana;
	font-size:11pt;
	color:#FFFFFF;
}

h1
{
	font-size:16pt;
	font-weight:bold;
}

h2
{
	font-size:14pt;
	font-weight:bold;
}

img
{
	border-style:none;
}

.page_header
{
	text-align:center;
	margin-top:-4px;
}

.page_header h1
{
	font-weight:bold;
	font-size:16pt;
	font-style:italic;
}

.centered
{
	text-align:center;
}

.margin_centered
{
	margin-left:auto;
	margin-right:auto;
}

.faq-answer
{
	font-size:9pt;
	background-image:url('../gfx/faq-a.png');
	background-repeat:no-repeat;
	background-position: top right;
}

.faq-question
{
	font-size:9pt;
	font-weight:bold;
	height:25px;
	background-image:url('../gfx/faq-q.png');
	background-repeat:no-repeat;
	background-position: top right;
}

.subtext
{
	font-size:9pt;
}

.question_a
{
	background-color:#93354D;
	margin-top:10px;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}

.question_a p
{
	font-size:9pt;
}

.question_a a
{
	font-size:9pt;
}

.question_a h3
{
	font-size:11pt;
	font-weight:bold;
}

a
{
	font-family:verdana;
	font-size:11pt;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

.indent
{
	margin-left:15px;
}

.left_align
{
	text-align:left;
}

  /********************************/
 /**** Download Bar for Games ****/
/********************************/

.download_bar
{
	height:25px;
	width:500px;
	vertical-align:middle;
	background-color:#000000;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.download_bar img
{
	margin-top:2px; 
}

.game_description
{
	height:325px;
	width:95%;
	margin-top:25px;
	background-color:#A23A55;
	overflow:scroll;
	border-style:solid;
	border-color:#000000;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}

.game_summary
{
	width:100%;
	height:20px;
	font-size:10pt;
	overflow:hidden;
}

.summary_cell
{
	width:25%;
	height:100%;
	float:left;
	text-align:center;
	font-size:9px;
}

.summary_cell2
{
	width:33%;
	height:100%;
	float:left;
	text-align:center;
	font-size:9px;
}

.gallery_bar
{
	height:100px;
	width:500;
	margin-top:25px;
	background-color:#A23A55;
	border-style:solid;
	border-color:#000000;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	text-align:center;
}

.gallery_bar img
{
	margin-top:5px;
	width:120px;
	height:90px;
	border-style:none;
}

.no_underline
{
	text-decoration:none;
}

  /*********************/
 /**** BORDER CSS ****/
/*******************/

.border-topleft
{
	background-image:url('../gfx/border-topleft.png');
	position:absolute;
	top:0px;
	left:0px;
}

.border-top
{
	background-image:url('../gfx/border-top.png');
	position:absolute;
	top:0px;
}

.border-topright
{
	background-image:url('../gfx/border-topright.png');
	position:absolute;
	top:0px;
	right:0px;
}

.border-bottomleft
{
	background-image:url('../gfx/border-bottomleft.png');
	position:absolute;
	bottom:0px;
	left:0px;
}

.border-bottom
{
	background-image:url('../gfx/border-bottom.png');
	position:absolute;
	bottom:0px;
}

.border-bottomright
{
	background-image:url('../gfx/border-bottomright.png');
	position:absolute;
	bottom:0px;
	right:0px;
}

.border-left
{
	background-image:url('../gfx/border-left.png');
	position:absolute;
	left:0px;
}

.border-right
{
	background-image:url('../gfx/border-right.png');
	position:absolute;
	right:0px;
}

.bg-gradient
{
	background-image:url('../gfx/background-gradient-200x500.png');
	background-repeat: repeat-x;
	position:absolute;
}

  /*************************************/
 /**** BORDER CSS for the main body****/
/*************************************/

/*
	left:231px;
	top:75px;
	width:585px;
	height:425px;
*/

.page_body_super
{
	position:relative;
	left:223px;
	top:67px;
	/*width:585px;*/
	width:750px;
	/*height:425px;*/
	height:550px;
}

.page_content_body
{
	overflow:auto;
	width:550px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.body_border-topleft
{
	background-image:url('../gfx/border-topleft.png');
	position:absolute;
	top:0px;
	left:0px;
	width:8px;
	height:8px;
}

.body_border-top
{
	background-image:url('../gfx/border-top.png');
	position:absolute;
	top:0px;
	left:8px;
	height:8px;
	width:734px;
}

.body_border-topright
{
	background-image:url('../gfx/border-topright.png');
	position:absolute;
	top:0px;
	right:0px;
	width:8px;
	height:8px;
}

.body_border-bottomleft
{
	background-image:url('../gfx/border-bottomleft.png');
	position:absolute;
	bottom:0px;
	left:0px;
	width:8px;
	height:8px;
}

.body_border-bottom
{
	background-image:url('../gfx/border-bottom.png');
	position:absolute;
	bottom:0px;
	left:8px;
	height:8px;
	width:734px;
}

.body_border-bottomright
{
	background-image:url('../gfx/border-bottomright.png');
	position:absolute;
	bottom:0px;
	right:0px;
	width:8px;
	height:8px;
}

.body_border-left
{
	background-image:url('../gfx/border-left.png');
	position:absolute;
	top:8px;
	left:0px;
	width:8px;
	height:534px;
}

.body_border-right
{
	background-image:url('../gfx/border-right.png');
	position:absolute;
	top:8px;
	right:0px;
	width:8px;
	height:534px;
}

.body_bg-gradient
{
	background-image:url('../gfx/background-gradient-200x500.png');
	background-repeat: repeat-x;
	position:absolute;
	top:2px;
	right:2px;
	width:748px;
	height:547px;
	overflow:auto;
}

  /****************************/
 /***** TUTORIAL WINDOW ******/
/****************************/

.tutorial_window
{	
	width:450px;
	height:180px;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-width:2px;
	border-color:#000000;
	background-repeat:no-repeat;
	background-position:top center;
}

.tutheader
{
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	cursor:pointer;
}

.tutbody
{
	height:150px;
	display:none;
	border-top-style:none;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;	
}

.bgtgp1
{
	background-color:#2962FE;
	color:#FFFFFF;
}

.bgtgp1-tutheader
{
	background-image:url('../gfx/tuts/tut-header-bgtgp1.png');
}

.bgtgp2
{
	background-color:#000000;
	color:#FFFFFF;
}

.bgtgp2-tutheader
{
	background-image:url('../gfx/tuts/tut-header-bgtgp2.png');
}

.faq1
{
	background-color:#6C0CFF;
	color:#FFFFFF;
}

.faq1-tutheader
{
	background-image:url('../gfx/tuts/tut-header-faq1.png');
}

.gamedevevo
{
	background-color:#26327D;
	color:#FFFFFF;
}

.gamedevevo-tutheader
{
	background-image:url('../gfx/tuts/tut-header-gamedevevo.png');
}

.mapeditor
{
	background-color:#C2936A;
	color:#000000;
}

.mapeditor-tutheader
{
	background-image:url('../gfx/tuts/tut-header-mapeditor.png');
}

.sockets
{
	background-color:#A0BD87;
	color:#000000;
}

.sockets-tutheader
{
	background-image:url('../gfx/tuts/tut-header-sockets.png');
}

.tut_header
{
	font-size:12px;
	color:inherit;
	text-align:left;
	width:200px;
	font-weight:bold;
	padding:10px;
}

.tut_description
{
	float:left;
	width:325px;
	margin-left:12px;
	margin-top:9px;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
}

p.dl_header
{
	font-size:10px;
	font-weight:bold;
	color:inherit;
}

.tut_download_box
{
	float:left;
	width:100px;
	margin-right:12px;
	margin-top:-30px;
	text-align:center;
}

.tut_download_box a
{
	font-size:12px;
	color:inherit;
}

.color-black
{
	color:#000000!important;
}

.color-white
{
	color:#FFFFFF;
}

.page_footer
{
	clear:both;
	position:relative;
	bottom:0px;
	width:200px;
	color:#888888;
	font-size:8pt;
	text-align:center;
	margin-bottom:100px;
}

/***************** PD MUSIC TABLE *****************/
.pd_music
{
	margin-left:20px;
	margin-right:20px;
	margin-top:-50px;
}

.pd_music table
{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	padding:0px;
	margin:0px;
}

.pd_music th
{
	font-size:14px;
	font-weight:bold;
	width:200px;
	text-align:center;
	background-color:#222222;
}

.pd_music td
{
	font-size:11px;
}

.odd { background-color:#662939; }

.even { background-color:#822d43; }

.pd_music tr
{
	height:20px;
}

/***************** SHOP PAGE *****************/
.shop_container
{
	width:45%;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	float:left;
}

.shop_container h3
{
	text-align:center;
}

.shop_container p
{
	font-size:12px;
	color:#FFFFFF;
}

.shop_container img
{
	border-style:none;
}

.shop_container .tabley
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.shop_container .tabley .left
{
	text-align:left;
	font-size:12px;
	float:left;
	font-weight:bold;
	margin-left:50px;
}

.shop_container .tabley .right
{
	margin-left:20px;
	text-align:left;
	font-size:12px;
	float:left;
}

.shopstyle
{
	margin-right:50px;
	background-color:#662939;
	text-align:center;
}

.shopstyle2
{
	background-color:#662939;
	text-align:center;
}

.compo_summary
{
	font-size:11px;
	font-style:italic;
}

.compo_thumbnail
{
	height:235px;
	vertical-align:text-bottom;
	float:left;
}