html, body, form, fieldset {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
  padding: 0;
  line-height: 100%;
  font-family: Trebuchet MS , arial, helvetica, sans-serif; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.17em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.83em; }

h6 {
  font-size: 0.67em; }

ul, ol, dl, blockquote {
  margin: 0.5em 2em 0.5em 0.5em;
  padding: 0 0 0 1.5em;
  overflow: hidden; }

li {
  margin: 0 0 0 1.5em;
  padding: 0; }

p {
  margin: 0 0 1em 0;
  padding: 0;
  line-height: 125%; }

pre {
  font-family: Courier New , monospace;
  font-size: 12px;
  background: #eeeeee;
  padding: 10px;
  overflow: auto; }

img {
  border: none; }

a {
  color: #006838;
  font-weight: bold;
  text-decoration: none; }

a:visited {
  color: #b3a397; }

a:hover {
  color: #006838;
  text-decoration: underline; }

a img {
  border: 1px solid #fff; }

a:hover img {
  border-style: solid;
  border-width: 1px;
  border-color: #006838; }

html {
  background: #fff;
  min-width: 990px;
  max-width: 1250px;
  margin: 0 auto;
  height: 100%; }

body {
  font-family: Georgia, serif;
  font-size: 93.75%;
  color: #444444;
  margin: 0 auto;
  padding: 0 0 25px;
  min-width: 990px;
  max-width: 1250px;
  min-height: 100%;
  background: #302612;
  background-image: url(/images/compost/grass.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  border: none; }

#masthead {
  background: transparent;
  width: 990px;
  height: 200px;
  margin: 0 auto -50px auto; }
  #masthead h1 {
    float: left;
    margin: 25px 0 0px 48px;
    display: inline;
    height: 120px;
    width: 150px;
    background: transparent;
    font-size: 1.5em; }
    #masthead h1 span {
      display: block;
      height: 110px;
      width: 220px;
      margin: -72px 0 0 -25px;
      background-image: url(/images/compost/logo.gif);
      background-repeat: no-repeat;
      background-position: top right;
      position: relative;
      z-index: 1; }
    #masthead h1 a {
      outline: none; }
    #masthead h1 a:hover {
      text-decoration: none;
      cursor: hand; }
  #masthead #search {
    float: right;
    display: inline;
    margin: 18px 25px -52px 0; }
  #masthead #navbar {
    float: right;
    clear: right;
    margin: 78px -5px -275px 0;
    display: inline;
    width: 480px;
    height: 300px;
    padding: .2em 0; }
    #masthead #navbar li {
      font-weight: bold;
      font-size: 1.25em;
      list-style: none;
      float: left;
      display: inline;
      margin: 0;
      padding: 0; }
      #masthead #navbar li a {
        color: #fff;
        padding: .1875em 1.0625em;
        position: relative; }
      #masthead #navbar li a:hover, #masthead #navbar li a:active {
        color: #006838; }
      #masthead #navbar li ul {
        display: none;
        text-align: left;
        padding: .125em .625em .25em 1em;
        background: #c69c6d;
        background: #8bbb65;
        margin: .15em 0 0;
        position: relative;
        z-index: 100; }
      #masthead #navbar li #subnav1 {
        margin: .15em -100px 0 0; }
        #masthead #navbar li #subnav1 li {
          width: 180px; }
    #masthead #navbar li:hover a {
      background: #c69c6d;
      background: #8bbb65; }
    #masthead #navbar li:hover ul {
      display: block; }
    #masthead #navbar li ul li {
      font-weight: normal;
      font-size: .75em;
      list-style: none;
      float: left;
      display: inline;
      clear: left;
      margin: .3em 0;
      padding: 0;
      width: auto;
      height: auto; }
      #masthead #navbar li ul li a {
        color: #006838;
        padding: .3125em 0;
        position: relative; }
  #masthead #navbar > li a {
    color: #fff; }

#navbar, #story_return, .credit, #flash {
  font-family: Trebuchet MS , arial, helvetica, sans-serif; }

p#flash {
  color: #16825b;
  font-weight: bold;
  font-size: .875em;
  margin: 0 0 0 25px;
  padding: 0; }

#main, #footer, #colophon {
  padding: 13px 0 0;
  margin: 0 auto;
  width: 990px;
  background: #fff; }

#main {
  clear: both;
  overflow: hidden; }

