/* ---------- Type CSS   -----------*/

/* Default font settings. http://www.alistapart.com/articles/settingtypeontheweb Try to get vertical baseline based on 18px*/

body { 
  background: #fff;
  color: #222; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
}


/* Headings
-------------------------------------------------------------- */

h2 { 
  font-size: 32px; 
  line-height: 36px;
  margin-bottom: 18px; 
  font-family: "Arial Black", Arial, sans-serif;
}
h3 { 
  font-size: 18px; 
  line-height: 18px; 
  margin-bottom: 18px;
}
h4 { 
  font-size: 12px; 
  line-height: 18px; 
}


/* Text elements
-------------------------------------------------------------- */


p { 
  margin-bottom: 18px; 
 
 }


ul, 
ol { 
  margin-bottom: 18px; 
}

.left { 
  float: left; 
  margin: 0 18px 18px 0; 
}
.right { 
  float: right; 
  margin: 0 0 18px 18px; 
}

.callout {
  border: 1px solid #ddd;
  padding: 8px 10px;
  margin-bottom: 18px; 
}