html, body {
  background-color: black;
  color: #eeeeee;
}
em {
  font-style: italic;
  background-color: #222222;
  padding: 1px 3px;
}
h1 { font-size: 18pt; }
h1, h2, h3, #sidebar, #page, #footer { font-family: 'Trebuchet MS', Calibri, Verdana, "Bitstream Vera Sans", sans-serif; }
p { margin-bottom: 20px; }
strong { font-weight: bold; }
.clear { clear: both; }
.rounded {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
.rounded_big {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}
.clearfix { clear: both; }
a { color: #cbd962; }
img.photo {
  float: left;
  margin-right: 15px;
}
.images img {
  margin: 0 15px 10px 0;
  padding: 5px;
  border: 1px solid #333333;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
#container {
  margin: 50px 50px;
  width: 1070px;
}
#header {
  margin-bottom: 30px;
  font-family: Georgia;
}
#header .logo a {
  color: white;
  text-decoration: none;
  font-size: 30pt;
  font-weight: bold;
  background-color: black;
  padding: 10px 10px 10px 0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}
#header .headline {
  font-size: 12pt;
  color: #aaaaaa;
  font-weight: bold;
}
#page {
  line-height: 1.3em;
  font-size: 10pt;
}
#page ul { line-height: 1.2em; }
#page h2 {
  color: #bf2a45;
  font-size: 14pt;
  margin-bottom: 20px;
}
#page h2 a { color: #bf2a45; }
#page h3 {
  color: #d98841;
  font-size: 13pt;
  margin-bottom: 15px;
}
#page .article h2 { margin-bottom: 5px; }
#page .article .article-info {
  font-size: 9pt;
  font-style: italic;
  margin-bottom: 15px;
}
#page .related p { font-weight: bold; }
#page .related a { color: #60a679; }
#page .project { margin-bottom: 40px; }
#page .project img {
  padding: 5px;
  border: 1px solid #333333;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
#content {
  float: left;
  width: 800px;
  margin-right: 30px;
}
#content .section {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  background-color: #111111;
  padding: 15px;
  margin-bottom: 30px;
}
#sidebar {
  float: left;
  width: 200px;
}
#sidebar ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  line-height: 1.5em;
  padding-left: 0;
  margin: 5px 0 20px;
}
#sidebar ul a {
  color: #60a679;
  text-decoration: none;
}
#sidebar li {
  background: transparent url(/images/f-li.gif) no-repeat scroll 0 0;
  padding-left: 12px;
}
#sidebar h2 {
  font-size: 10pt;
  font-weight: bold;
  color: #d98841;
  margin-bottom: 5px;
}
#footer {
  clear: both;
  font-size: 10pt;
  padding-top: 30px;
}
pre, code {
  font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
  line-height: 1.4em;
  font-size: 9pt;
}
pre code {
  background-color: black;
  display: block;
  padding: 7px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  overflow: auto;
}
pre { margin-bottom: 15px; }