.isotope {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width; }
  .isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity; }

body {
  margin: 1em auto;
  padding: 0;
  background-color: white;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  color: #111111; }

h1 {
  margin: 0 0 0.2em 0;
  padding: 0.2em 10px;
  background-color: black;
  text-align: right;
  font-family: "Gill Sans", "Helvetica", sans-serif;
  letter-spacing: 3px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em; }
  h1 a {
    border: 0;
    color: #111111;
    text-decoration: none; }

.byline {
  font-size: 0.8em;
  font-family: "Georgia", serif;
  font-style: italic;
  color: #aaaaaa;
  text-align: right;
  margin-bottom: 2em;
  padding: 0 10px; }

a, a :link, a :visited {
  color: #aaaaaa;
  text-decoration: none; }
a:hover {
  color: #666666; }

div.top {
  width: 90%;
  text-align: right;
  margin: 20px 10px; }
  div.top form {
    display: inline; }

ul.snaps {
  margin: 0 auto;
  padding: 0; }
  ul.snaps li.snap {
    float: left;
    width: 320px;
    height: 480px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    overflow: hidden; }
    ul.snaps li.snap .mentions {
      display: none;
      padding-top: 1em; }
      ul.snaps li.snap .mentions small.from_user {
        padding-left: 1em;
        padding-right: 1em;
        display: block;
        margin-bottom: 1em; }
      ul.snaps li.snap .mentions .date {
        color: #999999; }
    ul.snaps li.snap .header {
      width: 320px;
      z-index: 100;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: rgba(1, 1, 1, 0.7); }
      ul.snaps li.snap .header .tweet_count {
        cursor: pointer;
        cursor: hand;
        color: white;
        font-size: 3em;
        font-weight: bold;
        background-color: rgba(200, 1, 1, 0.9);
        position: absolute;
        top: 0;
        right: 0;
        padding-left: 10px;
        padding-right: 10px; }
      ul.snaps li.snap .header .title {
        color: white;
        text-align: left;
        font-family: "Helvetica Neue", "Helvetica", sans-serif;
        letter-spacing: 1px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 1.5em;
        padding: 1em; }
      ul.snaps li.snap .header .details {
        display: none;
        padding: 0 1em 1em 1em;
        text-align: right;
        font-family: "Georgia", serif;
        font-style: italic;
        line-height: 0.8em;
        color: #aaaaaa; }
        ul.snaps li.snap .header .details small.tweet_count {
          color: white; }
        ul.snaps li.snap .header .details small.first_tweeted_at {
          font-size: 0.7em; }
        ul.snaps li.snap .header .details small.slash {
          color: white; }
    ul.snaps li.snap a:link, ul.snaps li.snap a :visited {
      border: 0; }
    ul.snaps li.snap a img {
      border: 0;
      margin: 0; }

div.footer {
  clear: both;
  font-size: 0.7em;
  text-align: center;
  margin-bottom: 2em;
  padding-top: 2em;
  font-family: "Helvetica Neue", "Helvetica", sans-serif; }