#index-logo a 
{ 
	vertical-align: top; 
}

#main-menu
{
	overflow-y: auto;
	overflow-x: hidden; 
}

#main-menu ul li
{
	font-family: "starjedi", "Arial"; 
	letter-spacing: 4px;
	text-transform: lowercase;
	
	text-shadow: 	2px 2px 0px rgb(85, 65, 11), 
					-2px 2px 0px rgb(85, 65, 11), 
					-2px -2px 0px rgb(85, 65, 11), 
					2px -2px 0px rgb(85, 65, 11), 
					0px 2px 0px rgb(85, 65, 11), 
					0px -2px 0px rgb(85, 65, 11), 
					2px 0px 0px rgb(85, 65, 11), 
					-2px 0px 0px rgb(85, 65, 11), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54); 
	font-size: 2.5em; 
}

#main-menu ul li:hover
{
	text-shadow: 	2px 2px 0px rgb(85, 65, 11), 
					-2px 2px 0px rgb(85, 65, 11), 
					-2px -2px 0px rgb(85, 65, 11), 
					2px -2px 0px rgb(85, 65, 11), 
					0px 2px 0px rgb(85, 65, 11), 
					0px -2px 0px rgb(85, 65, 11), 
					2px 0px 0px rgb(85, 65, 11), 
					-2px 0px 0px rgb(85, 65, 11), 
					0px 0px 10px rgb(235, 207, 134), 
					0px 0px 10px rgb(235, 207, 134), 
					0px 0px 10px rgb(235, 207, 134), 
					0px 0px 10px rgb(235, 207, 134), 
					0px 0px 10px rgb(235, 207, 134), 
					0px 0px 10px rgb(235, 207, 134), 
					0px 0px 10px rgb(235, 207, 134), 
					0px 0px 10px rgb(235, 207, 134), 
					0px 0px 10px rgb(235, 207, 134); 
}

#main-menu ul li a { color: rgb(247, 241, 223); }

#main-menu ul #main-menu-play { left: 8%; }
#main-menu ul #main-menu-news { left: 15%; }
#main-menu ul #main-menu-manual { left: 20%; }
#main-menu ul #main-menu-rank { left: 24%; }
#main-menu ul #main-menu-social-network { margin-top: 50px; }

#main-menu form
{
	display: inline-block; 
	vertical-align: middle; 
	text-align: left; 
	list-style-type: none; 
	width: 100%; 
}

#main-menu form h4 { text-align: center; }

#main-menu form table
{ 
	margin: auto; 
}

#main-menu form table td 
{ 
	padding: 3px; 
	padding-left: 20px; 
	padding-right: 10px; 
}

#main-menu form .input-text
{
	padding: 3px; 
	border-radius: 5px; 
	margin-top: 5px; 
	border: solid 1px rgb(85, 65, 11); 
	outline: none;
	box-shadow: 2px 2px 0px rgb(85, 65, 11), 
					-2px 2px 0px rgb(85, 65, 11), 
					-2px -2px 0px rgb(85, 65, 11), 
					2px -2px 0px rgb(85, 65, 11), 
					0px 2px 0px rgb(85, 65, 11), 
					0px -2px 0px rgb(85, 65, 11), 
					2px 0px 0px rgb(85, 65, 11), 
					-2px 0px 0px rgb(85, 65, 11); 
}

#main-menu form .input-text:focus 
{
	border: solid 1px rgb(85, 65, 11); 
	outline: none;
	box-shadow: 2px 2px 0px rgb(85, 65, 11), 
					-2px 2px 0px rgb(85, 65, 11), 
					-2px -2px 0px rgb(85, 65, 11), 
					2px -2px 0px rgb(85, 65, 11), 
					0px 2px 0px rgb(85, 65, 11), 
					0px -2px 0px rgb(85, 65, 11), 
					2px 0px 0px rgb(85, 65, 11), 
					-2px 0px 0px rgb(85, 65, 11), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54);
}

#main-menu form .call-to-action 
{
	cursor: pointer; 
	color: rgb(247, 241, 223); 
	font-family: "starjedi", "Arial"; 
	letter-spacing: 4px;
	text-transform: lowercase;
	
	text-shadow: 	2px 2px 0px rgb(85, 65, 11), 
					-2px 2px 0px rgb(85, 65, 11), 
					-2px -2px 0px rgb(85, 65, 11), 
					2px -2px 0px rgb(85, 65, 11), 
					0px 2px 0px rgb(85, 65, 11), 
					0px -2px 0px rgb(85, 65, 11), 
					2px 0px 0px rgb(85, 65, 11), 
					-2px 0px 0px rgb(85, 65, 11), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54); 
	font-size: 2.5em; 
	
	padding-left: 20px; 
	padding-right: 20px; 
	padding-bottom: 5px; 
	
	border-radius: 5px; 
	margin-top: 5px; 
	border: solid 1px rgb(85, 65, 11); 
	
	background-color: rgb(178, 144, 54); 
	
	box-shadow: 2px 2px 0px rgb(85, 65, 11), 
					-2px 2px 0px rgb(85, 65, 11), 
					-2px -2px 0px rgb(85, 65, 11), 
					2px -2px 0px rgb(85, 65, 11), 
					0px 2px 0px rgb(85, 65, 11), 
					0px -2px 0px rgb(85, 65, 11), 
					2px 0px 0px rgb(85, 65, 11), 
					-2px 0px 0px rgb(85, 65, 11); 
}

#main-menu form .call-to-action:hover
{
	box-shadow: 2px 2px 0px rgb(85, 65, 11), 
					-2px 2px 0px rgb(85, 65, 11), 
					-2px -2px 0px rgb(85, 65, 11), 
					2px -2px 0px rgb(85, 65, 11), 
					0px 2px 0px rgb(85, 65, 11), 
					0px -2px 0px rgb(85, 65, 11), 
					2px 0px 0px rgb(85, 65, 11), 
					-2px 0px 0px rgb(85, 65, 11), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54), 
					0px 0px 8px rgb(178, 144, 54);
}