body {
	background-color: #333;
	color: white;
	font-family: 'Lato', sans-serif;
}

div.all {
	max-width: 1000px;
	margin: 0 auto;
}

h1 {
	text-align: center;
}

h2 {
	text-align: center;
}

div.quizlist {
	text-align: center;
}

div.quiz {
	display: inline-block;
	width: 320px;
	margin: 20px auto;
	text-align: center;
}

span.image {
	display: block;
}

span.select {
	display: block;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #333 url("expand.png") no-repeat right center;
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 14pt;
	border: 1px solid #666;
	padding: 6px;
	width: 300px;
}

div.check {
	text-align: center;
}

input#check {
	background-color: #ccc;
	color: #000;
	border-style: none;
	padding: 6px;
	font-size: 14pt;
}

div#answer {
	text-align: center;
	border: 1px solid #444;
	margin: 12px auto;
	padding: 6px;
	width: 320px;
}

div.loading {
	background: #333 url("ajax-loader.gif") no-repeat left center;
}

div#footer {
	text-align: center;
	color: #666;
	font-size: 10pt;
	margin-top: 24px;
}

div#footer a {
	color: #999;
	text-decoration: none;
}

/* IE8 fix - no border around images */
a img {
	border: 0;
}

/* Disable tap highlight on mobile devices (Android/iOS) */
span.image a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Some browsers show red/blue outline when clicking on images - change color of the outline to match page design */
span.image a:link, span.image a:visited, span.image a:hover, span.image a:active {
	outline-color: #666;
}