/* This file specifies the appearance of the public section (ie. quiz.php and result.php) */

/* Global */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	margin-bottom: 20px;
	}
	
a {
	color: #333;
	text-decoration: none;
	}
	
	a img { border: none; }
	
#repository {
	width: 400px;
	margin: 10% auto auto auto;
	background: url(../img/overlay.png);
	padding: 9px 9px 1px 9px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.container {
	margin-bottom: 10px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 30px;
	}
	
/* Quiz & Result */
	
.question {
	font-weight: bold;
	color: #87A734;
	}
	
.answers {
	margin: 20px 0 0 0;
	padding: 0;
	}
	
	.answers li {
		list-style: none;
		margin-bottom: 10px;
		padding: 5px 12px 6px 12px;
		}
		
	.answers li a:hover { text-decoration: underline; }
		
	.answers li:before { margin-right: 10px; font-weight: bold; font-size: 9px; }
	.answers li.answer-1:before { content: "A"; }
	.answers li.answer-2:before { content: "B"; }
	.answers li.answer-3:before { content: "C"; }

/* Result */

#result .answers {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d3d3d3;
	}

	#result .answers:last-child { margin-bottom: 0; border-bottom: 0; }

#result .correct { }

#result .answers li.correct {
	background: #d3d3d3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
#options {
	margin-top: 20px;
	}
	
	#share-facebook {
		background: url(../img/facebook.gif) no-repeat;
		padding-left: 23px;
		}