/* vim: set ts=2 sw=2 et : */

body, div, h1, h2, h3, h4, h5, h6, p, pre, blockquote, img, hr, form, fieldset, textarea, th, td {
  padding: 0;
  margin: 0;
}

fieldset, img, abbr, acronym {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

caption, th {
  text-align: left;
}



body {
  padding: 35px 0px 35px 0px;
  border-top: 0.5em solid #664;
  background-color: #EEC;
  color: #333;
  font-size: 100%;
  font-family: Georgia, serif;
}

div#logo {
  float: left;
  width: 12.5%;
  text-align: center;
  padding-top: 2em;
}

div#sidebar {
  float: right;
  width: 25%;
  text-align: left;
}

div#page {
  float: left;
  width: 62.5%;
  background-color: #FFF;
}

div#content {
  width: auto;
  margin: 1em 0 0 0;
  padding: 0 4em 2em 2em;
}

h1 {
  font-size: 2em;
  font-weight: normal;
  margin-top: 0.375em;
  margin-bottom: 0.250em;
}
h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin-top: 0.28125em;
  margin-bottom: 0.1875em;
}
h3 {
  font-size: 1.125em;
  font-style: italic;
  font-weight: normal;
  margin-top: 0.1875em;
  margin-bottom: 0.125em;
}
h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

div#content_header {
  padding: 0 0.5em 0 0.5em;
  border-top: 1px dotted #664;
  text-align: right;
}
div#content_header h6 {
  font-size: 80%;
  font-weight: normal;
  font-variant: small-caps;
  color: #664;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div#content_footer {
  padding: 0 0.5em 0 0.5em;
  border-bottom: 1px dotted #664;
  text-align: right;
}
div#content_footer h6 {
  font-size: 80%;
  font-weight: normal;
  font-variant: small-caps;
  color: #664;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

blockquote {
  padding-left: 2.8em;
}

p {
  line-height: 1.5em;
  font-size: 1em;
  margin-bottom: 1em;
}
p.error {
  color: #F00;
}
form p {
  margin-bottom: 0;
}

pre {
  margin-bottom: 1.5em;
}

hr {
  color: #FFF;
  background-color: #FFF;
  border: 1px dotted #664;
  border-style: none none dotted;
  margin-bottom: 1.5em;
}

ul, ol {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.4em;
  list-style-position: outside;
}
li > ul, li > ol {
  margin-top: 0;
  margin-bottom: 0;
}
li {
  line-height: 1.5em;
  font-size: 1em;
}
ul li {
  list-style-type: square;
}

strong {
  font-style: normal;
  font-weight: bold;
}
em {
  font-style: italic;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #00c;
}
a:hover {
  text-decoration: underline;
}
a.exists {
  color: #00c;
}
a.unknown {
  color: #c00;
}

label {
  width: 4.5em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

textarea {
  width: 100%;
  height: 32em;
}

*:not(pre) code {
  color: #060;
}

div.menu {
  width: 9em;
  margin: 0 1em 0 1em;
  padding: 0 0.5em 0 0.5em;
  border-top: 1px dotted #664;
}
.menu h6 {
  font-size: 80%;
  font-weight: normal;
  font-variant: small-caps;
  color: #664;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.menu ul {
  margin-top: 0;
  margin-bottom: 0.250em;
}
.menu ul, .menu li {
  list-style: none;
  padding-left: 0;
}
.menu li {
  font-size: 80%;
  font-weight: normal;
  font-variant: small-caps;
  color: #664;
}
.menu a {
  color: #840;
}
.menu p {
  line-height: 17px;
  margin-top: 3em;
  text-align: center;
}

/*
div.ads {
  width: 9em;
  margin: 3em 1em 0 1em;
  padding: 0 0 0 0;
}
*/

div#footer {
  background-color: #EEC;
}
div#footer p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3em;
  text-align: center;
  color: #996;
  font-size: 60%;
}
div#footer p a {
  color: #664;
}

div#bottom {
  clear: both;
}

.social img {
  height: 1em;
  width: 1em;
  vertical-align: middle;
}
.social a {
  vertical-align: middle;
}