html {
  height: 100%; }

body {
  height: 100%;
  background: transparent url(/images/a-bit-of-shoes.png) repeat scroll -24px 0;
  font-family: DejaVu Sans,Bitstream Vera Sans,Verdana,serif;
  font-size: 13px; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

#gutter {
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  -moz-box-shadow: 0 0 20px black;
  -webkit-box-shadow: 0 0 20px black;
  font-family: Arial,sans-serif;
  background: #cd661d; }

#header a { text-decoration: none; }
#header h1 {
  line-height: 1em;
  font-size: 96px;
  color: #eee;
  text-shadow: 2px 2px 4px black; }

#content {
  padding: 120px 0 0;
  width: 960px;
  min-height: 300px;
  margin: auto;
  background: white;
  -moz-box-shadow: 0 15px 15px black;
  -webkit-box-shadow: 0 15px 15px black; }

.entry .header { margin-bottom: 1em; }
.entry .header h3 { margin-bottom: 0; }

#footer {
  bottom: 0;
  position: fixed;
  width: 100%;
  min-height: 40px;
  background: #191919;
  -moz-box-shadow: 0 0 20px black;
  -webkit-box-shadow: 0 0 20px black; }

.side .copy {
  font-size: x-small; }
.side .links {
  margin-top: 1em; }
.side p {
  margin: 0 0; }
.side p.about {
  width: 105px; }