/* Board styles */

.board {
	float: left;
	/* width: 242px; */
	margin: 5px;
}

.board .hd {
}

.board .bd {
	overflow: hidden;
}

.board .ft {
	text-align: center;
}




.board .hd h2,
.board .hd h3,
.board .ft h2,
.board .ft h3,
.board .ft {
	background: #222;
	color: #ccc;
	margin: 0 2px;
	font-weight: normal;
	font: 100% "century gothic",futura,verdana,sans-serif;
	padding: 0 4px;
}

.board .hd h2 b,
.board .hd h3 b,
.board .ft h2 b,
.board .ft h3 b {
	font-weight: normal;
}

/* Board inside a mod */

.mod .bd .board {
	margin: 5px 10px 10px 0;
}

/* General piece styles */

.board .bd {
	margin: 2px;
	border: medium double #333;
}

.board .bd ul {
	position: relative;
}

.size-29 ul.pieces {
	width: 232px;
	height: 232px;
	background: #fff url('/i/bd/29/brdmarblebrown29.jpg');
}

.size-35 ul.pieces {
	width: 280px;
	height: 280px;
	background: #fff url('/i/bd/35/brdmarblebrown35.jpg');
}

.pieces a {
	position: absolute;
	display: block;
	border: none;
	text-decoration: none;
	text-align: center;
	/* text-indent: -999px; */
	color: transparent;
}

.pieces a:hover,
.pieces a:focus {
	background-color: #fcc;
}

/* Piece sizes */

.size-29 .pieces a {
	height: 29px;
	width: 29px;
}

.size-35 .pieces a {
	height: 35px;
	width: 35px;
}

/* 29-pixel square positions */
.size-29 .a1 a, .size-29 .a2 a, .size-29 .a3 a, .size-29 .a4 a,
.size-29 .a5 a, .size-29 .a6 a, .size-29 .a7 a, .size-29 .a8 a { left: 0; }
.size-29 .b1 a, .size-29 .b2 a, .size-29 .b3 a, .size-29 .b4 a,
.size-29 .b5 a, .size-29 .b6 a, .size-29 .b7 a, .size-29 .b8 a { left: 29px; }
.size-29 .c1 a, .size-29 .c2 a, .size-29 .c3 a, .size-29 .c4 a,
.size-29 .c5 a, .size-29 .c6 a, .size-29 .c7 a, .size-29 .c8 a { left: 58px; }
.size-29 .d1 a, .size-29 .d2 a, .size-29 .d3 a, .size-29 .d4 a,
.size-29 .d5 a, .size-29 .d6 a, .size-29 .d7 a, .size-29 .d8 a { left: 87px; }
.size-29 .e1 a, .size-29 .e2 a, .size-29 .e3 a, .size-29 .e4 a,
.size-29 .e5 a, .size-29 .e6 a, .size-29 .e7 a, .size-29 .e8 a { left: 116px; }
.size-29 .f1 a, .size-29 .f2 a, .size-29 .f3 a, .size-29 .f4 a,
.size-29 .f5 a, .size-29 .f6 a, .size-29 .f7 a, .size-29 .f8 a { left: 145px; }
.size-29 .g1 a, .size-29 .g2 a, .size-29 .g3 a, .size-29 .g4 a,
.size-29 .g5 a, .size-29 .g6 a, .size-29 .g7 a, .size-29 .g8 a { left: 174px; }
.size-29 .h1 a, .size-29 .h2 a, .size-29 .h3 a, .size-29 .h4 a,
.size-29 .h5 a, .size-29 .h6 a, .size-29 .h7 a, .size-29 .h8 a { left: 203px; }

.size-29 .a1 a, .size-29 .b1 a, .size-29 .c1 a, .size-29 .d1 a, 
.size-29 .e1 a, .size-29 .f1 a, .size-29 .g1 a, .size-29 .h1 a { top: 203px; }
.size-29 .a2 a, .size-29 .b2 a, .size-29 .c2 a, .size-29 .d2 a, 
.size-29 .e2 a, .size-29 .f2 a, .size-29 .g2 a, .size-29 .h2 a { top: 174px; }
.size-29 .a3 a, .size-29 .b3 a, .size-29 .c3 a, .size-29 .d3 a, 
.size-29 .e3 a, .size-29 .f3 a, .size-29 .g3 a, .size-29 .h3 a { top: 145px; }
.size-29 .a4 a, .size-29 .b4 a, .size-29 .c4 a, .size-29 .d4 a, 
.size-29 .e4 a, .size-29 .f4 a, .size-29 .g4 a, .size-29 .h4 a { top: 116px; }
.size-29 .a5 a, .size-29 .b5 a, .size-29 .c5 a, .size-29 .d5 a, 
.size-29 .e5 a, .size-29 .f5 a, .size-29 .g5 a, .size-29 .h5 a { top: 87px; }
.size-29 .a6 a, .size-29 .b6 a, .size-29 .c6 a, .size-29 .d6 a, 
.size-29 .e6 a, .size-29 .f6 a, .size-29 .g6 a, .size-29 .h6 a { top: 58px; }
.size-29 .a7 a, .size-29 .b7 a, .size-29 .c7 a, .size-29 .d7 a, 
.size-29 .e7 a, .size-29 .f7 a, .size-29 .g7 a, .size-29 .h7 a { top: 29px; }
.size-29 .a8 a, .size-29 .b8 a, .size-29 .c8 a, .size-29 .d8 a, 
.size-29 .e8 a, .size-29 .f8 a, .size-29 .g8 a, .size-29 .h8 a { top: 0px; }


