
html 
{
	background-color: #000;
	/*overflow: hidden;*/
}

.left{float: left;}	 
                     
.right{float: right;}

a, a:visited
{
	outline: 0;
	color: #1798C6;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:focus
{
	color: #FFF;
}

body
{
	font-family: tahoma;
	background-color: #000;
	background-image: url('img/mars_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	color: #E3E3E3;
	cursor: default;
	font-size: 100%;
}

h2
{
	font-size: 174%;
}

p
{
	margin: 1em .5em;
}

hr
{
	margin: .5em;
}

#errors
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 20px;
	margin: 0 auto;
	padding: 4px 0 1px 0px;
	background-color: #E2B6B6;
	background-image: url('img/icons/dialog-error.png');
	background-repeat: no-repeat;
	background-position: 2px 2px;
	border-bottom: 1px solid #A28181;
	font-size: 77%;
	font-weight: bold;
	color: #000;
	overflow: hidden;
	opacity: .85;
	-moz-opacity: .85;
	filter: alpha(opacity=85);
}

	#errors .text
	{		
		float: left;
		margin-left: 26px;
		font-weight: normal;
	}

	#errors .btnclose
	{
		float: right;
		margin-right: 8px;
	}

	#errors .btnclose a, #errors .btnclose a:visited
	{
		display: block;
		width: 16px;
		height: 16px;
		background-image: url('img/icons/dialog-close.png');
		opacity: .8;
	}

	#errors .btnclose a:hover
	{
		opacity: 1;
	}


	#errors .btnclose a:active
	{
		opacity: 1;
		margin-top: 1px;
	}


/**************************************************/
/**************************************************/

#hd
{
	padding-top: 2.1em;
}

.pagehead
{	
	width: 60em;
	*width:58.55em;
	min-width:780px;
	max-width: 780px;
	height: 95px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('img/header_top.png');
	background-repeat: no-repeat;
	position: relative;
	background-position: top center;
}



/**************************************************/
/**************************************************/

#bd
{
	background-image: url('img/body_back.png');
	background-position: center;
	background-repeat: repeat-y;
}


.pagehead_bottom
{
	width: 60em;
	*width:58.55em;
	min-width:780px;
	max-width: 780px;
	margin: 0 auto;
	background-image: url('img/header_bottom.png');
	background-position: center top;
	background-repeat: no-repeat;
	height: 105px;
	text-align: center;
}


#builtfor
{
	height: 83px;
	width: 125px;
	background-image: url('img/builtfor_doom3.png');
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
	position: relative;
	margin-top: 1.3em;
	margin-right: .5em;

}

/**************************************************/


#mainmenu
{
	height: 52px;
	background-repeat: no-repeat;
	position: relative;
	background-position: top center;
}

	#mainmenu div
	{float: right;}


	#mainmenu .menustart 
	{padding-right: 1px;}

	#mainmenu .menustart .img
	{
		display: block;
		width: 41px;
		height: 52px;
		position: relative;
		background-image: url('img/menu_right.png');
		background-repeat: no-repeat;
		background-position: top center;
	}


	#mainmenu .menuend
	 {padding-left: 1px;}

	#mainmenu .menuend .img
	{
		display: block;
		width: 97px;
		height: 52px;
		position: relative;
		background-image: url('img/menu_left.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

	
	#menu
	{
		padding-top: 1.55em;
		background-image: url('img/menu_back.png');
		background-repeat: no-repeat;
		background-position: top right;
		height: 52px;
		float: right;
		min-width: 350px;
		text-align: right;
		vertical-align: bottom;
		font-variant: small-caps;
		padding-left: 3px;
	
	}

	
	#menu a, #menu a:visited
	{
		display: block;
		float: left;
		/*width: 20%;*/
		padding: .25em 1em .5em 1em;
		color: #CCC;
		font-weight: bold;
		font-size: 85%;
		text-align: center;
		text-decoration: none;
	}

	#menu a:hover, #menu a:focus
	{
		color: #FFF;
		background-color: #26435E;
		/*border-bottom: 2px solid #00152C;*/
	}

#cols
{
	padding: .5em 13.75em 1em 13.75em;
	*padding: .5em 12.75em 1em 12.75em;
}


.yui-u
{
	border-bottom: 5px solid #353232;
	margin-bottom: 1em;
	background-image: none;	
	overflow: hidden;
}

.first
{
	
}


.yui-u .hd
{
	border: 1px solid #353232;
	background-color: #353232;
	border-bottom: 1px solid #232020;
	padding: .25em;
	font-family: 'trebuchet ms';
	font-size: 108%;
	font-weight: bold;
	color: #BBB;
	background-image: url('img/container_head_right.png');
	background-repeat: no-repeat;
	background-position: right .25em;
}

.yui-u .bd
{
	padding: .35em;
	background-color: #413628;
	border: 2px solid #302F2F;
	border-top: 0;
	border-left-width: 3px;
	border-right-width: 3px;
	border-bottom: 1px solid #564836;
}

.yui-u .ft
{
	

}


#announcement .bd
{
	background-color: #861517;
}

.widebox .bd
{
	background-color: #1A1A1A;
	border-bottom: 1px solid #555;
}

.widebox .yui-u
{
	border: 0;
}


#welcome-image
{
	/*width: 23.1%;*/
	height: 107px;
	*height: 106px;
}

#welcome-text
{
	/*width: 75.1%;
	padding-top: 1em;*/
	font-size: 77%;
		height: 110px;
}

#welcome-text p {margin: 10px 8px;}


#welcome-image .img, #welcome-image .img:visited
{
	display: block;
	border: 1px solid #666;
	/*width: 160px;*/
	height: 100px;
	margin: .25em auto .15em auto;
	background-color: #FFF;
	background-image: url('img/phobosaction_1_thumb.jpg');
	background-repeat: no-repeat;
	background-position: center;
	opacity: .88;
	-moz-opacity: .88;
	filter: alpha(opacity=88);	
}

#welcome-image p {margin: 0;}

#welcome-image .img:hover
{
	opacity: 1;
	-moz-opacity: 1;	
	filter: alpha(opacity=100);
}

#welcome-image .captiontext
{
	font-size: 85%;
	font-style: italic;
	margin: 0 auto;
	width: 95%;
}

#news .bd, #latestforum .bd
{
	padding-bottom: 1em;
	height: 25em;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#latestforum .bd
{
	padding-left: .25em;
}

/**************************************************/
/**************************************************/
/*		    DEVOBLOG    		  */
/**************************************************/


.news_item
{
	margin: .5em auto 1em auto;
	clear: both;
	font-size: 93%;
}


.news_title
{

	font-weight: bold;
	padding: .15em .25em;
	background-color: #494949;
	border-top: 1px solid #6B6B6B;
	border-bottom: 1px solid #272727;
}


.news_byline
{	
	font-size: 77%;
	padding: .225em .5em;
	background-color: #383838;
	border-top: 1px solid #5A5A5A;
	border-bottom: 1px solid #161616;
}

	.news_authorname
	{
		

	}

	.news_time
	{


	}

.news_postbody
{
	padding: .5em;
	background-color: #5a5a5a;
	border-top: 1px solid #7C7C7C;
	border-bottom: 1px solid #383838;
	font-family: 'trebuchet ms';
	font-size: 85%;
}


.news_comments
{
	clear: both;
	min-height: 1.5em;
	padding-top: .15em;
	background-color: #494949;
	border-top: 1px solid #6B6B6B;
	border-bottom: 1px solid #272727;
	font-family: 'trebuchet ms';
	font-size: 77%;
}

.news_comments .left, .news_comments .right
{
	margin: 0 .5em;
}


.post_item
{
	margin-bottom: .75em;
	font-size: 77%;
}

.post_item .news_comments, .post_item .news_postbody
{
	display: none;
}

.post_item .news_title
{
	font-size: 95%;
}

.post_item .news_byline span
{
	display: block;
	text-align: right;

}


/**************************************************/
/**************************************************/
/*				    STORY    					  */
/**************************************************/

#story .bd
{
	background-color: #413628;
}

#story img
{
	margin: .5em .5em;
	border: 2px solid #383838;
}

#story .left {margin-right: .8em;}

#story .right {margin-left: .8em;}

#story p
{
	font-size: 85%;	
	font-family: 'trebuchet ms';
}


/**************************************************/
/**************************************************/
/*				  FEATURES  					  */
/**************************************************/

#features .bd
{
	background-color: #413628;
}

#features-menu
{
	padding: .5em;
}

#features-menu a, #features-menu a:visited
{
	outline: 0;
	display: block;
	width: 100%;
	height: 2em;
	background-color: #2F587E;
	text-align: center;
	border: 1px solid #00152C;
	color: #CCC;
	padding-top: 6%;
	cursor: pointer;
	font-weight: bold;
	font-family: 'trebuchet ms';
	text-transform: uppercase;
}

#features .bd
{
	background-image: url(img/transback1a.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 400px;
}

#features-menu a:focus, #features-menu a:hover
{
	color: #FFF;
	background-color: #26435E;
}

#features-menu a:active
{
	color: #EEE;
	background-color: #04213C;
}

#features .list h2
{
	margin-bottom: .8em;

}

#features .list div
{
	display: none;
}


#features .list ul
{
	font-size: 85%;
	padding-right: 1em;
}

#features .list li
{
	font-size: 85%;
	list-style: outside square;
	margin: .5em 1.5em;
	font-family: 'trebuchet ms';
}

#features .list li b
{
	display: block;
	font-size: 131%;
}


/**************************************************/
/**************************************************/
/*				  HELP WANTED  					  */
/**************************************************/

#help .bd
{
	background-color: #413628;
	background-image: url(img/transback3a.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#help .wantedlist
{
	font-size: 108%;
	padding-right: 1em;
	margin-bottom: 2em;
	width: 100%;
	overflow: hidden;
	clear: both;
	display: block;
	
}

#help .wantedlist li
{
	font-family: 'trebuchet ms';
	list-style: outside square;
	margin: .5em 2em;
	font-weight: bold;
	float: left;
	width: 40%;
}

#help .wantedlist li span
{
	display: block;
	font-size: 77%;
	font-weight: normal;	
}

/**************************************************/
/**************************************************/
/*				  FEATURES  					  */
/**************************************************/

#team .bd
{
	background-color: #413628;
	background-image: url(img/transback2a.png);
	background-position: -3em bottom;
	background-repeat: no-repeat;


}

.staff
{
	margin: 1em 0;
}

.staff .yui-u
{
	border-bottom: 1px solid #454545;
	opacity: .85;
	-moz-opacity: .85;
	filter: alpha(opacity=85);
}



#team h3
{
	margin: 0;
	padding: .25em .6em;
	font-weight: bold;
	border-right: 1px solid #454545;
	border-bottom: 1px solid #454545;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	background-color: #1A1A1A; 
	background-image: url('img/container_head_right.png');
	background-repeat: no-repeat;
	background-position: right .1em;
}

#team h5
{
	margin: 0;
	font-size: 77%;
	padding: .5em 1em;
	background-color: #302517;
	border-right: 1px solid #454545;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
}


/**************************************************/
/**************************************************/


#ft
{
	height: 140px;
	margin: 0 auto;
	background-color: #000;
	background-image: url('img/phobos_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	font-family: 'trebuchet ms';
	color: #BBB;
	font-size: 77%;
	bottom: 0;
}


	#ft_inner
	{
		width: 60em;
		*width:58.55em;
		min-width:780px;
		max-width: 780px;
		height: 35px;
		margin: 0 auto;
		background-image: url('img/body_bottom.png');
		background-repeat: no-repeat;
		background-position: center top;
	}



/**************************************************/
/**************************************************/