h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; font-size: 100%; line-height: auto; }
h1.heading {font-size:3em;line-height:1;margin-bottom:0.5em;}
h1 { font-size: 2em; margin-bottom: 0.75em; }
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3 { font-size: 1.2em; height: 1.25em; line-height: 1.25; margin-bottom: 1.25em; }
h4 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; }
textarea {width: 100%;}

/* PIER */
.broken { color: red; }
.protected { color: #aaa; }
a:hover {background: #333; color: #ff6633;}
a {color: #ff6633;}
a.view, a.command {color: gray;}
a {text-decoration: none;}
a.environment:after {content: "*";}
.right {text-align: right;}
.center {text-align: center;}
.float {float: right;}
th {background: #ddd;}

.thumb img {
   width: 50px
}

/* HEADER */
.header .title h1 a {
	font-size: 140%;
	outline: none;
	display: block;
	color: #333;
	background: white;
}
.header .search {text-align: right;}
.header .search input {
	outline: none;
	width: 223px;
	padding-right: 0;
	margin-top: 0;}
.header .search ul {
	margin: 0;
	padding: 0;
	background: #fff;
	list-style-type: none;
	border: 1px solid #aaa;
	border-top: none;}
.header .search li.selected {
	background-color: #333;}
.header .search li {
	margin: 0;
	display: block;
	padding: 0.2em;
	cursor: pointer;
	list-style-type: none;}
.header .search a {
	text-decoration: none;}
.header .search li.selected a {color: #fff;}
.menu {
	font-size: 120%;
	line-height: 120%;
	background: #333;}
.menu ul {
	margin: 0;
	padding-top: 1em;
	padding-bottom: 0.5em;
	list-style-type: none;}
.menu ul li {
	display: inline;
	margin: 0;
	margin-left: 5px;
	margin-right: 10px;
	list-style-type: none;}
.menu li a {
	color: white;
	padding-top: 1em;
	padding-bottom: 0.5em;
	padding-left: 10px;
	padding-right: 10px;}
.menu li a.active {
	padding-top: 1.1em; /*THIS IS A HACK*/
	background: white;
	color: #333;}
	
/* NAVIGATION */
.navigation ul {
	margin-top: 0;
	margin-left: 0;
	list-style-type: none;}
.navigation ul ul {
	margin-bottom: 0;
	margin-left: 1.5em;}
.navigation .active {
	font-weight: bold;}

/*MAIN BODY*/
.mainbody {
	padding-top: 2em;
	padding-bottom: 10em;}
.postticker ul {
	list-style: none;
	margin-left: 0;}
.postticker ul li {
	margin-bottom: 1.5em;}
.postticker .timestamp {color: #aaa; font-size: 80%;}
.postticker .timestamp .time {display: none;}
.meta {font-size: 80%; color: #aaa;}
.post {margin-bottom: 3em;}
.leavecomment {margin-top: 3em; margin-bottom: 3em;}
.comments {margin-top: 3em;}

/* FOOTER */
.footer {
	color: #aaa;
	font-size: 80%;
	text-align: left;
	border-top: 1px solid #333;}
.footer ul {list-style: none; margin-left: 0em;}
.footer ul ul {margin-left: 1.5em;}
.footer .commands ul, .footer .views ul {display: inline;}
.footer .commands ul li, .footer .views ul li {display: inline; padding-right: 1em;}

/* META */
.metaenvironment h1.heading {display: none;}
.metaheader {background: #C3D9FF; font-size: 200%}
.metaheader ul {display: inline; margin: 0;}
.metaheader li {list-style: none; display: inline; margin: 0;}
.metaheader li:after {content: "/"}
.metaenvironment.container {border: 1px solid #C3D9FF; margin-top: 0;}
.metafooter {background: #C3D9FF;}
.metafooter li {list-style: none;}