/* 35-pixel square positions */
.size-35 .a1 a, .size-35 .a2 a, .size-35 .a3 a, .size-35 .a4 a,
.size-35 .a5 a, .size-35 .a6 a, .size-35 .a7 a, .size-35 .a8 a { left: 0; }
.size-35 .b1 a, .size-35 .b2 a, .size-35 .b3 a, .size-35 .b4 a,
.size-35 .b5 a, .size-35 .b6 a, .size-35 .b7 a, .size-35 .b8 a { left: 35px; }
.size-35 .c1 a, .size-35 .c2 a, .size-35 .c3 a, .size-35 .c4 a,
.size-35 .c5 a, .size-35 .c6 a, .size-35 .c7 a, .size-35 .c8 a { left: 70px; }
.size-35 .d1 a, .size-35 .d2 a, .size-35 .d3 a, .size-35 .d4 a,
.size-35 .d5 a, .size-35 .d6 a, .size-35 .d7 a, .size-35 .d8 a { left: 105px; }
.size-35 .e1 a, .size-35 .e2 a, .size-35 .e3 a, .size-35 .e4 a,
.size-35 .e5 a, .size-35 .e6 a, .size-35 .e7 a, .size-35 .e8 a { left: 140px; }
.size-35 .f1 a, .size-35 .f2 a, .size-35 .f3 a, .size-35 .f4 a,
.size-35 .f5 a, .size-35 .f6 a, .size-35 .f7 a, .size-35 .f8 a { left: 175px; }
.size-35 .g1 a, .size-35 .g2 a, .size-35 .g3 a, .size-35 .g4 a,
.size-35 .g5 a, .size-35 .g6 a, .size-35 .g7 a, .size-35 .g8 a { left: 210px; }
.size-35 .h1 a, .size-35 .h2 a, .size-35 .h3 a, .size-35 .h4 a,
.size-35 .h5 a, .size-35 .h6 a, .size-35 .h7 a, .size-35 .h8 a { left: 245px; }

.size-35 .a1 a, .size-35 .b1 a, .size-35 .c1 a, .size-35 .d1 a, 
.size-35 .e1 a, .size-35 .f1 a, .size-35 .g1 a, .size-35 .h1 a { top: 245px; }
.size-35 .a2 a, .size-35 .b2 a, .size-35 .c2 a, .size-35 .d2 a, 
.size-35 .e2 a, .size-35 .f2 a, .size-35 .g2 a, .size-35 .h2 a { top: 210px; }
.size-35 .a3 a, .size-35 .b3 a, .size-35 .c3 a, .size-35 .d3 a, 
.size-35 .e3 a, .size-35 .f3 a, .size-35 .g3 a, .size-35 .h3 a { top: 175px; }
.size-35 .a4 a, .size-35 .b4 a, .size-35 .c4 a, .size-35 .d4 a, 
.size-35 .e4 a, .size-35 .f4 a, .size-35 .g4 a, .size-35 .h4 a { top: 140px; }
.size-35 .a5 a, .size-35 .b5 a, .size-35 .c5 a, .size-35 .d5 a, 
.size-35 .e5 a, .size-35 .f5 a, .size-35 .g5 a, .size-35 .h5 a { top: 105px; }
.size-35 .a6 a, .size-35 .b6 a, .size-35 .c6 a, .size-35 .d6 a, 
.size-35 .e6 a, .size-35 .f6 a, .size-35 .g6 a, .size-35 .h6 a { top: 70px; }
.size-35 .a7 a, .size-35 .b7 a, .size-35 .c7 a, .size-35 .d7 a, 
.size-35 .e7 a, .size-35 .f7 a, .size-35 .g7 a, .size-35 .h7 a { top: 35px; }
.size-35 .a8 a, .size-35 .b8 a, .size-35 .c8 a, .size-35 .d8 a, 
.size-35 .e8 a, .size-35 .f8 a, .size-35 .g8 a, .size-35 .h8 a { top: 0px; }





ul.merida a, .merida ul.pieces a {
	background-image: url('/i/p/merida.png');
	background-position: 0 0;
}

.size-35 .wk { background-position:    0px 0px; }
.size-35 .wq { background-position:  -35px 0px; }
.size-35 .wr { background-position:  -70px 0px; }
.size-35 .wb { background-position: -105px 0px; }
.size-35 .wn { background-position: -140px 0px; }
.size-35 .wp { background-position: -175px 0px; }

.size-35 .bk { background-position: -210px 0px; }
.size-35 .bq { background-position: -245px 0px; }
.size-35 .br { background-position: -280px 0px; }
.size-35 .bb { background-position: -315px 0px; }
.size-35 .bn { background-position: -350px 0px; }
.size-35 .bp { background-position: -385px 0px; }

.size-29 .wk { background-position:    0px -35px; }
.size-29 .wq { background-position:  -29px -35px; }
.size-29 .wr { background-position:  -58px -35px; }
.size-29 .wb { background-position:  -87px -35px; }
.size-29 .wn { background-position: -116px -35px; }
.size-29 .wp { background-position: -145px -35px; }

.size-29 .bk { background-position: -174px -35px; }
.size-29 .bq { background-position: -203px -35px; }
.size-29 .br { background-position: -232px -35px; }
.size-29 .bb { background-position: -261px -35px; }
.size-29 .bn { background-position: -290px -35px; }
.size-29 .bp { background-position: -319px -35px; }