a:hover img {background: none;}
.about dd {font-family: Georgia, "Lucida Bright", "Times New Roman", serif; font-style: italic;}

code, pre {font-size: 0.9em;}

.clear {clear: both;}

/* TOOLS */
.inline, .inline p, .inline div { display: inline; }

/* ANNOTATIONS */
p.blockquote { padding: 0.8em; margin-left: 2em; margin-bottom: 1em; }
p.todo { color: red; }
p.todo:before { color: red; content: "TODO"; }
p.note { padding: 0.8em; margin-bottom: 1em; background: #eeeeee; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; }
p.note:before { color: #777; content: "Note"; }
p.note {font-style: italic;}
p.todo {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; }
p.todo:before, p.note:before {left: -20%; width: 18%; text-align: right; position: absolute; }
 
/* === head === */
.head {
	margin-left: 1em;
	margin-right: 1em;
	height: 44px;
	text-align: left;
	position: relative;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em; 
	border-radius: 1em;
}
.head img{max-width: 200px;}
.head h1 {
	float: left;
	margin: 10px;
	margin-left: 20px;
	font-size: 20px;
	line-height: 60px;
}
.head h1 a { color: #fff; }
.head .donate { float: right; margin-right: 20px; }
.head .donate form { line-height: 60px; }
.head .donate form input { vertical-align: middle; }
.head .search { float: right; margin-right: 20px; line-height: 60px; }
.head .search input { width: 150px; vertical-align: middle; }
 
/* BODY */
.wrap {
	text-align: left;
	margin: 1em;
	padding-top: 10ex;
	padding-bottom: 10ex;
	background-color: #FFF;
	border: 1px solid #CCC;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em; 
}
.body {
	margin: auto 10%;
	text-align: left;}
 
/* MAIN */
.main {
	float: left;
	width: 62.5%;
	text-align: left;
	position: relative;
}
.main h1.capt span {
	left: -20%;
	width: 18%;
	text-align: right;
	position: absolute;
}
.main div.figure {
	position: relative;
	margin-bottom: 1.6em;
}
.main div.figure img {
	float: none;
	margin: 0 auto;
	display: block;
	max-width: 100%;
	text-align: center;
}
.main div.figure label {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 90%;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #888;
	margin-top: 1em;
}
.main div.figure label span {font-weight: italic;}

.main .table-of-contents { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.main .table-of-contents dl { position: relative; }
.main .table-of-contents dt { width: 30px; position: absolute; }
.main .table-of-contents dd  { padding-left: 40px; }
.main .table-of-contents a.part { font-weight: bold; }
.main .table-of-contents a.section { padding-left: 2em; }
.main .table-of-contents a.subsection { padding-left: 4em; }
 
.main .table-of-figures dl { position: relative; }
.main .table-of-figures dt { width: 30px; position: absolute; text-align: right; }
.main .table-of-figures dd { padding-left: 40px; }
 
.main .keyword-index dl { position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.main .keyword-index dt { width: 200px; position: absolute; }
.main .keyword-index dd { padding-left: 220px; }
 
/* --- side --- */
.side {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	width: 25%;
	float: right;
	text-align: left;
	position: relative;
}
.side dl dt {
	left: -50%;
	width: 45%;
	text-align: right;
	position: absolute;
}
.side p, .side li, .side dd, .side dt { text-align: left; }

.side ul {list-style: none; margin-left: 0;}

/* === footers === */
.admin, .footer { 
	padding: 2em;
	padding-bottom: 0;
	background-repeat: repeat-x;
	background-color: #DDD;
}
.hidden {
	width: 0px;
	height: 0px;
	left: -1000px;
	position: absolute;}
 
/* --- notes --- */
.notes { 
	border: 1px solid #CCC;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 1em;
	background-color: #eee;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10ex;
	padding-bottom: 10ex;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;  }
.notes h1 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
.notes .listing {margin-bottom: 2em;}
.notes .listing .note { margin-bottom: 1em; }
.notes .listing .note .meta { border-bottom: 1px solid #ddd; margin-bottom: 1em; }
.notes .listing .note .meta .author { font-weight: normal; }
.notes .listing .note .meta .publication { font-size: 80%; }
.notes .listing .note .meta .commands { float: right; }
.notes .listing .note .body { margin: 0; font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
.notes .listing .note .body p { margin: 0; }
.notes .addnote th { width: 120px; background: none;}
.notes .addnote textarea { height: 100px; width: 90%; }
.notes .addnote .buttons { margin-left: 130px; }
.notes .addnote .buttons input { margin-right: 1em; }
 
/* --- admin --- */
.admin { font-size: .8em; line-height: 1.875em; color: #555; }
.admin .tool { width: 25%; float: left; }
.admin .tool ul { margin: 0; padding: 0; list-style: none; }
.admin .tool li li { margin-left: 1em; }
.admin .tool li span.button { float: left; width: 1em; }
.admin .tool .active { font-weight: bold; }
 
/* --- foot --- */
.footer { font-size: 0.7em; font-style: italic; }
.footer p { text-align: center; }
 
/* === pages === */
body.book h1.capt { display: none; }
#body.book img { margin: 0; max-width: 515px; }

/*DEFAULT*/
textarea {width: 100%; max-width: 100%;}
p, li, dd, dt { text-align: left; }
dl dt {font-weight: normal;}
body { font-family: Georgia, "Lucida Bright", "Times New Roman", serif; font-size: 100%; margin: 0; background-color: #ddd;}
table, tr, td, th { margin: 0; border: 0; padding-left: 0; font-weight: bold; }
td, th {padding-left: 0.5em;}
table { margin-bottom: 1.6em; }
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h5 a, h6 a { color: #222; text-decoration: none; outline: none; }
.nohover a:hover { color: inherit; background: none;}
pre { padding: 5px; background-color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
code, tt { padding: 2px; background-color: #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
h1 { font-size: 2em; line-height: 1; margin-bottom: 0.75em; }
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h4 { font-size: 1em; line-height: 1; margin-bottom: 1.5em; }
h5 { font-size: 1em; line-height: 1; }
ins { background: #E6EFC2; color: #264409; }
del { background: #FBE3E4; color: #8a1f11; }
label { font-weight:normal; }
form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  }

/* PIER */
.errors, .broken { color: red; font-weight: bold;}
.error, .notice, .success { border: none; }
.protected { color: #aaa; }
a {color: #0066CC; text-decoration: none;}
a:hover, a.external:hover {background: #0066CC; color: white;}
a:hover.nobackground {background: white;}
a.view, a.command {color: gray;}
a.external { background: url(http://www.themoosebook.org/res/external.png) right center no-repeat; padding-right: 14px; }
a {text-decoration: none;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
tr th {background: #eee; font-weight: normal; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;}
tr.group th {background: white; font-size: 1em; font-weight: bold; margin-top: 1.5em; }
td.required:after {color: #ff6633; content: "*"; margin-left: 0.5em;}