body {
	background:#830 url('img/wood.jpg');
	color:#fff;
	cursor:default;
	font-family:"Passion One", sans-serif;
	font-size:22pt;
	margin:20px 0;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0;
	text-align:center;
}
button {
	background:#a40 url('img/wood2.jpg');
	background-size:250px 250px;
	border:2px solid rgba(0,0,0,0.25);
	border-radius:5px;
	box-shadow:0px 4px 5px rgba(0,0,0,0.66);
	color:#fec;
	font-family:inherit;
	font-size:20pt;
	height:60px;
	line-height:2em!important;
	margin:10px;
	padding:0;
	text-shadow:-1px -1px 0px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,0.25);
	width:60px;
}
button.control {
	height:40px!important;
	font-size:14pt;
}
button.right {
	float:right;
}
button:active {
	box-shadow:0px 3px 5px rgba(0,0,0,0.5);
	padding:0;
	position:relative;
	top:2px;
}
button:disabled {
	color:#aaa!important;
}
div:not(#wrap) {
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}
::selection {
	background:rgba(0,0,0,0);
}
::-moz-selection {
	background:rgba(0,0,0,0);
}
#commands, #controls {
	width:800px;
	margin:0 auto;
	text-align:left;
}
#commands {
	margin-bottom:25px;
}
#controls #del {
	color:#e90000;
	text-shadow:-1px -1px 0px rgba(255,255,255,0.25), 1px 1px 0px rgba(0,0,0,0.25);
}
#controls .active {
	color:#cf0;
}
#info {
	background:#eee8d8 url('img/paper2.jpg');
	border:1px solid #fff;
	border-radius:3px;
	box-shadow:3px 3px 10px rgba(0,0,0,0.6);
	color:#346;
	color:rgb(51,68,102);
	margin:50px auto;
	padding:15px 20px;
	text-shadow:2px 2px 1px white;
	width:500px;
}
#info .info {
	color:#578;
	font-size:16pt;
	margin-top:10px;
}
#info .back {
	margin-top:6px;
}
#info .back a {
	cursor:pointer;
	cursor:hand;
	font-size:16pt;
}
#message {
	background:#a40 url('img/wood2.jpg');
	border:2px solid rgba(0,0,0,0.25);
	border-radius:5px;
	box-shadow:0px 5px 15px rgba(0,0,0,.8);
	font-size:18pt;
	height:100px;
	left:50%;
	margin-left:-200px;
	margin-top:-50px;
	padding:20px 0;
	position:absolute;
	text-shadow:-1px -1px 0px rgba(0,0,0,0.5), 1px 1px 0px rgba(255,255,255,0.25);
	top:415px;
	width:400px;
	z-index:500;
}
#message a {
	cursor:hand;
	cursor:pointer;
}
#message a:hover {
	color:#fc9;
}
#message.error {
	height:124px;
	margin-top:-60px;
}
#message .title {
	color:#cf0;
	font-size:24pt;
	margin:11px;
}
#message .space {
	display:inline-block;
	width:50px;
}
#reset {
	color:#965;
	cursor:hand;
	cursor:pointer;
	font-size:12pt;
	margin:auto;
	width:100px;
}
#reset:hover {
	color:#fc9;
}
#title {
	color:#fff;
	font-family:"Amatic SC";
	font-size:80pt;
	text-align:center;
	text-shadow:3px 3px 0px rgba(0,0,0,.5);
}
#title #tagline {
	font-size:21pt;
	margin-top:-20px;
	margin-bottom:40px;
	text-shadow:none;
}
#title #tagline a {
	color:#fc9;
	text-decoration:none;
}
.collection {
	font-size:18pt;
	margin:25px auto;
	margin-bottom:50px;
	width:300px;
}
.collection .challenge {
	margin:5px 0;
}
.collection .challenge.done:after {
	content:' ✓';
}
.collection .challenge.locked {
	color:#bbb;
}
.collection .challenge:not(.locked) {
	cursor:hand;
	cursor:pointer;
}
.collection .challenge:hover:not(.locked) {
	color:#fc9;
}
.collection .title {
	border-bottom:1px solid #fc9;
	color:#fc9;
	padding-bottom:12px;
	margin-bottom:20px;
}
.label {
	color:#fff;
	font-size:18pt;
	text-shadow:none;
}
.pointer {
	border:5px ridge #fa6;
	border-radius:5px;
	box-shadow:0px 2px 10px rgba(0,0,0,0.6);
	height:50px;
	margin:-30px;
	left:50%;
	top:46px;
	pointer-events: none;
	position:relative;
	width:50px;
	z-index:100;
}
.slot {
	color:#765;
	display:inline-block;
	font-size:20pt;
	height:50px;
	padding-top:10px;
	pointer-events: none;
	text-align:center;
	vertical-align:middle;
	width:50px;
}
.slot.ctrl {
	font-size: 60%;
	position: relative;
	top: 5px;
}
.small {
	font-size:60%;
	vertical-align:top;
}
.tape {
	background:url('img/line.png'), #ffe9d0 url('img/paper.jpg');
	border:1px solid #cb9;
	border-radius:3px;
	box-shadow:3px 3px 10px rgba(0,0,0,0.6);
	height:50px;
	left:50%;
	margin:20px 0;
	margin-left:-25px;
	overflow:hidden;
	position:relative;
	text-align:left;
	width:100%;
}
.tape.disabled {
	pointer-events: none;
}