/*
Colors

Magenta: #EC008C

Blue: #003974

Yellow: #FFD400

Green: #08542B

Orange: #FAA61A

Red: #7A1315

*/

root
{ 
    display: block;
}

body
{
	background-color: #EC008C;
	margin: 0;
	padding: 0;

	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;

	/* Fixes IE bug */
	text-align: left;
}

label
{
	font-weight: normal;
}

label, input[type=submit]
{
	display: block;
}

input[type=radio], input[type=checkbox]
{
	margin-top: 2px;
	vertical-align: text-top;
}

h1
{
	color: #003974;
	font-size: 3.4em;
	font-weight: bold;
}

h2
{
	color: #FFD400;
	font-size: 2em;
	font-weight: bold;
}

h3
{
	color: #003974;
	font-size: 1.8em;
	font-weight: normal;

	text-shadow: 0 1px 0 #fcfcfc;
}

p
{

}

input#finish
{
	display: inline;
}

p.answer.correct
{
	color: #08542B;
	background-color: #64c28f;
	border-color: #08542B;
	text-shadow: none;
}

p.answer.incorrect
{
	color: #7A1315;
	background-color: #d45d5f;
	border-color: #7A1315;
	text-shadow: none;
}

.round
{
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.roundBottom
{
	-webkit-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

.bigRound
{
	-webkit-border-radius: 16px;
	-khtml-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.bigRoundBottom
{
	-webkit-border-radius-bottomleft: 16px;
	-khtml-border-radius-bottomleft: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-bottom-left-radius: 16px;
	-webkit-border-radius-bottomright: 16px;
	-khtml-border-radius-bottomright: 16px;
	-moz-border-radius-bottomright: 16px;
	border-bottom-right-radius: 16px;
}

div#wrapper
{
	width: 1000px;
	margin: 30px auto 48px auto;
	position: relative;

	min-height: 570px;
	padding: 40px 40px 40px 0;
	background: #fff url('../img/Emil.jpg') bottom left no-repeat;

	box-shadow: 0 2px 8px 1px #444;
	-moz-box-shadow: 0 2px 8px 1px #444;
	-webkit-box-shadow: 0 2px 8px 1px #444;
}

div#header
{
	margin-left: 200px;
}

div#header h1
{
	margin: 0;
}

div#header h2
{
	margin: 0;
}

div#content
{
	margin-left: 200px;
	margin-bottom: 101px;
}

div#footer
{
	position: absolute;
	bottom: 12px;
	right: 40px;
	min-width: 378px;
	height: 111px;
	background: transparent url('../img/radikaleBTagansvar.jpg') top right no-repeat;
}

div#extraInfo
{
	margin-bottom: 12px;
}

div.question
{
	margin: 8px 0;
	padding: 12px 20px;
	border: 2px solid #FFD400;

	background-color: #efefef;
}

div.buttons
{
	text-align: right;
}

p.answer
{
	color: #444;
	text-shadow: 0 1px 0 #fcfcfc;
	margin: 4px 330px 4px 0;
	padding: 8px;
	border: 2px solid #efefef;
	cursor: pointer;
}

p.question
{
	color: #444;
	text-shadow: 0 1px 0 #fcfcfc;
}

p.correctTxt, p.incorrectTxt
{
	width: 290px;
	float: right;
	padding: 12px;
	color: #fff;
	font-weight: bold;
	background-color: #EC008C;

	box-shadow: 0 2px 8px 1px #444;
	-moz-box-shadow: 0 2px 8px 1px #444;
	-webkit-box-shadow: 0 2px 8px 1px #444;
}