@charset "utf-8";

* {
	font-size: 12px;
	font-family: Verdana;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
}

#bg {
	background-image: url("images/styles/header.png");
	background-repeat: repeat-x;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -80px;
}

p, h1, h2 { margin: 0; }

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

a:hover { color: #FF8800; }

a img { margin-bottom: -2px; }

img { border: 0; }

form { margin: 0; padding: 0; }

ul, ol { padding: 0; margin: 0; margin-left: 16px; }

#container {
	width: 616px;
	text-align: left;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 128px;
	margin-bottom: 8px;
}

	#santa-hat {
		position: absolute;
		background-image: url("images/styles/santa-hat.png");
		_background-image: url("images/styles/santa-hat-ie6.png");
		width: 64px;
		height: 64px;
		left: -29px;
		top: 12px;
	}

	#logo {
		position: absolute;
		width: 245px;
		height: 28px;
		left: 0;
		top: 36px;
	}

	#header #nav {
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	
	#header #nav a {
		display: block;
		float: left;
		padding: 6px 10px 6px 10px;
		color: #FF6600;
		text-decoration: none;
		margin-right: 4px;
	}
		
		#header #nav a:hover {
			color: #FF7700;
		}
		
	#header #nav .active {
		color: #000;
		background-color: #ccc;
	}
	
		#header #nav .active:hover {
			color: #000;
			background-color: #ccc;
		}
		
	#sub_menu {
		text-align: right;
	}
		
		#sub_menu a {
			margin-right: 8px;
		}
		
#footer, #push {
	height: 80px;
	clear: both;
}

#footer {
	text-align: left;
	background-image: url("images/styles/footer.png");
	background-repeat: repeat-x;
}

	#footer p, #footer a {
		font-size: 11px;
	}

	#footer #upper {
		text-align: center;
		height: 18px;
		padding-top: 14px;
	}
	
		#footer #upper a {
			font-size: 12px;
			margin: 0 4px;
		}
	
	#footer #lower {
		padding-top: 18px;
		height: 30px;
	}
	
		#footer #lower a, #footer #lower p {
			color: #FFF;
		}
		
			#footer #lower a:hover {
				color: #FF6600;
			}

.column {
	float: left;
	width: 200px;
	margin-right: 8px;
}
	
.section {
	margin-bottom: 4px;
}

	.section h1 {
	/*	font-family: "Trebuchet MS"; */
		font-family: Verdana;
		font-size: 13px;
		margin: 0 0 2px 0;
	}
	
	.section h2 {
		margin-bottom: 4px;
	}

.game_small {
	padding: 2px;
	height: 28px;
}

	.game_small .place {
		float: left;
		width: 20px;
		margin: 0 4px 0 0;
		text-align: right;
	}

	.game_small .img {
		float: left;
		width: 28px;
		margin: 0 4px 0 0;
	}
	
		.game_small .img img {
			width: 28px;
			height: 28px;
		}
	
	.game_small .title, .game_small .title2 {
		float: left;
	}
	
	.game_small .title2 {
		margin: 7px 0 0 0;
	}
	
	.game_small .title h2 {
		font-family: Verdana;
		font-size: 12px;
		margin-bottom: 0;
		font-weight: normal;
	}
	
.game {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 1px solid #CCC;
	padding: 2px;
	width: 196px;
}

	.game .img {
		float: left;
		margin-right: 4px;
	}
	
		.game .img img {
			height: 56px;
			width: 56px;
		}
		
	.game .content h2 {
		font-family: Verdana;
		font-size: 12px;
		margin-bottom: 0;
		font-weight: normal;
	}
	
	.game .content p {
		font-size: 12px;
	}
	
.game_large {
/*	margin-bottom: 4px; */
	padding: 4px;
/*	border: 1px solid #CCC; */
}
	
	.game_large .title {
		margin-bottom: 4px;
		clear: both;
	}

	.game_large .img {
		float: left;
		width: 100px;
		margin-right: 4px;
	}
	
		.game_large .img img {
			margin-bottom: -2px;
		}
	
	.game_large .content {
		float: left;
		width: 496px;
	}

.form .row {
	margin-bottom: 3px;
	overflow: auto;
}

	.form .title {
		padding: 4px 0;
		float: left;
		width: 110px;
	}
	
	.form .sub {
		margin-left: 110px;
		width: 298px;
		margin-bottom: 4px;
	}
	
	.form .input {	
		padding: 4px;
		float: left;
		width: 286px;
	}
	
	* html .form .input {	
		padding: 4px;
		float: left;
		width: 288px;
	}
	
	.form .select {
		padding: 4px;
		float: left;
		width: 298px;
	}
	
.search {
	overflow: auto;
}

	.search .input {
		float: left;
		width: 144px;
		margin: 0 4px 0 0;
		padding: 4px;
	}
	
	.search .btn  {
		float: left;
		width: 40px;
		padding: 3px 4px;
		padding: 4px \9;
	}
	
.form_bar {
	overflow: auto;
}
	
	.form_bar .input {	
		margin: 0 4px 0 0;
		float: left;
		width: 182px;
	}
	
	html>/**/body .form_bar .input {	
		padding: 4px;
		margin: 0 4px 0 0;
		float: left;
		width: 183px;
	}
	
	.form_bar .select {
		margin-right: 4px;
		float: left;
		width: 182px;
	}
	
	html>/**/body .form_bar .select {
		padding: 4px;
		margin-right: 4px;
		float: left;
		width: 183px;
	}

