/*
 * Defaults
 */

* {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}


/*
 * Fonts
 */

/* Standard sizes (as described in http://clagnut.com/blog/348/) */
body { font-size: 75%; } /* Setting 1em to 12px (75% of 16px is 12px Ħin every browser! */

#mission { font-size: 1.5em; }


/*
 * Layout
 *   as described in http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col
 */
 
body { min-width: 650px; }

#prewrap {
	margin: 0 auto;
	width: 650px;
}

#wrap {
	margin: 0 auto;
	width: 640px;
}

#main {
	float: left;
	width: 440px;
}

#sidebar {
	width: 197px;
	margin-left: 440px;
}
html>body #sidebar {
	width: 200px;
}

#footer { clear: both; }

/* Browser specific (not valid) styles to make preformatted text wrap */
/* This, or having the fucking IE6 messing with the layout */
/* As described in http://users.tkk.fi/~tkarvine/pre-wrap-css3-mozilla-opera-ie.html */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


#mission {
	position: relative; top: 110px; left: 25px;
	color: #FFFFFF;
}


/*
 * Colors
 */

#prewrap { background: url(prewrap-back.png); }

#header, #footer {
	background-color: #FF8A00;
}
#header { background-image: url(header-back.png); }
#inheader { height: 150px; }

/*#wrap { background-color: #D8E8FF; }
#main { background-color: white; }*/


/*
 * Navigation bar
 */
 
#nav ul{
    margin: 0 0 0 10px;
    padding: 0;
}
#nav li{
    display: inline;
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0 1em 3px 1em;
}

#nav li, #nav a { text-decoration: none; border: none; color: black; }

.current { background-color: white; }
#nav .non_current a { color: white; }

/*
 * Nodes, comments, blocks & footer
 */

.node { margin: 1em 1em 2em 1em; }
.node .date { color: #999; }
.node .header { margin-bottom: 0.5em; }

.comment {
        margin: 2em 0;
        background: #F5F5FF;
}

.comment .number, .comment .credit {
        display: inline;
}

.comment .number a {
	font-style: italic;
	border: 0; color: black;
}

.comment .header {
        background: #D8E8FF;
        padding: 3px 3px 0 3px;
}

.comment .content {
        padding: 1em 2em;
}

.comment .links { background: white; }

.block { padding: 0.5em; }
.block .title { margin-bottom: 0.5em;}
.block .content { margin-bottom: 1em;}
.block ul, .block ol { padding: 0 1em 0 2em; }

#main textarea, input.form-text, input.form-password {
	width: 95%;
	border: 1px solid #BBB;
	padding: 0.2em 0.5em;
}

#main form {
	width: 397px;
	margin: 0 auto;
}
html>body #main form {
	width: 400px;
	margin: 0 auto;
}

#main { padding-bottom: 0.5em; }

#footer { padding: 1em; }


/*
 * Search box
 */

#search {
	padding: 1em 0;
}

input#searchterm {
	display: block;
	width: 150px;
	margin: auto;
}

input#searchbutton {
	display: block;
	margin: 1em auto 0 auto;
}

div.pleaseread {
	width: 90%;
	margin: 1em auto;
	padding: 5px 1em;
	background-color: #d8e8ff;
	border: 1px solid #55aacc;
}


/*
 * Misc elements
 */

ul, ol { padding-left: 2em; margin: 1em 0; }

pre, blockquote {
	margin: 1em; padding: 0.5em;
	background-color: #D8E8FF;
	border: 1px solid black;
}

p { margin-bottom: 0.5em; }

img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        border: 0;
}

span[lang] {
	font-style: italic;
}

/*
 * Effects
 */

a { text-decoration: none; border-bottom: 1px blue dotted; }
a:visited { color: #5AC; border-bottom: 1px #00F dotted; }
a:visited:hover { border-bottom: 1px #5AC solid; }

a:hover { border-bottom: 1px blue solid; }


/*
 * Wiped out
 */

.pagenav, h2, h1 #h1text, #searchlabel { position: absolute; left: -999em; width: 999em; }

/* But don't wipe this one out! */
h1 a#h1link {
	position: absolute;
	height: 35px; width: 377px;
	margin: 65px 0 0 25px;
	border: 0;
}

/*
 * Fancy login form
 */
 
#login.off {
	position: absolute; left: -999em; width: 999em; top: 0;
}

#login.off a#login-link {
	position: fixed;
	color: white;
	height: 20px; width: 20px;
	top: 0; left: 0;
	border: 0;
}


#login.on {
	position:absolute; top: 80px;
	left:50%;
	width:200px;
	margin-top:50px;
	margin-left:-100px;
	padding:15px;
	border: 3px solid #FF8A00;
	background-color: #FFAA10;
	text-align: center;
}

#login.on input[type=text], #login.on input[type=password]{
	width: 100px;
}

#login.on a { color: black; }