/* codebreaker.css */
body
{
	font-family:Arial;
	background-color:#fff;
	text-align:center;
}
h1
{
	padding: .3em;
	border:outset thin #e6e6e6;
	background-color:#ccc;
	margin:0 -.1em;
	
}
h2,h3,h4
{
	margin-bottom:0px;
}
p
{
	margin-top:0px;	
}
a
{
	color: blue;
	padding: .1em;
}
a:hover
{
	background-color:#ccc;
}
code
{
	font-weight:bold;
	font-size:larger;
}
#page
{
	width:750px;
	margin:0px auto;
	border:solid thin #333;
	background-color:#eee;
	padding:0 .3em;
}
#nav-menu
{
	list-style-type: none;
	margin:.3em 0;
	padding:0;
	text-align:left;
}
#nav-menu li
{
	display:inline;
	margin-right: .3em;
}

#welcome,
#instructions,
#content,
#about
{
	text-align:left;
}
#instructions
{
	width:75%;
	float:left;
}
#game-summary,
#your-stats
{
	border:outset medium #000;
	padding: .3em;
	width:8em;
	float:right;
}
#game-summary h3,
#your-stats h3,
#past-games h3,
#game-item h3
{
	margin:0;
	padding:0;
	text-align:center;
}
td.right
{
	text-align:right;
}

#past-games
{
	width:60%;
	height:15em;
	margin:.3em;
	padding: .3em;
	border:solid thin #000;
	overflow:scroll;
	float:left;
	text-align:left;
}

#game-item
{
	width:20em;
	padding:.3em;
	background-color:#e6e6e6;
	border:outset medium #e6e6e6;
	margin:auto;
}
#game-item p
{
	text-align:center;
}
.game-data
{
	width:100%;
	text-align:center;
}
.game-data td,
.game-data th
{
	text-align:center;
}
.game-data select
{
	text-align:center;
	margin:0 .5em;
}
#content form
{
	text-align:center;
}
#content input
{
	text-align:center;
	font-weight:bold;
	font-size:large;
	background-color:#ccc;
	cursor:pointer;
}
.win
{
	color:Green;
}
.loss
{
	color:Red;
}
.progress
{
	color:Blue;
}