/* general stuff */
body {
  font-family: sans-serif;
  margin: 0;
  background-color: #333;
  margin: auto;
  color: #333;
}

a {
  text-decoration: none;
  color: #777;
}

a:visited {
  color: #666;
}

a:hover {
  text-decoration: underline;
}

div, h1, h2 {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: x-large;
}

h2 {
  font-size: large;
}

h2 a:hover {
  text-decoration: none;
}

hr {
  margin: 0;
}

img {
  border: none;
}

p {
  line-height: 1.4em;
  width: 42em;
}

ol, ul {
  width: 40em;
}

ul {
  list-style: none;
  padding: 0 0 0 2em;
  text-indent: -1em;
}

/* sections */
#header {
  color: #777;
  margin: auto;
  padding: 0 5px;
  width: 760px;
}

#container {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  clear: both;
  min-width: 760px;
  padding: 1em 5px;
}

#main {
  margin: auto;
  width: 760px;
}

/* okay, that was fun
#main p, #main h2 {
  display: inline;
}
*/

#keyword {
  margin-bottom: 30px;
}

#keyword h2 {
  font-size: 1.8em;
}

#footer {
  clear: both;
  margin: auto;
  padding: 0.5em 5px;
  width: 760px;
}

#footer .nav {
  float: left;
  position: relative;
  bottom: 10px;
}

#footer .meta {
  text-align: right;
}

#footer .meta span {
  margin: 0 0 0 10px;
  white-space: nowrap;
}

#footer .credits {
  font-size: smaller;
  text-align: right;
}

#footer .credits span {
  margin: 0 0 0 10px;
  white-space: nowrap;
}

/* classes */
.siteName {
  font-weight: bold;
  margin: 0;
}
.siteName a:hover {
  text-decoration: none;
}
.front-image {
  float: right;
}
.article {
  padding: 0 0 1em 0;
}

.abstract {
  font-size: smaller;
  margin: 0.2em 2em 1em 2em;
}

.aside {
  font-size: smaller;
  text-align: right;
}

.aside span {
  margin: 0 0 0 10px;
  white-space: nowrap;
}

.count {
  font-size: smaller;
  float: right;
  padding: 2px 0 0 0;
}

.comments li {
  width: 35em;
}

.comment_ref {
  font-size: smaller;
}

.comment_form label {
}

.comment_form textarea {
  width: 35em;
  height: 20em;
}

.comment_form .buttons {
  margin: 0 0 0 8.5em;
}

.alert {
  font-weight: bold;
  /*background-color: #bbb;*/
  /*border-top: 1px dashed #777;*/
  /*border-bottom: 1px dashed #777;*/
}

.nav {
  padding: 10px 0 0 0;
}

.nav a {
  margin: 0 20px 0 0;
}

.search {
  margin: 20px 0 0 0;
}

.searchbox {
  font-family: monospace;
}

.search a {
  font-size: small;
}

.text_input {
  width: 25em;
  font-family: monospace;
  font-size: medium;
}

.strike {
  text-decoration: line-through;
}

.strike a {
  text-decoration: line-through;
}

.meta {
  font-size: smaller;
}

.left-float {
  float: left;
  margin: 2px 10px 2px 0;
}

.right-float {
  float: right;
  margin: 2px 0 2px 10px;
}

.thumbs {
  float: right;
  margin: 2px 0 2px 10px;
}

.thumbs a {
  display: block;
}

.update {
  font-weight: bold;
}