﻿* {
  background-color: transparent;
  background-repeat: repeat;
  border: none;
  color: inherit;
  font: inherit;
  font-size: 1em;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: static;
  text-align: inherit;
  text-decoration: none;
  text-indent: 0
}

address {
  font-style: normal
}

hr {
  height: 0
}

/* html { background: #eee } */

body {
    background: #fff;
    font-family: Arial, sans-serif;
    margin: .5em;
    padding: 1.5em
}

#logo {
    float: right
}

h1 {
    font-size: 48px;
    letter-spacing: -.0625em;
    margin: 0 0 .0625em 0
}

#top-menu {
    height: 24px;
    margin: 0 0 1em 0 
}

#top-menu li {
    display: inline
}

#top-menu li a {
    background: #000;
    border-right: .5em solid #fff;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    height: 100%;
    line-height: 25px;
    padding: 0 .25em
}

#top-menu li.current_page_item a,
#top-menu li a:hover {
    background: #d00
}

#content {
    float: left;
    width: 50%;
    margin: 0 5% 0 0
}

.date,
.post_content,
h2 {
    margin: 0 0 .25em 0
}

.date {
    color: #555;
    font-size: 12px;
}

h2 {
    font-size: 18px;
}

.comments_link {
    font-size: 12px;
    margin: 0 0 1em 0
}

p, #content ul { 
    color: #333;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 13px; 
    line-height: 1.4em;
    margin: 0 0 .5em 0
}

#content ul li {
    list-style: square;
    margin: 0 0 0 1em
}

pre, code {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    background: #eee;
    padding: .5em;
    margin: 1em 0
}

a:hover { color: #d00 }
p a { color: #d00 }

#sidebar {
    float: left;
    width: 15%;
    margin: 0 5% 0 0
}

#sidebar ul { margin: 0 0 1em 0 }

#sidebar li a {
    font-family: "Lucide Grande", Verdana, sans-serif;
    font-size: 13px
}

#search_form {
    margin: 0 0 1em 0
}

#search_form input[type="text"] {
    width: 80%
}

input[type="text"], textarea {
    border: 1px solid #333 
}

input[type="text"]:hover, textarea:hover {
    border-color: #d00
}

textarea {
    width: 100%
}

.comments_header { margin: 2em 0 0 0; }

.comments_header_left { float: left; padding: 0 1em 0 0  }

.comments_header_left,
.comments_header_right {
    color: #333;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 13px; 
    font-weight: bold;
    line-height: 1.4em;
    margin: 0 0 .5em 0
}

.comment_author {
    font-size: 14px
}

.comment_date {
    color: #555;
    font-size: 12px;
    margin: 0 0 .5em 0
}

.comment_header {
    clear: left;
}

.comment_avatar { 
    float: left
}

.comment_text {
    margin: 0 0 0 100px
}

.comment_content {
    margin: 0 0 1em 0;
    min-height: 93px;
}

strong { font-weight: bold }
