/* ------------------------------------------------------------------ BODY AND BASICS */

body { background: #ffffff; margin: 0; padding: 0; text-align: center; }

/* ----------------------------------------------------------------------- PAGE LAYOUT */

div#container { margin: 200px auto; padding: 0; text-align: left; width: 70%; }
div.fleft { float: left; text-align: left; width: 59%; }
div.fright { float: right; text-align: left; width: 39%; }
div#footer { margin: 20px auto; padding-top: 1%; text-align: center; width: 80%; }

/* -------------------------------------------------------------------------------- TEXT */

h1, h1, h3, h4, h5, h6 { font-family: georgia, times new roman, serif; margin: 0; padding: 0; }
h1 { font-size: 120%; }
h2 { font-size: 110%; }
p, form { font-family: verdana, arial, helvetica, sans-serif; font-size: 84%; line-height: 1.3em; }
p.important { color: #cc0000; }
#footer p { font-size: 70%; }

/* -------------------------------------------------------------------------------- FORM */

fieldset#login, fieldset#activate, fieldset#change, fieldset#lost { background-color: #ece9d8; border: 1px solid #999999; padding: 2%; width: 220px; }
fieldset#register { border-top: 1px solid #cccccc; border-right: 0; border-bottom: 0; border-left: 0; }
legend { color: #9b4719; padding-bottom: 2%; }
div.fleft { float: left; text-align: left; width: 28%; }
div.fright { float: right; text-align: left; width: 68%; }