#content {
  width: 600px;
  float: left;
  margin: 0px 0 10px 25px;
  display: inline; }
  #content .item {
    clear: both;
    margin: 0 0 2em;
    overflow: hidden; }
    #content .item .headline {
      margin: 0 0 .25em; }
    #content .item .headline a {
      color: #111; }
    #content .item .headline a:visited {
      color: #b3a397; }
    #content .item .headline a:hover {
      color: #006838; }
    #content .item .byline, #content .item .dateline {
      display: inline;
      margin: 0 15px 0 0; }
    #content .item .byline {
      font-weight: bold; }
    #content .item .thumbnail {
      float: left;
      margin: .625em 15px 0 0; }
    #content .item .abstract {
      margin: .375em 0 0 0; }
  #content .pagination {
    text-align: center;
    font-family: Verdana, Microsoft Sans Serif , sans-serif; }
    #content .pagination .current, #content .pagination .active {
      border-left: 1px solid #181818;
      padding: 3px 2px 3px 10px;
      margin: 0; }
    #content .pagination .active a {
      color: #006838;
      background: #fff;
      margin: -3px -2px -3px -10px;
      padding: 3px 2px 3px 10px;
      font-weight: bold; }
    #content .pagination .today {
      border: none; }

.creditline {
  font-family: Verdana, Microsoft Sans Serif , sans-serif;
  font-size: .75em; }

body.wider {
  background-image: none;
  margin: 0 auto;
  padding: 0 0 25px;
  min-width: 990px;
  max-width: 1250px;
  min-height: 100%;
  background: #302612;
  background-image: url(/images/compost/grass.jpg);
  background-repeat: no-repeat;
  background-position: center top; }
  body.wider #main, body.wider #footer, body.wider #colophon {
    border: none;
    background: none;
    padding: 0;
    background: #fff; }
    body.wider #main #content,     body.wider #footer #content,     body.wider #colophon #content {
      margin: 0;
      width: 100%; }
      body.wider #main #content .wrapper #masthead,       body.wider #footer #content .wrapper #masthead,       body.wider #colophon #content .wrapper #masthead {
        background: #302612;
        background-image: url(/images/compost/grass.jpg);
        background-repeat: no-repeat;
        background-position: center top; }
        body.wider #main #content .wrapper #masthead h1#photo_logo,         body.wider #footer #content .wrapper #masthead h1#photo_logo,         body.wider #colophon #content .wrapper #masthead h1#photo_logo {
          float: left;
          margin: 20px 15px 0px 25px;
          display: inline; }
          body.wider #main #content .wrapper #masthead h1#photo_logo a img,           body.wider #footer #content .wrapper #masthead h1#photo_logo a img,           body.wider #colophon #content .wrapper #masthead h1#photo_logo a img {
            border: none; }
        body.wider #main #content .wrapper #masthead .no_photo,         body.wider #footer #content .wrapper #masthead .no_photo,         body.wider #colophon #content .wrapper #masthead .no_photo {
          padding: 0 1em;
          color: #aaa; }
        body.wider #main #content .wrapper #masthead #navbar li,         body.wider #footer #content .wrapper #masthead #navbar li,         body.wider #colophon #content .wrapper #masthead #navbar li {
          position: relative;
          left: 25px; }
      body.wider #main #content .wrapper .large,       body.wider #footer #content .wrapper .large,       body.wider #colophon #content .wrapper .large {
        clear: both;
        width: 960px;
        padding: 18px 15px 0;
        background: #fff; }
        body.wider #main #content .wrapper .large .photo .image,         body.wider #footer #content .wrapper .large .photo .image,         body.wider #colophon #content .wrapper .large .photo .image {
          text-align: center;
          margin: 0; }
      body.wider #main #content .wrapper .phototext,       body.wider #footer #content .wrapper .phototext,       body.wider #colophon #content .wrapper .phototext {
        width: 960px;
        margin: 0 0 0 15px;
        margin-bottom: 3.3em;
        background: #fff; }
      body.wider #main #content .wrapper #story_return,       body.wider #footer #content .wrapper #story_return,       body.wider #colophon #content .wrapper #story_return {
        margin: 0 0 3em 15px;
        font-family: Trebuchet MS , arial, helvetica, sans-serif;
        font-size: 1em;
        background: #fff; }
        body.wider #main #content .wrapper #story_return a,         body.wider #footer #content .wrapper #story_return a,         body.wider #colophon #content .wrapper #story_return a {
          text-decoration: underline;
          font-family: Trebuchet MS , arial, helvetica, sans-serif;
          font-size: 1.125em; }

