/*
   _____ __        __        __  __      __       __  
  / ___// /___  __/ /__     / / / /___ _/ /______/ /_ 
  \__ \/ __/ / / / / _ \   / /_/ / __ `/ __/ ___/ __ \
 ___/ / /_/ /_/ / /  __/  / __  / /_/ / /_/ /__/ / / /
/____/\__/\__, /_/\___/  /_/ /_/\__,_/\__/\___/_/ /_/ 
         /____/           
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:hover,
a:active,
a:focus {
  outline: 0; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
.google-maps img {
  max-width: none; }

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

button,
input {
  *overflow: visible;
  line-height: normal; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000000; }

#colorbox {
  outline: 0; }

#cboxContent {
  margin-top: 32px;
  overflow: visible; }

#cboxError {
  padding: 50px;
  border: 1px solid #cccccc; }

#cboxLoadedContent {
  background: #000000;
  padding: 1px; }

#cboxLoadingGraphic {
  background: url(http://static.tumblr.com/fftf9xi/rkklqu1ni/loading.gif) no-repeat center center; }

#cboxLoadingOverlay {
  background: #000000; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #ffffff;
  text-shadow: none; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(http://static.tumblr.com/fftf9xi/1dslqu1o1/controls.png) no-repeat 0 0; }

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px; }

#cboxPrevious.hover {
  background-position: 0px -25px; }

#cboxNext {
  background-position: -25px 0px;
  right: 22px; }

#cboxNext.hover {
  background-position: -25px -25px; }

#cboxClose {
  background-position: -50px 0px;
  right: 0; }

#cboxClose.hover {
  background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow.hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow.hover {
  background-position: -75px -25px; }

div.grid article footer ul.tumblr-action strong, .photo header a.highres strong {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }
  div.grid article footer ul.tumblr-action strong br, .photo header a.highres strong br {
    display: none; }

a.read-more:after, .top-bar nav.minimal a.view-nav .icon:before, section.primary .site-links ul li.ask a:before, section.primary .site-links ul li.submit a:before, section.primary .site-links ul li.rss a:before, section.primary .site-links ul li.archive a:before, section.primary .site-links ul li.random a:before, section.instagram h4 a:after, section.instagram .meta li.comments a:before, section.instagram .meta li.likes a:before, section.liked-posts h4 a:after, div.grid article footer ul li.comments a:before, div.grid article footer ul li.notes a:before, div#main > footer nav ul li.prev a:before, div#main > footer nav ul li.next a:after {
  font-family: 'Batch-Custom';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 2px;
  font-size: 1.3em;
  margin-right: 3px; }

/* Colors */
/* Sizing */
@-webkit-keyframes ui-spinner-rotate-right {
  0% {
    -webkit-transform: rotate(0deg); }

  25% {
    -webkit-transform: rotate(180deg); }

  50% {
    -webkit-transform: rotate(180deg); }

  75% {
    -webkit-transform: rotate(360deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes ui-spinner-rotate-left {
  0% {
    -webkit-transform: rotate(0deg); }

  25% {
    -webkit-transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(180deg); }

  75% {
    -webkit-transform: rotate(180deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes ui-spinner-rotate-right {
  0% {
    -moz-transform: rotate(0deg); }

  25% {
    -moz-transform: rotate(180deg); }

  50% {
    -moz-transform: rotate(180deg); }

  75% {
    -moz-transform: rotate(360deg); }

  100% {
    -moz-transform: rotate(360deg); } }

@-moz-keyframes ui-spinner-rotate-left {
  0% {
    -moz-transform: rotate(0deg); }

  25% {
    -moz-transform: rotate(0deg); }

  50% {
    -moz-transform: rotate(180deg); }

  75% {
    -moz-transform: rotate(180deg); }

  100% {
    -moz-transform: rotate(360deg); } }

@keyframes ui-spinner-rotate-right {
  0% {
    transform: rotate(0deg); }

  25% {
    transform: rotate(180deg); }

  50% {
    transform: rotate(180deg); }

  75% {
    transform: rotate(360deg); }

  100% {
    transform: rotate(360deg); } }

@keyframes ui-spinner-rotate-left {
  0% {
    transform: rotate(0deg); }

  25% {
    transform: rotate(0deg); }

  50% {
    transform: rotate(180deg); }

  75% {
    transform: rotate(180deg); }

  100% {
    transform: rotate(360deg); } }

.ui-spinner {
  position: relative;
  border-radius: 100%; }
  .ui-spinner .side {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute; }
    .ui-spinner .side .fill {
      border-radius: 999px;
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
      animation-timing-function: linear; }
  .ui-spinner .side-left {
    left: 0; }
    .ui-spinner .side-left .fill {
      left: 100%;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      -webkit-animation-name: ui-spinner-rotate-left;
      -moz-animation-name: ui-spinner-rotate-left;
      animation-name: ui-spinner-rotate-left;
      -webkit-transform-origin: 0 50%;
      -moz-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
      -o-transform-origin: 0 50%;
      transform-origin: 0 50%; }
  .ui-spinner .side-right {
    left: 50%; }
    .ui-spinner .side-right .fill {
      left: -100%;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-animation-name: ui-spinner-rotate-right;
      -moz-animation-name: ui-spinner-rotate-right;
      animation-name: ui-spinner-rotate-right;
      -webkit-transform-origin: 100% 50%;
      -moz-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
      -o-transform-origin: 100% 50%;
      transform-origin: 100% 50%; }

ul {
  margin: 0 0 1.5em 0;
  padding: 0; }
  ul li {
    margin: 0;
    padding: 0;
    list-style: none; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #444444;
  background: #b1b1b1;
  margin: 0; }
  body * {
    word-wrap: break-word; }

p {
  margin: 0 0 1.3em 0; }

/* Link Styling */
a {
  text-decoration: none;
  color: #008ec9; }
  a:hover {
    text-decoration: underline;
    color: #007cb0; }

/* Headlines */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1em;
  text-rendering: optimizelegibility;
  text-transform: uppercase;
  color: black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none; }

.alpha, h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4; }

.beta, div.grid article.quote header p, h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4; }

.gamma, .ask header p, h3 {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4; }

.delta, a.read-more, .audio span.label, div.grid.permalink article footer ol.notes li.more_notes_link_container a, div.grid.permalink article footer ol.notes li.more_notes_link_container span, h4 {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1px;
  color: #444444;
  margin-bottom: 20px; }

.sub-title, section.authors ul li, div#main > footer nav ul li a, div#main > footer nav ul li span, div#main > footer nav#infinite p a, h5 {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1px;
  color: #444444;
  text-transform: uppercase; }

.ultra-sub, a.text-button, section.primary .site-links ul li a, section.instagram .meta li a, section.liked-posts ul#likes .post_info_bottom, section.liked-posts .meta li a, div.grid article ul.credit, div.grid article footer ul li a, .ask header p.asker, .chat strong, div.grid.permalink article footer ul.tags h5, h6 {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1px;
  color: #b1b1b1;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Other */
blockquote {
  margin: 0;
  padding-left: 1em;
  border-left: 4px solid #e3e3e3; }

em, i {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dotted #e3e3e3;
  margin: 1em 0;
  padding: 0; }

/* Extend Selectors */
div.grid article {
  position: relative;
  *zoom: 1;
  width: 250px;
  margin-bottom: 20px;
  padding-bottom: 1px;
  background: white;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
  div.grid article:before, div.grid article:after {
    content: " ";
    display: table; }
  div.grid article:after {
    clear: both; }
  div.grid article:after {
    background: url("http://static.tumblr.com/fftf9xi/dqNmi8cr5/shadow-left.png") bottom left no-repeat;
    content: '';
    display: block;
    width: 100px;
    height: 15px;
    position: absolute;
    bottom: -11px;
    left: -3px; }
  div.grid article:before {
    background: url("http://static.tumblr.com/fftf9xi/pDGmi8crw/shadow-right.png") bottom center no-repeat;
    content: '';
    display: block;
    width: 100px;
    height: 15px;
    position: absolute;
    bottom: -9px;
    right: -6px; }
  div.grid article header, div.grid article section, div.grid article footer {
    padding: 0 20px; }

/* Read More Button */
a.read-more {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  line-height: 10px;
  text-transform: uppercase;
  background: #e3e3e3;
  padding: 8px 8px;
  border-radius: 3px;
  margin-bottom: 5px; }
  a.read-more:hover {
    text-decoration: none;
    background: #007cb0;
    color: white; }
  a.read-more:after {
    content: "\e00c";
    margin: 0 0 0 28px;
    font-size: 15px;
    line-height: 10px; }

/* Text Only Button */
a.text-button:hover {
  color: #444444;
  text-decoration: none; }

#main {
  padding: 128px 20px 0 64px; }

/* Top Bar + Nav */
.top-bar {
  background: #14161f;
  margin-bottom: 64px;
  position: fixed;
  width: 100%;
  z-index: 2000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .top-bar nav {
    padding: 0 0 0 64px;
    height: 64px;
    overflow: hidden;
    position: relative; }
    .top-bar nav .profile-icon {
      display: block;
      height: 64px;
      width: 64px;
      left: 0;
      position: absolute;
      -webkit-transform: translate3d(0, 0, 0); }
      .top-bar nav .profile-icon img {
        width: 64px;
        height: 64px; }
    .top-bar nav a.view-nav {
      display: none; }
    .top-bar nav ul {
      margin: 0; }
      .top-bar nav ul li {
        float: left;
        height: auto;
        border-right: 1px dotted #444444;
        font-size: 11px; }
        .top-bar nav ul li a {
          color: #b1b1b1;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-weight: bold;
          padding: 0 15px;
          line-height: 64px;
          height: 64px;
          display: inline-block; }
          .top-bar nav ul li a:hover {
            text-decoration: none;
            background: #007cb0; }
  .top-bar nav.compacted ul li a {
    letter-spacing: 0;
    padding: 0 10px; }
  .top-bar nav.minimal {
    overflow: visible; }
    .top-bar nav.minimal a.view-nav {
      display: inline-block;
      line-height: 64px;
      height: 64px;
      color: #b1b1b1;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: bold;
      padding: 0 15px; }
      .top-bar nav.minimal a.view-nav .icon:before {
        content: "\e00f";
        font-size: 22px;
        vertical-align: -3px; }
      .top-bar nav.minimal a.view-nav:hover {
        text-decoration: none;
        background: #007cb0; }
    .top-bar nav.minimal ul {
      display: none;
      background: #14161f; }
      .top-bar nav.minimal ul li {
        display: block;
        float: none;
        border-right: none;
        border-bottom: 1px dotted #444444; }
        .top-bar nav.minimal ul li:last-child {
          border-bottom: 0; }
        .top-bar nav.minimal ul li a {
          height: 32px;
          line-height: 32px;
          display: block; }

/* Site Info Cells */
header.site-info {
  width: 250px;
  display: block; }
  header.site-info section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    padding: 10px 20px;
    margin-bottom: 20px;
    background: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
    header.site-info section:after {
      background: url("http://static.tumblr.com/fftf9xi/dqNmi8cr5/shadow-left.png") bottom left no-repeat;
      content: '';
      display: block;
      width: 100px;
      height: 15px;
      position: absolute;
      bottom: -11px;
      left: -3px; }
    header.site-info section:before {
      background: url("http://static.tumblr.com/fftf9xi/pDGmi8crw/shadow-right.png") bottom center no-repeat;
      content: '';
      display: block;
      width: 100px;
      height: 15px;
      position: absolute;
      bottom: -9px;
      right: -6px; }

section.primary header {
  margin: -10px -20px 0 -20px; }
  section.primary header a.logo {
    display: block; }
  section.primary header h1 {
    font-size: 18px;
    margin-bottom: 0; }
    section.primary header h1 a {
      padding: 12px 20px;
      display: block;
      background: #1b2022;
      color: white; }
      section.primary header h1 a:hover {
        background: #007cb0; }
section.primary .search {
  margin: 20px -20px;
  padding: 0 20px 20px;
  border-bottom: 1px dotted #e3e3e3; }
  section.primary .search input {
    background: #e3e3e3;
    color: #444444;
    border: none;
    outline: none;
    width: 100%;
    padding: 5px 0;
    border-radius: 3px; }
section.primary .description {
  margin: 20px -20px;
  padding: 0 20px 8px;
  border-bottom: 1px dotted #e3e3e3; }
  section.primary .description p {
    margin-bottom: 12px; }
section.primary .twitter-timeline {
  width: 100% !important; }
section.primary .social-links {
  margin: 20px -20px;
  padding: 0 20px 20px;
  border-bottom: 1px dotted #e3e3e3; }
  section.primary .social-links ul {
    *zoom: 1;
    margin: 0.5em 0 0 0; }
    section.primary .social-links ul:before, section.primary .social-links ul:after {
      content: " ";
      display: table; }
    section.primary .social-links ul:after {
      clear: both; }
    section.primary .social-links ul li {
      display: inline-block; }
      section.primary .social-links ul li a {
        font-size: 20px;
        text-decoration: none; }
        section.primary .social-links ul li a span {
          position: absolute;
          overflow: hidden;
          clip: rect(0 0 0 0);
          height: 1px;
          width: 1px;
          margin: -1px;
          padding: 0;
          border: 0; }
section.primary .site-links {
  margin: 20px -20px 0;
  padding: 0 20px 6px; }
  section.primary .site-links ul {
    *zoom: 1;
    margin: 0; }
    section.primary .site-links ul:before, section.primary .site-links ul:after {
      content: " ";
      display: table; }
    section.primary .site-links ul:after {
      clear: both; }
    section.primary .site-links ul.community {
      margin-bottom: 4px; }
    section.primary .site-links ul li {
      float: left;
      margin-right: 8px; }
      section.primary .site-links ul li.ask a:before {
        content: "\e00a"; }
      section.primary .site-links ul li.submit a:before {
        content: "\e010"; }
      section.primary .site-links ul li.rss a:before {
        content: "\e004"; }
      section.primary .site-links ul li.archive a:before {
        content: "\e00e"; }
      section.primary .site-links ul li.random a:before {
        content: "\e003"; }
      section.primary .site-links ul li a:hover {
        color: #444444;
        text-decoration: none; }

section.authors h4 {
  margin: 6px 0 12px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
section.authors ul {
  margin-bottom: 0; }
  section.authors ul li {
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1em; }
    section.authors ul li img {
      float: left;
      height: 30px;
      width: 30px;
      border-radius: 15px;
      margin-right: 7px; }

section.instagram h4 {
  margin: 6px 0 12px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  section.instagram h4 a {
    display: block;
    position: relative;
    color: #444444; }
    section.instagram h4 a:hover {
      color: #008ec9; }
    section.instagram h4 a:after {
      position: absolute;
      right: 0px;
      top: 0px;
      content: "\e00c"; }
section.instagram .shot-holder {
  display: block;
  margin: 0 -20px 14px;
  background: #b1b1b1;
  height: 250px;
  width: 250px; }
section.instagram .meta {
  margin: 0;
  *zoom: 1; }
  section.instagram .meta:before, section.instagram .meta:after {
    content: " ";
    display: table; }
  section.instagram .meta:after {
    clear: both; }
  section.instagram .meta li {
    float: left;
    margin-right: 8px; }
    section.instagram .meta li:last-child {
      float: right;
      margin-right: 0px; }
    section.instagram .meta li a:hover {
      color: #444444;
      text-decoration: none; }
    section.instagram .meta li.comments a:before {
      content: "\e002"; }
    section.instagram .meta li.likes a:before {
      content: "\e007"; }

section.liked-posts {
  position: relative; }
  section.liked-posts h4 {
    margin: 6px 0 12px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    section.liked-posts h4 a {
      display: block;
      position: relative;
      color: #444444; }
      section.liked-posts h4 a:hover {
        color: #008ec9; }
      section.liked-posts h4 a:after {
        position: absolute;
        right: 0px;
        top: 0px;
        content: "\e00c"; }
  section.liked-posts ul#likes {
    margin: 0 -20px 0; }
    section.liked-posts ul#likes .like_caption {
      margin: 14px 20px 0; }
    section.liked-posts ul#likes .post_info_bottom {
      display: block !important;
      margin: 0 20px 6px;
      padding-right: 100px; }
  section.liked-posts .meta {
    margin: 0;
    position: absolute;
    bottom: 13px;
    right: 20px;
    *zoom: 1; }
    section.liked-posts .meta:before, section.liked-posts .meta:after {
      content: " ";
      display: table; }
    section.liked-posts .meta:after {
      clear: both; }
    section.liked-posts .meta li {
      float: left;
      margin-right: 8px; }
      section.liked-posts .meta li:last-child {
        float: right;
        margin-right: 0px; }
      section.liked-posts .meta li a:hover {
        color: #444444;
        text-decoration: none; }

div.grid {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Default Post Styling */
div.grid article {
  -webkit-transform: scale3d(1, 1, 1); }
  div.grid article header {
    position: relative;
    padding-top: 20px;
    margin-bottom: 20px;
    *zoom: 1; }
    div.grid article header:before, div.grid article header:after {
      content: " ";
      display: table; }
    div.grid article header:after {
      clear: both; }
  div.grid article.photo header, div.grid article.video header, div.grid article.photoset header, div.grid article.audio header {
    padding: 0; }
  div.grid article.text header, div.grid article.chat header, div.grid article.audio header {
    border-bottom: 1px dotted #e3e3e3; }
  div.grid article.chat p {
    padding: 0 0 20px 0; }
  div.grid article ul.credit {
    line-height: 1.4; }
    div.grid article ul.credit a {
      color: #1b2022; }
    div.grid article ul.credit li.author {
      margin-bottom: 6px; }
      div.grid article ul.credit li.author img {
        height: 30px;
        width: 30px;
        border-radius: 15px;
        margin-right: 7px; }
  div.grid article section ul {
    padding-left: 24px; }
    div.grid article section ul li {
      list-style-type: disc; }
  div.grid article footer ul {
    display: inline-block;
    margin-bottom: 10px; }
    div.grid article footer ul.meta {
      float: left; }
    div.grid article footer ul.tumblr-action {
      float: right;
      margin-top: 10px; }
      div.grid article footer ul.tumblr-action li {
        margin-right: 0;
        display: inline-block; }
      div.grid article footer ul.tumblr-action strong {
        display: none; }
      div.grid article footer ul.tumblr-action span {
        font-size: 19px; }
      div.grid article footer ul.tumblr-action li.like {
        position: relative;
        height: 20px;
        width: 20px;
        border-radius: 10px;
        background: #bada55;
        top: -4px;
        margin-right: 3px; }
        div.grid article footer ul.tumblr-action li.like .like_button {
          position: relative;
          top: 3px;
          left: 3px; }
    div.grid article footer ul li {
      display: inline;
      margin-right: 12px;
      line-height: 1; }
      div.grid article footer ul li.time {
        display: block; }
      div.grid article footer ul li.comments a:before {
        content: "\e002"; }
      div.grid article footer ul li.notes a:before {
        content: "\e007"; }
      div.grid article footer ul li a:hover {
        color: #444444;
        text-decoration: none; }
  div.grid article.t_xl {
    width: 520px;
    font-size: 16px; }
    div.grid article.t_xl h1 {
      font-size: 32px; }
    div.grid article.t_xl h2 {
      font-size: 28px;
      margin-top: 0.3em; }
    div.grid article.t_xl h3 {
      font-size: 18px; }
    div.grid article.t_xl h4 {
      font-size: 12px; }
    div.grid article.t_xl h5 {
      font-size: 12px; }
    div.grid article.t_xl h6 {
      font-size: 12px; }
    div.grid article.t_xl footer {
      font-size: 14px;
      line-height: 1.4; }
  div.grid article.t_minimal.isotope-item {
    position: relative;
    padding-bottom: 0; }
    div.grid article.t_minimal.isotope-item header {
      margin-bottom: 0; }
    div.grid article.t_minimal.isotope-item.video header {
      line-height: 0; }
    div.grid article.t_minimal.isotope-item section {
      display: none; }
    div.grid article.t_minimal.isotope-item footer {
      position: absolute;
      width: 100%;
      bottom: 0;
      padding: 10px 0;
      background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
      background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
      background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
      background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
      div.grid article.t_minimal.isotope-item footer ul {
        padding: 0 20px;
        margin: 0; }
        div.grid article.t_minimal.isotope-item footer ul.tumblr-action {
          margin-top: 12px; }
        div.grid article.t_minimal.isotope-item footer ul li a {
          color: white;
          text-shadow: #333333 1px 1px 1px; }
          div.grid article.t_minimal.isotope-item footer ul li a:hover {
            text-shadow: black 2px 2px 6px; }
    div.grid article.t_minimal.isotope-item footer, div.grid article.t_minimal.isotope-item header a.highres {
      visibility: hidden; }

/* Post Styling Specific to Index Page */
body.index-page div.grid article ul.credit {
  display: none; }

/* Quote Posts */
div.grid article.quote header {
  background: #1b2022;
  padding-bottom: 1.5em; }
  div.grid article.quote header p {
    color: white;
    font-style: italic;
    display: inline; }
    div.grid article.quote header p:first-of-type:before {
      content: '\201C'; }
    div.grid article.quote header p:last-of-type:after {
      content: '\201D'; }

/* Link Post */
div.grid article.link header {
  padding: 0; }
  div.grid article.link header h2 {
    margin-bottom: 0;
    margin-top: 0; }
    div.grid article.link header h2 a {
      display: block;
      padding: 20px;
      background: #1b2022;
      color: white; }
      div.grid article.link header h2 a:hover {
        background: #007cb0; }
      div.grid article.link header h2 a span {
        border-bottom: 1px dotted #d1e9f4; }
      div.grid article.link header h2 a:before {
        font-family: 'Batch-Custom';
        content: "\e012";
        color: #d1e9f4;
        float: right;
        padding: 3px 0 3px 10px;
        speak: none;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased; }

/* Text Post */
.text h2 {
  text-align: center; }
  .text h2 a {
    color: black; }

/* Photo Post */
.photo header {
  text-align: center; }
.photo header a.highres {
  position: absolute;
  top: 12px;
  right: 18px;
  height: 18px;
  width: 18px;
  text-align: center;
  color: white;
  text-shadow: #333333 1px 1px 1px;
  padding: 5px;
  border-radius: 18px;
  background-image: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-radial-gradient(50% 50%, ellipse cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -ms-radial-gradient(50% 50%, ellipse cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-radial-gradient(50% 50%, ellipse cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: radial-gradient(50% 50%, ellipse cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  display: none; }
  .photo header a.highres:hover {
    background: black;
    text-decoration: none; }
  .photo header a.highres strong {
    display: none; }
  .photo header a.highres span {
    line-height: 1.3;
    font-size: 16px; }

.video header a[href*="video_file"] {
  width: 100% !important;
  height: auto !important; }
  .video header a[href*="video_file"] img {
    width: 100% !important; }
.video .video_placeholder {
  width: 100% !important;
  height: 200px !important;
  line-height: 200px !important; }

/* Audio Post */
.audio h3.track {
  margin-bottom: 0.3em; }
.audio h3.artist {
  color: #b1b1b1; }
.audio .spotify-embed {
  line-height: 0; }
  .audio .spotify-embed iframe[src*="spotify"] {
    width: 100% !important;
    height: auto !important;
    margin-bottom: -76px; }
  .audio .spotify-embed iframe[src*="soundcloud"] {
    width: 100% !important; }
.audio .player {
  background: #000000; }
.audio .play-button, .audio .play-bar {
  display: inline-block; }
.audio .play-button {
  margin: 10px 0 10px 20px;
  height: 24px;
  width: 20px; }
  .audio .play-button a.icon-play {
    display: inline-block;
    color: #008ec9; }
    .audio .play-button a.icon-play:hover {
      color: #007cb0;
      text-decoration: none;
      cursor: pointer; }
    .audio .play-button a.icon-play:before {
      font-size: 24px;
      line-height: 1; }
.audio .play-bar {
  width: 180px;
  float: right;
  background: #e3e3e3;
  height: 8px;
  margin: 15px 20px 15px 0;
  padding: 3px;
  border-radius: 6px; }
.audio .progress-bar {
  background: #444444;
  width: 20%;
  height: 8px;
  border-radius: 4px; }
.audio .audio_player {
  text-align: center;
  padding-top: 3px; }
.audio .album-case {
  text-align: center; }
  .audio .album-case img {
    max-width: 100%;
    height: auto; }
.audio span.label {
  text-transform: uppercase; }
.audio h2.track, .audio h3.artist, .audio h3.album {
  line-height: 1.1em;
  margin: 0 !important; }
.audio .caption {
  margin-top: 14px; }
.audio ul.stats {
  font-size: 14px;
  font-style: italic;
  padding: 0; }
  .audio ul.stats li {
    list-style: none; }

/* Ask Post */
.ask header {
  border-bottom: 1px dotted #e3e3e3; }
  .ask header p {
    margin-bottom: 12px; }
  .ask header p.asker {
    line-height: 1.4;
    margin-bottom: 22px; }
    .ask header p.asker img {
      float: left;
      height: 30px;
      width: 30px;
      border-radius: 15px;
      margin-right: 7px; }
    .ask header p.asker a.asker {
      display: block; }

/* Chat Post */
.chat header h2:before {
  font-family: 'Batch-Custom';
  content: "\e013";
  color: #b1b1b1;
  float: right;
  padding: 3px 0 3px 10px;
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }
.chat .odd, .chat .even {
  border-bottom: 1px dotted #e3e3e3;
  position: relative; }
  .chat .odd:last-of-type, .chat .even:last-of-type {
    border-bottom: none; }
.chat .even {
  text-align: right; }
.chat strong {
  display: block; }

.results section {
  margin-top: 20px; }

/* Index Page Pagination */
div#main > footer {
  width: 100%;
  padding: 64px 0;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  div#main > footer nav {
    display: inline-block;
    width: auto;
    height: 60px;
    margin: auto;
    background: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-bottom: 20px;
    *zoom: 1; }
    div#main > footer nav:before, div#main > footer nav:after {
      content: " ";
      display: table; }
    div#main > footer nav:after {
      clear: both; }
    div#main > footer nav ul li {
      display: inline-block;
      text-align: center;
      float: left;
      width: 47px;
      border-right: 1px dotted #e3e3e3; }
      div#main > footer nav ul li a, div#main > footer nav ul li span {
        display: block;
        padding: 21px 0;
        font-size: 13px; }
      div#main > footer nav ul li.prev, div#main > footer nav ul li.next {
        width: 148px; }
        div#main > footer nav ul li.prev a, div#main > footer nav ul li.next a {
          padding-bottom: 21px;
          opacity: .3;
          cursor: default; }
          div#main > footer nav ul li.prev a:hover, div#main > footer nav ul li.next a:hover {
            border-bottom-width: 0px; }
        div#main > footer nav ul li.prev.active a, div#main > footer nav ul li.next.active a {
          opacity: 1;
          cursor: auto; }
          div#main > footer nav ul li.prev.active a:hover, div#main > footer nav ul li.next.active a:hover {
            border-bottom-width: 3px; }
      div#main > footer nav ul li.prev a:before {
        content: "\e00b";
        margin: 0;
        padding-right: 5px;
        line-height: 13px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      div#main > footer nav ul li.next {
        border-right: none; }
        div#main > footer nav ul li.next a:after {
          content: "\e00d";
          margin: 0;
          padding-left: 5px;
          line-height: 13px; }
      div#main > footer nav ul li.current-page {
        background: #008ec9; }
        div#main > footer nav ul li.current-page span {
          color: white; }
      div#main > footer nav ul li a:hover {
        color: black;
        border-bottom: 3px solid #008ec9;
        border-radius: 5px;
        text-decoration: none; }
    div#main > footer nav#infinite {
      display: inline-block !important; }
      div#main > footer nav#infinite p {
        text-align: center; }
        div#main > footer nav#infinite p a {
          font-size: 13px;
          display: block;
          width: 250px;
          padding: 21px 0;
          *zoom: 1; }
          div#main > footer nav#infinite p a:before, div#main > footer nav#infinite p a:after {
            content: " ";
            display: table; }
          div#main > footer nav#infinite p a:after {
            clear: both; }
          div#main > footer nav#infinite p a:hover {
            color: black;
            border-bottom: 3px solid #008ec9;
            border-radius: 5px;
            text-decoration: none; }
      div#main > footer nav#infinite div.loading-spinner {
        display: none;
        margin: 7px auto; }
        div#main > footer nav#infinite div.loading-spinner .ui-spinner {
          width: 46px;
          height: 46px;
          background: #b1b1b1; }
          div#main > footer nav#infinite div.loading-spinner .ui-spinner .side .fill {
            background: #008ec9;
            -webkit-animation-duration: 2.5s;
            -moz-animation-duration: 2.5s;
            animation-duration: 2.5s;
            opacity: 1; }
          div#main > footer nav#infinite div.loading-spinner .ui-spinner:after {
            content: "";
            background: white;
            position: absolute;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            top: 9px;
            left: 9px;
            display: block; }
        div#main > footer nav#infinite div.loading-spinner .ui-spinner {
          margin: auto; }
      div#main > footer nav#infinite.active div.loading-spinner {
        display: block; }
      div#main > footer nav#infinite.active p {
        visibility: hidden; }

/* Permalink Page Pagination */
body.permalink-page div#main footer.page-foot {
  padding-left: 270px;
  width: auto;
  max-width: 780px; }
  body.permalink-page div#main footer.page-foot nav#pagination {
    margin: 0 auto 20px;
    width: auto;
    display: inline-block; }
    body.permalink-page div#main footer.page-foot nav#pagination ul li {
      width: 145px; }
body.permalink-page header.site-info section.authors,
body.permalink-page header.site-info section.instagram,
body.permalink-page header.site-info section.liked-posts {
  display: none; }

/* Layout for Permalink Page */
div.grid.permalink {
  padding-left: 270px;
  position: relative; }
  div.grid.permalink header.site-info {
    position: absolute;
    left: 0; }
    @media only screen and (max-width: 660px) {
      div.grid.permalink header.site-info {
        display: none; } }
  div.grid.permalink article {
    width: 100%;
    max-width: 780px;
    font-size: 16px; }
    div.grid.permalink article h1 {
      font-size: 32px; }
    div.grid.permalink article h2 {
      font-size: 28px;
      margin-top: 0.3em; }
    div.grid.permalink article h3 {
      font-size: 18px; }
    div.grid.permalink article h4 {
      font-size: 12px; }
    div.grid.permalink article h5 {
      font-size: 12px; }
    div.grid.permalink article h6 {
      font-size: 12px; }
    div.grid.permalink article footer {
      *zoom: 1;
      border-top: 1px dotted #e3e3e3; }
      div.grid.permalink article footer:before, div.grid.permalink article footer:after {
        content: " ";
        display: table; }
      div.grid.permalink article footer:after {
        clear: both; }
      div.grid.permalink article footer ul {
        margin-bottom: 1.5em; }
        div.grid.permalink article footer ul li {
          line-height: 1.4; }
      div.grid.permalink article footer div.comments, div.grid.permalink article footer div.notes {
        padding: 20px 20px 20px 0;
        float: left;
        width: 75%;
        border-right: 1px dotted #e3e3e3;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      div.grid.permalink article footer div.post-data {
        padding: 20px 0 20px 20px;
        float: right;
        width: 25%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      div.grid.permalink article footer ul.credit li.author, div.grid.permalink article footer ul.credit li.reblog, div.grid.permalink article footer ul.credit li.source {
        display: block;
        margin-bottom: 16px; }
      div.grid.permalink article footer ul.credit a {
        display: block; }
      div.grid.permalink article footer ul.credit .author img {
        width: 55px;
        height: 55px;
        border-radius: 55px;
        display: block; }
      div.grid.permalink article footer ul.tumblr-action {
        display: none; }
      div.grid.permalink article footer ul.tags {
        margin-bottom: 16px; }
        div.grid.permalink article footer ul.tags h5 {
          margin-bottom: 0; }
        div.grid.permalink article footer ul.tags li {
          display: inline-block;
          margin-right: 6px; }
      div.grid.permalink article footer div.share-buttons {
        clear: both;
        *zoom: 1; }
        div.grid.permalink article footer div.share-buttons:before, div.grid.permalink article footer div.share-buttons:after {
          content: " ";
          display: table; }
        div.grid.permalink article footer div.share-buttons:after {
          clear: both; }
        div.grid.permalink article footer div.share-buttons > div {
          float: left;
          display: block;
          clear: both; }
      div.grid.permalink article footer div.notes h4, div.grid.permalink article footer div.comments h4 {
        margin-bottom: 1em; }
      div.grid.permalink article footer ol.notes {
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin-top: 0; }
        div.grid.permalink article footer ol.notes li {
          margin-bottom: 6px;
          padding-bottom: 6px;
          border-bottom: 1px dotted #e3e3e3; }
          div.grid.permalink article footer ol.notes li:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0; }
          div.grid.permalink article footer ol.notes li.more_notes_link_container {
            margin-top: 20px; }
            div.grid.permalink article footer ol.notes li.more_notes_link_container a, div.grid.permalink article footer ol.notes li.more_notes_link_container span {
              display: block;
              line-height: 10px;
              text-transform: uppercase;
              background: #e3e3e3;
              padding: 8px 8px;
              border-radius: 3px;
              margin-bottom: 5px; }
              div.grid.permalink article footer ol.notes li.more_notes_link_container a:hover, div.grid.permalink article footer ol.notes li.more_notes_link_container span:hover {
                text-decoration: none;
                background: #007cb0;
                color: white; }
          div.grid.permalink article footer ol.notes li blockquote {
            margin: 6px 0 6px 1em; }
          div.grid.permalink article footer ol.notes li img {
            height: 36px;
            width: 36px;
            border-radius: 3px; }

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

#main {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s; }

#main {
  -webkit-transition-property: padding;
  -moz-transition-property: padding;
  -ms-transition-property: padding;
  -o-transition-property: padding;
  transition-property: padding; }

div.grid article, div.grid article.t_xl, header.site-info, header.site-info section {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s; }

div.grid article, div.grid article.t_xl, header.site-info, header.site-info section {
  -webkit-transition-property: width;
  -moz-transition-property: width;
  -ms-transition-property: width;
  -o-transition-property: width;
  transition-property: width; }

#main.no-transition,
#main.no-transition div.grid article,
#main.no-transition div.grid article.t_xl,
#main.no-transition header.site-info,
#main.no-transition header.site-info section {
  -webkit-transition-duration: 0.0s;
  -moz-transition-duration: 0.0s;
  -ms-transition-duration: 0.0s;
  -o-transition-duration: 0.0s;
  transition-duration: 0.0s; }

.invisible {
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.semihidden {
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  padding: 0;
  position: absolute; }

html body iframe#tumblr_controls, html body iframe#tumblr_controls[src*="tumblr"].tumblr_sticky_iframe {
  top: 68px !important;
  right: 4px !important;
  position: fixed !important; }

#infscr-loading {
  display: none !important; }

.customize-embed:before {
  content: "Flash Disabled in Customize Mode";
  height: 24px;
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: 0;
  font-weight: normal;
  font-size: 11px;
  color: #AAAAAA;
  font-family: "Helvetica Neue", sans-serif !important;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.4);
  letter-spacing: 1px; }

.customize-embed {
  -moz-box-shadow: inset 0 1px 0px #646464;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
  background: #333333;
  background: -moz-radial-gradient(center, ellipse cover, #333333 0%, black 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #333333), color-stop(100%, black));
  background: -webkit-radial-gradient(center, ellipse cover, #333333 0%, black 100%);
  background: -o-radial-gradient(center, ellipse cover, #333333 0%, black 100%);
  background: -ms-radial-gradient(center, ellipse cover, #333333 0%, black 100%);
  background: radial, center, ellipse cover, #333333 0%, black 100%; }

.customize-embed iframe, .customize-embed embed, .customize-embed object {
  display: none; }

.customize-audio {
  display: block;
  height: 27px;
  width: 207px;
  background-image: url(http://static.tumblr.com/fftf9xi/r0blwhruz/audio-players.png); }

.customize-audio.white {
  background-position: 0px 0px; }

.customize-audio.grey {
  background-position: 0px -27px; }

.customize-audio.black {
  background-position: 0px -54px; }

.customize-audio embed {
  display: none; }

/* Media Queries */
@media screen and (max-width: 875px) {
  body.index-page div.grid article.t_xl {
    width: 250px;
    font-size: 14px; }
    body.index-page div.grid article.t_xl h1 {
      font-size: 28px; }
    body.index-page div.grid article.t_xl h2 {
      font-size: 18px; }
    body.index-page div.grid article.t_xl h3 {
      font-size: 15px;
      margin-top: 0; }
    body.index-page div.grid article.t_xl h4 {
      font-size: 10px; }
    body.index-page div.grid article.t_xl h5 {
      font-size: 10px; }
    body.index-page div.grid article.t_xl h6 {
      font-size: 10px; } }
@media screen and (max-width: 832px) {
  div.grid.permalink article footer div.post-data {
    padding: 20px 0 0;
    border-left: none;
    border-bottom: 1px dotted #e3e3e3;
    float: none;
    width: 100%;
    background: white; }

  div.grid.permalink article footer ul, div.grid.permalink article footer div.share-buttons {
    margin-bottom: 10px; }

  div.grid.permalink article footer div.comments, div.grid.permalink article footer div.notes {
    border-right: none; }

  div.grid.permalink article footer ul li {
    float: left;
    margin-right: 16px; }

  div.grid.permalink article footer ul.credit li {
    border-right: 1px dotted #e3e3e3;
    padding-right: 16px; }

  div.grid.permalink article footer ul.credit li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0; }

  div.grid.permalink article footer ul.credit .author img {
    display: none; }

  div.grid.permalink article footer div.comments, div.grid.permalink article footer div.notes {
    width: 100%;
    padding: 20px 0; } }
@media screen and (max-width: 660px) {
  #main {
    padding: 100px 20px 0 20px; }

  header.site-info, header.site-info section {
    width: 100%; }

  section.primary .search {
    display: none; }

  header.site-info section.authors, header.site-info section.instagram, header.site-info section.liked-posts {
    display: none; }

  div.grid article, div.grid article.t_xl, body.index-page div.grid article.t_xl {
    width: 100%; }

  div.grid article.photo header img {
    width: 100%; }

  div.grid article footer {
    *zoom: 1; }
    div.grid article footer:before, div.grid article footer:after {
      content: " ";
      display: table; }
    div.grid article footer:after {
      clear: both; }

  div.grid article.t_minimal footer {
    position: static;
    background: white;
    display: block !important; }

  div.grid article.t_minimal footer ul li a {
    color: #b1b1b1;
    text-shadow: none; }
    div.grid article.t_minimal footer ul li a:hover {
      color: #444444; }

  div#main > footer {
    padding: 20px 0; }

  div#main > footer nav, div#main > footer nav#infinite p a {
    width: 100%; }

  div#main > footer nav ul li {
    display: none; }

  div#main > footer nav ul li.prev {
    display: block;
    float: left;
    max-width: 139px; }

  div#main > footer nav ul li.next {
    display: block;
    float: right;
    max-width: 139px;
    border-left: 1px dotted #e3e3e3; }

  /* Permalink page */
  div.grid.permalink header.site-info {
    position: static;
    left: auto; }

  div.grid.permalink article {
    width: 100%;
    max-width: none; }

  div.grid.permalink {
    padding-left: 0;
    position: static; }

  body.permalink-page div#main footer.page-foot {
    padding-left: 0;
    width: 100%;
    max-width: none; }

  body.permalink-page div#main footer.page-foot nav#pagination {
    width: 100%; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  section.primary .twitter-timeline {
    width: 240px !important; }

  section.primary .search input {
    padding: 5px; } }
@media only screen and (min-width: 320.001px) and (max-width: 320px) {
  .top-bar {
    position: absolute; }

  #tumblr_controls {
    top: 68px !important;
    right: 4px !important;
    position: absolute !important; } }
@media only screen and (min-width: 320.001px) and (max-width: 1024px) {
  section.primary .twitter-timeline {
    width: 240px !important; }

  section.primary .search input {
    padding: 5px; } }