/* ------------------------------------------------
 * Copyright 2007 Jason Walton
 * ------------------------------------------------ */

body {
  position: relative;
  background-color: #FFF;
  color: #000;
  font-family: Arial,Hevetica,sans-serif;
  margin: 0px;
  padding: 0px
}

a:link, a:visited {
  color: #006
}

a:active, a:hover {
  color: #00C
}

.navigation {
  position: relative;
  height: 1em
}

.navigationLeft {
  float: left
}

.navigationRight {
  float: right
}

/* ------------------------------------------------
 * Header
 * ------------------------------------------------ */
#header {
  position: relative;
  top: 0px;
  left: 0px;
  background-image: url('images/header.jpg');
  background-repeat:no-repeat;
  padding: 0.1em 0em 0em 1em;
  margin: 0px;
  height: 194px;
}

#header h1 {
  position: relative;
  margin-top: 105px;
  font-family: Times;
  color: #FFF
}

#header a {
  text-decoration: none;
  color: #FFF
}

/* ------------------------------------------------
 * Menu
 * ------------------------------------------------ */
#sidebar {
  float: left;
  width: 15em
}

#sidebar a {
  text-decoration: none;
}

#sidebar a:link, #sidebar a:visited {
  color: #000
}

#sidebar a:active, #sidebar a:hover {
  color: #00C
}


#sidebar ul {
  list-style: none;
  margin-left: 1em;
  padding: 0
}

#sidebar h2 {
  font-weight: bold;
  font-size: 1em;
  margin: 0em;
  padding: 0em
}

#sidebar ul li {
  margin-bottom: 1em;
}

#sidebar ul li li {
  margin-bottom: 0em;
  font-size: 0.7em;
  font-weight: normal
}


/* ------------------------------------------------
 * Content pane
 * ------------------------------------------------ */
#content {
  position: relative;
  margin: 1em 1em 1em 16em
}

.article {
  border: 1px solid #000;
  position: relative;
  min-width: 48em;
  margin: 1em 0em 1em 0em
}

.article .articleheader {
  color: #FFF;
  background-color: #232369;
  padding: 0.5em
}

.article .articleheader a {
  text-decoration: none;
  color: #FFF
}


.article .articleheader .articletitle {
  position: relative;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left

}

.article .timestamp {
  font-size: 0.7em;
  color: #999;
}

.article .articlecontent {
  position: relative;
  margin: 1em;
  padding: 0px
}

.article .articlemetadata {
  position: relative;
  margin: 1.43em;
  padding: 0px;
  font-size: 0.7em;
}

.article .articlecontent code {
  position: relative;
  font-family: courier;
  left: 2em
}

.article .articlecontent .code {
  position: relative;
  font-family: courier;
  margin-left: 2em
}

.article .articlecontent .code .changes {
  color: #C00
}

.article .articlecontent .sidebar {
  position: relative;
  float: right;
  width: 30%;
  background-color: #CCC;
  color: #000;
  padding: 0.5em;
  margin: 1em;
  border: thin dotted #000
}

.article .articlecontent h1 {
  font-size: 1em;
  font-style: italic;

}

.article .articlecontent .file {
  margin-left: 2em;
  margin-bottom: 1em
}

.article .articlecontent .file .filename {
  border: thin solid #000;
  color: #0A0;
  font-family: courier;
  padding: 0.5em
}

.article .articlecontent .file .filecontent {
  border-left: thin solid #000;
  border-right: thin solid #000;
  border-bottom: thin solid #000;
  color: #0A0;
  font-family: courier;
  padding: 0.5em
}

/* ------------------------------------------------
 * Comments
 * ------------------------------------------------ */
.comments {
  font-size : 0.8em;
}

.comments ol {
  list-style: none;
  margin-left: 0em;
  padding: 0em
}

.comments li {
  padding: 0.5em
}


.comments .oddcomment {
  background-color: #DDD
}

.comments .evencomment {
  background-color: #FFF
}

/* ------------------------------------------------
 * Footer
 * ------------------------------------------------ */
#footer {
  font-size: 0.6em;
  color: #000;
  text-align: center;
  margin: 1em
}