body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.8); }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* headings */
h1, h2, h3, h4, h5, h6 {
  margin: 30px 0 15px 0; }

h1 {
  font-size: 55px; }

h2 {
  border-bottom: 1px solid #DFDFDF;
  font-size: 30px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 20px; }

p {
  margin: 20px 0;
  line-height: 30px; }

small {
  font-size: 70%; }

ul {
  list-style: disc;
  margin: 20px 0 20px 25px; }
  ul li {
    margin: 5px 0; }

strong {
  font-weight: 700; }

code {
  background-color: #EEEEEE;
  padding: 4px;
  margin: -4px 0; }
.wrapper {
  padding: 20px;
  width: 900px;
  margin: 0 auto; }