/* CSS Document */


	body {
		background: #5a2381 url("/assets/images/bg.jpg") top repeat-x;
		text-align: center;
		margin: 0; padding: 0;
		font-family: Georgia, Helvetica, Trebuchet MS, sans-serif;
		font-size: 14px;
		color: #333;
	}
	
	h1, h2, h3, form, input { padding: 0; margin: 0; }


	#holder {
		width: 798px;
		margin: 71px auto 0 auto;
	}
	
	.note {
		background: url("/assets/images/notebg.jpg") center repeat-x;
		padding: 5px;
		font-size: 10px;
		border-top: 1px dotted #CC0000;
		border-bottom: 1px dotted #CC0000;
		color: #fff;
		margin: 5px 0;
	}
	
		.note a {
			color: #fff;
		}
	
	#main {
	 	background: #fff url("/assets/images/white_bg.gif") top repeat-y;
	}

	#header {
		background: url("/assets/images/bg_top.gif") top no-repeat;
		height: 136px;
	}

		#header h1 a {
			text-indent: -9999px;
			background: url("/assets/images/makemeagame.gif") top no-repeat;
			width: 180px;
			height: 136px;
			float: left;
			position: relative;
			left: -33px;	
			top: -61px;
			z-index: 100;
			display: inline;
		}

		#nav {
			position: relative;
			top: -19px;
			height: 39px;
			left: -28px;
			display: block;
		}

			#nav ul {
				margin: 0; padding: 0; 
				list-style-type: none;
			}

				#nav li {
					padding: 0; margin: 0;
					display: inline;
				}
				
				#nav li a {
					height: 45px;
					background-position: left;
					background-repeat: no-repeat;
					text-indent: -9999px;
					display: block;
					float: left;
				}
				
					#makeagame {
						width: 152px;
						background: url("/assets/images/nav_makeagame.gif");
					}

					#playgames {
						width: 125px;
						background: url("/assets/images/nav_playgames.gif");
					}

					#signup {
						width: 102px;
						background: url("/assets/images/nav_signup.gif");
					}

					#about {
						width: 101px;
						background: url("/assets/images/nav_about.gif");
					}

					#nav #makeagame:hover { background-position: right; }
					#nav #playgames:hover { background-position: right; }
					#nav #signup:hover { background-position: right; }
					#nav #about:hover { background-position: right; }
					
					

	#content {
		position: relative;
		top: -70px;
		clear: both;
	}
	
	#left {
		text-align: left;
		width: 543px;	
		padding-left: 10px;
		padding-top: 10px;
		float: left;
	}
	
		#left h2 {
			text-transform: uppercase;
			font-size: 14px;
			padding: 10px 0;
			font-family: Tahoma, Arial, sans-serif;
		}

		#left h3 {
			font-size: 12px;
		}

	.kitlist {
		list-style-type: none;
		margin: 0; padding: 0;	
	}

	ol {
		padding: 0;
		margin: 0 3px;
	}
		

		#gamenav {
			margin: 3px;
			padding: 0 0 7px 0;
			font-size: 10px;
		}
		

			#gamenav ul {
				list-style-type: none;
				padding: 0;
				margin: 10px 0;
			}
			
			#gamenav li {
					padding: 5px 5px 5px 0;
					margin: 0;
					float: left;
			}
			
				#gamenav li a, #gamenav input {
					text-transform: uppercase;
					font-weight: bold;
					text-decoration: none;
					border: 1px dotted #942824;
					padding: 3px;
					color: #942824;
					white-space: nowrap;
				}
				
					#gamenav li a:hover {
						background: #942824;
						color: #fff;
					}
				
				#gamenav input {
					border: none;
					font-family: Georgia, "Times New Roman", Times, serif;
					background: none;
					margin-top: -4px;
					font-size: 10px;
					cursor: pointer;
				}
				
				#gamenav li a.selected {
					color: #fff;
					background: #942824;
					padding: 2px 6px;
				}

	.userphoto {
		border: 1px solid #aaa;
		margin: 0 10px 5px 0;
		float: left;
	}

		.userphoto img {
			border: 1px solid #fff;
		}

	#featured {
		padding-left: 2px;
	}
	
	#gamelists {
		clear: both;
		margin-top: 10px;
		padding: 0;
	}
	
		#gamelists h3 {
			padding: 0 0 6px 0;
		}

	.gamelist {
		padding: 0; margin: 0;
		list-style-type: none;
	}

		.gamelist ul {
			list-style-type: none;	
		}

			.gamelist li {
				width: 539px;
				margin: 5px 0;
				background: url("/assets/images/gamelist_top.gif") top no-repeat;
				padding-top: 15px;
				margin-bottom: 5px;
			}
	
				.gamelist .gamebottom {
					background: url("/assets/images/gamelist_bottom.gif") bottom no-repeat;
					padding-bottom: 15px;
				}

				.gamelist .gamemiddle {
					background: url("/assets/images/gamelist_middle.gif") top repeat-y;
					padding: 0 20px;
				}

	#right {
		float: right;
		text-align: left;
		padding: 0;
		width: 230px;
		margin: 0 0 0 6px;
		font-size: 12px;
		overflow: hidden;
	}
	
		#right form {
			display: inline;
		}
	
		#right a {
			color: #a3daa1;
			text-decoration: none;
			border-bottom: 1px dotted #a3daa1;	
		}
		
		#right h2 {
			text-transform: uppercase;
			font-size: 11px;
			text-align: center;
			color: #a3daa1;
			margin-bottom: 7px;
		}
		
			#right .gamelist {
				margin: 10px 0;
			}

			.signup {
				text-transform: uppercase;
				padding: 0 5px;
				margin: 0;
				font-size: 10px;
			}
			
				dl {
					clear: both;
				}
				
				dd { padding: 0; margin: 0; }
				
				
				.signup input {
					height: 20px;
					width: 162px;
					font-size: 16px;
					color: #003300;
					border: none;
					padding: 4px;
				}
				
				.signup .signupbutton {
					text-transform: uppercase;
					background: none;
					color: #fff;
					border: 2px dotted #fff;
					width: auto;
					height: auto;
					margin: 6px 0 0 0;
					padding: 2px;
					font-size: 10px;
				}
		

			#right .itemtop {
				background: url("/assets/images/rightbar_top.gif") top no-repeat;
				padding-top: 20px;
			}
			
			#right .itembottom {
				background: url("/assets/images/rightbar_bottom.gif") bottom no-repeat;
				padding-bottom: 14px;
			}
			
			#right .item {
				clear: both;
				margin-bottom: 5px;
				padding: 6px 24px;
				background: url("/assets/images/rightbar_middle.gif") top repeat-y;
				color: #fff;
			}

			#googlead {
				color: #333;
				clear: both;
				padding: 6px 24px;
			}
		
		.clear {
			clear: both;
		}
		
		input.submit {
			background: #ebebeb;
			float: right;
			width: 8em;
			color: #707070;
			border-style: none;
			padding: 3px;
			margin-right: 5px;
			font-weight: bold;
			font-size: .8em;
			text-transform: uppercase;
		}
		
		.good {
			color: #66CC00;
		}
		
		.name {
			font-size: 10px;
			color: #333;
		}
		
		.gamedescription {
			font-size: 10px;
			color: #333;
			background: #fafafa;
			border-top: 1px dotted #ccc;
			border-bottom: 1px dotted #ccc;
			padding: 8px 4px;
			color: #000;
		}
		
		.bad {
			color: #CC3300;
		}
		
		textarea {
			color: #333;
		}
		
		.meta {
			float: left;
			width: 100px;
		}
		
		.description {
			float: left;
		}

		.callink {
			display:inline;
		}
		.callink a {
			padding: 10px 0 0 10px;
		}
		

	#whatisthis {
		width: 543px;
		background: url("/assets/images/whatisthis_middle.gif") top repeat-y;
	}

		#whatisthis h2 {
			text-indent: -9999px;
			height: 31px;
			padding: 0; margin: 0;
			background-color: none;
			background: url("/assets/images/whatisthis_top.gif") top no-repeat;
		}

		#whatisthis div {
			color: #fff;
			padding: 0 20px 18px 20px;
			background: url("/assets/images/whatisthis_bottom.gif") bottom no-repeat;
		}
		
		#whatisthis a {
			color: #fff;
		}
		


		h2#hereare {
			padding-left: 34px;
			height: 34px;
			background: url("/assets/images/blue_down_arrow.gif") left no-repeat;
			text-transform: none;
			color: #46aad1;
		}

	#right ul {
		clear:both;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
		#right ul li {
			margin: 2px 0;
			padding: 0;
		}
		
			#right li a {
				display: block;
				padding: 2px 6px;
				font-size: 10px;
				text-transform: uppercase;
				color: #fff;
			}
				

	.clear {
		clear: both;
	}

	#right .name {
		color: #fff;
	}

	.gamelist {
		margin: 0; padding: 0;
	}

	#comments {
		list-style-type: none;
	}
	


