body {
	text-align:center;
	margin-bottom: 20px;
	padding: 20px 0;
	background-color: #333;
	color: #b3b3b3;
	font-family: helvetica, arial, tahoma, verdana, sans-serif;
    font-size: 12px;
}
img {
	border: 0;
}
a {
	color:inherit;
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:underline;
}
#page {
    width: 580px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: left;
}
.sitetitle {
	margin-bottom: 10px;
	border-bottom: 1px dotted #7f7f7f;
}
.sitetitle h1 {
	background-color:inherit;
	font-size: 20px;
}
.page_header {
    margin-bottom: 15px;
    font-size: 14px;
}
p, legend, table, form, ul, ol, h2, h3 {
  margin-bottom: 1em;
}
form p {
  text-indent: 0.5em;
  padding: 0 0 1em 0;
}
.hidden {
  display: none;
}
legend {
  font-weight: bold;
}
input, textarea {
  border: 1px solid #333;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.5);
  padding: 0.4em;
  margin-top: 0.2em;
}
input:hover, input:focus,
textarea:hover, textarea:focus {
  border: 1px solid black;
}
.wide {
  width: 98%;
}
textarea.wide {
  line-height: 140%;
}
.button {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.button:hover {
  color: white;
  background-color: #333;
}
.errors {
  color: #f4a4cc;
}
.success {
  color: #a4f3cc;
}
.notice {
  color: #EEE8AA;
}
ul, ol {
 padding: 0 1em 1em;
 list-style: disc inside none;
}
li {
 margin-bottom: 0.2em;
}
.debug {
  border: 1px solid black;
  text-align: left;
  padding: 1em;
}
.bio img {
  float: right;
  padding: 0 0 1em 1em;
}
.bio p {
  line-height: 1.2em;
}