/* GOBAL */
body {font: normal normal 63.5%/1em "Helvetica", sans-serif; color: #333;}
#container {font-size: 1.2em; line-height: 1.3em;}
.nofloat {float: none;}
/* TAGS */
a {color: #369; text-decoration: none; font-size: 1.1em;}
a:hover {background-color: #ffc; color: #000;}
code {font-family: monospace;}
/* HEADER */
#header {background: #eee; background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#ccc)); min-height: 2.5em; margin-bottom: 3em; border-bottom: 1px solid #bbb;
	padding: 1em 1em 0 1em; color: #666;}
#name {float: left; min-width: 500px; max-width: 800px; width: 65%;}
#name h2 {float: left; padding-right: 0.5em; font-size: 1.75em;}
#name h2 a {color: #000;}
#name h2 a:hover {background: transparent;}
#name p {padding: 0.25em 0 1em 0;}
/* TOPICS */
#topics {float: left; width: 25%; margin: 0.25em 0 0 5%;}
#topics li {float: left; margin-left: 0.5em; font-size: 1.5em;}
#topics a:hover {background: transparent;}
/* SUBTOPICS */
#subtopics {clear: both; height: 1.5em;}
#subtopics li {float: left;}
#subtopics a {background: #f2f2f2; background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2)); margin: 0 0.1em 0 0; border: 1px solid #bbb; padding: 0.25em 1em;}
#subtopics a:hover, #subtopics a.current {background: #fff; border-bottom-color: #fff; color: #000;}
/* ARTICLE(S) */
#article {float: left; min-width: 500px; max-width: 800px; width: 65%; margin: 0 1.25em;}
#article .headline {font-size: 2.25em; line-height: 1.2em; color: #000;}
#article .headline a {color: #000;}
#article .metadata {padding: 1em 0 1.5em 1.25em; color: #666;}
#article .metadata a {font-size: 1em; color: #666;}
/* THE ARTICLE BODY */
#body {margin-left: 1.25em;}
#body h3, #body h4 {font-size: 1.5em; padding: 0.5em 0 0.25em 0;}
#body h5, #body h6 {font-size: 1.25em; padding: 0.25em 0 0 0;}
#body h1,#body h3,#body h5 {font-weight: bold;}
#body h2,#body h4,#body h6 {letter-spacing: 0.1em;}
#body h2.title {font-size: 1.25em; padding-top: 2em;}
#body p {padding: 0.5em 0; font-size: 1.1em; line-height: 1.2em; text-indent: 1em;}
#body p code {color: #900; font-size: 1.1em;}
#body.gallery img {background: url('../img/loading.16px.gif') no-repeat center center; max-height: 70%;}
#body.gallery a, #body.gallery a:hover {background: transparent;}
#body table {width: 100%; border: 1px solid #999;}
#body td {border: 1px dotted #eee; padding: 0.25em 0.5em;}
pre code {display: block; white-space: pre; background: #F2F2FF; margin: 1em 0; border: 1px solid #CCC; padding: 1em 1.5em; color: #000; overflow: auto;}
pre.terminal code {background: #202020; color: #FFF; font-size: 1.1em;}
pre.terminal code a {color: #69F;}
#body p.note {
	clear: both;
	background: url('../img/projectmouse/issue.25px.png') no-repeat 0.5em 0.5em;
	max-width: 50%;
	min-height: 25px;
	margin: 1em 0;
	border: 1px dotted #999;
	padding: 0.5em 0.5em 0.75em 35px;
	text-indent: 0;
	font-size: 0.9em;
	color: #666;
}
#page_range {padding: 0.5em 0; font-size: 1.75em;}
#page_range a {font-family: monospace; border: 1px solid #ccc; padding: 0.1em 0.25em;}
#page_range a.current_page {color: black; border-color: black;}
/* SIDEBARS */
#sidebars {float: left; width: 25%; margin-left: 4%; text-align: justify;}
.sidebar {min-width: 175px; max-width: 250px; margin: 0.5em 0; padding: 1em 0;}
.sidebar img {float: right; padding: 0 0 0.25em 0.75em;}
#badges.sidebar img {float: left; padding: 0 0.25em 0 0;}
.sidebar h4 {font-weight: bold; font-size: 1.15em; padding-bottom: 0.5em;}
.sidebar p {padding: 0.25em 0; text-indent: 0.5em;}
.sidebar ul {margin: 0.5em 0; text-align: left;}
.sidebar li {margin-bottom: 0.25em; border-bottom: 1px dotted #999; padding-bottom: 0.25em;}
.sidebar li.last {border-bottom: 0;}
/* SEARCH */
#search.sidebar {background: url('../img/projectmouse/SearchFieldCapLeft.png') no-repeat center left; padding: 1em 0 1em 12px;}
#search.sidebar label, #search.sidebar input#button {display: none;}
#search.sidebar input {background: url('../img/projectmouse/SearchFieldCapRight.png') no-repeat center right; width: 95%; height: 23px;
	margin: 0; border: 0; padding: 0 10px; font-size: 16px; color: #555;}
#search.sidebar input:focus {color: #000;}
/* DRAWINGS */
#drawings.sidebar img {float: right; border: 1px dotted #ccc; margin-left: 0.75em;}
/* META (footer) */
#meta {clear: both; padding: 2.5em 1em 1em 1em;}
#meta a {border-right: 1px solid #ccc; padding: 0 0.5em; color: #000;}