/* begin overall style */
body
{
	margin: 0;
	padding: 0;
	background: white;
	color: #444;
	font: normal 9pt Arial,Helvetica,sans-serif;
	/*background:white url(bg.gif) repeat-x left top;*/
	/*background-image: url(../images/bg.png);*/
}

a {
	color: #28759c;
}

#page {
	background: #ffffff;
	width: 970px;
	margin: 0 auto;
	padding: 0;
	/*max-width: 1200px;*/
	/*min-height:30em;*/
	/*min-width: 980px;*/
	/*min-width: 1150px;*/
	/*overflow: hidden;*/
	padding: 0 15px;
	/*position:relative;*/
	/*width: 95%;*/
}

#header {
	margin: 0;
	padding: 0;
	height: 75px;
	float: left;
	border-bottom: 1px solid #E7E7E7;
}

	#header #nav {
		float: left;
	}

	#header #ad_leaderboard {
		float: right;
		width: 728px;
	}
	
	#header #identity {
		float: right;
		width: 270px;
		text-align: right;
		padding: 10px;
		/*border: 1px solid red;*/
	}

	#header #search {
		float: left;
		margin: 20px 10px 5px 0px;
	}

		#header #search input {
			font-size: 12px;
		}

#logo
{
	padding: 10px 0 10px 0px;
	width: 160px;
	height: 43px;
	color: #28759c;
	float: left;
	margin: 0 20px 0 0;
	/*font-size: 100%;*/
}

	#logo h1 {
		margin: 0;
		padding: 0;
		font: normal 9pt Arial,Helvetica,sans-serif;
	}

#mainmenu
{
	/*position: absolute;
	top: 90px;*/
	width: 100%;
	float: left;
	height: 30px;
	/*border: 1px solid red;*/
}

ul.blue {
	padding: 0 0 0 0;
	margin: 0;
	list-style: none;
	background-color: #fff;
	/*border-bottom: 1px solid #e7e7e7;*/
	float: left;
	/*clear: left;*/
	/*width: 100%;*/
}

ul.blue li {
	float: left;
}

ul.blue li a {
	float: left;
	text-decoration: none;
	color: #232323;
	padding: 4px 7px 0 0;
	margin-right: 8px;
	font: 900 13px "Arial", Helvetica, sans-serif;
}

ul.blue li a span {
	float: left;
	padding-right: 7px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.blue li a:hover {
 	color: #0d5f83;
	background: url(../images/menu_blue.png) no-repeat top right;
}

ul.blue li a:hover span {
	background: url(../images/menu_blue.png) no-repeat top left;
}

ul.blue li a.current {
	background: url(../images/menu_blue.png) no-repeat top right;
 	color: #0d5f83;
}

ul.blue li a.current span {
	background: url(../images/menu_blue.png) no-repeat top left;
}

/*#mainmenu ul
{
	padding: 0;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{

	padding: 0.4em 0.6em;
	color: #3399cc;
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active
{
	background: #3399cc;
	color: #ffffff;
}*/

#content {
	/*float: left;*/
	clear: both;
    /*position: relative;*/
    width: 100%;
    padding: 10px 0 0 0;
}

	#content h1 {
		font-size: 20px;
		margin: 0px 0px;
	}

#footer
{
	/*float: left;*/
	clear: both;
	height: 80px;
	padding: 15px;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	text-align: left;
	border-top: 1px solid #EEE;
}
/* end of overall style */

/* begin data grid style */
table.dataGrid
{
	background: white;
	border-collapse: collapse;
	width: 100%;
}

table.dataGrid th, table.dataGrid td
{
	font-size: 0.9em;
	border: 1px #4F81BD solid;
	padding: 0.3em;
}

table.dataGrid th
{
	background: #d3dfee;
	text-align: center;
}

table.dataGrid th.label
{
	width: 150px;
}

table.dataGrid tr.odd
{
	background: #E6F2FF;
}
/* end of data grid style */

.actionBar
{
	margin: 10px;
}

div.item
{
	margin: 10px 0 0 0;
	border: 1px solid silver;
	padding: 5px;
}

#game_wrapper {
	float: left;
	/*width: 660px;*/
	/*border: 1px solid green;*/
}

#flashcontent {
	margin: 5px 0 5px 0;
	padding: 10px 0 10px 0;
	text-align: center;
	float: left;
	/*border: 1px solid blue;*/
	background-color: #333333;
}

	.narrow {
		width: 660px;
	}
	
	.wide {
		width: 970px;
		clear: both;
	}

