body {
  margin: 0;
  padding: 0;

  font-family: Verdana, "Lucida Grande", sans-serif;
  /*font-size: small;
  line-height: 1.3em;
  */

  text-align: left; 
  color: #333;
  background: #fff;
}

/* links
---------------------------------------------------------- */

a:link {
  padding: 0 0 1px 0;
  font-weight: normal;
  text-decoration: none;
  color: #900;
}
a:visited {
  color: #700;
  font-weight: normal;
  text-decoration: none;
} 
a:hover {
  color: #f00;
  font-weight: normal;
  text-decoration: underline;
}

/* page structure
---------------------------------------------------------- */

#wrap {
  position: relative;
  max-width: 1024px;
  min-width: 480px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
}

#content,
#sidebar,
#footer {
  /* no clue how to replicate 'small' using 
    numeric */
  font-size: small;
  line-height: 1.4em;
}

#sidebar {
  float: right;
  width: 25%;
  font-size: .75em;
  line-height: 1.4em;
  color: #777;
}

#main-body {
  padding: 20px 20px 0 20px;
}
#content {
  float: left;
  width: 75%;
}
#content-inner {
  margin: 0 30px 0 0;
}
#footer {
  clear: both;
  margin: 50px 0 20px 0;
  border-top: 1px solid #d9d9d9;
  padding: 2em 1em;
  background: #fff url(../img/nav-shadow2.gif) top left repeat-x;
}


/* header
---------------------------------------------------------- */

#header {
  height: 65px;
  background: #fff url(../img/symbols-bg5.gif) top right no-repeat;
}

#logo {
  padding: 0;
  width: 172px;
}
#logo img {
  margin: 7px 0 0 16px;
}
#description {
  position: absolute;
  width: 180px;
  top: 45px; right: 0px;
  margin: 0 20px 0 0;
}

/* navigation
---------------------------------------------------------- */

#nav {
  padding: 1px 15px 0px 15px;
  background: #787 url(../img/navbg1.gif) repeat-x top left;
  height:26px;
  font-size:small;
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  min-height:26px;
}

#nav li a {
  float: left;
  margin: 0;
  padding: 5px 12px;
  font-family: arial, verdana, sans-serif;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  color: #f0f0f0;
}

#nav li:hover, #nav li.active {
  color: #fff;
  background-color: #333;
}

#nav ul li ul {
  display:none;
  position:absolute;
  top:92px;
  min-width:140px;
}

#nav ul li ul li {
  height:26px;
  width:100%;
  background-color: #787;
  clear:left;
  float:left;
}

#nav ul li ul li a {
  width:100%; 
}

#nav ul li:hover ul {
  display:block;
}

#nav ul li ul li:hover {
  color: #fff;
  background-color: #333;
}



/* content styles
---------------------------------------------------------- */

#content h1 {
  margin: 0 2em 15px 0;
  padding: 0;
  font: normal 22px/24px Tahoma,Geneva,sans-serif;
  color: #222;
  letter-spacing:normal; /*.03em;*/
}

#content h2 {
  margin: 2em 0 10px 0;
  padding: 0 0 4px 0;
  font-size: 90%;
  font-weight: bold;
  text-transform: uppercase;
  color: #787;
  border-bottom: 1px solid #D9E7BD;
  letter-spacing: 1px;
}

#content p {
  margin: 0 0 1em 0;
  padding: 0;
  }

#content blockquote {
  margin:20px;
  padding:12px;
  background-color: #f0f0f0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* basic phrase element styles */

code, .darkcell span.pre {
  color: #703040;
  font: normal 1.1em/1.2em courier, "courier new", Monaco, monospace;
  text-align: left;
}

em {
  font-style: italic;
  }
strong {
  font-weight: bold;
  }

/* lists
---------------------------------------------------------- */

#content ul, #content ol, #content dl {
  margin: 1em 0 1em 0;
  padding: 0;
  }
#content ul, #content ol {
  margin-left: 15px;
  }
#content ol {
  padding-left: 20px;
  }
#content ul {
  list-style: circle;
  margin-top:0;
  }
#content ul li {
  padding: 0 0 4px 0;
  line-height: 1.3em;
  }

/* blog
---------------------------------------------------------- */

#content div.blog_post {
  margin: 0 0 1em 0;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 1em;
  clear:both;
}

