* {margin: 0; padding: 0}
* {font-family: Trebuchet, Trebuchet MS, Helvetica, sans-serif}

/* general alements */
body { text-align: center; background-color: #605ca8 }
div#wrap { text-align: left; margin: 0px auto; background: #e6e6e6 url("/images/quiz-bg.gif") repeat-y; width: 800px }
div#interior { padding: 0px 90px; }

h1 { width: 720px; height: 80px; position: relative; margin: 0px auto; color: #3cb878; text-align: center;}
h1 span { display:block; left:0; top:0; z-index:1; background: url("/images/quiz-top.gif") top left no-repeat; width: 100%; height: 100%; position: absolute; }

div#bottom { width: 720px; height: 60px; position: relative; margin: 0px auto; }
div#bottom span { display:block; left:0; top:0; z-index:1; background: url("/images/quiz-bottom.gif") top left no-repeat; width: 100%; height: 100%; position: absolute; }

p { margin: .5em 0px; }
ol { padding-left: 20px; }
ol li { margin-bottom: 1.2em; }

/* the quizzing elements */

div#quizzer {  }
p.name { font-style: italic; }
input.control { width: 200px; margin-bottom: .5em; }

/* the replying elements */

h2 { margin-bottom: 20px; }
div#quizzed  {  }
div#quizzed p.answer { font-style: italic; padding-left: 0px; color: #cd5c5c; }
div#quizzed p.reply { padding-left: 20px; }
div#quizzed p.score { font-style: italic; font-size: 0.8em; padding-left: 20px; }
div#quizzed p.finalscore { text-align: center; font-size: 1.2em; }
div#quizzed p.finalscore strong { font-size: 3em; }

/* high scores table*/

table#highscores { border-top: 1px solid black; border-right: 1px solid black; border-collapse: collapse; empty-cells: show; width: 450px; margin: 0px auto; }
table#highscores th { background-color: black; color: white; padding: 4px 8px; text-align: center; }
table#highscores td { padding: 4px 6px; vertical-align: top; }
table#highscores th, table#highscores td { border-bottom: 1px solid black; border-left: 1px solid black; }