/*#leaderboard_widget {
	float: right;
}*/

.leftcontent {
	float: left;
	width: 660px;
	margin: 10px 0 10px 0px;
}
	
	#leftcontent-default {
		float: right;
		width: 400px;
		height: 100%;
	}
	
	#leftcontent-narrow {
		float: right;
		width: 270px;
		height: 100%;
	}

.rightcontent {
	float: right;
	width: 300px;
}

img {
	border: 0;
}

.module {
	float: left;
	clear: both;
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	width: 100%;
}

	.module h2 {
		margin: 0 0 15px 0;
	}
	
	.module-actions {
		float: left;
		clear: both;
		width: 100%;
		text-align: right;
	}

/*#feature_header {
	width: 980px;
	height: 90px;
}

	#feature_header #ad_leaderboard {
		width: 728px;
		float: right;
		border: 1px solid blue;
	}
*/

#game_area {
	width: 660px;
	/*width: 67%;*/
	/*min-width: 600px;
	max-width: 800px;*/
	float: left;
	/*border: 1px solid red;*/
}

	#game_area h2 {
		float: left;
		clear: both;
		width: 100%;
		color: #232323;
		letter-spacing: -1px;
		font-size: 22px;
		margin: 10px 0 10px 0;
		border-bottom: 1px solid #cccccc;
	}
		
		#game_area h2 a {
			color: #232323;
		}
	
	#game_area .more {
		float: right;
	}
	
	#game_area a {
		text-decoration: none;
	}
	
	#game_area a:hover {
		text-decoration: underline;
	}

#feature {
	width: 650px;
	float: left;
	/*border: 1px solid blue;*/
	padding: 0px 10px 10px 0px;
}

	#feature .image {
		position: relative;
		width: 100%; /* for IE 6 */
	}

	#feature img {
		width: 650px;
		height: 350px;
		float: left;
		padding: 3px;
		margin-bottom: 5px;
		border: 1px solid #ccc;
	}

	#feature h2 {
		position: absolute;
		top: 220px;
		left: 0;
		width: 100%;
		margin: 0;
		border: 0;
	}
	
		#feature h2 span {
			color: white;
			font: bold 28px/46px Helvetica, Sans-Serif;
			letter-spacing: -1px;
			background: rgb(0, 0, 0); /* fallback color */
			background: rgba(0, 0, 0, 0.8);
			padding: 10px;
			margin: 4px;	
		}

	#feature p {
		position: absolute;
		top: 270px;
		left: 0;
		width: 100%;
		/*margin-left: 4px;*/
	}
	
		#feature p span {
			color: white;
			font: normal 10pt Helvetica, Sans-Serif;
			/*letter-spacing: 1px;*/
			line-height: 25px;
			/*text-indent: 0px;*/
			background: rgb(0, 0, 0); /* fallback color */
			background: rgba(0, 0, 0, 0.8);
			padding: 5px;
			margin: 4px;
		}

#sidebar {
	/*margin: 0 10px 0 10px;*/
	float: right;
	width: 300px;
	/*border: 1px solid red;*/
	/*overflow: hidden;*/
}

	#sidebar #ad_large_rectangle {
		width: 336px;
		height: 280px;
	}
	
	#sidebar h1 {
		color: #232323;
		letter-spacing: -1px;
		font-size: 22px;
		margin: 15px 0 5px 0;
		border-bottom: 1px solid #cccccc;
	}
	
	#sidebar h2 {
		color: #232323;
		letter-spacing: -1px;
		font-size: 18px;
		border-bottom: 1px solid #cccccc;
	}
		
		#sidebar h2 a {
			color: #232323;
			text-decoration: none;
		}
		
	#sidebar #game-info {
		float: left;
		background: #eeeeee;
		border: 1px solid #CCCCCC;
		margin: 5px 0;
		padding: 5px;
	}
	
		#sidebar #game-info h1 {
			font-size: 14px;
			color: #232323;
			border: 0;
		}
		
			#sidebar #game-info h1 a {
				text-decoration: none;
			}
	
		#sidebar #game-info p {
			margin: 0;
			padding: 5px 0 2px 0;
		}
		
		#sidebar #game-info img {
			width: 50px;
			height: 50px;
			border: 1px solid #cccccc;
			margin-right: 5px;
			padding: 3px;
			float: left;
		}
		
		#sidebar #game-info .attribute {
			width: 285px;
			float: left;
			clear: both;
			margin: 2px 0;
			/*border: 1px solid red;*/
		}
		
		#sidebar #game-info label {
			padding-top: 4px;
			float: left;
			display: block;
			width: 50px;
			height: 20px;
			font-weight: bold;
			/*border: 1px solid red;*/
		}
		
		#sidebar #game-info input {
			width: 220px;
			margin: 1px;
			padding: 3px;
			border: 1px solid #cccccc;
		}

