body {
  background: #185753 url('images/bg.jpg') repeat-x top;
  display: block;
  font-size: 0.8em;
  padding: 1em 1em 3em 1em;
}

.container {
  background: #ebebcb url('images/content_bg.gif') no-repeat right top;
  display: block;
  margin: 0 auto;
  width: 980px;
  }

#spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  }

#header {
  background-color: #7dba84;
  margin-bottom: 3px;
  padding: 20px;
  position: relative;
  }

#header h1 {
  float: left;
  position: relative;
  z-index: 5;
  }

#header h1 a {
  color: #000;
  text-decoration: none;
  }

#nav {
  position: relative;
  text-align: right;
  top: 8px;
  }

#nav a {
  color: #fff;
  display: inline;
  margin-right: 2px;
  padding: 0.5em;
  text-decoration: none;
  width: 100px;
  }

#nav a:link,
#nav a:visited {
  }

#nav a:hover,
#nav a:active,
#nav a.current {
  background-color: #185753;
  }

#fun_facts {
  background-color: #e09f1d;
  margin-bottom: 1em;
  padding: 5px 20px;
  }

#fun_facts span {
  display: none;
  }

#fun_facts h3 {
  background: url('images/fun_fact.gif') no-repeat left center;
  color: #fff;
  min-height: 41px;
  padding-left: 50px;
  font-style: italic;
  }

#primary {
  display: block;
  float: left;
  margin-right: 7%;
  padding-left: 20px;
  padding-bottom: 10px;
  width: 57%;
  }

#primary a {
  color: #195754;
  }

#primary h3 {
  margin-bottom: 0;
  }

.comment {
  border-bottom: 1px dashed #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
  }

.comment .author {
  font-weight: bold;
  margin-bottom: 0;
  }

#primary .posts .post {
  border-bottom: 1px solid #dfdfc1;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  }

#primary .image_module p.image {
  float: left;
  padding: 0 1em 1em 0;
  }

#primary .date {
  color: #787878;
  font-size: 0.9em;
  }

#post_comment_form {
  margin: 2em 0;
  }

#post_comment_form,
#image_comment_form {
  background-color: #e6d198;
  padding: 10px;
  }

#post_comment_list h3,
#image_comment_list h3 {
  margin-bottom: 1em;
  }

#secondary {
  display: block;
  float: left;
  padding-bottom: 10px;
  width: 33%;
  }

#secondary .image { text-align: center }

#secondary h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

#secondary .image_module {
  background-color: #ffc568;
  margin-bottom: 1em;
  padding: 10px;
  }

#footer {
  background-color: #3e7370;
  color: #82b8b4;
  font-size: 0.9em;
  margin-top: 1em;
  padding: 5px 0;
  text-align: center;
  width: 100%;
  }

#footer p {
  margin-bottom: 0;
  }

#footer p a {
  color: #000;
  }


/* calendar CSS */
table.calendar {
  background-color: #ff;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  width: auto;
  }

table.calendar th {
  background-color: #eee;
  border: 1px solid #eee;
  color: #444;
  padding: 4px;
  text-align: center;
  text-transform: none;
  }

table.calendar th.cell-prev {
  text-align: left;
  }

table.calendar th.cell-next {
  text-align: right;
  }

table.calendar th.cell-header {
  width: 70px;
  border-bottom: 1px solid #ccc;
  }

table.calendar td.cell-today {
  /* today in the current month */
  background-color: #e2e8f6;
  }

table.calendar td.cell-weekend {
  background-color: #F3F5EB;
  }

table.calendar td {
  border: 1px solid #ccc;
  padding: 0.5em;
  }

table.calendar td div.cell-number {
  color: #444;
  display: block;
  font-size: 8px;
  text-align: right;
  }

table.calendar td div {
  display: block;
  font-size: 10px;
  text-align: left;
  }

table.calendar thead th {
  border: 1px solid #ccc;
  }