@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic);

@import url(http://fonts.googleapis.com/css?family=Special+Elite);

html {
  font-family: source sans pro;
  font-size: 14pt;
}

body {
  max-width: 36em;
  padding: 0 2em;
  margin: 0 auto 8em;
}

p a {
  /*
  color: #33c;
  */
  color: #c30;
  font-weight: bold;
}

a:visited {
  /*
  color: #c38;
  */
}

p a:hover {
}

p, ol, ul, li {
  font-size: 12pt;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0 -1em;
  padding: 2.5em 1em 0;
  color: #888;
}

h1 {
  font-size: 30pt;
  text-align: center;
  margin-bottom: 1em;
}

h2,
h3,
h4,
h5 {
  font-family: special elite;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
  color: #aaa;
  border-color: #ddd;
}

h2 a:hover:after,
h3 a:hover:after,
h4 a:hover:after,
h5 a:hover:after {
  content: " #";
  position: absolute;
  color: #ccc;
}

p img {
  max-width: 100%;
  text-align: center;
}

hr {
  border: 1px solid #ccc;
  border-width: 1px 0 0;
  margin: 3em;
}

/* Target animation */
:target {
  -webkit-animation: target-fade 3s 1;
  -moz-animation: target-fade 3s 1;
}
@-webkit-keyframes target-fade {
  0% { background-color: #fec; }
  100% { background-color: #fff; }
}
@-moz-keyframes target-fade {
  0% { background-color: #fec; }
  100% { background-color: #fff; }
}