body {
  background: url(/images/theme/background.gif) repeat-x left top;
  font: normal 12px "lucida grande", verdana, sans-serif; }

input, textarea {
  font: normal 12px "bitstream vera sans", verdana, sans-serif; }

abbr {
  border: none; }

cite {
  font-style: normal; }

a img {
  padding: 0;
  margin: 0;
  border: none; }
a:link, a:visited {
  color: #993300; }
a:hover, a:active {
  color: #666622;
  background: #ffffcc; }

/* http://longren.org/2006/09/27/wrapping-text-inside-pre-tags */
pre {
  overflow: auto;
  white-space: pre-wrap /* CSS 2.1 */;
  width: 99%; }

.tag1 {
  font-size: 0.8em; }

.tag2 {
  font-size: 1em; }

.tag3 {
  font-size: 1.2em; }

.tag4 {
  font-size: 1.4em; }

.tag5 {
  font-size: 1.6em; }

.tag6 {
  font-size: 1.8em; }

.tag7 {
  font-size: 2em; }

.tag8 {
  font-size: 2.2em; }

.tag9 {
  font-size: 2.4em; }

/* *
 * * Controls the main layout (width, height, margin, padding)
 * *
 * * #container
 * *   #header
 * *   #page
 * *     #content
 * *     #sidebar
 * *   #footer
 * */
body {
  text-align: center;
  margin: 0;
  padding: 0.6em 1em 1em 1em; }

#container {
  width: 900px;
  text-align: left;
  margin: 0 auto;
  padding: 0; }

#header {
  height: 62px;
  margin: 0 -0.5px 12px 0;
  padding: 0; }


#content {
  float: left;
  width: 662px;
  padding: 0 0 0 5px; }

#sidebar {
  float: right;
  text-align: left;
  width: 200px;
  padding-left: 15px;
  border-left: 1px dotted #ddd; }

#footer {
  height: 40px;
  margin: 10px 0 0;
  padding: 10px 0 0;
  clear: both; }

#header {
  background: url(/images/theme/header_shadow.gif) repeat-x left bottom; }
  #header a:link, #header a:visited {
    color: #bbbb88;
    text-decoration: none; }
  #header a:hover, #header a:active {
    color: #555511;
    background: transparent;
    text-decoration: none; }
  #header h1 {
    text-shadow: #aaa 0px 2px 2px;
    font: bold 410% georgia, serif;
    letter-spacing: -1px;
    margin: 0;
    float: left; }
  #header h2 {
    color: #555511;
    text-shadow: #aaa 1px 0px 1px;
    font: normal 14px verdana, arial, sans-serif;
    margin: 2.35em 0.2em 0 0;
    float: left; }

#content h1, #content h2, #content h3, #content h4, #content h5 {
  color: #555511;
  font: 16px/14px "lucidamac bold","lucida grande",arial,verdana,sans-serif;
  text-shadow: #aaa 0px 1px 1px;
  font-weight: bold;
  letter-spacing: -1px; }
#content h1 {
  font-size: 28px;
  margin-top: 0.9em;
  margin-bottom: 0.6em;
  border-bottom: 1px dotted #bbb; }
#content h2 {
  font-size: 24px;
  margin-top: 0.9em;
  margin-bottom: 0.6em; }
#content h3 {
  font-size: 22px;
  margin: 1.2em 0 0.3em; }
#content h4 {
  font-size: 20px;
  margin: 1.2em 0 0.3em; }
#content h5 {
  font-size: 20px;
  background: #ffd;
  margin: 1.2em 0 0.3em;
  border-bottom: 1px dotted #aaa; }
#content p {
  line-height: 14px;
  margin: 0 0 1.2em; }
#content ul, #content ol {
  margin: 1em;
  padding: 0; }
#content ul {
  list-style-type: square; }
#content li {
  line-height: 15px;
  margin: 0 0 0 1em;
  padding: 0; }
#content blockquote {
  color: #555;
  border-left: 5px solid #ccc;
  margin: 1.3em 1em;
  padding: 0 1em; }
#content pre, #content code {
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif; }
#content pre {
  color: #333;
  background: #f8f8f8;
  border: 1px solid #ddd;
  margin: 0.9em 0;
  padding: 8px; }