.phototext {
  margin-bottom: 5em; }
  .phototext p, .phototext h3 {
    margin: 0 0 0em; }
  .phototext .title {
    font-family: Trebuchet MS , arial, helvetica, sans-serif;
    font-size: 1.125em;
    float: left;
    display: inline;
    padding: .1875em 0 0; }
  .phototext .credit {
    float: right;
    display: inline;
    color: #666;
    font-size: .75em; }
  .phototext .caption {
    clear: both;
    font-family: Verdana, Microsoft Sans Serif , sans-serif;
    font-size: .8125em;
    color: #888; }

#story_return {
  margin-bottom: 1.25em; }
  #story_return a {
    text-decoration: underline;
    font-size: 1.125em; }

h3.image, h4.image {
  margin: 0 0 .25em; }

.photo_item .image {
  margin: 0; }

#lead {
  clear: both; }
  #lead .image {
    margin: 0; }
  #lead .phototext {
    margin-bottom: 1.5em; }
    #lead .phototext .title, #lead .phototext .credit {
      margin-bottom: 0; }
    #lead .phototext .caption {
      margin: 0;
      padding: 0; }

#story {
  margin: 0 0 3em; }
  #story .headline {
    color: #111;
    margin: 0 0 .125em; }
  #story .creditline {
    margin: 0 0 .75em; }
  #story .byline, #story .dateline {
    display: inline;
    margin: 0 15px 0 0; }
  #story .byline {
    color: #555;
    font-weight: bold; }
  #story .dateline {
    color: #888; }
  #story #thumbnails {
    float: left;
    margin: .25em 20px -3px 0; }
  #story .thumb .title {
    width: 150px;
    margin-bottom: 1.875em; }
  #story .storytext {
    padding-top: .125em; }
    #story .storytext h1, #story .storytext h2, #story .storytext h3, #story .storytext h4, #story .storytext h5, #story .storytext h6 {
      color: #333; }
    #story .storytext h2 {
      font-size: 1.25em; }
  #story h6.tagged {
    margin: 0;
    padding: 1.5em 0 1em; }
  #story #story_edit {
    margin: 0 0 -1.5em; }

#sidebars {
  width: 300px;
  float: right;
  display: inline;
  margin: 0px 25px 0px 0;
  font-size: .8em; }
  #sidebars .wrapper h1.title {
    font-size: 1.5em;
    margin: 0 0 25px; }
  #sidebars .item {
    margin: 0 0 25px;
    clear: both;
    overflow: hidden; }
    #sidebars .item h3.headline {
      margin: 0px 0 5px; }
      #sidebars .item h3.headline a {
        color: #111;
        margin: 0; }
      #sidebars .item h3.headline a:visited {
        color: #b3a397; }
      #sidebars .item h3.headline a:hover {
        color: #006838; }
    #sidebars .item .thumbnail a {
      float: left;
      display: inline; }
      #sidebars .item .thumbnail a img {
        margin: 4px 10px 2px 0; }
    #sidebars .item .abstract {
      font-family: Verdana, Microsoft Sans Serif , sans-serif;
      font-size: .875em; }
      #sidebars .item .abstract p {
        line-height: 1.375em;
        margin: 0; }
  #sidebars .small .thumbnail a {
    margin: 0 0 5px 0; }
  #sidebars .more {
    font-family: Verdana, Microsoft Sans Serif , sans-serif;
    font-size: .875em;
    margin: 0 0 5em;
    text-align: right; }

input {
  font-family: Trebuchet MS , arial, helvetica, sans-serif; }

textarea {
  font-family: Georgia, serif; }

.editcaption textarea {
  font-family: Verdana, Microsoft Sans Serif , sans-serif;
  font-size: 87.5%; }

#footer {
  font-family: Verdana, Microsoft Sans Serif , sans-serif;
  font-size: .75em;
  font-weight: bold;
  clear: both; }
  #footer #colophon {
    clear: both;
    padding: 0 0 25px; }
    #footer #colophon a:visited {
      color: #006838; }
    #footer #colophon h1, #footer #colophon h2, #footer #colophon h3, #footer #colophon h4, #footer #colophon h5, #footer #colophon h6 {
      text-align: center; }
    #footer #colophon p {
      text-align: center;
      margin: 0px; }
