/*
  Contains the color scheme for this namespace.
  Its arranged by color. The colorful items at the top, the
  grays at the bottom.
*/


.menu a:hover {
  background-color: #808;
}
.navigation h1, .navigation h2, .navigation h3, .navigation h4 {
  background-color: #606;
}


a, h1, hr {
  color: #a1a;
}

h2 {
  border-bottom: 1px solid #333;
}

hr, .navigation {
  background-color: #a1a;
}


a:hover {
  color: #f3f;
}


/* === GRAYS === */

body {
  color: #222;
}

h2, h3, .footer {
  color: #444;
}

.navigation {
  border-color: #444;
}

.navigation h1, .navigation h2, .navigation h3, .navigation h4 {
  color: #ddd;
}

.menu a {
  color: #eee;
}


body {
  background-color: #fff;
}

.menu a:hover {
  color: #fff;
}