/*   OTHER STUFF    */

div#qTip {
 padding: 3px;
 display: none;
 color: #fff;
 border: 1px solid #07552c;
 background: #4b9d48;
 font-weight: bold;
 font-size: 11px;
 position: absolute;
 z-index: 1000;
 font-family: Tahoma, sans-serif;
}

#uploadiframe {
	border-width: 0px;
	height: 40px;
	width: 400px;
    vertical-align:top;
}
iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}

#uploadimages {
	width: 390px;
	margin: 20px;
}

#uploadimages div {
	margin: 0 10px 10px 10px;
	width: 75x;
	height: 75px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
	float: left;
	overflow: hidden;
}

#uploadimages img.load {
	margin: 24px;
}

blockquote {
	margin: 3px;
	padding: 3px;
}
blockquote:before {
    content: open-quote;
    font-size: 18px;
   	color: silver;
	padding-right: 2px;
}
blockquote:after {
    content: close-quote;
    font-size: 18px;
    color: silver;
	padding-left: 2px;
}


#whatisthis blockquote:before {
	font-size: 24px;
	color: #fff;
}
#whatisthis blockquote:after {
    font-size: 24px;
    color: #fff;
}


/*  homepage */

.giveitatry {
	display: block;
	width: 111px;
	height: 29px;
	background: url("/assets/images/giveitatry.gif") top no-repeat;
	text-indent: -9999px;
	margin: 10px 0;
}


/* comments */

.commentform {
	display: none;
}

.quote {
	font-size: 10px;
	color: #666;
	margin: 10px;
	padding: 3px;
	border: 1px dotted #ccc;
}