#board {
	border: 0.1em solid black;
	width: 319px;
	height: 319px;
	overflow: hidden;
	float: left;
	z-index:10;
}

#board>div {
	background-color: green;
	width: 39px;
	height: 39px;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
	z-index:5;
}

#board .last {
	margin-right:0;
}

.inplay {
	cursor:pointer;
}

#rightColumn {
	float: left;
	width: 100px;
	margin-left: 10px;
	font-family: Georgia,serif;
	font-size: 0.7em;
}

#score {
	border: 0.1em solid gray;
	color: gray;
	padding:0.6em;
}

#score h2 {
	margin:0 0 0.5em;
	text-decoration:underline;
}

#reset {
	margin-top:15px;
	cursor:pointer;
	text-align:center;
	text-decoration:underline;
	color:#9999ff;
}

#info {
	margin-top:15px;
	color:red;
}

#othello .score {
	margin-left: 1em;
}

#othello h1 {
	font-size: 1.3em;
}
#othello h2 {
	text-transform: uppercase;
	border-bottom: 0.1em solid gray;
	margin: 0em;
	font-size: 1em;
	text-align: center;
	float:none;
}

#board div.peice {
	position:absolute;
	width:20px;
	height:20px;
	margin-top:9px;
	margin-left:9px;
}
.black {
	background-color:black;
}
.white {
	background-color:white;
}