/* ---------------------------
Author: Barry G. White
Author URL: http://www.etchcode.com
Website: http://quiz.etchcode.com
Version: 1
------------------------------ */

/* Colours -------------------

------------------------------ */

/* Eric Meyer's CSS Reset */
/* (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {list-style: none; margin-bottom: 1em;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* Global Styles
------------------------------ */
body {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 62.5%;
	color: #666;
	background: #fefefe;
	}

/* Classes */
.clear {clear: both;}
.float-l {float: left;}
.float-r {float:right;}

/* Typography
------------------------------ */
p {margin: 0 0 1.5em 0; line-height: 1.5em; color: #666;}
#footer p {font-size: 0.8em;}

/* Headings */
h1 {font-size: 4em; color: #aaa; margin-bottom: 0.5em;}
#quiz-home h1, #quiz-quizzes h1 {font-size: 6em;}
h2 {font-size: 1.6em; color: #666; margin-bottom: 1em;}
h3 {font-size: 1.4em; margin-bottom: 0.5em; font-style: italic; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #7b9bb6;}

#wrap {font-size: 1.5em;}
.blurb p {font-size: 2em; color: #fefefe; text-align: justify;}


/* Links */
a:link, a:visited {color: #666; text-decoration: underline;}
a:hover {color: #8eb2cf;}

:focus {outline: thin dotted #939393; background: #fbfcc7; color: #222;}
h1 :focus {background: transparent;}

h1 a:link, h1 a:visited {color: #aaa; text-decoration: none;}
h1 a:hover {border-bottom: 5px solid #d2e6f6;}

/* Misc. */
span.amp {
	font-family: "Goudy Old Style", Baskerville, Palatino, "Book Antiqua", serif;
	font-size: 1.2em;
	font-style: italic;
	}


/* Layout
------------------------------ */
#wrap {width: 800px; margin: 0 auto; padding: 0 5px;}

.blurb {
	width: 599px;
	margin: 0 auto;
	padding: 0;
	background: #8eb2cf url(../i/blurb-top.gif) no-repeat top center;
	}
.blurb p {padding: 0 20px; background: transparent url(../i/blurb-bottom.gif) no-repeat bottom center;}

#main {margin: 0 0 3em 0; float: left;}

#col-left {width: 300px; float: left;}
#col-right {width: 500px; float: right;}
#col-right .gutter {margin-left: 50px;}

#howto ol {list-style: decimal;}
#howto ol li {margin-bottom: 1.5em;}

#startnav {
	width: 400px;
	}
#startnav li {
	margin: 10px 0;
	width: 400px;
	font-size: 2em;
	text-align: center;
	border: double;
	color: #d2c998;
	}
#startnav li a {
	display: block;
	padding: 1em 0;
	background: url(../i/button-off.jpg) repeat-x bottom;
	color: #8F896B;
	}
#startnav li a:hover {
	background: #F9F8F3;
	color: #AFA883;
	}
#startnav li a span {font-size: 0.4em; display: block;}

#quizlist li {margin-bottom: 1.5em; font-size: 1.2em;}
#quizlist li a {background: #d2e6f6; padding: 5px;}
#quizlist li a:hover {color: #fefefe; background: #8eb2cf;}

#footer {clear: both;}

/* Question/Answer */
#qanda {width: 700px; margin: 0 0 0 50px; background: #eee;}
#qanda p {font-size: 3em;}
#qanda .gutter {padding: 5px 5px 0 5px;}
p.correct {color: green; margin: 0 0 1em 50px; font-size: 2.5em;}
p.wrong {color: red; margin: 0 0 1em 50px; font-size: 2.5em;}

#quiz-basic #col-left {width: 400px; float: left;}
#quiz-basic #col-right {width: 400px; float: right;}

/* Form */
#form-methods {margin-left: 50px; width: 350px;}
#form-methods input {margin-left: -20px}
#form-methods .usersubmitted label {background: #d2e6f6;}
#form-methods .usersubmitted img {margin-bottom: -4px;}

#formsolution label {display: block;}
#formsolution textarea {font-size: 1.2em; width: 330px; border: 1px solid #888; padding: 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

#usersolutions {background: #;}

#inputanswer {width: 300px; font-size: 2em; border: 1px solid #888; padding: 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.button {font-size: 1.6em; color: #222; padding: 5px; cursor: pointer;}
.button :focus {background: #f0f0f0;}

/* Admin Area
------------------------------ */
#quiz-admin #col-left {width: 250px;}
#quiz-admin #col-right {width: 550px;}
#quiz-admin #col-right ul li {margin-bottom: 1.5em;}

span.timestamp {font-style: italic; color: #888;}

#quiz-admin #col-left ul {margin-bottom: 3em;}
#quiz-admin #col-left ul li {margin-bottom: 1.5em; font-size: 1.2em;}
#quiz-admin #col-left ul li a {background: #d2e6f6; padding: 5px;}
#quiz-admin #col-left ul li a:hover {color: #fefefe; background: #8eb2cf;}

table {width: 450px; border: none; margin: 1em 0;}
caption {display: none;}
th {border: none; border-bottom: 1px solid black; font-weight: bold; padding: 5px 0;}
th.row {border: none; border-right: 1px solid black;}
th, td { text-align: center;}