/* Just some basic styles for the whole page */
* {
	margin:0;
	padding:0;
}
body {
	padding:20px 20px 40px 20px;
	color:#666;
}
p {
	clear:both;
	padding-bottom:1em;
	width:900px;
}
h1 {
	color:#000;
	padding-bottom:.3em;
}
h2 {
	clear:both;
	color:#ff7200;
	clear:both;
}
#wrap {
	float:left;
	width:900px;
	height:1600px;
	position:relative; /* so we can position the pieces relative to it */
}
#ads {
	float:right;
	width:130px;
	position:absolute;
	top:620px;
	right:0;
}

#board {
	float:left;
	display:block;
}

/* IE6 only box */
#noie6 {
	background:#ff0;
	padding:20px;
	margin-bottom:20px;
}
#noie6 h2 {
	color:#f00;
	font-size:3em;
	padding:0;
	margin:0;
}
#noie6 p {
	width:100%;
	padding:0;
	margin:0;
	color:#000;
}


/* general styles for all pieces */
#pieces a {
	position:absolute;
	outline:0;
}
#pieces a img {
	border:0;
	display:block;
}

/* Unvisited pieces */
#piece01 {top:920px;left:250px;-webkit-transform: rotate(21deg);-moz-transform: rotate(21deg);rotation: 21deg;}
#piece02 {top:700px;left:0;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);rotation: 10deg;}
#piece03 {top:1413px;left:600px;-webkit-transform: rotate(78deg);-moz-transform: rotate(78deg);rotation: 78deg;}
#piece04 {top:1021px;left:333px;-webkit-transform: rotate(123deg);-moz-transform: rotate(123deg);rotation: 123deg;}
#piece05 {top:1200px;left:23px;-webkit-transform: rotate(85deg);-moz-transform: rotate(85deg);rotation: 85deg;}
#piece06 {top:1356px;left:17px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece07 {top:789px;left:213px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);rotation: 135deg;}
#piece08 {top:680px;left:505px;-webkit-transform: rotate(71deg);-moz-transform: rotate(71deg);rotation: 71deg;}
#piece09 {top:923px;left:321px;-webkit-transform: rotate(145deg);-moz-transform: rotate(145deg);rotation: 145deg;}
#piece10 {top:778px;left:200px;-webkit-transform: rotate(17deg);-moz-transform: rotate(17deg);rotation: 17deg;}
#piece11 {top:1289px;left:222px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);rotation: 45deg;}
#piece12 {top:1111px;left:569px;-webkit-transform: rotate(166deg);-moz-transform: rotate(166deg);rotation: 166deg;}
#piece13 {top:902px;left:456px;-webkit-transform: rotate(21deg);-moz-transform: rotate(21deg);rotation: 21deg;}
#piece14 {top:1390px;left:375px;-webkit-transform: rotate(177deg);-moz-transform: rotate(177deg);rotation: 177deg;}
#piece15 {top:1243px;left:111px;-webkit-transform: rotate(99deg);-moz-transform: rotate(99deg);rotation: 99deg;}
#piece16 {top:880px;left:10px;-webkit-transform: rotate(128deg);-moz-transform: rotate(128deg);rotation: 128deg;}
#piece17 {top:1374px;left:600px;-webkit-transform: rotate(145deg);-moz-transform: rotate(145deg);rotation: 145deg;}
#piece18 {top:678px;left:45px;-webkit-transform: rotate(55deg);-moz-transform: rotate(55deg);rotation: 55deg;}
#piece19 {top:1263px;left:7px;-webkit-transform: rotate(6deg);-moz-transform: rotate(6deg);rotation: 6deg;}
#piece20 {top:1056px;left:49px;-webkit-transform: rotate(1deg);-moz-transform: rotate(1deg);rotation: 1deg;}
#piece21 {top:1047px;left:104px;-webkit-transform: rotate(76deg);-moz-transform: rotate(76deg);rotation: 76deg;}
#piece22 {top:985px;left:238px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);rotation: 90deg;}
#piece23 {top:1024px;left:499px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);rotation: 90deg;}
#piece24 {top:1249px;left:467px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);rotation: 45deg;}
#piece25 {top:1203px;left:511px;-webkit-transform: rotate(9deg);-moz-transform: rotate(9deg);rotation: 9deg;}
#piece26 {top:1109px;left:128px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);rotation: 180deg;}
#piece27 {top:1301px;left:64px;-webkit-transform: rotate(167deg);-moz-transform: rotate(167deg);rotation: 167deg;}
#piece28 {top:1389px;left:32px;-webkit-transform: rotate(21deg);-moz-transform: rotate(21deg);rotation: 21deg;}
#piece29 {top:999px;left:8px;-webkit-transform: rotate(167deg);-moz-transform: rotate(167deg);rotation: 167deg;}
#piece30 {top:1229px;left:16px;-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);rotation: 270deg;}
#piece31 {top:702px;left:444px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece32 {top:767px;left:600px;-webkit-transform: rotate(188deg);-moz-transform: rotate(188deg);rotation: 188deg;}
#piece33 {top:935px;left:555px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);rotation: 180deg;}
#piece34 {top:770px;left:333px;-webkit-transform: rotate(7deg);-moz-transform: rotate(7deg);rotation: 7deg;}
#piece35 {top:1140px;left:300px;-webkit-transform: rotate(97deg);-moz-transform: rotate(97deg);rotation: 97deg;}
#piece36 {top:1302px;left:175px;-webkit-transform: rotate(117deg);-moz-transform: rotate(117deg);rotation: 117deg;}
#piece37 {top:1288px;left:2px;-webkit-transform: rotate(20deg);-moz-transform: rotate(20deg);rotation: 20deg;}
#piece38 {top:1461px;left:600px;-webkit-transform: rotate(27deg);-moz-transform: rotate(27deg);rotation: 27deg;}
#piece39 {top:1193px;left:47px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);rotation: 180deg;}
#piece40 {top:1277px;left:0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);rotation: 45deg;}
#piece41 {top:1300px;left:42px;-webkit-transform: rotate(111deg);-moz-transform: rotate(111deg);rotation: 111deg;}
#piece42 {top:888px;left:104px;-webkit-transform: rotate(222deg);-moz-transform: rotate(222deg);rotation: 222deg;}
#piece43 {top:977px;left:309px;-webkit-transform: rotate(117deg);-moz-transform: rotate(117deg);rotation: 117deg;}
#piece44 {top:640px;left:285px;-webkit-transform: rotate(333deg);-moz-transform: rotate(333deg);rotation: 333deg;}
#piece45 {top:769px;left:544px;-webkit-transform: rotate(223deg);-moz-transform: rotate(223deg);rotation: 223deg;}
#piece46 {top:690px;left:378px;-webkit-transform: rotate(20deg);-moz-transform: rotate(20deg);rotation: 20deg;}
#piece47 {top:1269px;left:365px;-webkit-transform: rotate(160deg);-moz-transform: rotate(160deg);rotation: 160deg;}
#piece48 {top:1004px;left:21px;-webkit-transform: rotate(211deg);-moz-transform: rotate(211deg);rotation: 211deg;}
#piece49 {top:1230px;left:28px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece50 {top:1111px;left:330px;-webkit-transform: rotate(47deg);-moz-transform: rotate(47deg);rotation: 47deg;}
#piece51 {top:1110px;left:411px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);rotation: 135deg;}
#piece52 {top:1000px;left:96px;-webkit-transform: rotate(2deg);-moz-transform: rotate(2deg);rotation: 2deg;}
#piece53 {top:800px;left:120px;-webkit-transform: rotate(28deg);-moz-transform: rotate(28deg);rotation: 28deg;}
#piece54 {top:991px;left:242px;-webkit-transform: rotate(340deg);-moz-transform: rotate(340deg);rotation: 340deg;}

