/*
COLOR GUIDE:
#222 dark grey used for text on white/light background
#FAFAFA off-white used for default whitish background color
#FC6 orangish color for use in links on blue background
#00F blue; used for links on bright orange background
#D80 darkish orange color used for link hover state
*/
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #222;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  background: #FAFAFA;
}
/* Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #111;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.1;
}
/*
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
*/
h1 {
  font-size: 3em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
  font-weight: bold;
}
h6 {
  font-size: 0.9em;
  font-weight: bold;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p {
  margin: 0 0 1.5em;
}
p img.left {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}
a:focus,
a:hover {
  color: #D80;
}
a:link {
  color: #00D;
  text-decoration: underline;
}
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
strong {
  font-weight: bold;
}
em,
dfn {
  font-style: italic;
}
dfn {
  font-weight: bold;
}
sup,
sub {
  line-height: 0;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin: 0 0 1.5em;
  font-style: italic;
}
del {
  color: #666;
}
pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre,
code,
tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol {
  margin: 0 1.5em;
}
ul,
ol {
  margin: 0 1.5em 1.5em 1.5em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
/* Tables
-------------------------------------------------------------- */
table {
  margin-bottom: 1.4em;
  width: 100%;
}
th {
  font-weight: bold;
  background: #C3D9FF;
}
th,
td {
  padding: 4px 10px 4px 5px;
}
tr.even td {
  background: #E5ECF9;
}
tfoot {
  font-style: italic;
}
caption {
  background: #eee;
}
/* Misc classes
-------------------------------------------------------------- */
.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
.hide {
  display: none;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight,
.hilite {
  background: #ff0;
}
.added {
  background: #060;
  color: #fff;
}
.removed {
  background: #900;
  color: #fff;
}
.first {
  margin-left: 0	!important;
  padding-left: 0	!important;
}
.last {
  margin-right: 0	!important;
  padding-right: 0	!important;
}
.top {
  margin-top: 0	!important;
  padding-top: 0	!important;
}
.bottom {
  margin-bottom: 0	!important;
  padding-bottom: 0	!important;
}