/*****************************************************************************
**		 __      __  ____     ____     __  __  ________   ________      	**
**		/\ \  __/\ \/\  _`\  /\  _`\  /\ \/\ \/\_____  \ /\_____  \    		**
**		\ \ \/\ \ \ \ \ \L\ \\ \ \L\ \\ \ \ \ \/____//'/'\/____//'/'   		**
**		 \ \ \ \ \ \ \ \  _ <'\ \  _ <'\ \ \ \ \   //'/'      //'/'    		**
**		  \ \ \_/ \_\ \ \ \L\ \\ \ \L\ \\ \ \_\ \ //'/'___   //'/'___  		**
**		   \ `\___x___/\ \____/ \ \____/ \ \_____\/\_______\ /\_______\		**
**			'\/__//__/  \/___/   \/___/   \/_____/\/_______/ \/_______/		**
**																			**
**	This site created by Drew Loomer for the West Bloomfield Township 		**
**	Public Library Youth Department.  										**
**	Completed on 9-14-2009													**
**	loomerdr@wblib.org														**
**	Sorry about the lame ASCII art - it was just too tempting...			**
**																			**
**	These styles are used by the game pages.								**
**																			**
*****************************************************************************/


/* Game Box */
.gameBox
{
	background-color:			#f8f9ed;
	border:						1px solid #b2b2b2;
	margin-bottom:				20px;
	margin-left:				auto;
	margin-right:				auto;
	text-align:					center;
	width:						600px;
}

.gameSelected
{
	background-color:			#f8f9ed;
	float:						right;
	height:						300px;
	padding:					5px;
	text-align:					left;
	width:						240px;
}

.gameSelectedImage
{
	border:						1px solid #aaaaaa;
	margin-bottom:				10px;
	margin-left:				10px;
	margin-top:					5px;
	text-align:					center;
}

.gameSelected h3
{
	font-size:					18px;
	margin-bottom:				3px;
	margin-left:				10px;
}

.gameSelected p
{
	margin-left:				10px;
}

.gameHidden
{
	display:					none;
	float:						left;
}

.gameThumbs
{
	background-color:			#dde7f4;
	border-right:				1px dashed #b2b2b2;
	padding-top:				2.5px;
	width:						350px;
}

.gameThumb
{
	filter:						alpha(opacity=50);
	opacity:					.5;
	padding:					2.5px;
}

.gameThumb:hover
{
	filter:						alpha(opacity=100);
	opacity:					1;
}

.gameLogo
{
	display:					block;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					30px;
}