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

body, html {
	color:#796563;
	font:Verdana, sans-serif;
	font-size:11px;
	height:auto;
	background-image:url(../img/background.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

a {
	color:#b28d77;
	text-decoration:none;
}

a:hover {
	color:#f2b28c;
}

h1, h2, h3 {
	text-indent:-9001px;
}

h1 {
	margin-bottom:18px;
}

h3 {
	margin-bottom:12px;
}

p {
	margin-bottom:0.75em;
}

#wrapper {
	width:854px;
	height:auto;
	position:relative;
}

#footer, #content, body {
	background-color:#181818;
}

#left_col {
	float:left;
	display:inline;
	width:204px;
	padding:60px;
	height:100%;
}

#logo {
	background-image:url(../img/logo.gif);
	float:left;
	display:inline;
	width:204px;
	height:81px;
}

#logo a {
	width:204px;
	height:81px;
	display:block;
}

#vert_div {
	float:left;
	display:inline;
	width:2px;
	background-image:url(../img/vert_div_bg.gif);
	height:100%;
}

#right_col {
	left: 326px;
	display:inline;
	position:absolute;
	top:0;
	width:528px;
}

#header {
	float:left;
	display:inline;
	width:528px;
	height:192px;
	position:relative;
}

#nav {
	display:inline;
	margin:0;
	list-style-type:none;
	height:23px;
	position:absolute;
	bottom:22px;
	left:0;
}

#nav li {
	display:inline;
	float:left;
	text-indent:-9001px;
	margin:2px 0 0 24px;
}

#nav li a {
	display:block;
}

#nav_news {
	width:37px;
	height:19px;
	background-image:url(../img/nav_news_up.gif);
}

#nav_news a {
	width:37px;
	height:19px;
}

#nav_games {
	width:47px;
	height:19px;
	background-image:url(../img/nav_games_up.gif);
}

#nav_games a {
	width:47px;
	height:19px;
}

#nav_development {
	width:115px;
	height:19px;
	background-image:url(../img/nav_dev_up.gif);
}

#nav_development a {
	width:115px;
	height:19px;
}

#nav_publishers {
	width:80px;
	height:19px;
	background-image:url(../img/nav_publishers_up.gif);
}

#nav_publishers a {
	width:80px;
	height:19px;
}

#nav #nav_about {
	width:109px;
	height:23px;
	background-image:url(../img/nav_about_up.gif);
	margin-top:0;
}

#nav #nav_about a {
	width:109px;
	height:23px;
}

.hori_div {
	display:block;
	height:2px;
	background-image:url(../img/hori_div_bg.gif);
	width:100%;
	line-height:1px;
	font-size:0;
}

#content {
	float:left;
	display:inline;
	padding:24px 0 24px 24px;
}

#content .hori_div {
	margin:24px 0;
}

#title_news {
	background-image:url(../img/title_news.gif);
	width:62px;
	height:34px;
}

#title_games {
	background-image:url(../img/title_games.gif);
	width:78px;
	height:34px;
}

#title_dev {
	background-image:url(../img/title_dev.gif);
	width:188px;
	height:34px;
}

#title_publishers {
	background-image:url(../img/title_publishers.gif);
	width:131px;
	height:34px;
}

#title_about {
	background-image:url(../img/title_about.gif);
	width:178px;
	height:39px;
	margin:-2px 0 15px;
}

#title_game_oo {
	width:251px;
	height:34px;
	background-image:url(../img/title_game_oo.gif);
}

#title_game_fh {
	width:145px;
	height:34px;
	background-image:url(../img/title_game_fh.gif);
}

#title_game_fa {
	width:154px;
	height:34px;
	background-image:url(../img/title_game_fa.gif);
}

#title_game_ss {
	width:133px;
	height:34px;
	background-image:url(../img/title_game_ss.gif);
}