#pieces a:hover {
	z-index:100; /* This brings the hovered piece to the front */
}

/* Visited pieces */
#piece01:visited {top:0;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece02:visited {top:0;left:100px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece03:visited {top:0;left:167px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece04:visited {top:0;left:300px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece05:visited {top:0;left:400px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece06:visited {top:0;left:500px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece07:visited {top:0;left:567px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece08:visited {top:0;left:700px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece09:visited {top:0;left:800px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece10:visited {top:100px;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece11:visited {top:67px;left:100px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece12:visited {top:67px;left:200px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece13:visited {top:100px;left:267px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece14:visited {top:67px;left:400px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece15:visited {top:100px;left:467px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece16:visited {top:100px;left:567px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece17:visited {top:67px;left:700px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece18:visited {top:100px;left:767px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece19:visited {top:167px;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece20:visited {top:167px;left:67px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece21:visited {top:200px;left:200px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece22:visited {top:167px;left:300px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece23:visited {top:200px;left:367px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece24:visited {top:200px;left:500px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece25:visited {top:167px;left:567px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece26:visited {top:200px;left:700px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece27:visited {top:200px;left:800px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece28:visited {top:267px;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece29:visited {top:267px;left:100px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece30:visited {top:300px;left:167px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece31:visited {top:267px;left:300px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece32:visited {top:300px;left:367px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece33:visited {top:300px;left:500px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece34:visited {top:300px;left:567px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece35:visited {top:267px;left:700px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece36:visited {top:300px;left:767px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece37:visited {top:367px;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece38:visited {top:400px;left:100px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece39:visited {top:367px;left:200px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece40:visited {top:400px;left:267px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece41:visited {top:367px;left:400px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece42:visited {top:400px;left:467px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece43:visited {top:367px;left:600px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece44:visited {top:400px;left:667px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece45:visited {top:367px;left:800px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece46:visited {top:467px;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece47:visited {top:500px;left:67px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece48:visited {top:500px;left:200px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece49:visited {top:467px;left:300px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece50:visited {top:500px;left:367px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece51:visited {top:500px;left:500px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece52:visited {top:467px;left:600px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece53:visited {top:500px;left:667px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}
#piece54:visited {top:500px;left:767px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);rotation: 0deg;}


/* download link */
.download {
	clear:both;
	float:left;
	padding-top:10px;
}
.download a {
	padding:.3em .5em !important;
	margin-right:10px;
	background:#00bd3e;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
	line-height:2.5em;
	-moz-box-shadow: 1px  1px 2px #888;
	-webkit-box-shadow: 1px 1px 2px #888;
	box-shadow: 1px 1px 2px #888;
}
.download a:hover {
	background:#5f534f;
	text-shadow: 2px 2px 2px #000;
}
.normlist li {
	margin-left:2em;
}