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

/* BASICS */
body, html{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
input, textarea{ font-family:Arial, Helvetica, sans-serif; }
body{ background:#2d2d2d; color:#333333; }
img{ border:none; }
form{ margin:0px; padding:0px; }
a{ color:#273354; }
	a:hover{ color:#485370; }
p{ margin:0 0 15px 0; }
h1, h2, h3, h4, h5, h6{ margin:0 0 5px 0; font-weight:bold; }
	h1{ font-size:24px; color:#333333; }
	h2{font-size:18px; }
	h3{ font-size:16px; }
	h4{ font-size:14px; }
ol, ul{ margin:10px; margin-left:40px; padding:0; }
.hr{ background:#e5e5e5; height:1px; overflow:hidden; margin:10px 0; }

.input{ padding:2px; background:url(../images/site/input_shadow.gif) top left no-repeat #ffffff; border: 1px solid #333333; font-size:12px; }
.subalert{ font-size:10px; color:darkred; font-weight:bold; }
.darker{ background-image:url(../images/transparencies/black_5perc.png); }
.yellow{ background-image:url(../images/transparencies/yellow_10perc.png); }
.red{ background-image:url(../images/transparencies/red_30perc.png); }
.clear{ clear:both; }
.clear_left{ clear:left; }
.clear_right{ clear:right; }
.spacer{ height:5px; }

/* TEMPLATE */

.body_header{
	width:910px;
	margin:0 auto;
	text-align:center;
}
.container{
	width:900px;
	padding:5px;
	position:relative;
	background:white;
	text-align:left;
	margin:0 auto;
}
.content_head{
	width:900px;
	height:75px;
	background:url(../images/site/game-header-bg.jpg);
	position:relative;
	border-bottom:1px solid black;
	margin-bottom:1px;
}
	.content_head .title{
		position:absolute;
		top:21px;
		left:12px;
		height:40px;
	}
	.content_head ul{
		position:absolute;
		bottom:0;
		right:0px;
		display:block;
		margin:0;
		padding:0;
		height:25px;
	}
		.content_head ul li{
			display:block;
			list-style:none;
			height:25px;
			line-height:25px;
			padding:0;
			margin:0 2px 0 0;
			background:#333333;
			float:right;
			font-size:14px;
			font-weight:bold;
			font-family:"Trebuchet MS";
			border:solid #CCCCCC;
			border-width:1px 1px 0 1px;
		}
			.content_head ul li a{
				color:white;
				font-weight:bold;
				display:block;
				padding:0 10px;
				height:25px;
				line-height:25px;
				text-decoration:none;
			}
				.content_head ul li:hover{
					background:#666666;
				}
			.content_head ul .active{
				background:white !important;
				color:#333333 !important;
				border-color:black;
			}
				.content_head ul .active a{
					color:#333333 !important;
				}
.loading{
	height:180px;
	background:url(../images/site/loading.gif) center center no-repeat;
}
.articles{
	border:1px solid #EEEEEE;
	background:#FAFAFA;
	padding:15px;
}

/* GAMES LIST */
.games_list .game_label{
	background:url(./images/site/game_list_label_bg.jpg) no-repeat;
	height:24px;
	line-height:24px;
	font-weight:bold;
	font-size:14px;
	padding:0 10px;
}
.games_list .game_desc{
	padding:3px 10px;
	font-size:10px;
}
.games_list .games_share{
	padding:0 10px;
}

/* RSS STUFF */

.rss{
	display:block;
	list-style:none;
	margin:0 0 10px 0;
	background:#FAFAFA;
	border:1px solid #999999;
	padding:5px;
}
.rss li{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px dotted #999999;
}
.rss li:first-child{
	border:none;
}
.rss .title a{
	display:block;
	padding:5px 3px;
	color:#333333;
	font-weight:bold;
}
.rss .title a:hover{
	text-decoration:underline;
	background:#FFFFCC;
}

/* MEMBER LOG IN */

.member_login{
	height:45px;
	background:url(../images/site/content_box_gradient.jpg) no-repeat;
	width:530px;
	padding:0 20px;
	font-weight:bold;
	line-height:45px;
}

.register{
	background:url(../images/site/box_bg_green.jpg);
	font-weight:bold;
	padding:10px;
}

/* FEEDBACK */

.feedback{
	margin:0 auto;
	position:relative;
	margin-bottom:10px;
}
.feedback ul li{
	font-style:italic;
}
.feedback h1{
	font-weight:bold;
	font-size:20px;
	margin:10px 0;
}
.feedback .failure, .feedback .success{
	padding:10px 10px 10px 70px;
	min-height:50px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.feedback .failure{
	background:url(../images/icons/warning_48.png) no-repeat 10px 10px #FFFF99;
}
.feedback .success{
	background:url(../images/icons/accepted_48.png) no-repeat 10px 10px #E4FFD9;
}