/* rotate.css - style information for Rotate game.
 *
 * version history:
 *
 * 1.0 - initial draft, 5/1/09
 */

/* general text styles for information surrounding the game:
 */
.title
	{
	font-size: 20px;
	text-align: center;
	}
	
.credits
	{
	font-size: 12px;
	text-align: center;
	}
	
.heading
	{
	font-size: 15px;
	font-weight: bold;
	}
	
.text_block
	{
	margin: 20px;
	}

/* one of the letter tiles in the game area:
 */
.block
	{
	width: 50px;
	height: 50px;
	font-size: 40px;
	padding: 5px;
	cursor: pointer;
	float: left;
	text-align: center;
	border: 1px solid black;
	}

/* extra styles to apply to a selected tile when the user is in exchange mode:
 */	
.highlighted
	{
	background: red;
	color: white;
	}

/* an end of line separator used at the end of each row of tiles:
 */		
.endline
	{
	clear: left;
	}

/* the mode selection controls for the game:
 */	
.button
	{
	width: 120px;
	}

/* the area containing all of the game tiles:
 */
#board
	{
	float: left;
	margin: 20px;
	}

/* the area containing the mode selection controls:	
 */
#controls
	{
	float: left;
	margin: 20px;
	}