/* Page */

.page { text-align: left; clear: both; max-width: 100%; margin: 0 auto; }

body.front .page { width: 39em; padding: 1em 0; }
body.back .page { width: 50em; padding: .5em 0; }

/* Header */

.header h1 { letter-spacing: -.2em; margin: 0; padding: 0; } .header > h1 { letter-spacing: -.1em; }

.header h1 a:link, .header h1 a:visited { text-decoration: none; } .header h1 a:hover { color: #f96; }


body.front .header { padding-bottom: .7em; }

body.front .header h1 { padding-top: .5em; }

body.front .header h2 { font-size: 100%; margin-top: .3em; }


body.back .header
	{ float: left; width: 100%; text-align: left; }

body.back .header h1 { letter-spacing: -.1em;
float: left; margin-top: -.15em; margin-bottom: -.18em;
font-size: 2em;
} body.back .header > h1 { margin-bottom: -.2em; }

body.back div.footer, body.back div.header { font-size: .9em; }


/* Page header */

.page h1 { margin: 0; margin-bottom: .5em; font-size: 2em; position: relative; right: .2em; } 
.page h1 a:link, .page h1 a:visited { text-decoration: none; }
.page h2 { margin-bottom: .5em; font-size: 1.25em; border-bottom: .2em solid #e5e5e5; }
body.front .page h3 { margin-top: .1em; margin-bottom: .5em; }



/* Footer */

.footer { font-size: 75%; clear: both; position: relative; }
.footer address { position: absolute; top: 0; right: .5em; color: #aaa; font-style: normal; }
.footer.shadow address { top: 11px; }

.footer a.visited:link, .footer a.visited:visited { text-decoration: none; }

.header { border-bottom: 1px dashed #eee; }
.footer { border-top: 1px dashed #eee; }


/* Navigation */

ul.navigation { float: left; list-style: none; font-size: 1.2em; padding-top: .2em; margin-left: .2em; }
ul.navigation li { margin-left: .8em; display: inline; }

div.user_links { float: right; margin: 0; padding: 0; padding-right: .3em; }

 div.user_links { padding-top: .4em; margin-bottom: -2px; }


/* Input */

#input_form { margin: 0 auto; padding-top: .5em; margin-bottom: .3em; } #input_form p, #input_form form { margin: 0; padding: 0; }

#input_form input { width: 25em; font-size: 1.1em; line-height: 1.2em; padding: .2em; }
#input_form button { padding: .1em 0; }
#input_form form > button { padding: .25em .3em; position: relative; bottom: .00em; }
#input_form #submit { font-weight: bold; }


/* Autocomplete */


.autocomplete, .simple_autocomplete {
border: .08em solid #888; border-top: none; background-color: #fff; z-index: 10;
white-space: nowrap; overflow: hidden; text-align: left;
}

.autocomplete ul, .simple_autocomplete ul { list-style: none; margin: 0; padding: 0; }
.autocomplete ul li { color: #888; font-weight: bold; margin: 0; padding: 0; text-indent: .3em; background: url('../images/shadow.rotated.png') repeat-x top; border-top: 1px solid #ccc; font-size: 70%; line-height: 1.3; }

.autocomplete ul li ul li, .simple_autocomplete ul li { color: #000; font-weight: normal; margin: 0; padding: .3em 0 .3em .2em; background: #fff; border: none; font-size: 140%; } .simple_autocomplete ul li { font-size: 1em; }
.autocomplete ul li ul li:hover, .simple_autocomplete ul li:hover { background-color: #ddf; cursor: pointer; }
.autocomplete ul li.selected, .autocomplete ul li.selected:hover, .simple_autocomplete ul li.selected, .simple_autocomplete ul li.selected:hover { background: #28f; color: #fff; }
.autocomplete ul.special { font-size: 110%; }

.autocomplete em, .simple_autocomplete em { font-style: normal; text-decoration: underline; }
.autocomplete legend { visibility: hidden; }

form.sensible div.autocomplete ul li { padding: 0; } form.sensible div.autocomplete ul li ul li, form.sensible div.simple_autocomplete ul li { padding: .3em 0 .3em .2em; }



/* Proposals list */

ul.proposal li ul li { margin-bottom: 1em; border-bottom: .1em solid #ccc; }
ul.proposal h3 { font-size: 130%; float: left; margin: 0; line-height: 1.3;}
ul.proposal span.link { float: right; border-right: .5em solid #e00; padding-right: .5em; } ul.proposal span.link a:link { font-weight: bold; }
ul.proposal div.info { clear: both; line-height: 1.2; }


/* Comments */

form.sensible.comment { clear: both; padding-top: 1em; }
form.sensible.comment textarea { width: 100%; height: 7em; }


/* Unit description */

ul.unit.summary { font-size: 110%; }
ul.unit.summary li { width: 9em; } ul.unit.summary li ul { margin-left: 9.5em; } 
ul.unit.summary li ul li { width: 20em; } 

/* Person description */

ul.person.summary li { width: 9em; } ul.person.summary li ul { margin-left: 9.5em; } 
ul.person.summary li ul li { width: 20em; } 

/* Unit votes */

.vote { float: right; width: 15em; border: 1px solid #ddd; padding: .5em; }
.vote h2 { margin-top: 0; }
.vote a { font-size: 1.3em; }



/* Forum */

h2.thread { line-height: 1.1; font-size: 1.5em; } h2.thread a:visited { color: #039; }

input#title, form.sensible.forum textarea#post { width: 41em; } form.sensible.forum textarea#post { height: 10em; }

#new_thread { padding-top: 2em; }

form.sensible.forum.post { margin-left: 5em; }
form.sensible.forum.post textarea#post { width: 100%; height: 10em; }


/* Controls */

#controls { float: right; width: 16em; }

#controls li > input { margin: 0 .2em 0 0; position: relative; top: .2em; }
#controls button { margin: .2em 0 0 0; line-height: 1em; }


/* Results */

table.results { float: left; width: 22em; margin: 0; border-spacing: 0; }
table.results td { padding-bottom: .6em; vertical-align: top; font-size: 105%; }
table.results .number { text-align: right; padding-right: .4em; }
table.results .special { font-size: 120%; }
table.results sup { line-height: 0.6; }
table .tickbox { width: 1px; }

table.results a:link, table.results a:visited { text-decoration: none; }

#permalink { position: absolute; top: 13.5em; right: .5em; font-size: .8em; }
div > #permalink { top: 13em; }

/* Units list */

body.back table.results { width: 33em; }
body.back table.results a:link, body.back table.results a:visited { text-decoration: underline; }


/* New unit */

form.new.unit label { width: 10em; } form.new.unit ol li fieldset label { margin-left: 10em; }
form.new.unit input, form.new.unit textarea { width: 39em; } form.new.unit textarea { height: 6em; } form.new.unit input.radio { width: 1em; } 
form.new.unit #value { width: 12em; text-align: right; } form.new.unit #new_quantity { width: 15em; }
textarea#string { width: 48em; height: 20em; } #example { width: 30em; height: 8em; }


/* Sign up/log in */

form.sensible#register label { width: 11em; }

#login { float: right; } #register { float: left; }
#login fieldset, #register fieldset { float: left; }

#captcha input { position: relative; left: 11em; }

/*li > a.password_link { float: right; }*/

/* Message */

div#message { padding: .4em; position: absolute; width: 100%; top: 2em; left: 0; }
div#message em {
font-style: normal; font-weight: bold; font-size: 1.2em;
color: #e44; border: .2em solid #f99; background-color: #fdd;
padding: .2em 1em; z-index: 10; }


/* Help */

div#help { width: 22em; position: relative; top: -1.65em; margin: 0 auto; }
#help_link { font-size: 80%; }

ul.help { padding: .5em 1em; padding-bottom: 0; }
ul.help li { list-style: none; }
ul.help li { margin-bottom: 1em; }
ul.help li ul li { margin-bottom: 0; padding-top: .3em; margin-left: 3em; list-style: square outside; color: #d60; }


/* Contact */

.contact input, .contact textarea { width: 37em; }
.contact textarea { height: 10em; }
.sensible.contact label { width: 12em; }
img.text { padding-bottom: 3px; vertical-align: middle; }


/* Warning */

.disclaimer { font-size: 80%; text-align: center; margin: auto; }