body {
  background-color: #fff;
  background-image: url(../images/backgrounds/body.jpg);
  background-position: top;
  background-repeat: repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  color: #444;
  margin: 0; }

* {
  padding: 0;
  margin: 0; }

#container {
  min-width: 850px;
  max-width: 1100px;
  margin: 0 auto 0 auto;
  padding: 0 10px; }

#header {
  height: 70px; }
  #header #logo {
    padding-top: 10px;
    float: left; }
    #header #logo a, #header #logo img {
      float: left; }
  #header h1 {
    font-family: Century Gothic, "Trebuchet MS", Tahoma, Verdana;
    font-size: 200%;
    color: #333;
    letter-spacing: -1px;
    padding: 15px 50px 0 10px;
    float: left;
    display: none; }
    #header h1 a {
      color: #000;
      text-decoration: none; }
  #header .hidden {
    display: none; }
  #header h3 {
    padding: 33px 0 5px 40px;
    font-size: 100%;
    color: #ccc;
    font-weight: normal;
    margin: 0 0 0 270px; }

#nav {
  margin: 0 20px 0 0 !important;
  margin: 0 10px 0 0;
  padding: 0;
  float: left; }
  #nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left; }
    #nav li a {
      display: block;
      padding: 5px 20px 14px 0;
      margin: 0 1px 0 1px;
      color: #666;
      text-decoration: none;
      font-weight: bold; }
      #nav li a:hover {
        color: #c9dd77; }
    #nav li .active a {
      color: #c9dd77; }
  #nav ul.submenu {
    position: absolute;
    list-style: none;
    float: left;
    width: 210px; }
    #nav ul.submenu .top {
      padding-left: 16px;
      background: url("/images/dl.png") no-repeat;
      background-position: 0px 6px; }
    #nav ul.submenu .item {
      display: none;
      width: 100%; }
    #nav ul.submenu:hover {
      background: #ebff99;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow: 3px 3px 3px #999;
      box-shadow: 3px 3px 3px #999;
      -webkit-shadow: 3px 3px 3px #999;
      border: 1px solid #ccc;
      margin-left: -1px;
      margin-top: -1px; }
      #nav ul.submenu:hover .top {
        width: 90%;
        border-bottom: 1px solid #ccc; }
        #nav ul.submenu:hover .top a:hover {
          color: black; }
      #nav ul.submenu:hover .item {
        display: block; }
        #nav ul.submenu:hover .item:hover {
          background: #8fa632; }
        #nav ul.submenu:hover .item a {
          display: block;
          padding: 5px; }
          #nav ul.submenu:hover .item a:hover {
            color: white; }

#sidebar {
  width: 210px;
  background: #fff;
  padding: 10px 20px 20px;
  float: right;
  margin: 40px 10px 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 3px #999;
  box-shadow: 3px 3px 3px #999;
  -webkit-shadow: 3px 3px 3px #999;
  border: 1px solid #ccc;
  margin-left: -1px;
  margin-top: -1px; }
  #sidebar h1 {
    font-family: Century Gothic, "Trebuchet MS", Tahoma, Verdana;
    font-size: 20px;
    color: #777;
    font-weight: normal;
    letter-spacing: -1px; }
  #sidebar h2 {
    margin: 20px 0px;
    padding-top: 10px; }
  #sidebar ul {
    margin: 10px 0px;
    list-style: none; }
  #sidebar a {
    color: #333; }
    #sidebar a:hover {
      background-color: #EBFF99;
      color: #000; }
  #sidebar .small {
    font-size: 80%;
    display: block;
    text-align: right; }
  #sidebar p {
    font-size: 90%;
    line-height: 19px;
    margin: 10px 0 10px 0; }
  #sidebar .taggings {
    font-size: 80%;
    color: #999; }

.clear {
  clear: both; }

img {
  border: 0; }

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

