html {
	font-family: monospace;
}
.clear {
	clear: both;
}
.link {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

#gameSection {
	background-color: #fff;
}
#board {
	float: left;
}
#board canvas {
	box-shadow: 0px 5px 10px #888;
}
#board .point {
	cursor: pointer;
	display: block;
	float: left;
	padding: 0 4px;
}
#board .point:hover {
	background-color: #eee;
}
#board .marked {
	cursor: default;
}

#info {
	float: left;
	margin-left: 20px;
}
#score {
	display: none;
}

#devSection {
	border-top: 2px solid #ddd;
	padding: 10px;
	margin-top: 10px;
	background-color: #eee;
}
#devSection #toggleLink {
	color: #999;
	text-decoration: none;
}
#devSection #toggleLink:hover {
	color: #000;
}
#devTools {
}
#devActions {
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 5px;
	padding: 3px;
}
#devActions li {
	list-style: none;
	display: inline;
	border-left: 1px solid #ccc;
	padding-left: 7px;
	text-decoration: none;
	color: hsl(220, 50%, 50%);
}
#devActions li:first-child {
	border: none;
}
#devActions li:hover {
	text-decoration: underline;
}
#gameState {
}
#gameState textarea {
	padding: 10px;
	width: 600px;
	height: 300px;
	border: 1px dashed #ccc;
}