#news_site_launch {
	width:430px;
	height:30px;
	background-image:url(../img/news_site_launch.gif);
}

	.comments {
		margin-top:12px;
	}
	
	.comment {
		margin-bottom:12px;
		padding:12px 12px 3px;
		background-color:#161616;
		color:#635151;
	}
	
	.comment_form {
		padding:12px;
		height:100px;
		background-color:#161616;
	}
	
	.comment_form input {
		width:100%;
		border-width:0;
		background-color:#181818;
		color:#796563;
	}
	
	.comment_form textarea {
		width:99%;
		height:78%;
		border-width:0;
		background-color:#181818;
		color:#796563;
		position:absolute;
	}
	
	.comment_form .col1 {
		display:inline;
		float:left;
		width:120px;
		height:100px;
		position:relative;
		margin-right:12px;
	}
	
	.comment_form .col2 {
		display:inline;
		float:left;
		width:348px;
		height:100px;
		position:relative;
	}
	
	.comment_form label {
		color:#433836;
	}
	
	.comment_form .submit {
		position:absolute;
		bottom:0;
		left:0;
	}

.project_module {
	margin-top:24px;
	height:auto;
}

.thumbnail {
	width:216px;
	height:162px;
	margin-right:12px;
	display:inline;
	float:left;
}

.screenshot {
	width:160x;
	height:120px;
	margin:0 12px 12px 0;
	display:inline;
	float:left;
}

.last {
	margin-right:0;
}

.first {
	margin-right:12px;
	_margin-right:0;
}

.project_info {
	width:276px;
	height:162px;
	display:inline;
	float:left;
	position:relative;
}

.project_info h3 {
	margin-bottom:6px;
}

.project_info .buttons {
	position:absolute;
	bottom:0;
	left:0;
}

#project_title_oo {
	width:247px;
	height:30px;
	background-image:url(../img/project_title_oo.gif);
}

#project_title_fh {
	width:140px;
	height:30px;
	background-image:url(../img/project_title_fh.gif);
}

#project_title_ss {
	width:128px;
	height:30px;
	background-image:url(../img/project_title_ss.gif);
}

#project_title_fa {
	width:150px;
	height:30px;
	background-image:url(../img/project_title_fa.gif);
}

#project_title_untitled {
	width:97px;
	height:30px;
	background-image:url(../img/project_title_untitled.gif);
}

#project_screenshots {
	width:149px;
	height:30px;
	background-image:url(../img/project_screenshots.gif);
}

#project_controls {
	width:104px;
	height:30px;
	background-image:url(../img/project_controls.gif);
}

#project_credits {
	width:85px;
	height:30px;
	background-image:url(../img/project_credits.gif);
}

#about_chris_m {
	width:115px;
	height:30px;
	background-image:url(../img/about_chris_m.gif);
}

#about_dante_f {
	width:168px;
	height:30px;
	background-image:url(../img/about_dante_f.gif);
}

#about_john_w {
	width:232px;
	height:30px;
	background-image:url(../img/about_john_w.gif);
}

#about_mark_b {
	width:139px;
	height:30px;
	background-image:url(../img/about_mark_b.gif);
}

#footer {
	float:left;
	display:inline;
	padding:24px;
	height:19px;
	width:480px;
}

#launch {
	padding:24px;
}

#launch #content {
	padding:0;
	position:absolute;
}

#launch #left_col {
	width:auto;
	margin:0 12px 0 0;
	padding:0;
}

#launch .aux_col {
	width:100%;
	display:block;
}

#launch .button {
	display:block;
	margin:0 0 12px 0;
}

#launch .credits {
}

#cms_aux_col {
	float:left;
	display:inline;
	position:absolute;
	top:194px;
	width:400px;
	margin-left:24px;
}

.spacer {
	width:100%;
	height:36px;
	line-height:1px;
	font-size:0;
}

.spacer_sm {
	width:100%;
	height:12px;
	line-height:1px;
	font-size:0;
}

.button {
	font-size:8px;
	display:inline-block;
	text-transform:uppercase;
	background-color:#24211f;
	padding:12px;
	margin:0 12px 0 0;
}

.aux_col .button {
	width:222px;
	margin-bottom:12px;
}

.page_title {
	display:block;
	margin-bottom:24px;
}

.title {
	display:block;
	margin-bottom:12px;
}

.button .sub, .label .sub {
	color:#796363;
}

.nav_item {
	padding-left:24px;
	display:inline;
}

.aux_col {
	width:246px;
	float:left;
	display:inline;
}

.label {
	font-size:8px;
	text-transform:uppercase;
	background-color:#24211f;
	padding:12px;
	color:#8a6b58;
}

.clear {
	clear:both;
	line-height:1px;
	font-size:0;
}

.ie_anti_margin {
	margin-bottom:-24px;
}

#a2apage_powered_by {
	display:none;
}