.form_upload .row {
	margin-bottom: 3px;
	overflow: auto;
}

	.form_upload .title {
		padding: 4px 0;
		float: left;
		width: 100px;
	}
	
	.form_upload .input {	
		padding: 4px;
		float: left;
		width: 488px;
	}
	
	.form_upload .select {
		padding: 4px;
		float: left;
		width: 498px;
	}

input.btn {
	border: 1px solid #222;
	color: #FFF;
	background-color: #444;
	padding: 0px 4px;
}

html>/**/body input.btn {
	border: 1px solid #222;
	color: #FFF;
	background-color: #444;
	padding: 3px 4px;
}

.error, .neutral, .success {
	padding: 8px 8px 8px 32px;
	background-position: 8px 8px;
	background-repeat: no-repeat;
	margin-bottom: 4px;
}

.error {
	background-image: url('images/icons/error.png');
	background-color: #FF9A88;
	border-top: 2px solid #FF6335;
	border-bottom: 2px solid #FF6335;

}

.neutral {
	background-image: url('images/icons/info.png');
	background-color: #FAFF95;
	border-top: 2px solid #FBD57B;
	border-bottom: 2px solid #FBD57B;
}
	
	.neutral a {
		color: #F09900;
	}
	
		.neutral a:hover {
			text-decoration: underline;
		}

.success {
	background-image: url('images/icons/success.png');
	background-color: #BEFE7E;
	border-top: 2px solid #8AE600;
	border-bottom: 2px solid #8AE600;
}

	.success a {
		color: #669900;
	}
	
		.success a:hover {
			text-decoration: underline;
		}	
		
#pagination {
	margin: 8px 0;
}

#pagination a:hover {
	cursor: pointer;	
}
	
#pagination span {
	padding: 2px 6px;
	border: 1px solid #666666;
	color: #666666;
	margin-right: 4px;
}

#pagination a {
	padding: 2px 6px;
	border: 1px solid #FF9900;
	margin-right: 4px;
	background-color: #222;
	color: #FF9900;
}

	#pagination a:hover {
		color: #000;
		background-color: #CCC;
		border: 1px solid #AAA;
		text-decoration: none;
	}
	
	#pagination .active {
		background-color: #FF6600;
		color: #000000;
	}

.grey {
	color: #666;
	font-size: 11px;
}

	.grey a {
		font-size: 11px;
	}

.box {
	border: 1px solid #ccc;
	padding: 8px;
}

.stars_holder {
	width: 80px;
	height: 16px;
	background-image: url("images/icons/star_grey.png");
	background-repeat: repeat-x;
}

.stars {
	width: 0%;
	height: 16px;
	background-image: url("images/icons/star.png");
	background-repeat: repeat-x;
}

.link_holder {
	text-align: right;
	padding-right: 1px;
	padding-bottom: 1px;
}

.comment {
	width: 396px;
	padding: 4px;
	border: 1px solid #CCC;
	margin-bottom: 4px;
}

	.comment .img {
		float: left;
		width: 56px;
		margin-right: 4px;
	}
	
	.comment .content {
		float: left;
		width: 336px;
	}
	
.polaroid {
	float: left;
	padding: 2px;
	width: 56px;
	margin-right: 6px;
	margin-bottom: 6px;
	border: 1px solid #CCC;
	text-align: center;
}

	.polaroid a {
		font-size: 11px;
	}
	
.featured_title {
	position: absolute;
	bottom: 5px;
	left: 10px;
}

	.featured_title a {
		color: #FFF;
		font-family: "Trebuchet MS";
		font-size: 24px;
	}
	
		.featured_title a:hover {
			color: #FF6600;
		}

.featured_opacity {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: #000000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#featured_bar {

}

	#feature_bar h2 {
		font-family: Verdana;
		font-size: 12px;
		margin-bottom: 0;
		font-weight: normal;
	}
	
	#feature_bar span a {
		float: left;
		display: block;
		width: 16px;
		height: 16px;
		margin-left: 4px;
		background-color: #111;
		border: 1px solid #000;
	}
	
		#feature_bar span a:hover {
			background-color: #ff6600;
			border: 1px solid #FF9900;
		}
		
		#feature_bar .active {
			background-color: #ff6600;
			border: 1px solid #FF9900;
		}
		
.avatar_width {
	padding: 4px;
	#width: 336px;
}

/* Slideshow */
#slideshow {
	position: relative;
	height: 128px;
	width: 408px;
	overflow: hidden;
	margin: 0 0 4px 0;
}

	#slideshow #holder {
		position: absolute;
		width: 2448px;
	}
	
.section-tab {
	overflow: auto;
	padding: 0 4px;
	margin: 2px 0 -1px 0;
	_margin: 2px 0 -3px 0;
}

.section-tab-line {
	margin: 0 0 2px 0;
	border-top: 1px solid #aaa;
	clear: both;
}

	.section-tab a {
		position: relative;
		float: left;
		display: block;
		padding: 4px 6px;
		margin: 2px 4px -1px 0;
		background-color: #ddd;
		border: 1px solid #aaa;
		color: #666;
		font-size: 10px;
	}
	
	.section-tab a.active {
		background-color: #fff;
		border-left: 1px solid #aaa;
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #fff;
		margin: 2px 4px 0 0;
	}