.feature_game_thumb {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #191919;
	float:left;
	margin: 0 1em 10px 0;
	padding: 1px 1px 3px;
	position: relative;
	width: 247px;
}

.game_thumb {
	float: left;
	height: 120px;
	margin: 0;
	padding-right: 20px;
	position: relative;
	width: 300px;
}
	
	.game_thumb img {
		float: left;
		width: 100px;
		height: 100px;
		border: 1px solid #CCCCCC;
		padding: 3px;
	}
	
		.game_thumb img:hover {
			border: 1px solid #444444;
		}
	
	.game_thumb .meta {
		/*float: left;*/
		/*width: 250px;*/
		margin-left: 120px;
	}
	
		.game_thumb .meta p {
			font-size: 12px;
			margin: 0;
			padding: 0;
		}

	.game_thumb .meta h3 {
		/*float: left;*/
		font-size: 16px;
		line-height: 16px;
		margin: 2px 0 2px 0;
		/*padding: 0;*/
		/*overflow: hidden;*/
	}
	
.game_thumb_new {
	float: left;
	width: 110px;
	height: 140px;
	margin: 0px;
	padding: 10px;
	/*border: 1px solid green;*/
}

	.game_thumb_new h3 {
		float: left;
		font-size: 11px;
		font-weight: bold;
		margin: 4px 2px;
		padding: 0;
	}
	
	.game_thumb_new img {
		float: left;
		width: 100px;
		height: 100px;
		border: 1px solid #CCCCCC;
		padding: 3px;
	}
	
	.game_thumb_new img:hover {
		border: 1px solid #444444;
	}
	
.game_thumb_small {
	float: left;
	height: 70px;
	margin: 0;
	/*padding-right: 20px;*/
	position: relative;
	width: 207px;
	/*border: 1px solid green;*/
}

	.game_thumb_small img {
		float: left;
		width: 50px;
		height: 50px;
		border: 1px solid #cccccc;
		padding: 3px;
	}
		
		.game_thumb_small img:hover {
			border: 1px solid #444444;
		}
	
	.game_thumb_small .meta {
		margin-left: 70px;
	}
	
	.game_thumb_small .meta h3 {
		font-size: 12px;
		line-height: 16px;
		margin: 2px 0 2px 0;
	}
	
	.game_thumb_small .meta p {
		font-size: 10px;
		margin: 0;
		padding: 0;
	}

.category_wrapper {
	float: left;
	width: 207px;
	margin: 5px;
	/*border: 1px solid red;*/
}

	.category_wrapper h3 {
		font-size: 18px;
		margin: 10px 0 5px 0;
		padding: 0;
	}

	.category_wrapper .view_all {
		float: right;
		font-weight: bold;
	}

.clear {
	clear: both;
}

#share {
	float: right;
}

#game {
	clear: both;
}

	#game h1,
	#user h1 {
		color: #232323;
		letter-spacing: -1px;
		margin: 0;
		font-size: 24px;
		border-bottom: 1px solid #cccccc;
	}
	
		#game h1 span {
			float: right;
			text-align: right;
			height: 20px;
			width: 28px;
			/*border: 1px solid red;*/
			padding-top: 8px;
		}
		
	#game #sidebar,
	#user #sidebar {
		/*margin: 5px 0 5px 0;*/
		float: right;
		width: 300px;
		/*border: 1px solid red;*/
	}
	
.games_by_category {
	width: 250px;
	/*border: 1px solid red;*/
}

#secondary {
	clear: both;
}

	#secondary h2 {
		font-size: 18px;
		margin: 10px 0px 2px 0px;
	}
	
	#secondary p {
		margin: 2px;
	}

	#secondary .leftcontainer {
		float: left;
		width: 656px;
		/*border: 1px solid red;*/
	}

	#secondary .rightcontainer {
		float: right;
		width: 300px;
		/*border: 1px solid green;*/
	}

#avg-rating {
	float: left;
}

	#rating {
		float: left;
	}

	#rating-label {
		float: left;
		margin: 2px 5px 2px 0;
		padding: 0;
	}

	#rating-message {
		float: left;
		margin: 2px 5px;
	}

#tags {
	margin: 10px 2px;
	/*float: left;
	clear: both;*/
}

