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

body {
	color:#54443a;
	font:11px/1.4em Georgia, Times, "Times New Roman", serif;
	background:#211f1b url("../images/demo_bg.gif") repeat-x;
	text-align:center;
	margin:0;
}

a { color:#ffb801; text-decoration:none; }
a:hover { text-decoration:underline; }

/* TOP HAT
* ------------------------------- */
#tophat {
	width:990px;
	height:164px;
	text-align:left;
	background:#000 url("../images/tophat.png") no-repeat;
	margin:0 auto;
	position:relative;
}
	#tophat h1 {
		padding:0;
		margin:0;
		position:absolute;
		left:25px;
		top:0;
	}
		#tophat h1 a {
			display:block;
			text-indent:-1000px;
			overflow:hidden;
			width:190px;
			height:164px;
		}
	
	#tophat .ad {
		width:728px;
		height:90px;
		background-color:#000;
		position:absolute;
		right:17px;
		top:7px;
	}
	
	#tophat #nav {
		list-style:none;
		position:absolute;
		left:243px;
		top:108px;
		padding:0;
		margin:0;
	}
		#tophat #nav li {
			display:block;
			float:left;
			margin:0 14px;
			/*margin:0 16px;*/
		}
			#tophat #nav li.alpha {
				margin-left:0;
			}
			#tophat #nav li.omega {
				margin-right:0;
			}
			#tophat #nav li a {
				background:url(../images/underline.gif) repeat-x 0 -3px;
				font-size:10px;
				text-indent:-1000px;
				overflow:hidden;
				display:block;
				height:50px;
			}
				#tophat #nav li a:hover {
					background-position:0 37px;
				}
				/*#tophat #nav li a.website {
					width:146px;
				}
				#tophat #nav li a.instructions {
					width:117px;
				}
				#tophat #nav li a.credits {
					width:69px;
				}
				#tophat #nav li a.play {
					width:108px;
				}
					#tophat #nav li a.play:hover {
						background:none;
					}
				#tophat #nav li a.download {
					width:151px;
				}*/
				
				#tophat #nav li a.website {
					width:132px;
				}
				#tophat #nav li a.instructions {
					width:106px;
				}
				#tophat #nav li a.credits {
					width:63px;
				}
				#tophat #nav li a.play {
					width:98px;
				}
					#tophat #nav li a.play:hover {
						background:none;
					}
				#tophat #nav li a.download {
					width:136px;
				}
				
	#tophat .addthis_button {
		display:block;
		background:none !important;
		width:60px;
		height:30px;
		text-indent:-1000px;
		overflow:hidden;
		position:absolute;
		left:907px;
		top:117px;
	}
				
	#tophat #size_options {
		display:none;
		width:125px;
		list-style:none;
		position:relative;
		left:-14px;
		top:-5px;
		padding:0;
		margin:0;
		z-index:101;
	}
		#tophat #size_options li {
			background-color:#3d3329;
			border:1px solid #7e6358;
			border-top:none;
			padding:0;
			margin:0;
		}
			#tophat #size_options li a {
				display:block;
				background:none;
				color:#FFF;
				width:125px;
				height:30px;
				line-height:30px;
				font-size:12px;
				text-indent:0;
				text-align:center;
			}
	
/* GAME DISPLAY
* ------------------------------- */
#game {
	background-color:#000;
	border:1px solid #54443a;
	padding:1px;
	margin:20px auto 0;
}
	.x1024 {
		width:1024px;
		height:768px;
	}
		.x1024 a {
			display:block;
			margin:84px 112px;
		}
	.x800 {
		width:800px;
		height:600px;
	}
	
#help {
	margin:20px 0;
	font:13px/1em Helvetica, Arial, Verdana, sans-serif;
}
	#help a {
		color:#54443a;
		text-decoration:underline;
	}

/* PAGE
* ------------------------------- */
#page {
	width:800px;
	color:#9e8c68;
	margin:40px auto;
	text-align:left;
	font-size:12px;
	line-height:1.5em;
}
	#page h2 {
		font-size:24px;
		font-weight:normal;
	}
	#page cite,
	#page em {
		color:#54443a;
	}
	
/* INDEX PAGE
* ------------------------------- */
#index_page {
	width:800px;
	height:600px;
	text-indent:-5000px;
	background:#000 url(../images/index.jpg) no-repeat 1px 1px;
	border:1px solid #54443a;
	padding:1px;
	margin:20px auto;
	position:relative;
}
	#index_page ul, 
	#index_page ul li {
		list-style:none;
		padding:0;
		margin:0;
	}
	a.button {
		display:block;
		position:absolute;
		overflow:hidden;
		text-indent:-1000px;
		text-align:left;
		background:url(../images/button.gif) no-repeat 8px 50px;
		width:194px;
		height:45px;
	}
		a.button:hover {
			background-position:8px 8px;
		}
	#index_page a {
		left:453px;
	}
		#index_page a.download {
			top:177px;
		}
		#index_page a.large {
			top:410px;
		}
		#index_page a.small {
			top:475px;
		}
		
/* DOWNLOAD PAGE
* ------------------------------- */
#download_page {
	width:800px;
	height:600px;
	text-indent:-5000px;
	background:url(../images/download.jpg) no-repeat 1px 1px;
	border:1px solid #54443a;
	padding:1px;
	margin:20px auto;
	position:relative;
}
	#download_page a {
		display:block;
		position:absolute;
		overflow:hidden;
	}
		#download_page a.air {
			background:url(../images/download_air.gif) no-repeat 4px 35px;
			width:224px;
			height:30px;
			left:484px;
			top:332px;
		}
			#download_page a.air:hover {
				background-position:4px 24px;
			}
		#download_page a.demo {
			left:450px;
			top:482px;
		}
	#download_page ul,
	#download_page ul li {
		line-style:none;
		padding:0;
		margin:0;
	}
	
/* FORMAT
* ------------------------------- */
#format {
	width:300px;
	list-style:none;
	margin:15px auto;
	overflow:auto;
}
	#format li {
		width:100px;
		display:inline;
		float:left;
		
	}
		#format li.alpha {
			border:none;
			padding-left:0;
		}
	#format h4 {
		margin:0;
	}

/* FOOTER
* ------------------------------- */
#footer {
	width:990px;
	background:url("../images/footer.gif") no-repeat;
	text-align:center;
	padding:15px 0 0;
	margin:0 auto;
	clear:both;
}
	#footer h3 {
		color:#d2d1cc;
		font-weight:normal;
		font-size:16px;
		margin:0;
	}
	#footer cite {
		font-style:normal;
		text-transform:uppercase;
	}
	#footer p {
		font-size:10px;
		line-height:1.3em;
	}
		#footer p a {
			color:#54443a;
			text-decoration:underline;
		}
	#footer ul {
		font-size:13px;
		list-style:none;
		margin:25px 0 15px;
	}
		#footer ul li {
			display:inline;
			padding:0 15px;
			border-left:1px solid #54443a;
		}
			#footer ul li.alpha {
				border:none;
				padding-left:0;
			}
	#footer .ad {
		width:728px;
		height:90px;
		margin:40px auto;
	}