#content {
  padding: 30px 30px 20px 0;
  margin-right: 260px; }
  #content h1 {
    font-family: "Trebuchet MS", Tahoma, Verdana;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0 20px 0;
    color: #BFEF01; }
  #content h2 {
    font-size: 26px;
    color: #333;
    font-family: "Trebuchet MS", Tahoma, Verdana;
    margin: 20px 0px;
    border-bottom: 1px solid #aaa; }
  #content h3 {
    font-size: 22px;
    margin: 15px 0px;
    font-family: "Trebuchet MS", Tahoma, Verdana;
    border-bottom: 1px solid #aaa; }
  #content a {
    color: #111;
    padding: 2px; }
  #content p {
    line-height: 20px;
    word-spacing: 2px;
    margin: 20px 0 20px 0;
    text-align: justify; }
  #content .entrybody a {
    text-decoration: none;
    border-bottom: 2px solid;
    border-color: #8fa632;
    padding-bottom: 1px; }
    #content .entrybody a:hover {
      background-color: #EBFF99;
      color: #000; }
  #content ul {
    margin: 10px 0 5px 20px;
    padding: 0; }
  #content li {
    margin: 5px 0 5px 0;
    padding: 0 0 10px 15px;
    list-style: none;
    background-image: url(/images/backgrounds/li.gif);
    background-position: top left;
    background-repeat: no-repeat;
    line-height: 20px; }
  #content #sideblock {
    width: 180px;
    padding: 10px;
    background-color: #fff;
    float: right;
    font-size: 90%;
    margin: 0 0 0 20px; }
    #content #sideblock h1 {
      text-transform: none;
      font-size: 120%;
      color: #000;
      margin: 0;
      letter-spacing: 0; }

#sideblock p {
  text-indent: 0;
  line-height: 17px;
  padding: 5px;
  margin: 5px 0 5px 0;
  color: #bbb; }
#sideblock ul {
  margin: 0 0 5px 5px;
  border: none; }
#sideblock li {
  margin: 0;
  background-image: none;
  padding: 0;
  border: none; }
  #sideblock li a {
    text-decoration: none;
    display: block;
    background-color: #fff;
    padding: 5px 5px 5px 10px;
    color: #888; }
    #sideblock li a:hover {
      background-color: #f9f9f9;
      color: #666;
      background-image: url(../images/backgrounds/sideblock_li_a_hover.gif);
      background-position: left;
      background-repeat: no-repeat; }

blockquote {
  background-image: url(../images/backgrounds/bq.jpg);
  background-position: top;
  background-repeat: repeat-x;
  padding: 5px 35px 5px 5px;
  border: 1px solid #eee;
  font-family: "Trebuchet MS", Tahoma, Verdana; }

#footer {
  padding: 20px;
  border-top: 2px solid #ccff00;
  color: #ccc;
  text-align: center; }
  #footer a {
    color: #999; }

.openid {
  background-image: url("../images/openid_icon.png");
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0px 2px; }

div.comments div.body {
  padding: 5px; }
div.comments div.meta {
  min-height: 0px;
  padding: 0px; }
div.comments div.separator {
  height: 10px; }
div.errors {
  border: solid 1px red;
  background-color: #ffcccc;
  padding: 5px;
  padding-left: 10px;
  width: 485px; }
  div.errors h3 {
    font-size: 1.0em; }

.fieldWithErrors {
  display: inline; }

span.error {
  font-weight: bold; }

hr {
  border-top: dotted 1px black;
  border-bottom: none;
  height: 1px; }

#preview {
  height: 200px;
  overflow: auto; }

.related {
  background-color: #f8f8f8;
  border: 1px solid silver;
  padding: 10px; }

fieldset.toc {
  float: right;
  border: dotted 1px black;
  background-color: #fafafa;
  padding: 10px;
  margin-left: 5px; }

.toc legend {
  font-weight: bold; }
.toc ol {
  margin: 0px;
  padding-left: 0px;
  list-style-position: inside; }
  .toc ol ol {
    list-style-type: lower-alpha;
    padding-left: 15px; }

