html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: :baseline; } *:focus { outline: 0; } body { line-height: 1; color: black; background: white; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote { &before,: :&after; &before,-content: ""; } q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } em, i { font-style: italic; } strong, b { font-weight: bold; } sup { font-size: 12px; line-height: 12px; padding-left: 2px; display: inline-block; vertical-align: top; }

body {
  background: #202 url("http://floodtank.com/images/background-2.png") no-repeat scroll top center;
  width: 960px;
  position: relative;
  margin: 48px auto;
  color: #FFF;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 1.5;
  text-shadow: 1px 1px 1px #101;
  font-weight: lighter;
  overflow-y: scroll;
  }

header, section {
  width: 600px;
  margin-bottom: 24px;
  }

h1, h2 {
  font-family: "Gill Sans Light", "GillSans-Light", "Gill Sans", "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  }

h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 70px;
  line-height: 1;
  }

  h1.hyperlink:hover {
    cursor: pointer;
    padding-bottom: 0;
    border-bottom: 1px solid #656;
    }

  body > h1 {
    background: url("http://floodtank.com/images/title.png") no-repeat scroll center center;
    text-indent: -9999px;
    font-size: 152px;
    line-height: 168px;
    font-family: "Gill Sans";
    font-weight: normal;
    white-space: nowrap;
    }
    
    body > h1 a {
      display: block;
      height: 100%;
      width: 100%;
    }
    
    body > h1 a:hover {
      border: none;
      margin: 0;
      padding: 0;
    }

    body > h1 span {
      margin-left: -4px;
      letter-spacing: -25px;
      padding-right: 22px;
      }
      
p.catch, ul.help {
  float: left;
  font-size: 26px;
  line-height: 16px;
  margin: -6px 0 24px;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 4px;
}

p.catch {
  font-style: italic;
}

h2 {
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 2px;
  margin-bottom: 12px;
  }

p, ol, ul {
  margin-bottom: 12px;
  }
  
section.post ol {
  list-style: decimal;
}

time {
  white-space: nowrap;
  }

ul.help li { float: left;  padding-left: 34px; position: relative; }
ul.help li a { display: block; float: left; }
ul.help li:before { content: "\2022"; position: absolute; left: 0; width: 34px; text-align: center; font-size: 28px; color: #767; }

article.vevent { clear: both; overflow: hidden; background: #FEF; height: 180px; margin-bottom: 24px;
  position: relative; background: url("http://floodtank.com/images/banners.jpg"); text-indent: -9999px; }
article.vevent a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: transparent; opacity: .1; -webkit-transition-duration: 0.2s; }
article.vevent a:hover { text-decoration: none; background: #FFF; opacity: 0.1; }
article.vevent p.details { font-style: italic; }

#love-king { background-position: 0 0; }
#memorial-rave { background-position: 0 -180px; }
#below-the-belt { background-position: 0 -360px; }
#lucky-in-love { background-position: 0 -540px; }

#about .column { width: 600px; margin: 0 auto 24px; }

a {
  color: #D9F;
  text-decoration: none;
  border: 0 solid #97B;
  }

  a:hover {
    color: #ECF;
    padding-bottom: 4px;
    border-bottom-width: 1px;
    margin-bottom: -5px;
    }

article h1 {
  font-size: 24px;
  }
  
section.post { margin: 0 auto 12px; }
  
section.post > h1 { font-size: 36px; line-height: 48px; margin-bottom: 12px; }
section.post > h1 a { color: #FFF; }

section.post article p.more a {
  text-transform: uppercase;
  color: #FEF;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 2px;
}

section.post footer, body > footer {
  padding-top: 11px;
  border-top: 1px solid #535;
  font-size: 12px;
  line-height: 24px;
}

section.post footer {
  border-bottom: 1px solid #101;
  padding-bottom: 11px;
  overflow: hidden;
}

section.post footer p, section.post footer ul {
  margin: 0;
}

section.post footer p {
  float: right;
}

section.post footer ul.tags {
  float: left;
  overflow: hidden;
}

section.post footer ul.tags li {
  display: inline-block;
  margin-right: 6px;
}

section.post footer ul.tags li a {
  color: #949;
  border-color: #949;
}

section.post:last-of-type {
  margin-bottom: 12px;
}

section.post:last-of-type footer {
  padding-bottom: 0;
  border-bottom: none;
}

body > footer {
  border-color: #101;
  line-height: 24px;
}

body > footer p {
  float: left;
}

body > footer p.twitter {
  float: right;
}

section.post footer a {
  color: inherit;
}
  
#tumblr_controls { right: 3px; top: 3px; opacity: 0.5; }
#tumblr_controls:hover { opacity: 1; }