html, body {
  margin: 0;
  padding: 0;
}

body {
  font-size: 12px;
  font-family: verdana,sans-serif;
  text-align: center;
}

p {
  margin: 0 10px 10px 0;
}

div#header {
  margin-bottom: 25px;
}

div#header h1 {
  margin: 15px 0 0 20px;
  background-color: #FFF;
  color: #63B063;
  letter-spacing: -3px;
  font-size: 40px;
  font-family: Georgia,serif;
}

div#header h1 a {
  color: #63B063;
  text-decoration: none;
}

div#header p.babble {
  position: relative;
  top: -35px;
  left: 300px;
  color: #ACCCCC;
  width: 500px;
  font-style: italic;
  font-family: Georgia,serif;
}

div#header p.subtitle {
  position: relative;
  top: -35px;
  left: 60px;
  color: #99CC99;
  font-size: 18px;
  font-style: italic;
  font-family: Georgia,serif;
}

div#header {
  height: 85px;
}

div#container {
  text-align: left;
}

div#content p { 
  line-height: 1.4;
}

div#navigation {
  
}

div#navigation div.box {
  background-color: #B4D9B4;
  margin: 0 15px 15px 15px;
  padding: 10px;
  font-size: 11px;
}

div#navigation div.box h3 {
  text-align: center;
  font-variant: small-caps;
  font-size: 12px;
  font-family: verdana, sans-serif;
  font-weight: normal;
}

div#navigation div.box li {
  margin-left: 0px;
  padding-left: 0px;
}

div#navigation div.box ul {
  margin-left: 0px;
  padding-left: 15px;
}

div#navigation div.box a {
  color: #000;
}

div#navigation p#introduction {
  color: #444;
  text-align: justify;
}

div#container {
  width: 820px;
  margin: 0 auto 0 auto;
}

div#content {
  float: left;
  width: 620px;
}

div#navigation { 
  float: right;
  width: 200px
}

div#page_footer{
  clear: both;
  width: 100%;
  text-align:center;
  padding: 10px;
  background-color:  #B4D9B4;
  margin-bottom: 15px;
  font-size: 11px;
}

div#page_footer a {
  color: #000;
}

div.story h2 {
  border-left: 5px solid #B4D9B4;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #404;
}

 div.story h2 a {
  font-size: 16px;
  font-weight: bold;
  color: #404;
  text-decoration: none;
}

 div.story h2 a:hover {
  font-size: 16px;
  font-weight: bold;
  color: #B4D9B4;
  text-decoration: underline;
}

div.story div.meta {
  border-left: 5px solid #B4D9B4;
  padding-left: 10px;
  font-size: 11px;
  color: #AAA;
  margin-bottom: 10px;
}

div.story div.meta a {
  color: #AAA;
  text-decoration: none;
  border-bottom: 1px dotted #B4D9B4;
}

div.story div.meta a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #B4D9B4;
}

div.story p {
  margin: 0 15px 15px 15px;
}

div.story blockquote {
  margin: 15px 15px 15px 40px;
  font-style: italic;
  color: #555;
  font-size: 14px;
}

div.story pre {
  margin: 0 15px 15px 15px;
  padding: 10px;
  background-color: #EFE;
  border: 1px solid #777;
  font-size: 12px;
}

div.story a {
  color: #6A6;
  text-decoration: none;
  border-bottom: 1px dotted #B4D9B4;
}

div.story li {
  margin-top: 10px;
}

div.story p a:hover, div.story dd a:hover {
  color: #000;
  text-decoration: none;
  background-color: #EDF0ED;
}

div.story dl {
  margin: 0 15px 15px 15px;
}

div.story dt {
  margin: 0 0 5px 0;
}

div.story dd {
  margin: 0 0 15px 15px;
}

div.story div.footer {
  font-size: 11px;
  color: #AAA;
  text-align: center;
  margin: 0 0 15px 0;
}

div.story div.footer a {
  color: #AAA;
  text-decoration: none;
  border-bottom: 1px dotted #B4D9B4;
}

div.story div.footer a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #B4D9B4;
}

div#comments {
  margin-bottom: 15px;
}

div#comments h2 {
  padding: 0 15px 5px 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  color: #404;

}

div#comments div.comment {
  margin-left: 30px;
}

div#comments div.comment h3 {
  border-left: 3px solid #B4D9B4;
  padding-left: 7px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  color: #404;
  font-style: italic;
}

div#comments div.comment div.meta {
  border-left: 3px solid #B4D9B4;
  padding-left: 7px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: normal;
  color: #AAA;
}

div#comments div.comment h3 a {
  font-size: 12px;
  font-weight: bold;
  color: #404;
  font-style: normal;
}

div#comments div.comment p {
  padding: 10px;
  margin: 0 0 10px 10px;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  width: 500px;
  background-color: #F2F2F2;
}

div#comments form {
  margin-left: 40px;
  margin-top: 15px;
}

div#comments form input {
  width: 300px;
}

div#comments form input.submit {
  width: 150px;
}

div#comments form textarea {
  width: 500px;
  height: 200px;
}

div#comments form p label {
  display: block; 
  font-weight: bold;
  font-size: 12px;
}

div#comments p {
  margin: 0 0 15px 30px;
}

div#comments form p {
  margin: 0 0 15px 0;
}

div#comments form p#comment_note {
  margin-top: 15px;
  color: #AAA;
}

div#month_navigation, div#day_navigation {
  margin: 0 0 15px 15px;
}

div#trackbacks {
  margin-bottom: 15px;
}

div#trackbacks h2 {
  padding: 0 15px 5px 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  color: #404;

}

div#trackbacks div.trackback {
  margin-left: 30px;
}

div#trackbacks div.trackback h3 {
  border-left: 3px solid #B4D9B4;
  padding-left: 7px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  color: #404;
  font-style: italic;
}

div#trackbacks div.trackback div.meta {
  border-left: 3px solid #B4D9B4;
  padding-left: 7px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: normal;
  color: #AAA;
}

div#trackbacks div.trackback div.meta a {
  color: #AAA;
  text-decoration: none;
  border-bottom: 1px dotted #B4D9B4;
}

div#trackbacks div.trackback div.meta a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #B4D9B4;
}

div#trackbacks div.trackback p {
  padding: 10px;
  margin: 0 0 10px 10px;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  width: 500px;
  background-color: #F2F2F2;
}

div#trackbacks p {
  margin: 0 0 15px 30px;
}


div.page h2 {
  border-left: 5px solid #B4D9B4;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0px;
  color: #404;
}


div.page p {
  margin: 0 15px 15px 15px;
}

div.page p a {
  color: #6A6;
  text-decoration: none;
  border-bottom: 1px dotted #B4D9B4;
}

div.bbpage p a:hover {
  color: #000;
  text-decoration: none;
  background-color: #EDF0ED;
}

.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #bb8844 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #999999 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #bb8844 } /* Literal.String.Backtick */
.highlight .sc { color: #bb8844 } /* Literal.String.Char */
.highlight .sd { color: #bb8844 } /* Literal.String.Doc */
.highlight .s2 { color: #bb8844 } /* Literal.String.Double */
.highlight .se { color: #bb8844 } /* Literal.String.Escape */
.highlight .sh { color: #bb8844 } /* Literal.String.Heredoc */
.highlight .si { color: #bb8844 } /* Literal.String.Interpol */
.highlight .sx { color: #bb8844 } /* Literal.String.Other */
.highlight .sr { color: #808000 } /* Literal.String.Regex */
.highlight .s1 { color: #bb8844 } /* Literal.String.Single */
.highlight .ss { color: #bb8844 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */