style.css

body {
	font-family: 'Roboto Slab', serif;
	margin: 0px auto;
}
#wrapper {
	background-color: #DED4B9;
	height: 100%;
	width: 100%;
	padding-top: 5%;
	position: absolute;
}
#container {
	position: relative;
	width: 80%;
	height: 80%;
	border: 10px solid #46433A;
	border-radius: 30px;
	margin: 0px auto;
}
#board {
	width: 85%;
	height: 85%;
	margin: 0px auto;
	margin-top: 7.5%;
	margin-bottom: 7.5%;
	margin-left: 7.5%;
	margin-right: 7.5%;
	z-index: 1;
	position: relative;
	float: left;
}

.half {
	float: left;
	width: 50%;
	position: relative;
}
#gameLog {
	float: left;
	border-left: 2px solid #46433A;
	width: 80%;
	height: 80%;
	margin-top: 10%;
	margin-bottom: 10%;
	padding-left: 3%;
}
.gameSpot {
	background-color: #DED4B9;
	width: 30%;
	height: 30%;
	float: left;
	margin: 5px auto;
	margin-right: 1%;
	margin-left: 1%;
	z-index: 3;
	position: relative;
}
.gameSpot:hover {
	background-color: #CE534D;
}
#boardbg {
	background-color: #46433A;
	z-index: 2;
	width: 92%;
	height: 92%;
	margin: 0px auto;
	margin-left: 2%;
	margin-top: 3%;
	position: relative;
}
/*.vlines {
	border-right: 10px solid #46433A;
	z-index: 2;
	height: 96%;
	display: inline-block;
}
#vLine1 {
	width: 31%;
}
#vLine2 {
	width: 29%;
}*/
.open {
	background-color: blue;
	width: 30%;
	height: 30%;
	float: left;
	margin: 5px auto;
	margin-right: 1%;
	margin-left: 1%;
	z-index: 3;
	position: relative;
}
#closed {
	background-color: red;
	width: 30%;
	height: 30%;
	float: left;
	margin: 5px auto;
	margin-right: 1%;
	margin-left: 1%;
	z-index: 3;
	position: relative;

}