@font-face {
  font-family: 'avebook';
  src: url('http://assets.spin.to/fonts/avebook.otf') format("opentype");
}

@font-face {
  font-family: 'avebookoblique';
  src: url('http://assets.spin.to/fonts/avebookoblique.otf') format("opentype");
}

@font-face {
  font-family: 'aveheavy';
  src: url('http://assets.spin.to/fonts/aveheavy.otf') format("opentype");
}

@font-face {
  font-family: 'aveheavyoblique';
  src: url('http://assets.spin.to/fonts/aveheavyoblique.otf') format("opentype");
}

@font-face {
  font-family: 'typewriter';
  src: url('http://assets.spin.to/fonts/lastwords.ttf') format("truetype");
}

@font-face {
  font-family: 'corin';
  src: url('http://assets.spin.to/fonts/corin.ttf') format("truetype");
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, b, cite, code,
del, dfn, em, i, img, ins, kbd, q, samp,
strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size:100.01%;
}

caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
}

:focus {
  outline: 0;
}

ins {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}

a {
  text-decoration: none;
}

em {
  font-family: 'avebookoblique', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

strong {
  font-family: 'aveheavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html {
  background-color: #fff;
}

body {
  background-color: #fff;
  font: 12pt/18pt 'avebook', 'Avenir', 'Avenir LT Std', 'Avenir Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #444;
}

body.dark {
  text-shadow: #fff 0 0 1px;
}

#body {
  background-color: #fff;
  padding: 1.5em 0.25em;
}

#content {
  margin: 0 auto;
  position: relative;
  width: 500px;
}

.animated-gradient {
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: masked-animation;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top,
      color-stop(0.00, #222)
    , color-stop(0.25, #942D5F)
    , color-stop(0.50, #222)
    , color-stop(0.75, #942D5f)
    , color-stop(1.00, #222)
    );
}

@-webkit-keyframes masked-animation {
	0% {
    background-position: 0 0;
	}

	100% {
    background-position: 500px 0;
	}
}

h1 {
  color: #222;
  font-family: 'corin';
  font-size: 5em;
  font-weight: normal;
  line-height: 1em;
  margin-bottom: 1em;
  margin-top: 0.5em;
}

h1 a {
  color: #222;
}

h2, h3 {
  line-height: 18pt;
}

p, pre, ul, ol, blockquote, form {
  line-height: 18pt;
  margin: 9pt 0 18pt;
}

blockquote {
  border-left: 0.25em solid #555;
  margin-left: 2pt;
  padding-left: 1em;
}

pre {
  font-size: 11pt;
  overflow-x: auto;
}

sup, sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
  _vertical-align: bottom;
}

sup {
  bottom: 0.5ex;
}

sub {
  top: 0.5ex;
}

sup a {
  font-weight: normal !important;
  padding: 0 1px;
}

hr {
  border: solid #555;
  border-width: 2pt 0 0;
  height: 0;
  margin: 0 0 18pt;
}

#description {
  color: #555;
  font-size: 11pt;
  left: 530px;
  position: absolute;
  width: 10em;
}

#description p,
#description form,
#description ul {
  margin-top: 0;
}

#description a {
  color: #942D5F;
}

#description a:hover {
  color: #444;
}

#description form .input {
  background: #fff;
  border: solid #555;
  border-width: 0 1px 1px 0;
  color: #942D5F;
  font-size: 10pt;
  text-transform: lowercase;
  width: 90%;
}

#description .submit {
  display: block;
  height: 0;
  overflow: hidden;
}

#description .meta {
  font-size: 10pt;
  list-style: none;
  text-transform: uppercase;
  word-spacing: 0.25em;
}

#description .meta a {
  color: #555;
}

#description .meta a:hover {
  color: #444;
}

#posts {
  margin: 0;
}

.post {
  list-style: none;
  margin-bottom: 4.5em;
  position: relative;
}

.post ul li {
  list-style: square;
}

.post img {
  max-width: 100%;
}

.post-body h3 {
  font-size: 1.25em; position: relative;
}

.post-body a {
  border-bottom: 1px solid transparent;
  color: #000;
  font-family: 'aveheavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.post-body a:hover {
  border-bottom-color: #555;
  color: #444;
}

.post-body .image a {
  border-width: 0;
}

.post-body ul ul,
.post-body ul ol,
.post-body ol ol,
.post-body ol ul,
.post-body blockquote ul,
.post-body blockquote ol {
  margin-left: 1.5em;
}

.post-body a em {
  font-family: 'aveheavyoblique', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.permalink {
  font-size: 11pt;
  position: absolute;
  right: 530px;
  text-align: right;
}

.permalink a {
  color: #555;
  padding: 0 0 4.5pt 9pt;
  white-space: nowrap;
}

.permalink a:hover {
  color: #444;
}

.caption, .cite {
  font-size: 11pt;
  margin-top: 9pt;
}

.caption p {
  margin-top: 18pt;
}

.text-post {
  position: relative;
  top: -2pt;
}

.text-post h3 {
  margin-bottom: 9pt;
}

.link-post {
  position: relative;
  top: -2pt;
}

.link-post h3 {
  display: inline;
  padding-right: 9pt;
}

.link-post a {
  color: #444;
}

.link-post a:hover {
  color: #942D5F;
}

.link-post a.link {
  color: #000;
}

.link-post a.link:hover {
  color: #444;
}

.quote-post {
  position: relative;
  top: -4.5pt;
}

.quote-post blockquote.quote {
  border-width: 0;
  font-size: 18pt;
  line-height: 24pt;
  margin: 0;
  padding: 0;
  text-indent: -9pt;
}

.quote-post .quote:before {
  content: '“';
}

.quote-post .quote:after {
  content: '”';
}

.quote-post .quote a {
  color: #444;
}

.quote-post .quote a:hover {
  color: #942D5F;
}

.quote-post .cite {
  color: #942D5F;
  margin-left: 1.5em;
  text-indent: -1.5em;
}

.chat-post li {
  list-style: none;
  margin-left: 2em;
  text-indent: -2em;
}

.chat-post b {
  font-weight: bold;
  padding-right: 4.5pt;
}

.notes {
  color: #555;
  margin-top: 54pt;
}

.notes li {
  list-style: none;
  margin-bottom: 18pt;
}

.notes img, .notes .clear {
  display: none;
}

.notes .photo_container img {
  display: block !important;
}

.notes a {
  color: #942D5F;
}

.notes a:hover {
  color: #444;
}

.footnotes a[rev="footnote"] {
  color: #942D5F;
}

.footnotes hr {
  margin: 34pt 0 18pt;
}

footer {
  margin-top:4.5em;
  text-align: center;
  word-spacing: 0.75em;
}

footer a {
  color: #942D5F;
  font-weight: bold;
  padding: 0.25em 0.5em;
}

footer a:hover {
  color: #444;
}

.amp {
  font-family: Palatino, 'Palatino Linotype', 'avebook', 'Avenir', 'Avenir LT Std', 'Avenir Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: italic;
}

h1 .amp, h2 .amp, h3 .amp {
  font-family: Baskerville, Palatino, 'Palatino Linotype', 'avebook', 'Avenir', 'Avenir LT Std', 'Avenir Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

pre .amp {
  font-family: inherit;
  font-style: inherit;
}