html, body {
  background: #F8F6F0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  margin: 0;
  padding: 0;
  height: 100%;
}
h1, h2, h3, h4, label {
  font-weight: normal;
  font-family: "Trebuchet MS", Garuda, sans-serif;
  color: #7A5E44;
}
a {
  color: #DE4200;
  text-decoration: none;
}
a:hover {
  background: none;
  color: #DE4200;
  text-decoration: underline;
}
a.edit {
  color: green;
}
a.delete {
  color: red;
}

/* Layout styles */
#body {
  min-height: 100%;
}
#head, #main, #foot {
  padding: 1em 10em;
  margin: 0;
}
#head {
  background: #453A31;
  border-bottom: 7px solid #846E5D;
  position: relative;
}
#head a#logo, #head a#logo:hover {
  margin: 0;
  display: block;
  font-size: 320%;
  color: #F8F6F0;
  text-decoration: none;
}
#head #slogan {
  color: #D8D6D0;
  font-style: italic;
  position: relative;
  display: inline;
  left: 4em;
}
#main {
  padding-bottom: 5em;
}
#sidebar {
  float: right;
  width: 14em;
}
#sidebar + #info {
  margin-right: 15em;
}
#foot {
  background: #612B14;
  color: #C7B293;
  float: left;
  height: 4em;
  line-height: 4em;
  margin-top: -4em;
  width: 100%;
  padding: 0;
}
#foot #copy {
  padding: 0 10em;
}

#opera-warning {
  display: none;
}

/* The main menu style */
#main-menu {
  position: absolute;
  right: 10em;
  margin-top: -11px;
  *margin-top: .5em;
  list-style: none;
}

#main-menu li {
  float: left;
  margin-left: 2em;
}

#main-menu li a, #main-menu li a:hover {
  color: #B0ACA2;
  border-bottom: 7px solid transparent;
  display: block;
  padding-bottom: 7px;
  text-decoration: none;
}

#main-menu li a:hover, #main-menu li.current a {
  color: #F7F2F0;
  border-bottom-color: #DE4200;
}


/* The dark style pages */
html.dark,
html.dark body {
  background: #181610;
  color: #C8C6C0;
}
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4 {
  color: #AA8E74;
}
html.dark a {
  color: #AE4200;
}
html.dark #head {
  background: #251A11;
  border-color: #543E1D;
}
html.dark #head a#logo {
  color: #D8D6D0;
}
html.dark #head #main-menu li a:hover,
html.dark #head #main-menu li.current a {
  color: #D8D6D0;
  border-color: #CE3200;
}
html.dark #foot {
  background: #311B04;
  color: #978263;
}