@import url(http://fonts.googleapis.com/css?family=Forum&v2);

body {
  background: #369 url(../images/bkgnd.jpg) repeat scroll left top;
  color: #fff;
  font: 130% 'Forum', cursive;
  margin: 0;
  padding: 0;
}

a {
  color: #369;
}

a:hover,
a:focus {
  color: #58b;
  transition: color 0.65s ease;
    -moz-transition: color 0.65s ease;
    -o-transition: color 0.65s ease;
    -webkit-transition: color 0.65s ease;
}

a:active {
  color: #147;
  transition: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
}

h1,
h2,
nav a {
  font-weight: normal;
  text-shadow: 2px 2px 2px #000;
}

header {
  background: linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

header h1 {
  margin-top: 0;
  min-width: 7em;
  float: left;
}

nav ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 10px 0 10px 200px;
}

nav li {
  display: inline-block;
  margin-right: 40px;
}

nav a {
  text-decoration: none;
}

footer p {
  border-top: 1px solid #333;
  font-size: 0.7em;
  padding-top: 5px;
  text-align: center
}

footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}

header,
footer,
#main-content {
  padding: 25px 25px 0;
}