#answer-area,#result-area
{
	font-style:italic;
	font-weight:700;
	height:auto;
	text-align:center;
	vertical-align:middle;
	display:none;
	z-index:9999;
}

#result-area
{
	font-family:'Josefin Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:1em;
	-moz-border-radius:1em;
	-o-border-radius:1em;
	-webkit-radius:1em;
	border-radius:1em;
	color:#FFF;
	padding:2em 0;
	position:relative;
	text-shadow:0 0.1em 0.1em rgba(0, 0, 0, 1.0);
	width:20em;
    margin:-100% auto 2em auto;
}

#answer-area, #answer
{
	font-family:'Marck Script', sans-serif;
}

#answer-area
{
    margin:2em auto;
	background-color:#FFF;
	background-image:url('/img/white_paper.jpg');
	background-position:top left;
	color:blue;
	font-size:1.5em;
	text-shadow:0 0.1em 0.1em rgba(255, 255, 255, 1.0);
	padding:1em 0;
	width:12em;
	letter-spacing: 0.08em;
}

#answer
{
	box-shadow:0 0.2em 0.5em rgba(0, 0, 0, 0.8);
	background-color:rgba(255, 255, 255, 0);
	background-image:url('/img/white_paper.jpg');
	background-position:center center;
	border-width: 0.8em;
	border-color: transparent;
	border-style: solid;
	color:rgba(0,0,200,0.8);
	display:none;
	font-size:2em;
	text-indent: 0.5em;
	width:80%;
	outline:none
}

.keyboardinputinitiator
{
	box-shadow:0 0.2em 0.4em rgba(0, 0, 0, 0.8)
}

.result-correct
{
	background-color: rgba(0,128,0,1.0)
}

.result-wrong
{
	background-color: rgba(222,0,0,1.0)
}

.result-message
{
	font-size:larger;
}

#reveal
{
	font-weight:400;
	margin:1em auto
}

#correct-answer
{
	color:#FF0;
	font-size:2.0em;
	font-weight:bolder;
	margin:0.8em auto 0px auto;
}

#answer-area > span > ul
{
	list-style-type:decimal;
	margin:0 1em;
	text-align:left
}

#answer-check-button
{
	background-color:#0aa;
	background-image:none;
	font-size:1em;
	margin:1.5em auto;
	width:40%
}

#answer-check-button:hover
{
	background-color:#0dd
}

#answer-area span,#result-area span
{
	margin:auto
}