body {
	background-image: url(madera.jpg);
    background-repeat: no-repeat;
    background-position: center;
	background-color: #68220f;
	margin-left: 0px;
	margin-right: 0px;
}

.p4wn-board table{
  border-spacing: 0px;
  border-color: #dab254;
  border-style: solid;
  border-width: 5px;
}

.p4wn-board td{
  padding: 2px;
}

.p4wn-white-square {
  background-color: #dab254;
}

.p4wn-black-square {
  background-color: #7c4320;
}

.p4wn-board {
  position: relative;
  left: 0px;
  top: 10px;
  /*border:1px solid red;*/
  align: center;
  valign: middle;
}

.p4wn-log {
  font-family: monospace;
  white-space: pre;
  font-size: smaller;
  overflow: auto;
  max-width: 0px;
  height: 0%;
  background-color: cccccc;
  border:0px solid #818181;
  /*border:1px solid blue;*/
}

.p4wn-controls{
  clear: both;
  text-alig: center;
  text-shadow: 2px 2px #000000;
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  margin-top: 12px;
}

.p4wn-control-button {
  padding: 0px 0px;
  cursor: pointer;

  display: inline-block;
  margin: 1px;
}

.p4wn-log-move {
  padding: 0px 1px;
  cursor: pointer;
}

.p4wn-wrapper{
  /*border: 1px solid yellow;*/
}