#content .hentry {
  margin: 0 0 3em 0; }
  #content .hentry .entry-title {
    font-size: 28px;
    letter-spacing: -1.5px;
    line-height: 94%;
    margin: 0; }
    #content .hentry .entry-title a:link, #content .hentry .entry-title a:visited {
      text-decoration: none; }
  #content .hentry .subtitle, #content .hentry .published {
    font: 16px/14px "lucidamac bold","lucida grande",arial,verdana,sans-serif;
    text-shadow: #ddd 0px 1px 1px;
    color: #a9a9a9;
    letter-spacing: -1px;
    float: left;
    margin: 1px 0 0.6em 2px; }
  #content .hentry .published {
    font-weight: bold; }
  #content .hentry .author-name {
    margin-right: 5px; }
    #content .hentry .author-name a {
      color: #aaa;
      background: transparent;
      text-decoration: none; }
      #content .hentry .author-name a:hover {
        color: #993300; }
  #content .hentry .clear {
    clear: both; }
  #content .hentry .entry-content .more {
    text-align: right;
    margin-right: 2em;
    margin-bottom: 1em;
    font-style: italic; }
  #content .hentry ul.meta {
    font-size: 0.9em;
    background: #f8f8f8;
    margin: 0;
    padding: 5px;
    border: 1px solid #ddd;
    list-style-type: none; }
    #content .hentry ul.meta li {
      line-height: 13px;
      margin: 0;
      padding: 0; }
#content ol.comments, #content ol.trackbacks {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#content li.comment, #content li.trackback {
  border: 1px solid #ddd;
  margin: 0 0 1.5em;
  padding: 1em; }
#content li.comment.preview {
  background: #ffc;
  border: 3px solid #fab444;
  margin: 0 0 1.5em;
  padding: 1em; }
#content li.comment .author {
  font-weight: bold;
  margin-bottom: 1em; }
#content li.trackback .author {
  font-weight: bold;
  margin-bottom: 1em; }
#content li.comment .author cite, #content li.trackback .author cite {
  font-size: 16px;
  letter-spacing: -1px; }
#content li.comment .author abbr, #content li.trackback .author abbr {
  color: #999; }
#content li.comment .author .gravatar {
  margin: 0 0 0.5em 0.5em;
  float: right; }
#content li.comment .author div {
  margin: 0 0 0.5em 0.5em;
  width: 60px;
  height: 60px;
  background: url(/images/theme/gravatar.gif) no-repeat left top;
  float: right; }
#content form.new_comment {
  background: #f2f2f2;
  border-top: 1px solid #ddd;
  padding: 1em 0.5em; }
  #content form.new_comment li#preview-comment {
    background: white; }
  #content form.new_comment #flash-notice {
    color: green; }
  #content form.new_comment #flash-error {
    color: red; }
  #content form.new_comment fieldset {
    border: none; }
  #content form.new_comment legend, #content form.new_comment label {
    font-weight: bold; }
  #content form.new_comment textarea {
    width: 90%;
    height: 150px;
    padding: 3px; }

#sidebar {
  font-size: 11px; }
  #sidebar h3 {
    font: 16px/14px "lucidamac bold","lucida grande",arial,verdana,sans-serif;
    text-shadow: #ddd 0px 1px 1px;
    font-weight: bold;
    margin: 0 0 0.5em; }
    #sidebar h3 a:link, #sidebar h3 a:visited {
      color: #555511;
      text-decoration: none; }
    #sidebar h3 a:hover, #sidebar h3 a:active {
      background: transparent;
      text-decoration: underline; }
  #sidebar ul {
    list-style-type: none;
    margin: 0 0 2em;
    padding: 0; }
  #sidebar li {
    margin: 0;
    padding: 1px 0; }
  #sidebar .search p {
    margin: 0; }
    #sidebar .search p input {
      font-size: 11px;
      width: 92%; }
  #sidebar .search .loading {
    background: url(/images/theme/spinner.gif) no-repeat left 50%;
    margin: 1em 0;
    padding: 0 0 0 20px;
    height: 15px; }
  #sidebar .search .results {
    margin: 0 0 1.25em; }
    #sidebar .search .results h3 {
      margin-top: 1em; }
    #sidebar .search .results p {
      font: 16px/14px "lucidamac bold","lucida grande",arial,verdana,sans-serif;
      font-weight: bold;
      margin: 0 0 0.5em; }
    #sidebar .search .results ul {
      margin: 0;
      padding: 3px; }
    #sidebar .search .results li {
      background: #ffc;
      padding: 0.2em; }
    #sidebar .search .results a:link, #sidebar .search .results a:visited {
      color: #222; }
    #sidebar .search .results a:hover, #sidebar .search .results a:active {
      color: white; }
  #sidebar #flickr {
    margin: 0 0 2em;
    clear: both; }
    #sidebar #flickr img {
      margin: 0 0 5px;
      padding: 5px;
      border: 1px solid #ddd;
      display: block; }
      #sidebar #flickr img:hover {
        background: #ffc; }
    #sidebar #flickr a {
      border: none; }

#footer {
  border-top: 1px solid #ccc;
  font-size: 90%; }
  #footer hr {
    display: none; }
  #footer p {
    width: 40%;
    float: left;
    margin: 0;
    padding: 0; }
  #footer ul {
    width: 40%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
    float: right; }
  #footer li {
    margin: 0;
    padding: 0 0 0 1em;
    display: inline; }
