body {

  padding: 2em;
  margin: 0px;

  font-family: Arial, Sans-serif;
  background-color: #B5A6A6;

  font-size: 8pt;

}

h1 { font-size: 24pt; }
h2 { font-size: 20pt; }
h3 { font-size: 16pt; }
h4 { font-size: 14pt; }
h5 { font-size: 12pt; }
h6 { font-size: 8pt; }

#header {

  color: #cc3333;

  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cccccc;

}

#container {

  background-color: #ffffff;
  padding: 1em;
  margin: 0em;
  margin-bottom: 1em;
  
  border-style: solid;
  border-width: 1px;
  border-color: #000000;

}

#header h1 {

  margin: 0px;
  padding: 0.5em;

}

#columns {

  margin: 0px;
  padding: 0px;

}

#left {

  float: left;
  width: 200px;

  margin: 0px;
  padding: 0px;

  padding-bottom: 1em;

  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #cccccc;

  vertical-align: top;

}

#main {

  margin: 0px;
  margin-left: 200px;
  padding: 1em;

}

#footer {

  clear: left;
  font-size: 10pt;
  color: #999999;
  font-style: italic;

  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #cccccc;

}

#left h1 {

  font-size: small;

}

#left ul {

  margin: 0px;
  padding: 0px;

  list-style-type: none;

  font-size: 8pt;

}

a:link {

  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;

  color: #cc3333;

}

a:visited {

  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;

  color: #cc3333;

}

a:active {

  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;

  color: #cc3333;

}

a:hover {

  text-decoration: none;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: #cccccc;

  color: #cc3333;

}

img {

  border-style: none;

}

/*

  bBlog specific stuff for posts, comments etc.

*/

.title {

  margin: 0px;
  font-size: 14pt;

}

.body {

  display: block;
  font-size: 8pt;

}

.date {

  display: block;
  width: 100%;

  font-size: 8pt;

  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cccccc;

}

.ng_code {

  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
    
  font-family: monospace;
  padding: 1em;
  margin: 0px;

  background-color: #FAF2FF;

}

.tagline {

    display: block;
    width: 100%;

    font-size: small;
    font-family: courier, monospace;
    
    padding-top: 1em;
    
}

.commentbottom {

    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;

}

.success {

  color: #669966;
  font-size: small;

  display: block;
  border-style: dashed;
  border-color: #669966;
  border-width: 1px;

  padding: 5px;

  background-color: #d7f3cd;

  margin-top: 5px;
  margin-bottom: 5px;

}

.error {

  color: #ff0000;
  font-size: small;

  display: block;
  border-style: dashed;
  border-color: #FF0000;
  border-width: 1px;

  padding: 5px;

  background-color: #f3cdcd;

  margin-top: 5px;
  margin-bottom: 5px;

}

/* 'nice' forms */
form label {

  display: block;

}

form input {

  background-color: #efefef;

}

form textarea {

  background-color: #efefef;

}