* { margin: 0; padding: 0; }
img, form { border: none; margin: 0; padding: 0; }
a:link { text-decoration: none; color: #bd3100; }
a:visited { text-decoration: none; color: #9b6800; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; color: pink; }

.right { text-align: right; }
.center { text-align: center; }
.floatright { float: right; }
.floatleft { float: left; }
.floatkill { clear: both; }
.small { font-size: 80%; }
.hidden { visibility: hidden; }
.noscroll { overflow: hidden; }
.lineheight1 { line-height: 1em; }
.lineheight2 { line-height: 2em; }
ul.limargin16 li { margin-top: 8px; margin-bottom: 8px; }
.marginauto { margin-right: auto; margin-left: auto; }
.margin8 { margin: 8px; } .margintop8 { margin-top: 8px; } .marginbottom8 { margin-bottom: 8px; } .marginleft8 { margin-left: 8px; }
.margin16 { margin: 16px; } .margintop16 { margin-top: 16px; } .marginbottom16 { margin-bottom: 16px; } .marginleft16 { margin-left: 16px; }
.margin32 { margin: 32px; } .margintop32 { margin-top: 32px; } .marginbottom32 { margin-bottom: 32px; } .marginleft32 { margin-left: 32px; }
.margin64 { margin: 64px; } .margintop64 { margin-top: 64px; } .marginbottom64 { margin-bottom: 64px; } .marginleft64 { margin-left: 64px; }
.margin128 { margin: 128px; } .margintop128 { margin-top: 128px; } .marginbottom128 { margin-bottom: 128px; } .marginleft128 { margin-left: 128px; }
.padding4 { padding: 4px; } .padding8 { padding: 8px; } .padding16 { padding: 16px; }
.width16 { width: 16px; } .width32 { width: 32px; }
.width100 { width: 100px; } .width200 { width: 200px; } .width400 { width: 400px; } .width800 { width: 800px; }
.height1em { height: 1em; }
.height50 { height: 50px; } .height100 { height: 100px; } .height200 { height: 200px; } .height400 { height: 400px; }
.bggray { background-color: #ccc; }
.borderdashed { border: 1px dashed gray; }
.verdana { font-family: Verdana; }
.verdanab { font-family: Verdana-Bold; }

#frontpage #header {
	margin: 0 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#c20000), to(#920000));
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-box-shadow: 0px 2px 2px gray;
	}
#frontpage #header p { padding: 4px 8px 0 8px; color: white; font-size: 80%; }
#frontpage #header h1 {
	font-size: 105%;
	text-align: center;
	color: white;
	text-shadow: 0px -1px 0px #000;
	}
#frontpage #lead { font-size: 80%; font-family: sans-serif; }
#frontpage #notice { background-color: #ffe300;  font-size: 80%; font-weight: bold; line-height: 1.25em; }
#frontpage #column { margin: 8px; }
#frontpage #column h3 { font-family: Verdana; margin-bottom: 4px; }
#frontpage #column h3 #step { padding: 0 4px; width: 20px; background-color: black; color: orange; -webkit-border-radius: 8px;}
#frontpage #column #hint { width: 304px; margin: auto; position: relative; }
#frontpage #column #hint #mister { position: absolute; right: 0px; z-index: -1; }
#frontpage #column #hintwords {
	float: left;
	width: 232px;
	background-color: #ff9500;
	font-size: 90%; line-height: 1em;
	margin: 48px 4px 4px 0;
	padding: 4px;
	-webkit-border-radius: 8px; -webkit-border-top-right-radius: 0px;
	-webkit-box-shadow: 0px 1px 1px gray;
	}
#frontpage #column #hintwords #h { color: #ff0; display: block; font-family: STHeitiTC-Medium; }
#frontpage #column #hintwords #errorh { color: #c00; display: block; font-family: STHeitiTC-Medium; }
#frontpage #column #present { position: relative; }
#frontpage #column #present p { 
	width: 80%;
	position: absolute; right: 0;
	padding: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#289d00), to(#49cd00));
	-webkit-border-radius: 8px;
	color: white; font-weight: bold; font-size: 80%; line-height: 1.25em; font-family: HiraKakuProN-W6;
	}
#frontpage #forms { margin: 8px; font-size: 80%; }
.radiobutton { margin-bottom: 16px; }
.radiobutton label { margin-left: 4px; }
.textfield label { font-size: 18px; }
.textfield input { font-size: 18px; }
#frontpage #forms input { vertical-align: text-top; }

#frontpage #password {
	width: 90%;
	margin: 32px auto; padding: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#920000), to(#c20000));
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 0px 2px 2px gray;
	}
#frontpage #password p { text-align: center; font-size: 16px; font-weight: bold; color: white; }
#frontpage #password input { background-color: white; font-size: 20px; width: 5em; margin: 4px; font-weight: bold; }
#frontpage #powered { margin-top: 32px; text-align: center; }
#frontpage #footer {
	margin-top: 8px; padding: 8px;
	background: -webkit-gradient(linear, left top, left 25%, from(#a0a0a0), to(#d8d8d8));
	font-size: 80%;
	font-family: HiraKakuProN-W3;
	}