@charset "utf-8";
/* CSS Document */

div{
	background-color: brown
}
#wrapper{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: white;
		}
header, div, h1, #board, #players, #imgleft, #imgright, #logo{
	padding: .625em;
	
}
header, #players, #board{
	background-color:black;
}
h1, h2{
	color: white
}
.playername,.playerscore,.score{
	background-color:white;
	color:black;
	padding-left: .625em;
	width: 25%;
	float: left;
	margin-left: 1.25em;
}
#logo{
	position: absolute;
	left: 35%;
}
#imgright{
	float:right;

}
#imgleft{
	float:left;
}
#players{
	clear: both;
}
header,#players{
	overflow: hidden;
	margin-top: .625em;
}
h1{
	width: 20%;
	margin-right: auto;
	margin-left: auto;
	border: medium double white;
}
.playername{
	clear: both;
}
.left{
	float: left;
	clear: both;
	width: 30%;
}
.center{
	float: left;
	width: 30%;
}
.right{
	float: left;
	width: 30%;
}
#board img{
	margin-left: 1.5em;
}