body { background-color: white; color: black; font: normal 24px/200% "Century Gothic", verdana, "trebuchet MS", helvetica, sans-serif; padding: 0.25em 0.5em; margin: 0.25em 0.5em; }
#branding-logo { text-indent: -9999px; background: transparent url('http://wiki.barcampgr.org/images/5/5f/Web_logo.png') center center no-repeat; width: 489px; height: 112px; margin-bottom: 0.5em; margin-left: -20px; }
#branding-logo a { display: block; width: 100%; height: 100%; }
h1, h2, h3 { text-transform: uppercase; letter-spacing: 0.25em; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
label { text-transform: lowercase; }
#registrationForm fieldset { display: block; float: left; margin-right: 2em; }
#registrationForm legend { text-transform: uppercase; letter-spacing: 0.25em; text-shadow: 0.1em 0.1em 0.1em black; }
#registrationForm br { clear: both; }
#registrationForm input { display: block; width: 12em; }
#registrationForm label.checkbox { font-weight: normal; }
#registrationForm input[type=checkbox] { display: inline; width: 1em; height: 1em; }
#registrationForm label { display: block; font-weight: bold; }
#registrationForm label.first { padding-top: 1em; }
#registrationForm textarea { width: 100%; }
#registrationForm input[type=submit] { background: transparent url('images/register.png') center center no-repeat; color: white; width: 132px; height: 57px; border: none; text-indent: -9999px; }
#registrationForm input[type=submit]:active { background-image: url('images/register_active.png'); }
#message { padding: 0.5em; margin-bottom: 1em; padding-left: 94px; min-height: 84px; border: 2px solid black; }
#message h2 { font-size: 1.25em; }
#message.success { border-color: #008100; background: #B1FFA0 url('images/success.png') 0.5em center no-repeat; }
#message.error { border-color: #A60000; background: #FFB396 url('images/error.png') 0.5em center no-repeat; }