body { background: #fff; color: black; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; overflow: auto }

h1 { margin: 0; padding: 0; font-size: 22px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal }
h2 { margin: 0; padding: 0; font-size: 18px; font-family: Verdana, Helvetica, sans-serif; font-weight: bold }
h2.red { color: red }
h2#main { font-size: 22px; font-weight: normal; margin-bottom: 10px }
h3 { margin: 0 0 10px 0; padding: 0; font-size: 22px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal }

i { color: #777 }

label { cursor: pointer }
label:hover { color: blue }
label.strong { font-weight: bold }

form { margin: 0; padding: 0 }
small { font-size: 11px }
#header small { letter-spacing: 1px }
a { text-decoration: none }
p { margin: 10px 0; padding: 0 }
input.inp { border: 1px #ccc solid; font-family: Verdana, Helvetica, sans-serif; font-size: 12px }
input.inp:focus { border: 1px #00f solid }
input.max { border: 1px white solid; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-align: center }
textarea { border: 1px #ccc solid; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; overflow: auto }
textarea:focus { border: 1px #00f solid }

a:link,
a:visited { text-decoration: none; color: #36a }
a:active,
a:hover,
a:focus { text-decoration: underline; color: orange }

div { margin: 0; padding: 0 }

div#container { width: 770px; margin-left: auto; margin-right: auto; background: white }
div#before_header { width: 770px; margin-left: auto; margin-right: auto; text-align: right; margin: 2px auto 3px auto; font-weight: bold }

div#header_container { background: #36a; padding: 0; border-top: 2px #03a solid; border-bottom: 2px #03a solid }
div#header { background: #36a; color: #eee; padding: 5px 0 5px 0; font-family: Georgia, Arial, sans-serif; font-size: 12px; width: 770px; margin-left: auto; margin-right: auto }

div#header a:link, div#header a:visited { text-decoration: none; color: white }
div#header a:active, div#header a:hover, div#header a:focus { text-decoration: none; color: orange }

div#header h1, div#header div { font-size: 30px; font-family: Georgia, Arial, sans-serif; text-transform: uppercase; letter-spacing: 5px }

a.button { background: #36a; color: white !important; padding: 1px 3px; border: 1px #ccc solid; font-size: 12px; font-weight: bold; letter-spacing: 1px }
a.button:hover { text-decoration: none; background: orange }

div.test { color: black; padding: 10px 0px }
div.edit { color: black; padding: 10px 0px }

div.error { background: red; color: white; font-weight: bold; padding: 5px 10px; letter-spacing: 1px }
div.warn { background: green; color: white; font-weight: bold; padding: 5px 10px; letter-spacing: 1px }

div.main { color: black; padding: 10px 0; font-size: 12px }
div.main h2 { font-size: 13px; font-weight: bold; color: black }
div.main h2.red { color: red }

div.image { float: right; padding-top: 5px; margin-left: 10px }

img.thumb { padding: 2px; border: 1px #ccc solid }

div.title { font-size: 22px; }
div.image_home { float: left; margin-right: 10px }
div.homepage_highscore { float: right; width: 230px; margin-right: 0px; min-height: 20px }
div.homepage_highscore_more { text-align: right }
div.homepage_number { width: 30px; float: right; font-size: 16px; text-align: right; margin-right: 30px; font-family: Tahoma, Verdana, Helvetica, sans-serif; color: #ccc; font-weight: bold }
div.homepage_htitle { float: right; width: 230px; font-size: 22px; font-weight: normal; color: #aaa; text-align: left }
div.homepage_panel { float: right; width: 300px; font-size: 22px; font-weight: normal; color: #aaa; text-align: right }
div.homepage_panel a { font-weight: normal; letter-spacing: 0px; font-size: 11px }

div.clear { clear: both }

ol { list-style-position: outside; margin: 0; padding: 0 30px; color: gray }

ol.question { font-weight: bold; letter-spacing: 0px; font-size: 13px }
ol.answer { font-weight: normal; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px #ccc solid; color: black; list-style-type: none }

ol.answer li { height: 18px }

ol.answer li input, x:-moz-any-link { margin-bottom: -2px }
* html ol.answer li input { margin-bottom: -2px }

li.edit { padding-bottom: 1px; list-style-type: lower-alpha }

ol.highscore { border: 1px #ccc solid; width: 200px; padding: 0 0 0 30px }
ol.highscore li { line-height: 150%; padding-left: 10px; padding-right: 10px; background: #eee; border-left: 1px #ccc solid }
ol.highscore li.even { background: #fff }
ol.highscore li div { float:right; text-align: right }
ol.highscore li span { color: #00f }

div#hscore { margin-bottom: 0px }

ol#highscore { border: 1px #ccc solid; width: 400px; padding: 0 0 0 40px }
ol#highscore li { line-height: 150%; padding-left: 10px; padding-right: 10px; background: #eee; border-left: 1px #ccc solid }
ol#highscore li.even { background: #fff }
ol#highscore li div.score { float:right; text-align: right; width: 50px }
ol#highscore li div { float:right; text-align: right }
ol#highscore li span { color: #00f }

#submit { border: 2px black solid; background: #36a; color: white; padding: 2px 50px; margin-left: 30px; cursor: pointer }
#submit:hover { background: orange }

#save { border: 2px black solid; background: #36a; color: white; padding: 0 5px; cursor: pointer }
#save:hover { background: orange }