#content div.blog_post h2 {
  margin: 0 0 5px 0;
  padding: 0px 0px 0px 0px;
  text-transform: none;
  border: 0;
  font: normal 20px/24px Tahoma,Geneva,sans-serif;
  color:#000000;
}

#content div.blog_nav {
  border-bottom: 1px solid #CCCCCC;
}

#content div.blog_post .blog_post_date {
  font-size: .9em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #787;
  border: none;
}

#content div.blog_post .blog_post_permalink {
  font-size:.8em;
  text-transform:none;
}

#content div.blog_post .blog_post_byline {
  text-transform:none;
  font-size:12px;
}

#content div.blog_post .blog_post_header {
    border-bottom: 1px solid #CCCCCC;
    padding: 0px 0px 10px 0px;
    margin: 20px 0 10px 0;
}

.prev {
    float: left;
    font-size: 0.8em;
}
.next, .chronlink {
    float: right;
    font-size: 0.8em;
}

#content div.subscribe {
    padding-bottom:10px;
    margin-bottom:5px;
}

#content div.subscribe h3 {
    font-size:13px;
}

/* get involved
---------------------------------------------------------- */
div.involved #content ul.nav {
  padding:0;
  margin:10px 0px 25px 0px;
}

div.involved #content ul.nav li {
  display:inline;
}

div.involved #content div.pagecontrol {
  text-align:right;
}

/* code highlight
---------------------------------------------------- */

pre {
    margin: auto;
    padding: 10px;
}

div.pygments_manni {
    background-color: #EFEFEF;
    border: 1px solid;
    overflow: auto;
    margin-bottom:10px;
}

/* table styles
---------------------------------------------------------- */

#content table.subscribe {
  border:none;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
}

#content tr.subscribe td.subscribe {
  border:none;
}

#content table {
    margin: 1em 0;
    padding-top: 0.5em;
    border-top: 1px solid #ccc;
    }
#content tr td {
    vertical-align: top;
    padding: 0.5em 0;
    border-bottom: 1px solid #e9e9e9;
    }

/* features styles
---------------------------------------------------------- */

#content dl#features  {
    padding-top:10px;
    border-bottom:1px solid #CCCCCC;
}

#content dl#features dt {
    color: #773;
    font: normal 14px/1.1em arial,helvetica,sans-serif;
    padding-top:20px;
    float:left;
    width:125px;
}

#content dl#features dd {
    border-top:1px solid #CCCCCC;
    padding-left:135px;
    padding-right:20px;
    padding-top:15px;
    padding-bottom:10px;
    margin-left:0px;
}    

/* in production styles
---------------------------------------------------------- */

#content dl#inproduction  {
    padding-top:10px;
    border-top:1px solid #CCCCCC;
}

#content dl#inproduction dt {
  padding-top:10px;
}
#content dl#inproduction dd {
    border-bottom:1px solid #CCCCCC;
    margin:0px 0px 10px 0px;
    padding:0px 0px 10px 0px;
}

/* sidebar styles
---------------------------------------------------------- */

#sidebar .box {
    margin: 0 0 2em 0;
    padding: 15px 15px 1em 15px;
    background-color: #f0f0f0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;    
    }
#sidebar .box .date {
    color: #666;
    font-style: italic;
    }    
#sidebar h3 {
  margin: 0 0 10px 0;
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #787;
  }
#sidebar p {
  margin: 0;
  padding: 0;
  }
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#sidebar li {
    padding: 3px 0;
  line-height: 1.4em;
  }

#sidebar .donate form {
    text-align:center;
    padding:20px;
}

/* footer styles
---------------------------------------------------------- */

#footer {
  color: #777;
}
#footer p {
  margin: 0;
  padding: 0;
  }
#footer .pypowered { float: left; margin: 0 10px 0 0;}
#footer .copyright { 
    float: left;
    font-size:.9em;
}
#footer .sflogo { float: right; }

/* misc.
---------------------------------------------------------- */

hr, .hide {
  display: none;
  }
a img {
  border: none;
  }

.doc_toolbar {
  float:right;
}

/* self-clearing floats */

#logo:after, 
#nav:after, 
#title:after, 
#main-body:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* 
Title:     Fixes for IE/win
Author:    dan@simplebits.com
Updated:   March 16 2006
*/

/* self-clearing floats */

* html #logo, 
* html #nav, 
* html #title, 
* html #main-body {
  height: 1%;
  }

/* fixes weird IE body padding issue */

* html #wrap { height: 1%; }