/******************************************************************************
 geometry
 ******************************************************************************/

* {
  margin: 0;
  padding: 0;
  border-width: 1px;
}

#canvas {
  width: 800px;
  margin: 0 auto;
}

h1 {
  padding-top: 48px;
  text-align: center;
  padding-bottom: 32px;
}

h2, h3, h4 {
  padding-top: 16px;
  margin-bottom: 16px;
}

#content p {
  margin-bottom: 16px;
}

#content div {
  margin-bottom: 16px;
}

#content blockquote {
  display: block;
  margin: 16px 48px;
}

#content ul {
  margin-left: 48px;
  margin-bottom: 12px;
}

img {
  display: block;
  margin: 0px auto;
}

#content {
  margin-bottom: 48px;
}

/******************************************************************************
 fonts
 ******************************************************************************/

@font-face {
  font-family: 'Abel';
  src: url('/fonts/Abel/Abel-Regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/Abel/Abel-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/Abel/Abel-Regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/Abel/Abel-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/Abel/Abel-Regular.svg#Abel-Regular') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

* {
  font-family: Abel;
}

#content {
  font-size: 22px;
}

h1 {
  font-size: 64px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 22px;
}

blockquote {
  font-style: italic;
}
  
/******************************************************************************
 colors
 ******************************************************************************/

* {
  background: #fff;
  color: #111;
}

#title, .title, h1, h2, h3, h4 {
  color: #067;
}

a {
  color: #03c;
}

/******************************************************************************
 decoration
 ******************************************************************************/

h1 {
  text-align: center;
}

a,
a:link,
a:visited,
a:active {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}