/* Colors */
/* YAHOO HEADER */
/* ==========================================================================
   Customize Panel Settings
   ========================================================================== */
/*
   %base-font-family { font-family: $base-font-family; }

   $headerBackground: rgba(24, 31, 34, 1.0);
   %headerBackground-background { background: $headerBackground; }
   %headerBackground-color { color: $headerBackground; }
   %headerBackground-border { border-color: $headerBackground; }

   body {
     @extend %base-font-family;
   }

   header {
     @extend %headerBackground-background;
     @extend %headerBackground-color;
     @extend %headerBackground-border;
   }
*/
/* TYPOGRAPHY */
html, body, h1, h2, h3, h4, h5, h6, article header h2, article header h3,
article header p, aside section.popular-feed .network-post h4 {
  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif; }

header.blog-mast nav.pages, article footer div.comments, nav#pagination, aside section h3, aside section.description .badge h4, footer.blog-footer nav.pages {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

header.yahoo-finance nav.drop-menu ul li a, article header ul.byline, article section ul.credit li, article section ul.tags li, article footer ul.meta li, article footer div.notes ol.notes, aside section h4, aside section h6, aside section.description p, aside section.yahoo-module p {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

button,
input[type="submit"] {
  border: 1px solid #053744;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #239abb;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #116880;
  background-image: -webkit-linear-gradient(#116880, #064252);
  background-image: linear-gradient(#116880, #064252);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #022833;
  background-clip: padding-box;
  font-size: 1em; }
  button:hover:not(:disabled),
  input[type="submit"]:hover:not(:disabled) {
    box-shadow: inset 0 1px 0 0 #1a7791;
    cursor: pointer;
    background-color: #105467;
    background-image: -webkit-linear-gradient(#105467, #063644);
    background-image: linear-gradient(#105467, #063644); }
  button:active:not(:disabled),
  input[type="submit"]:active:not(:disabled), button:focus:not(:disabled),
  input[type="submit"]:focus:not(:disabled) {
    border: 1px solid #053744;
    box-shadow: inset 0 0 8px 4px #052b36, inset 0 0 8px 4px #052b36; }
  button:disabled,
  input[type="submit"]:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

body {
  color: #080808;
  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;
  line-height: 1.25em;
  margin: 0;
  text-rendering: optimizeLegibility; }

h1 {
  font-size: 2.25em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.75em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #324fe1;
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear; }
  a:hover {
    color: #0c8087; }
  a:active, a:focus {
    color: #0c8087;
    outline: none; }

hr {
  border-bottom: 1px solid #dedfe1;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img {
  margin: 0;
  max-width: 100%; }

abbr, acronym {
  border-bottom: 1px dotted #dedfe1;
  cursor: help; }

address {
  display: block;
  margin: 0 0 0.75em; }

hgroup {
  margin-bottom: 0.75em; }

del {
  color: #2e2e2e; }

blockquote {
  border-left: 2px solid #dedfe1;
  color: #2e2e2e;
  margin: 1.5em 0;
  padding-left: 0.75em; }

cite {
  color: #484848;
  font-style: italic; }
  cite:before {
    content: '\2014 \00A0'; }

fieldset {
  background: #f9f9f9;
  border: 1px solid #dedfe1;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;
  font-size: 1em; }

label {
  font-weight: bold;
  margin-bottom: 0.375em; }
  label.required:after {
    content: "*"; }
  label abbr {
    display: none; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 0.1875em;
  border: 1px solid #dedfe1;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  resize: vertical;
  width: 100%; }
  textarea:hover,
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover {
    border-color: #c3c4c9; }
  textarea:focus,
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus {
    border-color: #116880;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(14, 86, 105, 0.7);
    outline: none; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"], input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  width: 100%; }

select {
  width: auto;
  margin-bottom: 1.5em; }

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #b6b7bd;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #dedfe1;
  padding: 0.75em 0; }

tr, td, th {
  vertical-align: middle; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
dl {
  line-height: 1.5em;
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

.error, #flash_failure {
  background: #fbe3e4;
  color: #96151b;
  font-weight: bold;
  margin-bottom: 0.75em;
  padding: 0.75em; }
  .error a, #flash_failure a {
    color: #6a0f13; }
    .error a:hover, #flash_failure a:hover {
      color: #110203; }

.notice, #flash_notice {
  background: #fff6bf;
  color: #8c7800;
  font-weight: bold;
  margin-bottom: 0.75em;
  padding: 0.75em; }
  .notice a, #flash_notice a {
    color: #594c00; }
    .notice a:hover, #flash_notice a:hover {
      color: black; }

.success, #flash_success {
  background: #e6efc2;
  color: #56651a;
  font-weight: bold;
  margin-bottom: 0.75em;
  padding: 0.75em; }
  .success a, #flash_success a {
    color: #333c10; }
    .success a:hover, #flash_success a:hover {
      color: black; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* apply a natural box layout model to all elements */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* ==========================================================================
   Base
   ========================================================================== */
html, body {
  color: #080808; }

img, iframe {
  max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  margin-bottom: 0.25em;
  color: black; }

blockquote {
  margin-left: 8px;
  padding-left: 8px;
  border-left-width: 4px;
  border-left-style: solid; }

/* ==========================================================================
   Layouts
   ========================================================================== */
body {
  margin: 14px; }

/*
  Yahoo Nav Bar
*/
header.yahoo-finance {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #400090;
  border-bottom: 1px solid black;
  padding: 12px 16px 12px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 60px; }
  header.yahoo-finance:after {
    content: "";
    display: table;
    clear: both; }
  header.yahoo-finance div.slider-contain {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: -1; }
  header.yahoo-finance div.sliding-menu-button {
    position: relative;
    top: 8px;
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    height: 15px;
    width: 19px;
    display: block;
    float: left;
    background: url(http://static.tumblr.com/fftf9xi/Ak3n8tu1f/icon-hamburger.png) 0 0 no-repeat;
    background-size: 100% auto;
    margin-right: 12px;
    cursor: pointer; }
    header.yahoo-finance div.sliding-menu-button br {
      display: none; }
    header.yahoo-finance div.sliding-menu-button strong {
      display: none; }
    header.yahoo-finance div.sliding-menu-button:hover {
      background-position: 0 -15px; }
  header.yahoo-finance h4 {
    margin: 0;
    display: inline-block;
    position: absolute;
    left: 50px; }
    header.yahoo-finance h4 a {
      display: block;
      border: 0;
      text-indent: -999em;
      overflow: hidden;
      background-color: transparent;
      background-repeat: no-repeat;
      text-align: left;
      direction: ltr;
      height: 36px;
      width: 108px;
      background: transparent url(http://stylehatch.co/yahoo/images/yahoo_finance.png) 0 0 no-repeat;
      background-size: 100%;
      image-rendering: optimizeQuality; }
      header.yahoo-finance h4 a br {
        display: none; }
  header.yahoo-finance nav.drop-menu {
    display: none;
    top: 50px;
    left: 4px;
    position: fixed;
    z-index: 200;
    background: #fff;
    border: 1px solid #2d005a;
    padding: 10px 20px;
    border-radius: 4px; }
    header.yahoo-finance nav.drop-menu:before {
      content: '';
      position: absolute;
      top: -16px;
      left: 14px;
      border-color: transparent;
      border-width: 8px;
      border-style: solid;
      border-bottom-color: #fff; }
    header.yahoo-finance nav.drop-menu ul li a {
      font-size: 1.25em;
      color: #400090; }

.contain {
  max-width: 1000px;
  width: 100%;
  margin: 60px auto; }
  .contain:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 698px) {
    .contain {
      margin-bottom: 1em; } }

/*
  Blog Header
*/
header.blog-mast {
  padding: 3.75em 0 5em;
  text-align: center; }
  @media only screen and (max-width: 698px) {
    header.blog-mast {
      padding: 2em 0 2em; } }
  header.blog-mast h1 {
    font-size: 2.625em; }
    header.blog-mast h1 a {
      color: black; }
  header.blog-mast nav.pages {
    font-size: 1.25em;
    margin-top: 1em; }
    @media only screen and (max-width: 698px) {
      header.blog-mast nav.pages {
        font-size: 1em; } }
    header.blog-mast nav.pages li {
      display: inline-block;
      margin: 0 0.75em; }
      @media only screen and (max-width: 698px) {
        header.blog-mast nav.pages li {
          margin: 0 0.6em; } }
      header.blog-mast nav.pages li:first-child {
        margin-left: 0; }
      header.blog-mast nav.pages li:last-child {
        margin-right: 0; }
      header.blog-mast nav.pages li a {
        color: #2d005a; }
        header.blog-mast nav.pages li a:hover {
          color: #0c8087; }

/*
  Posts
*/
div.posts {
  width: 100%;
  float: left;
  margin-right: -300px;
  padding-right: 330px; }
  @media only screen and (max-width: 698px) {
    div.posts {
      float: none;
      margin-right: 0px;
      padding-right: 0px; } }
  div.posts:after {
    content: '\00a0'; }

article {
  margin-bottom: 2em; }
  article header {
    margin-bottom: 1em; }
    article header h2 {
      font-size: 2.25em;
      line-height: 1.166666667;
      margin-bottom: 0.25em; }
      article header h2 a {
        color: black; }
        article header h2 a:hover {
          color: #0c8087; }
      @media only screen and (max-width: 698px) {
        article header h2 {
          font-size: 2em; } }
    article header h3,
    article header p {
      font-size: 1.25em;
      line-height: 1.3;
      margin-bottom: 0.25em;
      font-weight: bold; }
      @media only screen and (max-width: 698px) {
        article header h3,
        article header p {
          font-size: 1em; } }
    article header ul.byline {
      font-size: 0.8125em;
      margin-bottom: 0.875em; }
      article header ul.byline li {
        display: inline-block;
        color: #737680; }
        article header ul.byline li a {
          color: #737680; }
          article header ul.byline li a:hover {
            color: #0c8087; }
        article header ul.byline li.author {
          display: none; }
        article header ul.byline li.author:before {
          content: 'By '; }
        article header ul.byline li.author:after {
          content: '\2022';
          margin: 0 0.2em 0 0.5em; }
        article header ul.byline li.date:before {
          content: 'Posted on '; }
    article header a.highres, article header a.permalink-button {
      display: none; }
  article section a:hover {
    color: #0c8087; }
  article section img {
    display: block;
    margin: 0.5em auto; }
  article section iframe {
    margin-left: auto !important;
    margin-right: auto !important; }
  article section .extras {
    margin-top: 2em;
    padding-bottom: 0.5em; }
    article section .extras:after {
      content: "";
      display: table;
      clear: both; }
  article section ul.share-buttons {
    float: right;
    padding: 8px 0; }
    article section ul.share-buttons:after {
      content: "";
      display: table;
      clear: both; }
    article section ul.share-buttons li {
      float: left;
      margin-right: 1.5em; }
      article section ul.share-buttons li:last-child {
        margin-right: 0; }
      article section ul.share-buttons li [class^="icon-"], article section ul.share-buttons li [class*=" icon-"] {
        font-size: 0.875em;
        position: relative;
        top: -2px;
        color: #cccccc; }
        article section ul.share-buttons li [class^="icon-"] span, article section ul.share-buttons li [class*=" icon-"] span {
          display: none; }
  article section ul.credit {
    padding: 0 0 0.5em 0; }
    article section ul.credit li {
      display: inline-block;
      font-size: 0.8125em;
      margin-right: 0.75em;
      color: #737680; }
      article section ul.credit li a {
        color: #737680;
        text-decoration: underline; }
        article section ul.credit li a:hover {
          color: #0c8087;
          border-bottom: none; }
  article section ul.tags {
    padding: 0 0 0.5em 0; }
    article section ul.tags li {
      display: inline-block;
      font-size: 0.9375em;
      margin-right: 4px; }
      article section ul.tags li:last-child {
        margin-right: 0; }
      article section ul.tags li a {
        display: inline-block;
        margin: 4px 0;
        color: #2d005a;
        background: #e4e0ea;
        font-style: normal;
        padding: 2px 6px;
        border-radius: 4px; }
        article section ul.tags li a:hover {
          color: #e4e0ea;
          background: #2d005a;
          border-bottom: none; }
  article footer {
    margin-top: 0.5em;
    position: relative; }
    article footer ul.meta li {
      display: inline-block;
      font-size: 0.75em;
      margin-right: 0.5em; }
      article footer ul.meta li a {
        color: #737680; }
        article footer ul.meta li a:before {
          position: relative;
          top: 1px;
          margin-right: 3px; }
        article footer ul.meta li a:hover {
          color: #0c8087; }
    article footer aside.mobile {
      margin: 1.5em 0; }
    article footer div.notes {
      margin-top: 2em; }
      article footer div.notes h4 {
        display: none;
        font-size: 1.25em;
        color: #737680;
        margin-bottom: 0.25em; }
      article footer div.notes ol.notes {
        font-size: 0.825em; }
        article footer div.notes ol.notes li {
          border-bottom: 1px solid #dedfe1;
          padding: 0.625em 0;
          line-height: 1.4; }
          article footer div.notes ol.notes li:last-child {
            border-bottom: none; }
          article footer div.notes ol.notes li blockquote {
            margin-top: 0.25em;
            margin-bottom: 0.25em;
            margin-left: 3em; }
          article footer div.notes ol.notes li a {
            color: #080808;
            text-decoration: underline; }
            article footer div.notes ol.notes li a:hover {
              color: #0c8087; }
        article footer div.notes ol.notes a.avatar_frame {
          border-bottom: none; }
        article footer div.notes ol.notes .avatar {
          height: 16px;
          width: 16px;
          vertical-align: middle;
          margin-right: 0.5em; }
    article footer div.comments {
      margin-top: 2em; }
      article footer div.comments h4 {
        font-size: 1.25em;
        color: #737680;
        margin-bottom: 0.25em; }
      article footer div.comments a {
        color: #116880; }
  article.photo header img {
    width: 100%;
    height: auto; }
  article.photo section ul.exif {
    display: none; }

body.index-page article {
  background: #f9f9fa;
  border-radius: 4px;
  padding: 20px 0 0; }
  body.index-page article header h2,
  body.index-page article header h3,
  body.index-page article header p,
  body.index-page article header ul.byline {
    padding: 0 20px; }
  body.index-page article section {
    padding: 0 20px; }
    body.index-page article section ul.share-buttons li {
      margin-right: 0.5em; }
      body.index-page article section ul.share-buttons li:last-child {
        margin-right: 0; }
      body.index-page article section ul.share-buttons li.tumblr, body.index-page article section ul.share-buttons li.twitter, body.index-page article section ul.share-buttons li.facebook, body.index-page article section ul.share-buttons li.email {
        display: none; }

nav#pagination {
  font-size: 1.125em;
  padding: 1em 0; }
  nav#pagination:after {
    content: "";
    display: table;
    clear: both; }
  nav#pagination li {
    display: inline-block;
    margin-right: 0.25em;
    float: left; }
    nav#pagination li:last-child {
      margin-right: 0;
      float: right; }
    nav#pagination li a {
      color: #fff;
      background: #dedfe1;
      padding: 0.6em 0.8em;
      border-radius: 4px;
      text-transform: uppercase;
      font-size: 0.85em;
      font-weight: bold;
      cursor: default; }
    nav#pagination li.active a {
      color: #2d005a;
      background: #e4e0ea;
      cursor: auto; }
      nav#pagination li.active a:hover {
        background: #2d005a;
        color: #e4e0ea; }

/*
  Sidebar
*/
aside {
  float: right;
  width: 300px; }
  aside.mobile {
    display: none; }
  @media only screen and (max-width: 698px) {
    aside {
      float: none;
      width: 100%; }
      aside.mobile {
        display: block; } }
  aside section {
    margin-bottom: 0.25em;
    padding: 30px 10px;
    border-top: 2px solid black; }
    aside section h3 {
      font-size: 1.25em;
      color: black;
      margin: 0 0 30px 0;
      font-weight: 400; }
    aside section h4 {
      font-size: 1em;
      font-weight: 300; }
    aside section h6 {
      font-size: 0.75em;
      font-weight: normal;
      font-weight: 300; }
  @media only screen and (max-width: 698px) {
    aside section.description {
      margin-bottom: 1em; } }
  aside section.description .badge {
    position: relative; }
    aside section.description .badge a.portrait-icon {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      float: left;
      margin-right: 10px;
      line-height: 0; }
      aside section.description .badge a.portrait-icon img {
        height: 55px;
        width: 55px; }
    aside section.description .badge h4 {
      margin-bottom: 0.2em;
      margin-left: 65px;
      font-weight: normal;
      font-size: 1.25em; }
    aside section.description .badge h6 {
      margin-bottom: 0;
      font-size: 0.9375em;
      margin-left: 65px; }
    aside section.description .badge h4 a, aside section.description .badge h6 a {
      color: black; }
      aside section.description .badge h4 a:hover, aside section.description .badge h6 a:hover {
        color: black; }
  aside section.description p {
    clear: left;
    font-size: 0.9375em;
    line-height: 1.5;
    padding: 0;
    margin-top: 0.5em;
    margin-bottom: 1em; }
  aside section.description .social-links {
    margin-top: 0.3em; }
    aside section.description .social-links:after {
      content: "";
      display: table;
      clear: both; }
    aside section.description .social-links li {
      float: left;
      margin-right: 1.875em; }
      aside section.description .social-links li:last-child {
        margin-right: 0; }
    aside section.description .social-links a {
      color: #cccccc; }
      aside section.description .social-links a:hover {
        color: #0c8087; }
    aside section.description .social-links a span {
      display: none; }
  aside section.description form {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 1em; }
    aside section.description form input[type=search] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      width: 100%;
      padding: .5em .2em;
      font-size: .9em;
      font-style: italic;
      margin: 0;
      height: 40px;
      border-radius: 0px; }
    aside section.description form button[type=submit] {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: 3px;
      outline: none;
      padding: 6px 16px 7px;
      background: #0c8087;
      border: none;
      font-size: 0.875em;
      font-weight: normal;
      text-shadow: none;
      border-radius: 4px; }
  @media only screen and (max-width: 698px) {
    aside.sidebar section.description {
      display: none; } }
  aside section.recent-posts {
    display: none; }
    aside section.recent-posts ul li {
      margin-bottom: 1em;
      line-height: 1.2;
      font-size: 0.9375em; }
      aside section.recent-posts ul li:last-child {
        margin-bottom: 0; }
      aside section.recent-posts ul li a {
        color: black; }
        aside section.recent-posts ul li a:hover {
          color: #0c8087; }
  aside section.popular-feed {
    display: none; }
    aside section.popular-feed .network-post {
      position: relative;
      margin-top: 1.25em; }
      aside section.popular-feed .network-post:after {
        content: "";
        display: table;
        clear: both; }
      aside section.popular-feed .network-post:first-of-type {
        margin-top: 0; }
      aside section.popular-feed .network-post:last-of-type {
        margin-bottom: 0; }
      aside section.popular-feed .network-post h4 {
        font-size: 0.9375em;
        line-height: 1.2;
        margin-bottom: 0;
        font-weight: normal;
        margin-left: 65px; }
        aside section.popular-feed .network-post h4 a {
          color: black; }
          aside section.popular-feed .network-post h4 a:hover {
            color: #0c8087; }
      aside section.popular-feed .network-post h6 {
        margin-bottom: 0.25em;
        font-size: 0.9375em;
        margin-left: 65px; }
        aside section.popular-feed .network-post h6 a {
          color: #116880; }
          aside section.popular-feed .network-post h6 a:hover {
            color: #0c8087; }
      aside section.popular-feed .network-post a.portrait-icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        float: left;
        margin-right: 10px;
        line-height: 0; }
        aside section.popular-feed .network-post a.portrait-icon img {
          height: 55px;
          width: 55px; }
  aside section.yahoo-module {
    margin: 0 auto 2em;
    border-top: 0;
    margin-top: 1em;
    height: 300px;
    width: 300px;
    position: relative;
    background: #f9f9fa; }
    aside section.yahoo-module p {
      display: block;
      position: relative;
      width: 100%;
      font-size: 0.875em;
      text-align: center;
      top: 120px; }
  aside section.disclaimer h6 {
    color: #737680; }
  aside section.disclaimer p {
    color: #737680;
    font-size: 0.75em;
    line-height: 1.4; }

footer.blog-footer {
  clear: both;
  border-top: 1px solid #dfdfe6;
  padding: 1em 0; }
  footer.blog-footer nav.pages {
    text-align: center;
    font-size: 1.25em;
    margin-top: 1em; }
    @media only screen and (max-width: 698px) {
      footer.blog-footer nav.pages {
        font-size: 1em; } }
    footer.blog-footer nav.pages li {
      display: inline-block;
      margin: 0 0.75em; }
      @media only screen and (max-width: 698px) {
        footer.blog-footer nav.pages li {
          margin: 0 0.6em; } }
      footer.blog-footer nav.pages li:first-child {
        margin-left: 0; }
      footer.blog-footer nav.pages li:last-child {
        margin-right: 0; }
      footer.blog-footer nav.pages li a {
        color: #2d005a; }
        footer.blog-footer nav.pages li a:hover {
          color: #0c8087; }

.hidden-container {
  display: none; }

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

html body iframe#tumblr_controls[src*="&avatar"] {
  top: 12px !important;
  right: 12px !important;
  position: fixed !important; }

/* ==========================================================================
   Extras
   ========================================================================== */
/*
    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; }

#cboxWrapper {
  max-width: none; }

#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;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 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: #fff; }

#colorbox {
  outline: 0; }

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

.cboxIframe {
  background: #fff; }

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

#cboxLoadedContent {
  background: #fff;
  padding: 1px;
  color: #000;
  border: 2px solid #ccc;
  padding: 20px 20px 12px; }

#cboxLoadingOverlay {
  background: #000; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
  font-size: 0.8125em;
  margin-bottom: 0.875em;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

#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;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(http://static.tumblr.com/fftf9xi/bdhn8tdyf/controls.png) no-repeat 0 0;
  box-shadow: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 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; }