/* RESET */

* {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  border-size: 0;
  border-style: none;
  outline: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  list-style-type: none;
}

/* STRUCTURE */

#page {
  margin: 0 auto;
  width: 950px;
}

#header {
  width: 600px;
  float: left;
}

#sidebar {
  width: 275px;
  float: right;
}

#content {
  width: 600px;
  float: left;
}

#footer {
  clear: both;
  width: 950px;
  float: left;
}

/* FLOATING ELEMENTS */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

#header #logo {
  float: left;
}

#header ul {
  clear: left;
}

#header ul li {
  float: left;
  width: 195px;
  text-align: center;
}

#header ul li.menu {
  margin-left: 5px;
}

#content .post .info .commentlink {
  float: right;
}

#content #description .previous {
  float: left;
}

#content #description .next {
  float: right;
}

#content .feedback label,
#content .feedback input,
#content .feedback textarea {
  float: left;
  clear: left;
}

#content .feedback .error,
#content .feedback .buttons {
  clear: left;
}

#content .feedback input {
  width: 300px;
}

#content .feedback textarea {
  width: 595px;
  height: 200px;
}

#content .comments .comment .signature {
  float: left;
}

#content .comments .comment .timestamp {
  float: right;
}

/* COLORS */

/*
 * Orange: #ff6c00
 * Green: #05b129 (headers)
 * Light green: #eefec9 (background)
 * Dark green: #03701a (links)
 * Black: #001e07 (text)
 * Grey: #838e6c (shadow)
 */

body {
  color: #001e07;
  background-color: white;
}

a {
  color: #03701a;
}

a:hover {
  color: #05b129;
}

#header h1 {
  color: #05b129;
}

#header ul li {
  background-color: #ff6c00;
  background-image: url(../images/menu-gradient.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  border-style: solid;
  border-color: #838e6c;
  border-width: 0 1px 1px 0;
}

#header ul li a {
  color: white;
}

#sidebar #categories ul li a {
  color: #05b129;
}

#sidebar #categories ul li ul li a {
  color: #03701a;
}

#sidebar #categories ul li ul li a:hover {
  color: #05b129;
}

#sidebar #latest-feedback ul li {
  background-color: #eefec9;
}

#content #description {
  background-color: #eefec9;
}

#content #description h1 {
  color: #03701a;
}

#content .more {
  color: #03701a;
}

#content .info {
  color: #03701a;
  background-color: #eefec9;
}

#content .post .post-body a {
  color: #ff6c00;
}

#content .post .post-body a:hover {
  text-decoration: underline;
}

#content .feedback input,
#content .feedback textarea {
  border-style: inset;
  border-color: #001e07;
  border-width: 1px;
}

#content .feedback .error {
  color: #ff6c00;
}

#content .feedback button {
  border-style: outset;
  border-color: #001e07;
  border-width: 1px;
  background-color: #eefec9;
}

#content .comments .comment {
  background-color: #eefec9;
}

#footer {
  color: #05b129;
  border-top: 1px solid #ff6c00;
}

/* FONT FAMILY, SIZE, STYLE, AND FORMATTING */

body {
  font-family: Verdana, sans-serif;
  font-size: 90%;
  line-height: 1.5;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

#header ul li a {
  font-size: 125%;
  font-weight: bold;
}

#sidebar .box h1 {
  font-family: Georgia, serif;
  font-size: 125%;
}

#sidebar #categories ul li a {
  font-family: Georgia, serif;
  font-size: 125%;
  font-weight: bold;
}

#sidebar #categories ul li ul li a {
  font-family: Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
}

#sidebar #i-need-help {
  text-align: left;
}

#sidebar #latest-feedback ul {
  font-size: 90%;
}

#content #description h1 {
  font-size: 120%;
  font-weight: bold;
}

#content .post h1 {
  font-family: Georgia, serif;
  font-size: 125%;
  font-weight: bold;
}

#content .post .timestamp {
  font-size: 90%;
}

#content .post .post-body {
  text-align: justify;
}

#content .feedback .error {
  font-size: 90%;
}

#content .comments h1 {
  font-family: Georgia, serif;
  font-size: 125%;
}

#content .comments .comment {
  text-align: justify;
}

#content .comments .comment .signature {
  font-style: italic;
}

#content .comments .comment .timestamp {
  font-size: 90%;
}

/* PADDINGS */

#page {
  padding: 20px 0;
}

#header ul li {
  padding: 0.3em 0;
}

#content #description {
  padding: 0.3em;
}

#content .info {
  padding: 0.3em;
}

#sidebar #categories ul li ul li {
  padding: 0 0 0 1.5em;
}

#content .feedback input,
#content .feedback textarea {
  padding: 0.1em;
}

#content .feedback button {
  padding: 0.1em 2em;
}

#content .comments .comment {
  padding: 0.3em;
}

#footer {
  padding: 0.3em 0 0;
}

/* MARGINS */

#header ul {
  margin-top: 1em;
}

#content #description {
  margin-top: 1.5em;
}

#content .post h1 {
  margin-top: 1.5em;
}

#content .post .timestamp {
}

#content .post .post-body p {
  margin-top: 1em;
}

#content .post .more {
  margin-top: 0.5em;
}

#content .post .info {
  margin-top: 1em;
}

#content .feedback label {
  margin-top: 0.5em;
}

#content .feedback button {
  margin-right: 1em;
  margin-top: 0.5em;
}

#content .comments h1 {
  margin-top: 1.5em;
}

#content .comments .comment {
  margin-top: 1em;
}

#content #pages {
  margin-top: 1em;
}

#sidebar .box {
  margin-top: 2em;
}

#sidebar #latest-feedback ul li {
  margin-top: 1em;
}

#footer {
  margin-top: 1em;
}