html {
  height:100%;
}

body {
  font-family: 'Quattrocento Sans', serif;
  font-size:16px;
  line-height: 150%;
  height:100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quattrocento Sans', sans-serif;
  color:#A8CB17;
  padding-top: 25px;
  padding-bottom: 15px;
}

#header {
  padding: 15px;
  padding:0;
  padding-top:18px;
  padding-bottom:18px;
  background-color: #000;
  background: rgba(0, 0, 0, 0.7);
  position:fixed;
  left:0;
  top:0;
  width:100%;
  color: #fff;
  font-size:20px;
  height : 36px;
  width:960px;
}

#header h1 {
  display:inline;
  font-size:160%;
  margin-left: 10px;
  margin-right:21px;
}
#header ul {
  display:inline;
  list-style-type: none;
  padding-left:21px;
  margin:0;
}
#header ul li {
  display:inline;
  margin:0;
  margin-right: 20px;
}

a {
  text-decoration:none;
  color:#FF0051;
}

a:hover {
  border-bottom:2px;
  border-style: dotted;
  border-color: #FF0051;
}

#feed {
  position:fixed;
  left:912px;
  top:56px;
  border:0;
}

#wrapper {
  display: block;
  position:absolute;
  bottom:0;
  top:0;
  left:0;
  right:0;
  height: 100%;
  overflow:auto;
  width:100%;
}

#content {
  /*margin:0 auto;*/
  width:660px;
  padding-left : 150px;
  padding-right: 150px;
  -moz-box-shadow: -0px 10px 150px #130f30;
  -webkit-box-shadow: -0px 10px 150px #130f30;
  box-shadow: 0px 10px 150px #130f30;
  min-height:100%;
}

.repel {
  padding-bottom : 100px; /* ... ugly as hell  */
}