#ad_secondary_header {
	float: left;
	width: 100%;
	text-align: center;
}

.comment {
	float: left;
	width: 630px;
	border: 1px solid #E7E9E4;
	margin: 0 0 15px;
	padding: 15px;
}

	.comment .author {
		float: left;
		margin-right: 15px;
	}

p.small {
	font-size: 9pt;
}

.rounded {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
}

#news {
	float: left;
	clear: both;
	margin: 0;
}

#newsletter {
	float: left;
	margin: 0;
	clear: both;
}

#instructions {
	float: left;
	width: 660px;
}

#comments {
	float: left;
	width: 660px;
}
	
#searchresult {
	margin: 10px 0;
}

	#searchresult h1 {
		font-weight: normal;
	}

#twtr-profile-widget {
	float: left;
	margin: 10px 0;
}

#random-game {
	float: left;
}

#plays {
	float: right;
}

#ad_leaderboard {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	/*border: 1px solid red;*/
	margin-bottom: 5px;
	padding: 5px;
	/*background-color: #cccccc;*/
}

.float-right {
	float: right;
}

#share-on-fb {
margin:0;
}
a.fb_share_link:link, a.fb_share_link:visited, a.fb_share_link:hover, a.fb_share_link:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/share-facebook-sprite.png) no-repeat scroll 0 0;
display:block;
float:right;
height:22px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
padding:0;
position:relative;
text-indent:-9999px !important;
top:-2px;
width:146px;
}
a.fb_share_link:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/share-facebook-sprite.png) no-repeat scroll 0 -22px;
}
a.fb_share_link:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/share-facebook-sprite.png) no-repeat scroll 0 -44px;
}

#fb-fan-box {
	float: left;
	clear: both;
	margin: 10px 0;
}

#fb-connect {
	float: right;
	width: 280px;
	height: 60px;
	text-align: right;
	padding: 5px;
	/*border: 1px solid red;*/
}

#header-profilepic {
	margin-left: 10px;
	float: right;
}

.ad-sidebar {
	float: left;
	clear: both;
	margin-top: 5px;
}

.ad-footer {
	margin: 15px;
	text-align: center;
}

.ad-wide-link-unit {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

/**
 * Forms
 */
div.form {
	border: 2px solid #B7DDF2;
	background: #EBF4FB;
	margin: 0 0 10px 0;
	padding: 10px 0;
	/*padding: 3px;*/
	width: 99.5%;
	float: left;
	clear: both;
}

div.form div.row {
	width: 100%;
	float: left;
	clear: both;
	padding: 5px;
}

div.form label {
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	padding: 0 10px;
	width: 146px;
	text-align: right;
}

	div.form label.large {
		height: 100px;
	}

div.form input.text {
	float: left;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	border: 1px solid #DDDDDD;
	font-family: Arial,Helvetica,Calibri,sans-serif;
	font-size: 18px;
	padding: 7px 6px;
	width: 250px;
}

div.form div.action {
	float: left;
	clear: both;
	margin-left: 170px;
	padding: 0.25em 0;
}

div.form input {
	float: left;
	font-size: 17px;
}

div.form select {
	font-size: 14px;
}

div.form div.input {
	float: left;
	padding: 7px 6px;
	width: 250px;
}

div.form div.hint {
	color: #666666;
	display: block;
	float: right;
	line-height: 15px;
	margin-right: 10px;
	width: 500px;
	border: 1px solid red;
}

div.form label.error,
div.form span.error {
	color: #C00;
}

div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #FEE;
	border-color: #C00;
}

div.errorSummary {
	padding: 10px;
}

div.form label.normal {
	font: normal 9pt Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 3px;
	text-align: left;
}

/**
 * All games
 */
#all-games h2 {
	border-bottom: 1px solid #cccccc;
}

#all-games .module {
	float: left;
	clear: both;
	width: 100%;
}

#all-games .column {
	float: left;
	width: 240px;
}

#related-games-body {
	height: 430px;
	overflow: auto;
}

#footer-buttons {
	float: left;
	margin-top: 10px;
}

#arcade-ads {
	float: left;
	clear: both;
}

#arcade-ads .arcade-ad-100 {
	float: left;
	width: 100px;
	height: 100px;
	border: 1px solid #CCCCCC;
	padding: 3px;
}

#arcade-ads .arcade-ad-125 {
	float: left;
	width: 125px;
	height: 125px;
	border: 1px solid #CCCCCC;
	margin: 5px;
	padding: 3px;
}

.link {
	float: left;
	width: 160px;
}