/*****************************************************************************
**		 __      __  ____     ____     __  __  ________   ________      	**
**		/\ \  __/\ \/\  _`\  /\  _`\  /\ \/\ \/\_____  \ /\_____  \    		**
**		\ \ \/\ \ \ \ \ \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...			**
**																			**
**	This contains the styles for the great reads section.					**
**																			**
*****************************************************************************/


/* Entries */
#readBox
{
	background-color:			#f8f9ed;
	border:						1px solid #b2b2b2;
	float:						left;
	margin-bottom:				20px;
	margin-left:				auto;
	margin-right:				auto;
	text-align:					center;
	width:						608px;
}

.readSelected
{
	background-color:			#f8f9ed;
	border-right:				1px dashed #b2b2b2;
	float:						left;
	padding:					5px;
	text-align:					left;
	width:						242px;
}

.readSelectedImage
{
	border:						1px solid #aaaaaa;
	margin-left:				10px;
	margin-top:					5px;
	text-align:					center;
}

.readSelected h3
{
	font-size:					16px;
	margin-left:				10px;
	text-align:					lefty;
}

.readSelected h4
{
	color:						#000;
	font-size:					12px;
	font-style:					italic;
	font-weight:				normal;
	margin-left:				10px;
	text-align:					left;
}

.readSelected h5
{
	font-size:					10px;
	font-style:					italic;
	font-weight:				normal;
	margin-bottom:				3px;
	text-align:					right;
}

.readSelected h6
{
	font-size:					12px;
	font-weight:				normal;
	margin-bottom:				3px;
	margin-left:				10px;
}

.readSelected p
{
	margin-left:				10px;
	text-align:					justify;
	width:						222px;
}

.readHidden
{
	display:					none;
	float:						left;
}

#readThumbs
{
	background-color:			#dde7f4;
	float:						right;
	padding-top:				2.5px;
	width:						355px;
}

#readThumbs h3
{
	font-size:					18px;
	font-weight:				normal;
	margin-left:				5px;
	text-align:					left;
}

.readThumb
{
	filter:						alpha(opacity=50);
	opacity:					.5;
	padding:					2.5px;
}

.readThumb:hover
{
	filter:						alpha(opacity=100);
	opacity:					1;
}

.readLogo
{
	display:					block;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					30px;
}

.readImg
{
	background-color:			#f7f2e2;
	border-bottom:				1px solid #003963;
	height:						45px;
}

.readGroup
{
	border:						1px solid #003963;
	margin-bottom:				10px;
	margin-top:					15px;
}

.readCat
{
	font-size:					16px;
	margin-bottom:				10px;
	margin-top:					10px;
}





/* Print Styles */
#printDiv
{
	cursor:						pointer;
	float:						right;
	margin-right:				2px;
}

#printDiv:hover
{
	text-decoration:			underline;
}

#printDiv img
{
	padding-right:				3px;
	vertical-align:				middle;
}

.printHeading
{
	margin-bottom:				20px;
}

.printHeading h1
{
	font-size:					30px;
	line-height:				28px;
}

.printItem
{
	margin-bottom:				20px;
	margin-left:				20px;
	margin-right:				20px;
}

.printItem h3
{
	font-size:					18px;
}

.printItem h4
{
	font-size:					14px;
}

.printItem h5
{
	font-size:					12px;
}