@font-face {
	font-family: "Comic Sans MS";
	font-weight: normal;
	src: url(fonts/comicms.woff);
}

@font-face {
	font-family: "Comic Sans MS";
	font-weight: bold;
	src: url(fonts/comicmsbd.woff);
}

html {
	background: #111;
	color: #FFF;
	font-family: "Comic Sans MS";
}

a:link {
	color: #69F;
}

a:visited {
	color: #B7F;
}

a:active {
	color: #F66;
}

nav, .language-switch a, .list-options a {
	color: #6F6;
}

.language-switch {
	font-size: small;
	float: right;
	list-style-type: none;
}

.language-switch li {
	border-left: solid thin;
	display: inline-block;
	margin-right: .5em;
	padding-left: .5em;
}

.language-switch li:first-child {
	border-left: none;
}

.language-switch a {
	text-decoration: none;
}

.language-switch a:hover {
	text-decoration: underline;
}

h1, .prize-item a.prize-address {
	color: #FF6;
}

.prize-address, .key {
	font-family: monospace;
}

.prize-address, .prize {
	font-size: large;
}

table.puzzle-list {
	border-spacing: 0;
}

table.puzzle-list > tbody > tr.separator > td {
	height: .2em;
}

table.puzzle-list > tbody > tr.prize-item {
	border: solid thin #333;
}

table.puzzle-list > tbody > tr.prize-item > td {
	background: #0C0C0C;
	border-bottom: solid thin #333;
	border-top: solid thin #333;
	padding: .5em;
}

table.puzzle-list > tbody > tr.prize-item > td.thumbnail {
	border: solid thin #333;
	border-radius: 5px 0 0 5px;
	padding: .25em;
}

table.puzzle-list > tbody > tr.prize-item > td.prize {
	border-radius: 0 5px 5px 0;
	border-right: solid thin #333;
}

td.thumbnail a, td.thumbnail img {
	border: none;
	display: block;
	margin: 0;
	padding: 0;
}

.prize-item a {
	font-size: large;
}

.prize-item a.prize-address {
	font-size: small;
	text-decoration: none;
}

.prize-item a.prize-address:hover {
	text-decoration: underline;
}

.puzzle-data {
	display: flex;
	margin-top: 1em;
}

.puzzle-data img.thumbnail {
	border: solid thin #333;
	margin-bottom: .5em;
	margin-right: 1em;
}

.key {
	font-size: large;
}

.list-options {
	display: flex;
	list-style-type: none;
	padding-left: 0;
}

.list-options li:not(:first-child) {
	margin-left: .5em;
}

.list-options li:not(:first-child):before {
	content: "•";
	margin-right: .5em;
}