/* --- common html --- */

div {
	/*outline: grey dotted 1px;*/
	border: 0px;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, p, span, li, a {
	font: 10px Verdana;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
}

h3 {
	font-size: 14px;
}

h4 {	
	font-size: 12px;
	font-weight: bold;
}

p,span {
	font-size: 10px;
	padding:1px;
}

ul {
	margin-top:0px;
}

li {
	margin-bottom: 3px;
}

.p3 {
	font-weight: bold;
}


/* --- general layout --- */

table.site_area {
	/*outline: grey dotted 1px;*/

	/* centerize site */
	position:relative;
	margin: 0 auto;
	top:0px;
	left:0px;

	text-align: left;
	vertical-align: top;  
}

table.site_area, div.top_banner, div.bottom_banner {
	width:900px;
}

div.top_banner {
	height:100px;
	margin-bottom:9px;
}

div.container {
	padding-left:10px;
	padding-bottom:10px;
}

div.content {
	padding:10px;
	padding-top:0px;
}

div.bottom_banner {
	margin-top:2px;
	clear:both;
	height:30px;
}

/* --- common tools --- */
div.title_base h2 {
	position:relative;
	float:right;
	top:-32px;
	margin:12px;
	margin-top:0px;
	margin-bottom:0px;	
}

div.title_base {
	padding:0px;
	clear:left;
	height: 43px;
	float:left;
}

img.img1 { /* title_base graphics */
	padding:0px;
	margin:0px; 
	border:0px;
	float:left;
}

a.back_link {
	font-weight: bold;
}

p.p5 { /* news text */
	margin-bottom:40px;
	text-align:justify;
}

h3.date {
	font-size: 11px;
	text-align:right;
	border-bottom: #e0e0e0 solid 1px;
	margin-bottom: 2px;
}

/* --- module specific --- */

/* ------- news ------- */

div.news_area h4 {
	margin-bottom:10px;
}

div.news_area {
	float:left;
	width:575px;
	margin-bottom: 3px;
}

p.forum_announcement {
	text-align:right;
	font-weight:bold;	
}

a.archived_news_link {
	display:block;
	font-weight:bold;
	float:left;
}

a.forum_button, a.forum_button:hover {
	display:block;
	float:right;

	width:70px;
	height:23px;

	position:relative;
	top: -2px;
	margin-left:5px;
}

a.forum_button {
	background-image: url("imgs/forum_normal.png");
}

a.forum_button:hover {
	background-image: url("imgs/forum_hover.png");
}

/* ------- game info ------- */

div.game_info_area {
	width:296px;
	margin-right:10px;
	float:left;
}

/* ------- screenshots and videos ------- */

div.screens_area {
	clear:both;
	width:880px;
}

div.screens_area div.content {
	margin-left: 1px;
	padding: 0px;
}


img.thumbnail {
	border: black solid 1px;
	width:150px;
	height:100px;
	margin: 0px;
	padding: 0px;
}

/* ------- screenshots and videos ------- */
div.status_check_area {
	clear:both;
	width:880px;
}

/* ------- news archive ------- */
div.news_archive_area h4 {
	margin-bottom:10px;
}

/* ------- status check ------- */

div.status_check_area h3 {
	font-weight: bold;
	margin-bottom:10px;
}

div.status_check_area h4 {
	font-weight: bold;
	font-size: 11px;
	margin-bottom:5px;
}

div.status_check_area p {
	margin-bottom:10px;
	text-align: justify;
}


/* --- colors --- */

div.background {
	border: #d0d0d0 solid 1px;
}

div.background, div.content {
	background-color: #f3f3f3;
}

body {
	background-color: #e3e3e3;

	background-image: url("imgs/margin.png");
	background-repeat: repeat-x;
}

h1,h2,h3,h4,p,span, a {
	color: #101010;
}

a:hover {
	color: #d18a00;
}