table.wp {
  margin: auto;
  background-color: #FAFAFA;
  border: 1px solid #BBBBBB;
  margin: 0.3em auto;
  padding: 0.4em 1em; }
  table.wp tr.gray {
    background-color: #EAEAEA; }
  table.wp td {
    padding-left: 10px;
    padding-right: 10px; }

.entrybody p:first-child:first-letter {
  font-size: 3.0em;
  float: left;
  font-family: Baskerville, Bodoni, serif;
  color: white;
  background-color: #444444;
  display: block;
  margin: 6px 6px 0px 2px;
  padding: 2px;
  text-transform: capitalize; }
.entrybody img {
  float: right; }

.css1 {
  font-size: 0.6em; }

.css2 {
  font-size: 0.8em; }

.css3 {
  font-size: 1.2em; }

.css4 {
  font-size: 1.7em; }

#gallery ul {
  margin-left: 0;
  border: none; }

#gallery .gallery_item {
  list-style: none;
  background-image: none;
  float: left;
  display: block;
  border-left: 3px solid #EAEAEA;
  margin: 8px; }
  #gallery .gallery_item .gallery_item_image {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center; }
  #gallery .gallery_item .download {
    text-align: center;
    background: url(/images/dl.png) no-repeat left; }
    #gallery .gallery_item .download a {
      color: #ccc;
      display: block;
      font-size: 10px; }
      #gallery .gallery_item .download a:hover {
        background: none;
        color: #444; }

.me-cloud {
  margin: 50px auto;
  color: #cccccc;
  max-width: 500px; }
  .me-cloud .name {
    font-size: 150%;
    color: #8fa632; }

#post-teasers .post-date {
  position: absolute;
  text-align: center;
  color: #ccc; }
  #post-teasers .post-date .post-month, #post-teasers .post-date .post-day {
    position: relative;
    left: -60px;
    top: 10px; }
  #post-teasers .post-date .post-month {
    font-size: 23px; }
#post-teasers .post-teaser {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 3px #999;
  box-shadow: 3px 3px 3px #999;
  -webkit-shadow: 3px 3px 3px #999;
  border: 1px solid #ccc;
  margin-left: -1px;
  margin-top: -1px;
  padding-left: 80px;
  min-height: 130px;
  padding: 5px 25px 20px 80px;
  margin: 20px; }
  #post-teasers .post-teaser .teaser-title {
    margin-bottom: 15px; }
    #post-teasers .post-teaser .teaser-title h3 {
      border: none;
      margin-bottom: 5px; }
      #post-teasers .post-teaser .teaser-title h3 a {
        padding: 0;
        text-decoration: none;
        border-bottom: 2px solid;
        border-color: #8fa632;
        padding-bottom: 1px; }
    #post-teasers .post-teaser .teaser-title .post-teaser-date {
      color: #ccc;
      font-size: 80%; }
  #post-teasers .post-teaser .teaser-meta {
    margin-bottom: 30px;
    margin-top: 15px; }
    #post-teasers .post-teaser .teaser-meta .more, #post-teasers .post-teaser .teaser-meta .tags {
      float: left;
      width: 50%; }
    #post-teasers .post-teaser .teaser-meta .tags {
      color: #ccc;
      height: 20px; }
    #post-teasers .post-teaser .teaser-meta .more {
      text-align: right;
      font-size: 120%; }
      #post-teasers .post-teaser .teaser-meta .more a {
        text-decoration: none;
        border-bottom: 2px solid;
        border-color: #8fa632;
        padding-bottom: 1px; }

#rss {
  margin-top: 20px; }

#content .related-posts #related {
  margin: 0; }
  #content .related-posts #related li {
    background: url("/images/arrow_right_16.png") no-repeat left center;
    padding: 0 0 0 20px; }
    #content .related-posts #related li .date {
      color: #ccc;
      font-size: 80%; }
    #content .related-posts #related li a {
      text-decoration: none;
      border-bottom: 2px solid;
      border-color: #8fa632;
      padding-bottom: 1px; }

h4 {
  margin: 20px 0 5px; }

#content .wp a {
  padding: 0; }