/* Settings */
* {padding: 0; margin: 0}
a img {border: 0;}

a:active, input:active {outline:none;}
a:focus, input:focus {outline:none; -moz-outline-style:none;}

.clear {clear: both;}

/* Typography, Colors, Spacing */
div, h4, p, li, input {font-family: verdana; font-size: 12px;}
h1, h2, h3 {font-family: georgia, 'Times New Roman', times, serif;}
	h2 {font-size: 23px; margin-top: 12px; font-weight: normal;}
	h3 {font-size: 18px; color: #620000; margin-top: 12px; font-weight: normal;}
	h4 {margin-top: 15px;}
p {padding: 6px;}
p.notice {padding: 14px; color: #496cad;}
a{color: #965555; text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}
.divider {border-top: 1px dotted #4a4a4a; clear: both; margin-top: 10px; margin-bottom: 10px;}

/* Structure */
body, html {height: 100%;}
body { background-image: url('?m=gettplfile&fn=top_bg.png'); background-repeat: repeat-x; background-position: top; }
	#wrapper {min-height: 100%; height: auto !important; height: 100%; margin-bottom: -40px;}
	#page {width: 920px; margin-left: auto; margin-right: auto; }
		#top_bar { height: 90px;}
			#logo {float: left;}
			#login {float: right; margin-top: 10px;}
			#login input.field {width: 84px; height: 17px; background-color: #363636; border: 0; line-height: 17px; color: #fff; vertical-align: top; float: left; margin-right: 4px; margin-top: 2px;}
			#login label {color: #fff; text-transform: uppercase; font-size: 10px; font-weight: bold; vertical-align: top; padding-right: 3px; padding-left: 2px; display: block; float: left; margin-top: 2px;}
			#welcome {float: right; margin-top: 12px; color: #fff;}
			#welcome a.newmsg {color: #fff4d0; font-weight: bold;}
			img#logged_in {float: right; margin-top: 10px; margin-left: 5px;}
			#menu {padding-left: 8px; clear: both;}
			#menu a {margin-top: 5px; color: #000; text-decoration: none; display: block; padding-top: 5px; width: 79px; height: 24px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 10px; background-image: url('?m=gettplfile&fn=menu_button.png'); background-repeat: no-repeat; background-position: top center; vertical-align: center; margin-right: 5px; float: left; cursor: pointer;}
			#menu a:hover {background-image: url('?m=gettplfile&fn=menu_button_highlight.png'); }
		#content {clear: both; margin-bottom: 50px;}
		#footer {height: 40px; background-image: url('?m=gettplfile&fn=footer_bg.jpg'); background-repeat: repeat-x; text-align: center;}
			.fill {height: 40px;}
		#footer p {color: #fff; padding-top: 13px;}
		
/* Elements & Page Specific */

	/* Basic Page Style */
	#content_wrapper {padding-left: 10px; padding-top: 10px;}
	#content_wrapper .ad_728x90 {margin-left: auto; margin-right: auto; margin-bottom: 20px;}
		.column_left {float: left; width: 570px; clear: left; margin-right: 20px; margin-left: 90px; margin-bottom: 15px; }
		.column_right {float: left; background-color: #eee; width: 0px; margin-bottom: 15px; padding-bottom: 10px;}
		.column_right .ad_300x250 {margin-left: auto; margin-right: auto; clear: both; margin-top: 10px; margin-bottom: 10px;}
	.dotted { background-color: #eee;}

	/* Layers  */
	#layer_wrapper {background-color: #f0f0ef; padding: 11px;}
	#layer_wrapper h3, #column_right h3 {padding-left: 5px; padding-top: 5px; height: 26px; color: #fff; background-image: url('?m=gettplfile&fn=block_title_bg.png'); background-repeat: repeat-x; font-family: verdana; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0;}
	.layer_content {background-color: #fff; width: 100%; height: 100%; z-index: 3; position: absolute; top: 0px; left: 0px; overflow: hidden;}
	.layer_shadow {background-color: #b3b3b3; width: 100%; height: 100%; position: absolute; z-index: 2; left: 3px; top: 3px;}
	#layer_left { float: left; width: 728px; position: relative; margin-right: 9px; position: relative;}
	
		/* Front Page */
		#layer_left .ad_728x90 {position: relative;}
			#featured_games {clear: both; float: left; height: 246px; background-color: blue; margin-top: 12px; width: 728px; position: relative;}
				#game_of_the_week {width: 248px; height: 246px; float: left;}
				.featured_game {height: 246px; width: 160px; float: left; }
			#feed {clear: left; float: left; width: 388px; height: 240px; margin-right: 12px; margin-top: 12px; position: relative;}
				ul#feed_list {padding: 5px; }
				ul#feed_list li {height: 30px; padding: 4px; font-size: 11px; list-style-type: none; list-style-position: outside;}
					.feed_details, .comment_details {font-size: 10px; color: #586f91;}
				ul#feed_list li.off {background-color: #f0f0f0;}
			#leaderboard {float: left; width: 327px; height: 240px; margin-top: 12px; position: relative;}
				#leaderboard_tabs {padding: 5px; font-size: 11px; text-align: right; padding-left: 20px;}
				#leaderboard_tabs a {color: #79a5c5;}
				table.leaderboard {font-size: 10px; margin-left: 10px; width: 310px;}
				table.leaderboard .rank {width: 30px;}
				table.leaderboard .user {width: 120px;}
				table.leaderboard .xp {}
				table.leaderboard tr th {text-align: left; font-weight: bold; padding-right: 15px; padding-left: 4px;}
				table.leaderboard tr td {border-bottom: 1px dotted #eee; padding: 2px; padding-left: 4px; padding-right: 4px;}
				table.leaderboard tr.current_user_rank td {background-color: #eee; padding-top: 4px; padding-bottom: 4px;}
		#layer_wrapper .ad_160x600 {float: left; position: relative;}
	
	/* Games Listing */
	.games_list_column {float: left; width: 270px; margin-left: 15px; margin-right: 15px; padding-top: 5px; display: inline;}
	.cat_list {clear: both; padding-top: 5px; padding-bottom: 5px; border-top: 1px dotted #4a4a4a; margin-top: 4px;}
		.game_list_entry {padding: 6px; padding-top: 9px; padding-bottom: 6px; clear: both;}
		.game_list_entry a {color: #000;}
			img.game_icon {float: left; margin-right: 7px;}
			.game_rating {padding-top: 2px; }
			.game_rating img {float: left; margin-right: 1px;}
		a.see_all {float: right; display: block; clear: both; padding-top: 3px;}
	.cat_list h3 {margin-top: 0px;}
	.last_cat {border-bottom: 1px dotted #4a4a4a;}
	.cat_list p {font-size: 11px; color: #555;}
	
	/* Generic Forms */
	.form {font-size: 14px;}
	.form div {clear: left; float: left; width: 80px; text-align: right; padding-right: 10px; margin-top: 10px;}
	.form input, #signup_form select {float: left; width: 150px; border: 1px solid #ccc; margin-top: 10px; height: 20px; clear: right;}
	.form input.signup_button { width: 79px; height: 24px; border: 0;}	
	.form input.checkbox {width: 15px; text-align: left; border: 0;}
	
	/* Game Page */
	#game_container {padding: 11px; clear: both; margin-top: 10px; margin-bottom: 10px;}
		#game {background-color: #444; height: 500px; width: 800px; margin-left: auto; margin-right: auto;}
	#leaderboard.game_leaderboard {width: 295px; margin-top: 0px; height: 500px;}
	#leaderboard.game_leaderboard #leaderboard_tabs {padding-left: 4px; font-size: 10px;}
	#leaderboard.game_leaderboard table.leaderboard tr td {padding-top:4px; padding-bottom: 4px;}
	.game_comments {clear: both;}	
		.comment {clear: both; margin-top: 10px; padding: 4px; background-color: #fff; border: 1px dotted #aaa;}
			.comment p {}
	
	/* Social Center */
	#social_center { padding: 10px; background-color: #ddd;}
	#search_form {padding: 10px; border: 1px dotted #bbb; background-color: #fafafa; margin-left: auto; margin-right: auto;}
		#search_form input.search {vertical-align: top; margin-top: 2px; height: 20px; border: 0; background-color: #fff; color: #000; border: 1px solid #ddd; font-size: 14px; width: 180px; margin-right: 5px;}
	#social_center p {text-align: right; color: #555; font-size: 11px;}
	#social_center_options {padding: 10px; border: 1px dotted #bbb; background-color: #fafafa; text-align: right;}
	#social_center_options a {display: block; border-bottom: 1px dotted #ccc; padding: 5px;}
	#social_center_options a:hover {background-color: #eee;}
	#social_center_options a.last {border-bottom: 0px;}
	
	/* User List */
	.user_list {padding: 15px;}
		.user_list_entry {padding-left: 4px; margin-top: 10px; margin-bottom: 10px; clear: left; }
		.user_list_entry img {float: left; margin-right: 5px;}
		.user_list_entry p {float: left; margin-top: 15px; font-size: 12px; font-weight: normal;}
		a.user_list_option {float: right; display: block; padding: 5px; background-color: #eee; border: 1px dotted #ccc; margin-left: 5px; margin-top: 3px;}
		a.user_list_option:hover {background-color: #f4f4f4;}
	
	/* Group List */
	.group_list {padding-left: 4px; padding-right: 15px; margin-top: 10px; clear: both;}
		.group_list_entry {clear: left; margin-bottom: 10px;}
		.group_list_entry img {float: left; margin-right: 5px;}
		.group_list_entry p {float: left; width: 470px; padding-left: 10px; padding-top: 0px;}
	
	/* Profile */
	.user_avatar {float: left; width: 220px; background-color: #eee; text-align: center; margin-right: 20px; width}
	.user_avatar img {margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;}
		.user_options {padding-left: 10px; padding-right: 10px; padding-bottom: 5px; text-align: right;}
		.user_options a {display: block; border-bottom: 1px dotted #ccc; padding: 3px;}
		.user_options a:hover {background-color: #fefefe;}
		.user_options a.last {border-bottom: 0px;}
	.user_info {float: left; width: 330px;}
	.user_info h3 {margin-top: 0px;}

	/* Account Settings */
	#profile_settings_form label {display: block; float: left; font-size: 11px; padding-top: 12px; padding-left: 5px;}
	.friends_management .user_list_entry {margin-top: 0px; margin-bottom: 8px;  padding-bottom: 8px; border-bottom: 1px dotted #ccc;}
	.friends_management .user_list_entry p {margin-top: 5px;}
	
	
	/* Ads */
	.ad_728x90 {background-color: #555; width: 728px; height: 90px;}
	.ad_300x250 {background-color: #555; width: 300px; height: 250px;}
	.ad_160x600 {background-color: #555; width: 160px; height: 600px;}
	.ad_bottom {margin-top: 20px;}0 {background-color: #555; width: 160px; height: 600px;}
	.ad_bottom {margin-top: 20px;}