/*
Theme Name: whiteboard
Theme URL: http://whiteboard.plainbeta.com/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 2.0

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

* {
  outline: none;
}

html {
  background:#FFF;
}
body {
  background:#FFF;
  font-family:Arial;
  font-size:12px;
  color:#393939;
}

h1 {
  background:transparent url(images/header.gif) center top no-repeat;
  height:175px;
  text-indent:-9999px;
  margin-bottom:15px;
}
h1 a {
  display:block;
  height:100%;
}
h2 {
  font-family:Verdana;
  font-size:30px;
  font-weight:bold;
  margin-bottom:10px;
  color:#393939;
  text-transform:uppercase;
}
h2 a{
  text-decoration:none;
  color:#006136;
}
h2 a:hover{
  color:#393939;
}

a {
  color:#006136;
  text-decoration:underline;
}
a:hover {
  color:#393939;
  text-decoration:none;
}

#container{
  margin:0 auto;
  width:917px;
  margin-top:0px;
  margin-bottom:18px;
}
#content_wrapper {
  background:transparent url(images/dot_v.gif) 60px 195px repeat-y;
  overflow:auto;
  zoom:1;
}
#content {
  float:left;
  overflow:auto;
  zoom:1;
  width:740px;
}
.post{
  overflow:auto;
  zoom:1;
  width:740px;
  margin-bottom:20px;
}
#comments, .comments_reply {
  width:650px;
  margin-left:75px;
}
#comments {
  margin-bottom:35px;
}
#comments p{
  margin:10px 0;
}
.comments_reply {
  padding-bottom:15px;
  background:transparent url(images/dot_h.gif) bottom left repeat-x;
  margin-bottom:35px;
}
.comments_reply img{
  margin-bottom:18px;
}
.comments_reply p {
  overflow:auto;
  zoom:1;
  margin:5px 0;
}
.comments_reply label {
  float:left;
  width:67px;
  padding-left:2px;
  padding-right:10px;
}
.comments_reply textarea {
  padding:3px;
  width:560px;
  height:120px;
  font-size:12px;
  border:1px solid #dedede;
  float:left;
}
.comments_reply p input {
  padding:3px;
  width:203px;
  height:20px;
  font-size:12px;
  border:1px solid #dedede;
  float:left;
}
#submit {
  margin:10px 0 15px 80px;
}
#comments_list {
  margin:20px 0;
}
#comments_list li {
  list-style:none;
  padding-top:5px;
  padding-bottom:15px;
  background:transparent url(images/dot_h.gif) bottom left repeat-x;
}
#comments_list li em{
  color:#673a39;
  font-style:italic;
}
#comments_list li p{
  margin-left:15px;
  margin-right:50px;
  width:500px;
}
.comments_meta {
  font-size:12px;
  margin-bottom:12px;
  font-weight:bold;
}
.comment_author {
  color:#006136;
}
.comment_author a{
  text-decoration:none;
}
.comment_text p {
  margin:10px 0;
}
.archive_header{
  overflow:auto;
  zoom:1;
  width:740px;
}
.post_info {
  float:left;
  width:60px;
  padding-top:10px;
}
.post_info_comment {
  background:#006136 url(images/bg_comment.gif) top left no-repeat;
  width:22px;
  height:22px;
  padding:2px 2px 0;
  margin-left:6px;
  text-align:center;
}
.post_info_comment a, .post_info_comment a:hover {
  color:#FFF;
  text-decoration:none;
  font-size:12px;
}
.post_info_cat {
  margin-left:6px;
  margin-bottom:12px;
}
.post_content {
  float:left;
  width:650px;
  padding:0 15px;
  padding-top:10px;
}
.post_time_short {
  font-size:18px;
  color:#006136;
  margin-left:5px;
  margin-bottom:8px;
  line-height:80%;
}
.post_tags {
  margin:10px 0;
  color:#006136;
}
.post_copy {
  margin-top:12px;
  margin-bottom:28px;
  line-height:150%;
}
.post_copy p, .post_copy ul, .post_copy ol{
  margin:12px 0;
}
.post_meta{
  padding-bottom:15px;
  background:transparent url(images/dot_h.gif) bottom left repeat-x;
  overflow:auto;
  zoom:1;
}
.post_meta a{
  text-decoration:none;
}
.post_meta img{
  vertical-align:middle;
}
.post_comment {
  float:left;
  width:auto;
  font-size:12px;
  font-weight:bold;
  margin-right:10px;
}
.post_share {
  float:left;
}
.post_share a{
  margin-right:10px;
}
.post_share img{
  margin-right:10px;
  vertical-align:-2px;
}
.post_share a img{
  margin-right:2px;
}
.top_navigation{
  margin:2px 15px 15px 75px;
  background:transparent url(images/dot_h.gif) bottom left repeat-x;
  overflow:auto;
  zoom:1;
  padding-bottom:18px;
}
.post_navigation{
  margin:0px 15px 35px 75px;
  padding-bottom:15px;
  background:transparent url(images/dot_h.gif) bottom left repeat-x;
  overflow:auto;
  zoom:1;
}
.nav_left {
  float:left;
}
.nav_right {
  float:right;
}
#searchform{}
#sidebar{
  float:left;
  width:162px;
  padding-left:15px;
}
#sidebar ul {
  width:145px;
}
#sidebar li {
  background:transparent url(images/dot_h.gif) bottom left repeat-x;
  padding:16px 0px;
  text-align:center;
  list-style:none;
  position:relative;
  zoom:1;
}
#sidebar li ul li {
  background:none;
  text-align:left;
  padding:5px 0;
}
#sidebar li ul li img{
  vertical-align:middle;
}
#sidebar li.category_list, #sidebar li.category_movember {
  text-align:left;
  background:none;
}

#sidebar li.category_list img{
  margin-right:10px;
}
#sidebar li.category_list a{
  text-decoration:none;
  color:#393939;
  font-weight:bold;
}
#sidebar li.category_list a:hover{
  color:#006136;
}
#sidebar li.category_list ul{
  margin-top:6px;
}
.current_location img{
  vertical-align:middle;
}
#sidebar li #twitter{
  position:absolute;
  bottom:-3px;
  right:-15px;
}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}
#footer{
  overflow:auto;
  zoom:1;
  width:650px;
  padding-bottom:35px;
  padding-left:75px;
  color:#999a99;
}
#footer img{
  vertical-align:-2px;
}
#footer a{
  color:#999a99;
}
#footer a:hover{
  color:#006136;
}
#footer_left {
  float:left;
}
#footer_right {
  float:right;
}

#email_field {
  border: 1px solid #BBBBBB;
  width: 100%;
  padding: 3px;
  font-size: 11px;
  color: #29492d;
  font-family: Arial;
}

#email_submit {
  position: absolute;
  right: 0;
  top: 88px;
}