/*
Theme Name: AI-WP
Theme URI: http://the-american-interest.com/
Description: The American Interest on Wordpress.
Author: Damir Marusic
Author URI: http://newcontrarian.com/
Version: 2.0
Tags: traditional

License:
License URI:
*/
html {
  background-color: #fefefe; }
  @media only screen and (max-width: 767px) {
    html {
      background-color: #FFF; } }

body {
  font-family: "PT Serif", serif;
  color: #111111; }

a, a:visited {
  text-decoration: none;
  color: #111111; }

a:hover {
  color: #CD223B;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#printstyle {
  display: none; }

#container {
  position: relative;
  background-color: #FFF;
  width: 1024px;
  margin: 0px auto;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.55);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.55); }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #container {
      width: 768px; } }
  @media only screen and (max-width: 767px) {
    #container {
      width: 100%; } }

#the-login-form {
  display: block;
  width: 100%;
  text-align: center; }
  #the-login-form .login-label {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 2em; }
  #the-login-form input {
    text-align: center;
    display: block;
    margin: 5px auto;
    padding: 2px 5px;
    font-family: "Lato", sans-serif;
    vertical-align: middle;
    width: 200px;
    border: 1px solid #81878B;
    -webkit-appearance: none;
    border-radius: 0; }

#header-ad {
  width: 728px;
  height: 90px;
  margin: 5px auto; }
  @media only screen and (max-width: 767px) {
    #header-ad {
      display: none; } }

#header {
  position: relative;
  border-top: 1px solid #81878B;
  display: block;
  float: left;
  background-color: #FFF;
  width: 984px;
  margin: 15px 20px 0px 20px;
  padding: 20px 0px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #header {
      width: 728px; } }
  @media only screen and (max-width: 767px) {
    #header {
      float: none;
      width: 280px;
      height: 90px;
      margin: 0px auto;
      border-top: none; } }
  #header #logo {
    float: left;
    width: 280px;
    height: 83px;
    background-image: url("./images/sprite.png");
    background-position: 0px 0px; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      #header #logo {
        background-image: url("./images/sprite@2x.png");
        background-size: 654px 205px; } }
  #header #top-menu {
    padding-top: 5px;
    position: absolute;
    display: inline-block;
    top: 15px;
    right: 0px; }
    @media only screen and (max-width: 767px) {
      #header #top-menu {
        display: none; } }
    #header #top-menu #login {
      float: right;
      background-position: -304px 0px;
      margin-left: 10px; }
      #header #top-menu #login span {
        background-position: -304px -24px; }
    #header #top-menu #login.logged-in {
      background-position: -328px 0px; }
      #header #top-menu #login.logged-in span {
        background-position: -328px -24px; }
    #header #top-menu #search {
      float: right;
      display: inline-block; }
      #header #top-menu #search .search-form {
        margin: 0px;
        padding: 0px; }
      #header #top-menu #search .search-field {
        padding: 2px 5px;
        font-family: "Lato", sans-serif;
        vertical-align: middle;
        width: 200px;
        border: 1px solid #81878B;
        -webkit-appearance: none;
        border-radius: 0; }
      #header #top-menu #search .search-submit {
        vertical-align: middle;
        margin-left: 8px;
        border: 0;
        background-position: -280px 0px; }
        #header #top-menu #search .search-submit span {
          background-position: -280px -24px; }
    #header #top-menu #userinfo {
      font-family: "Lato", sans-serif;
      font-size: 0.8em;
      clear: both;
      float: right; }
  #header #bottom-menu {
    float: right;
    margin-top: 66px; }
    @media only screen and (max-width: 767px) {
      #header #bottom-menu {
        display: none; } }
    #header #bottom-menu .bottom-menu-item {
      font-family: "Lato", sans-serif;
      margin-left: 25px;
      font-weight: 700;
      text-transform: uppercase;
      cursor: pointer; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #header #bottom-menu .bottom-menu-item {
          font-size: 12px;
          margin-left: 15px; } }

.small-icon {
  cursor: pointer;
  background-image: url("./images/sprite.png");
  position: relative;
  height: 24px;
  width: 24px;
  display: inline-block; }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .small-icon {
      background-image: url("./images/sprite@2x.png");
      background-size: 654px 205px; } }
  .small-icon span {
    background-image: url("./images/sprite.png");
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .small-icon span {
        background-image: url("./images/sprite@2x.png");
        background-size: 654px 205px; } }

.medium-icon {
  cursor: pointer;
  display: inline-block;
  width: 42px;
  height: 42px;
  background-image: url("./images/sprite.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .medium-icon {
      background-image: url("./images/sprite@2x.png");
      background-size: 654px 205px; } }

.medium-icon-text {
  cursor: pointer;
  display: inline-block;
  width: 50px;
  height: 60px;
  background-image: url("./images/sprite.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .medium-icon-text {
      background-image: url("./images/sprite@2x.png");
      background-size: 654px 205px; } }

.face-icon {
  cursor: pointer;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("./images/sprite.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .face-icon {
      background-image: url("./images/sprite@2x.png");
      background-size: 654px 205px; } }

.advertisement-text {
  color: #9b9b9b;
  font-style: italic; }

#bottom-menu-secondary {
  opacity: 0;
  position: absolute;
  top: 227px;
  right: 20px;
  z-index: 0; }
  @media only screen and (max-width: 767px) {
    #bottom-menu-secondary {
      display: none; } }
  #bottom-menu-secondary .bottom-menu-secondary-item {
    font-family: "Lato", sans-serif;
    margin-left: 25px;
    font-weight: 400;
    text-transform: uppercase; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #bottom-menu-secondary .bottom-menu-secondary-item {
        font-size: 12px;
        margin-left: 15px; } }
    @media only screen and (max-width: 767px) {
      #bottom-menu-secondary .bottom-menu-secondary-item {
        display: none; } }

#phone-menu {
  display: none; }
  @media only screen and (max-width: 767px) {
    #phone-menu {
      width: 100%;
      margin: 0px auto;
      display: block;
      border-top: 1px solid #9b9b9b; } }
  #phone-menu #phone-menu-items {
    width: 100%;
    text-align: center;
    font-family: "Lato", sans-serif;
    padding: 10px 0px; }
    #phone-menu #phone-menu-items .phone-menu-item {
      display: inline-block;
      cursor: pointer; }
    #phone-menu #phone-menu-items #feed-features-icon {
      background-image: url("./images/sprite.png");
      width: 44px;
      height: 40px;
      background-position: -121px -90px;
      margin-right: 40px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
        #phone-menu #phone-menu-items #feed-features-icon {
          background-image: url("./images/sprite@2x.png");
          background-size: 654px 205px; } }
    #phone-menu #phone-menu-items #phone-features-icon {
      background-image: url("./images/sprite.png");
      width: 52px;
      height: 40px;
      background-position: 0px -90px;
      margin-right: 40px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
        #phone-menu #phone-menu-items #phone-features-icon {
          background-image: url("./images/sprite@2x.png");
          background-size: 654px 205px; } }
    #phone-menu #phone-menu-items #podcast-features-icon {
      background-image: url("./images/sprite.png");
      width: 20px;
      height: 40px;
      background-position: -82px -90px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
        #phone-menu #phone-menu-items #podcast-features-icon {
          background-image: url("./images/sprite@2x.png");
          background-size: 654px 205px; } }
    #phone-menu #phone-menu-items #reviews-features-icon {
      background-image: url("./images/sprite.png");
      width: 30px;
      height: 40px;
      background-position: -52px -90px;
      margin-right: 40px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
        #phone-menu #phone-menu-items #reviews-features-icon {
          background-image: url("./images/sprite@2x.png");
          background-size: 654px 205px; } }

#mobile-search-menu {
  padding-top: 5px;
  padding-bottom: 5px;
  display: none; }
  @media only screen and (max-width: 767px) {
    #mobile-search-menu {
      display: block;
      border-top: 1px solid #9b9b9b; } }
  #mobile-search-menu #search {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: inline-block; }
    #mobile-search-menu #search .search-form {
      margin: 0px;
      padding: 0px; }
    #mobile-search-menu #search .search-field {
      padding: 2px 5px;
      font-family: "Lato", sans-serif;
      vertical-align: middle;
      width: 200px;
      border: 1px solid #81878B;
      -webkit-appearance: none;
      border-radius: 0; }
    #mobile-search-menu #search .search-submit {
      vertical-align: middle;
      margin-left: 8px;
      border: 0;
      background-position: -280px 0px; }
      #mobile-search-menu #search .search-submit span {
        background-position: -280px -24px; }

#content {
  float: left;
  border-top: 1px solid #81878B;
  padding: 20px 0px;
  background-color: #FFF;
  width: 984px;
  margin: 0px 20px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #content {
      width: 728px; } }
  @media only screen and (max-width: 767px) {
    #content {
      width: 100%;
      margin: 0px auto;
      float: none; } }

#colophon {
  text-align: center;
  float: left;
  border-top: 1px solid #81878B;
  padding: 20px 0px;
  background-color: #FFF;
  width: 984px;
  margin: 0px 20px;
  font-family: "Lato", sans-serif;
  font-size: .9em; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #colophon {
      width: 728px;
      font-size: .8em; } }
  @media only screen and (max-width: 767px) {
    #colophon {
      display: none; } }
  #colophon .foot-elem {
    display: inline-block;
    margin: 0px 20px; }

.section-header {
  float: left;
  margin-bottom: 20px; }
  .section-header .section-icon {
    float: left;
    background-image: url("./images/sprite.png"); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .section-header .section-icon {
        background-image: url("./images/sprite@2x.png");
        background-size: 654px 205px; } }
  .section-header .section-text {
    margin-top: -3px;
    float: left;
    margin-left: 6px; }
    .section-header .section-text .section-title {
      font-family: "Lato", sans-serif;
      font-size: 1.2em;
      line-height: 1.2em;
      font-weight: 700;
      color: #CD223B;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .section-header .section-text .section-title {
          font-size: 1.6em; } }
    .section-header .section-text .section-subtitle {
      font-family: "Lato", sans-serif;
      font-size: .75em;
      line-height: 1em;
      color: #9b9b9b;
      font-style: italic;
      font-weight: 300; }

#feed {
  float: left;
  width: 300px;
  padding-right: 20px;
  border-right: 1px solid #81878B; }
  @media only screen and (max-width: 767px) {
    #feed {
      float: none;
      width: 100%;
      display: block;
      border-right: none; } }
  @media only screen and (max-width: 767px) {
    #feed #feed-section {
      width: 90%;
      margin: 0px auto;
      display: block;
      float: none;
      padding-bottom: 30px; } }
  #feed #feed-icon {
    width: 31px;
    height: 28px;
    background-position: -282px -52px; }
    @media only screen and (max-width: 767px) {
      #feed #feed-icon {
        width: 44px;
        height: 40px;
        background-position: -121px -90px; } }
  #feed .ad-slot-g {
    float: left;
    text-align: center;
    margin: 0px 0px 45px 0px; }
    @media only screen and (max-width: 767px) {
      #feed .ad-slot-g {
        width: 300px;
        float: none;
        margin: 0px auto; } }
  #feed .ad-slot-house {
    float: left;
    margin: 0px 0px 40px 0px; }
    @media only screen and (max-width: 767px) {
      #feed .ad-slot-house {
        width: 300px;
        float: none;
        margin: 0px auto; } }
    #feed .ad-slot-house img {
      background-position: center;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      width: 300px; }
      @media only screen and (max-width: 767px) {
        #feed .ad-slot-house img {
          width: 300px; } }
  #feed .hp-post {
    float: left;
    margin: 0px 0px 30px 0px; }
    @media only screen and (max-width: 767px) {
      #feed .hp-post {
        width: 90%;
        margin: 30px auto;
        display: block;
        float: none;
        clear: both; } }
  #feed .featured-image {
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 300px;
    height: 200px;
    margin-bottom: 10px;
    cursor: pointer; }
  #feed .hp-supertitle {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: .8em;
    color: #CD223B;
    text-transform: uppercase;
    margin-bottom: 3px; }
  #feed .hp-title {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.1;
    margin-bottom: 8px; }
  #feed .hp-title-nospaced {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.1;
    margin-bottom: 3px; }
  #feed .hp-byline {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: .8em;
    text-transform: uppercase;
    margin-bottom: 8px; }
  #feed .hp-slug {
    font-size: 1em;
    line-height: 1.25; }
    #feed .hp-slug p {
      margin: 0px; }
  #feed .hp-postmeta {
    display: block;
    margin-top: 1em;
    font-size: .8em;
    line-height: 1em;
    font-family: "Lato", sans-serif;
    font-style: italic;
    color: #9b9b9b;
    font-weight: 300; }
  #feed .feed-ad {
    margin: 0px 0px 40px 0px; }
  #feed .forward-back {
    display: block;
    float: right;
    font-family: "Lato", sans-serif;
    font-size: .75em;
    clear: both; }
    @media only screen and (max-width: 767px) {
      #feed .forward-back {
        margin-right: 20px; } }

.byline-initials {
  position: relative; }
  .byline-initials .name-mouseover {
    position: absolute;
    color: #111111;
    bottom: 23px;
    font-style: normal;
    text-align: center;
    padding: 3px 5px;
    background-color: #F8E71C;
    -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75); }

#right-contain {
  float: left;
  margin-left: 20px;
  width: 642px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #right-contain {
      width: 387px; } }
  @media only screen and (max-width: 767px) {
    #right-contain {
      float: none;
      margin: 40px auto;
      width: 100%;
      height: 10px;
      display: block; } }

#top-right {
  width: 642px;
  margin-left: 20px;
  margin-bottom: 30px;
  float: left;
  clear: none;
  background-color: #FFF; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #top-right {
      width: 387px; } }
  @media only screen and (max-width: 767px) {
    #top-right {
      display: none;
      margin-left: 0px;
      width: 100%;
      margin-top: 10px;
      border-top: 1px solid #9b9b9b; } }

#main-feature-contain {
  float: left; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #main-feature-contain {
      position: relative; } }
  @media only screen and (max-width: 767px) {
    #main-feature-contain {
      float: none;
      width: 90%;
      margin: 0px auto;
      position: relative; } }
  #main-feature-contain #main-feature-image {
    float: left;
    cursor: pointer;
    width: 312px;
    height: 312px;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-feature-contain #main-feature-image {
        width: 387px; } }
    @media only screen and (max-width: 767px) {
      #main-feature-contain #main-feature-image {
        width: 100%;
        margin: 20px auto;
        float: none;
        display: block; } }
  #main-feature-contain #main-feature-text {
    float: left;
    width: 310px;
    margin-left: 20px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-feature-contain #main-feature-text {
        width: 387px;
        margin-left: 0px; } }
    @media only screen and (max-width: 767px) {
      #main-feature-contain #main-feature-text {
        float: none;
        width: 100%;
        display: block;
        border-right: none;
        margin-left: 0px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-feature-contain #main-feature-text .section-header {
        margin: 0px; } }
    #main-feature-contain #main-feature-text #features-icon {
      width: 27px;
      height: 20px;
      background-position: -315px -52px; }
      @media only screen and (max-width: 767px) {
        #main-feature-contain #main-feature-text #features-icon {
          width: 52px;
          height: 40px;
          background-position: 0px -90px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-feature-contain #main-feature-text #features-section {
        position: absolute;
        top: 0;
        left: 0;
        background-color: white;
        padding: 10px; } }
    @media only screen and (max-width: 767px) {
      #main-feature-contain #main-feature-text #features-section {
        position: absolute;
        top: 0;
        left: 0;
        background-color: white;
        padding: 10px; } }
    #main-feature-contain #main-feature-text #main-supertitle {
      clear: both;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      color: #CD223B;
      font-weight: 700; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #main-feature-contain #main-feature-text #main-supertitle {
          margin-top: 10px; } }
    #main-feature-contain #main-feature-text #main-title {
      clear: both;
      font-family: "Lato", sans-serif;
      font-size: 2.2em;
      line-height: 1.1;
      font-weight: 700; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #main-feature-contain #main-feature-text #main-title {
          line-height: 1; } }
    #main-feature-contain #main-feature-text #main-byline {
      margin-top: 10px;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      font-weight: 700; }
    #main-feature-contain #main-feature-text #main-blurb {
      margin-top: 10px;
      font-family: "PT Serif", serif;
      font-size: 1em;
      line-height: 1.25; }

#sub-features-container, #sub-features-container-2 {
  float: left; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #sub-features-container, #sub-features-container-2 {
      margin-top: 10px; } }
  @media only screen and (max-width: 767px) {
    #sub-features-container, #sub-features-container-2 {
      float: none;
      width: 90%;
      display: block;
      border-right: none;
      margin: 0px auto; } }
  #sub-features-container #subfeature-2, #sub-features-container #subfeature-5, #sub-features-container-2 #subfeature-2, #sub-features-container-2 #subfeature-5 {
    margin-left: 20px;
    margin-right: 20px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #sub-features-container #subfeature-2, #sub-features-container #subfeature-5, #sub-features-container-2 #subfeature-2, #sub-features-container-2 #subfeature-5 {
        margin: 30px 0px 0px 0px; } }
    @media only screen and (max-width: 767px) {
      #sub-features-container #subfeature-2, #sub-features-container #subfeature-5, #sub-features-container-2 #subfeature-2, #sub-features-container-2 #subfeature-5 {
        float: none;
        width: 100%;
        display: block;
        border-right: none;
        margin: 30px auto; } }
  #sub-features-container .sub-feature, #sub-features-container-2 .sub-feature {
    float: left;
    width: 200px;
    margin-top: 30px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #sub-features-container .sub-feature, #sub-features-container-2 .sub-feature {
        width: 387px; } }
    @media only screen and (max-width: 767px) {
      #sub-features-container .sub-feature, #sub-features-container-2 .sub-feature {
        float: none;
        width: 100%;
        display: block;
        border-right: none;
        margin: 30px auto; } }
    #sub-features-container .sub-feature .feature-image, #sub-features-container-2 .sub-feature .feature-image {
      position: relative;
      background-position: center;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      width: 200px;
      height: 200px;
      cursor: pointer; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #sub-features-container .sub-feature .feature-image, #sub-features-container-2 .sub-feature .feature-image {
          float: left;
          width: 150px;
          height: 150px;
          clear: none; } }
      @media only screen and (max-width: 767px) {
        #sub-features-container .sub-feature .feature-image, #sub-features-container-2 .sub-feature .feature-image {
          width: 100%; } }
    #sub-features-container .sub-feature .sub-shout, #sub-features-container-2 .sub-feature .sub-shout {
      color: #CD223B;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      font-size: .8em;
      font-weight: 700;
      line-height: 1.1;
      display: block;
      margin: 10px 0px 5px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #sub-features-container .sub-feature .sub-shout, #sub-features-container-2 .sub-feature .sub-shout {
          width: 160px;
          margin: 0px 0px 5px 20px;
          float: left; } }
    #sub-features-container .sub-feature .sub-title, #sub-features-container-2 .sub-feature .sub-title {
      font-family: "Lato", sans-serif;
      font-size: 1.2em;
      line-height: 1.25;
      font-weight: 700; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #sub-features-container .sub-feature .sub-title, #sub-features-container-2 .sub-feature .sub-title {
          font-size: 1.4em;
          line-height: 1.1em;
          display: block;
          margin: 0px 0px 0px 20px;
          float: left;
          width: 210px;
          clear: none; } }
    #sub-features-container .sub-feature .sub-byline, #sub-features-container-2 .sub-feature .sub-byline {
      margin-top: 4px;
      font-size: .8em;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      font-weight: 700; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #sub-features-container .sub-feature .sub-byline, #sub-features-container-2 .sub-feature .sub-byline {
          display: block;
          margin-left: 20px;
          float: left;
          width: 210px;
          clear: none; } }

#back-issues-container {
  float: left;
  width: 603px;
  margin: 0px 0px 0px 20px;
  padding: 30px 20px;
  border-top: 1px solid #9b9b9b; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #back-issues-container {
      width: 387px;
      padding: 30px 0px; } }
  @media only screen and (max-width: 767px) {
    #back-issues-container {
      display: none; } }
  #back-issues-container #back-issue-2 {
    margin: 0px 20px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #back-issues-container #back-issue-2 {
        margin: 0px 19px; } }
  #back-issues-container #back-issue-3 {
    margin-right: 20px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #back-issues-container #back-issue-3 {
        margin: 0px; } }
  #back-issues-container .back-issue {
    float: left;
    width: 130px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #back-issues-container .back-issue {
        width: 115px; } }
    #back-issues-container .back-issue .cover-image {
      background-position: center;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      height: 200px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #back-issues-container .back-issue .cover-image {
          height: 180px;
          width: 120px; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        #back-issues-container .back-issue .cover-image {
          width: 130px;
          height: 200px; } }
    #back-issues-container .back-issue .back-issue-title {
      display: block;
      width: 100%;
      text-align: center;
      font-family: "Lato", sans-serif;
      color: #9b9b9b;
      font-style: italic;
      font-size: .7em; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #back-issues-container .back-issue .back-issue-title {
          font-size: .7em; } }
  #back-issues-container #back-issue-control {
    float: left;
    width: 150px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #back-issues-container #back-issue-control {
        margin-top: 20px;
        width: 387px; } }
    #back-issues-container #back-issue-control #back-issues-all {
      cursor: pointer;
      margin-bottom: 5px;
      text-align: center;
      height: 23px;
      width: 150px;
      background-color: #CD223B;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      color: #fff;
      font-size: .75em;
      font-weight: 700;
      padding-top: 7px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #back-issues-container #back-issue-control #back-issues-all {
          width: 387px; } }
    #back-issues-container #back-issue-control .button-contain {
      margin-top: 10px;
      float: left;
      text-align: center;
      width: 150px; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #back-issues-container #back-issue-control .button-contain {
          margin-left: 27px; } }
      #back-issues-container #back-issue-control .button-contain .button-title {
        font-family: "Lato", sans-serif;
        font-style: italic;
        color: #CD223B;
        font-size: .85em;
        text-transform: uppercase;
        font-weight: 700; }
      #back-issues-container #back-issue-control .button-contain #print-icon {
        float: left;
        background-position: -280px -85px; }
      #back-issues-container #back-issue-control .button-contain #print-icon:hover {
        background-position: -280px -145px; }
      #back-issues-container #back-issue-control .button-contain #online-icon {
        float: left;
        background-position: -330px -85px; }
      #back-issues-container #back-issue-control .button-contain #online-icon:hover {
        background-position: -330px -145px; }
      #back-issues-container #back-issue-control .button-contain #kindle-icon {
        float: left;
        background-position: -380px -85px; }
      #back-issues-container #back-issue-control .button-contain #kindle-icon:hover {
        background-position: -380px -145px; }
      #back-issues-container #back-issue-control .button-contain #rss-icon {
        margin: 4px;
        float: left;
        background-position: -352px 0px; }
      #back-issues-container #back-issue-control .button-contain #rss-icon:hover {
        background-position: 0px -145px; }
      #back-issues-container #back-issue-control .button-contain #twitter-icon {
        margin: 4px;
        float: left;
        background-position: -394px 0px; }
      #back-issues-container #back-issue-control .button-contain #twitter-icon:hover {
        background-position: -42px -145px; }
      #back-issues-container #back-issue-control .button-contain #fb-icon {
        margin: 4px;
        float: left;
        background-position: -436px 0px; }
      #back-issues-container #back-issue-control .button-contain #fb-icon:hover {
        background-position: -84px -145px; }

#ec-container {
  float: left;
  width: 642px;
  border-top: 1px solid #9b9b9b;
  margin: 0px 0px 30px 20px;
  padding-top: 30px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #ec-container {
      width: 387px; } }
  @media only screen and (max-width: 767px) {
    #ec-container {
      width: 100%;
      display: none;
      border-right: none;
      margin: 0px auto;
      margin-bottom: 20px; } }
  #ec-container #ec {
    width: 320px;
    float: left; }
    @media only screen and (max-width: 767px) {
      #ec-container #ec {
        width: 90%;
        margin: 0px auto;
        float: none;
        position: relative; } }
    @media only screen and (max-width: 767px) {
      #ec-container #ec #ec-section {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFF;
        padding: 10px; } }
    #ec-container #ec #cohen-icon {
      width: 24px;
      height: 28px;
      background-position: -437px -52px; }
    #ec-container #ec .ec-image {
      float: left;
      cursor: pointer;
      width: 320px;
      height: 208px;
      background-position: center;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #ec-container #ec .ec-image {
          width: 387px;
          height: 258px; } }
      @media only screen and (max-width: 767px) {
        #ec-container #ec .ec-image {
          width: 100%;
          margin: 0px auto;
          float: none;
          display: block; } }
    #ec-container #ec #ec-title {
      margin-top: 8px;
      float: left;
      font-family: "Lato", sans-serif;
      font-size: 1.1em;
      line-height: 1.25;
      font-weight: 700; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #ec-container #ec #ec-title {
          font-size: 1.4em;
          line-height: 1.2em;
          margin-top: 12px; } }
  #ec-container #morning-ad {
    padding: 30px 0px;
    text-align: center;
    width: 300px;
    height: 250px;
    float: left;
    margin-left: 20px;
    background-color: #FFF; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #ec-container #morning-ad {
        margin: 20px 40px 0px 40px; } }
    @media only screen and (max-width: 767px) {
      #ec-container #morning-ad {
        display: none; } }

#podcast-container {
  float: left;
  width: 642px;
  border-top: 1px solid #9b9b9b;
  margin: 0px 0px 30px 20px;
  padding-top: 30px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #podcast-container {
      width: 387px; } }
  @media only screen and (max-width: 767px) {
    #podcast-container {
      width: 100%;
      display: none;
      border-right: none;
      margin: 0px auto;
      margin-bottom: 20px; } }
  #podcast-container #podcast {
    width: 320px;
    float: left; }
    @media only screen and (max-width: 767px) {
      #podcast-container #podcast {
        width: 90%;
        margin: 0px auto;
        float: none;
        position: relative; } }
    @media only screen and (max-width: 767px) {
      #podcast-container #podcast #podcast-section {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFF;
        padding: 10px; } }
    #podcast-container #podcast #podcast-icon {
      width: 18px;
      height: 28px;
      background-position: -347px -52px; }
    #podcast-container #podcast .podcast-image {
      float: left;
      cursor: pointer;
      width: 320px;
      height: 208px;
      background-position: center;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #podcast-container #podcast .podcast-image {
          width: 387px;
          height: 258px; } }
      @media only screen and (max-width: 767px) {
        #podcast-container #podcast .podcast-image {
          width: 100%;
          margin: 0px auto;
          float: none;
          display: block; } }
    #podcast-container #podcast #podcast-title {
      margin-top: 8px;
      float: left;
      font-family: "Lato", sans-serif;
      font-size: 1.1em;
      line-height: 1.25;
      font-weight: 700; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #podcast-container #podcast #podcast-title {
          font-size: 1.4em;
          line-height: 1.2em;
          margin-top: 12px; } }
  #podcast-container #podcast-ad {
    text-align: center;
    width: 300px;
    float: left;
    margin-left: 20px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #podcast-container #podcast-ad {
        margin: 20px 40px 0px 40px; } }
    @media only screen and (max-width: 767px) {
      #podcast-container #podcast-ad {
        display: none; } }

#list-container {
  float: left;
  width: 642px;
  border-top: 1px solid #9b9b9b;
  padding-top: 30px;
  margin-left: 20px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #list-container {
      clear: both;
      width: 728px;
      margin-top: 30px;
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    #list-container {
      display: none; } }
  #list-container #columnists-container {
    width: 301px;
    float: left;
    padding-right: 20px;
    border-right: 1px solid #9b9b9b; }
    #list-container #columnists-container #columnists-icon {
      width: 30px;
      height: 20px;
      background-position: -365px -52px; }
    #list-container #columnists-container .columnist-container {
      margin-bottom: 15px;
      width: 301px;
      float: left; }
      #list-container #columnists-container .columnist-container #wrmead-face {
        float: left;
        background-position: -436px -85px; }
      #list-container #columnists-container .columnist-container #berger-face {
        float: left;
        background-position: -488px -85px; }
      #list-container #columnists-container .columnist-container #garfinkle-face {
        float: left;
        background-position: -436px -137px; }
      #list-container #columnists-container .columnist-container #shevtsova-face {
        float: left;
        background-position: -540px -85px; }
      #list-container #columnists-container .columnist-container #michta-face {
        float: left;
        background-position: -488px -137px; }
      #list-container #columnists-container .columnist-container #grygiel-face {
        float: left;
        background-position: -592px -85px; }
      #list-container #columnists-container .columnist-container #cohen-face {
        float: left;
        background-position: -540px -137px; }
      #list-container #columnists-container .columnist-container #blankenhorn-face {
        float: left;
        background-position: -592px -137px; }
      #list-container #columnists-container .columnist-container .columnist-text-container {
        float: right; }
        #list-container #columnists-container .columnist-container .columnist-text-container .columnist-name {
          font-size: .8em;
          font-family: "Lato", sans-serif;
          text-transform: uppercase;
          font-weight: 700;
          color: #CD223B; }
          #list-container #columnists-container .columnist-container .columnist-text-container .columnist-name a, #list-container #columnists-container .columnist-container .columnist-text-container .columnist-name a:hover {
            color: #CD223B; }
        #list-container #columnists-container .columnist-container .columnist-text-container .columnist-title {
          float: left;
          width: 240px;
          font-family: "Lato", sans-serif;
          font-size: .9em;
          line-height: 1.2em;
          font-weight: 700; }
  #list-container #trending-container {
    width: 300px;
    float: left;
    padding-left: 20px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #list-container #trending-container {
        width: 350px; } }
    #list-container #trending-container #trending-icon {
      width: 22px;
      height: 20px;
      background-position: -398px -52px; }
    #list-container #trending-container ol, #list-container #trending-container ul {
      float: left;
      margin: 0px;
      padding: 0px;
      list-style-type: none; }
      #list-container #trending-container ol li, #list-container #trending-container ul li {
        font-family: "Lato", sans-serif;
        font-size: 1em;
        font-weight: 700;
        margin: 0px;
        display: block;
        margin-bottom: 20px; }

#reviews-container {
  border-top: 1px solid #9b9b9b;
  float: left;
  width: 642px;
  margin: 20px 0px 0px 20px;
  padding-top: 30px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #reviews-container {
      clear: both;
      width: 728px;
      margin-top: 30px;
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    #reviews-container {
      display: none;
      margin-left: 0px;
      width: 100%;
      margin-top: 10px;
      border-top: 1px solid #9b9b9b; } }
  #reviews-container #reviews-header {
    width: 642px; }
    @media only screen and (max-width: 767px) {
      #reviews-container #reviews-header {
        width: 90%;
        margin: 0px auto;
        display: block;
        float: none; } }
  #reviews-container #reviews-icon {
    height: 20px;
    width: 19px;
    background-position: -422px -52px; }
  #reviews-container #review-2 {
    margin: 0px 20px; }
  #reviews-container .review {
    float: left;
    width: 200px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #reviews-container .review {
        width: 227px; } }
    @media only screen and (max-width: 767px) {
      #reviews-container .review {
        float: none;
        width: 90%;
        display: block;
        border-right: none;
        margin: 30px auto; } }
    #reviews-container .review .feature-image {
      background-position: center;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      width: 200px;
      height: 200px;
      cursor: pointer; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #reviews-container .review .feature-image {
          width: 227px;
          height: 160px; } }
      @media only screen and (max-width: 767px) {
        #reviews-container .review .feature-image {
          width: 100%; } }
    #reviews-container .review .sub-title {
      margin-top: 8px;
      font-family: "Lato", sans-serif;
      font-size: 1.1em;
      line-height: 1.25;
      font-weight: 700; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #reviews-container .review .sub-title {
          font-size: 1.4em;
          line-height: 1.2em; } }
    #reviews-container .review .sub-byline {
      margin-top: 3px;
      font-size: .8em;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      font-weight: 700; }

#archive-contain {
  float: left;
  width: 100%; }

.section-icon-big {
  float: left;
  background-image: url("./images/sprite.png"); }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .section-icon-big {
      background-image: url("./images/sprite@2x.png");
      background-size: 654px 205px; } }

#features-icon-big {
  width: 52px;
  height: 40px;
  background-position: 0px -90px; }
  @media only screen and (max-width: 767px) {
    #features-icon-big {
      margin-left: 20px; } }

#reviews-icon-big {
  width: 30px;
  height: 40px;
  background-position: -52px -90px; }
  @media only screen and (max-width: 767px) {
    #reviews-icon-big {
      margin-left: 20px; } }

#podcast-icon-big {
  width: 39px;
  height: 40px;
  background-position: -82px -90px; }
  @media only screen and (max-width: 767px) {
    #podcast-icon-big {
      margin-left: 20px; } }

.archive-pagename {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  width: 100%;
  font-weight: 700;
  color: #CD223B;
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 20px; }

.archive-authorname {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  width: 100%;
  font-weight: 700;
  color: #CD223B;
  font-size: 2em;
  line-height: 1.2em; }

.archive-pagenick {
  display: inline-block;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: 20px; }

.archive-bio {
  margin-bottom: 20px;
  font-family: "PT Serif", serif;
  color: #9b9b9b;
  font-size: 1.2em; }

#features-pagename {
  margin-left: 72px; }
  @media only screen and (max-width: 767px) {
    #features-pagename {
      margin-left: 92px; } }

#reviews-pagename {
  margin-left: 50px; }
  @media only screen and (max-width: 767px) {
    #reviews-pagename {
      margin-left: 70px; } }

#archive-offset {
  margin: 5px 0px 0px 15px;
  padding-right: 35px;
  width: 600px;
  border-right: 1px solid #9b9b9b;
  float: left; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #archive-offset {
      margin: 5px 0px 0px 0px;
      padding-right: 20px;
      width: 400px; } }
  @media only screen and (max-width: 767px) {
    #archive-offset {
      border-right: none;
      width: 100%;
      float: none;
      padding: 0px;
      margin: 0px; } }
  #archive-offset .forward-back {
    display: block;
    float: right;
    font-family: "Lato", sans-serif;
    font-size: .9em;
    clear: both;
    font-weight: 700; }
    #archive-offset .forward-back .page-numbers {
      margin: 0px 2px; }
    #archive-offset .forward-back .current {
      color: #CD223B; }
  #archive-offset .archive-teaser {
    margin: 0px 0px 80px 0px; }
    @media only screen and (max-width: 767px) {
      #archive-offset .archive-teaser {
        width: 100%;
        margin: 0px; } }
  #archive-offset .archive-header-image {
    position: relative;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 400px;
    margin: 0px auto 10px auto;
    width: 600px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #archive-offset .archive-header-image {
        width: 400px; } }
    @media only screen and (max-width: 767px) {
      #archive-offset .archive-header-image {
        width: 90%;
        min-height: 200px;
        margin: 0px auto; } }
    #archive-offset .archive-header-image .archive-header-image-supertitle {
      position: absolute;
      background-color: #CD223B;
      color: #FFF;
      font-family: "Lato", sans-serif;
      padding: 3px 5px;
      text-transform: uppercase;
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        #archive-offset .archive-header-image .archive-header-image-supertitle {
          font-size: 0.8em; } }
    #archive-offset .archive-header-image .archive-header-image-caption {
      position: absolute;
      right: 10px;
      bottom: 5px;
      font-family: "Lato", sans-serif;
      color: #FFF;
      opacity: 75%;
      font-size: .75em;
      text-shadow: 0px 0px 4px #111111; }
  #archive-offset .archive-supertitle {
    color: #CD223B;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-weight: 700; }
  #archive-offset .archive-title {
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 2em;
    line-height: 1em; }
    @media only screen and (max-width: 767px) {
      #archive-offset .archive-title {
        font-size: 1.8em;
        width: 90%;
        margin: 10px auto 0px; } }
  #archive-offset .archive-byline {
    font-family: "Lato", sans-serif;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      #archive-offset .archive-byline {
        display: block;
        width: 90%;
        margin: 4px auto; } }
    #archive-offset .archive-byline a, #archive-offset .archive-byline a:visited, #archive-offset .archive-byline a:hover {
      text-decoration: none;
      color: #111111; }
  #archive-offset .archive-excerpt {
    font-size: 1.2em;
    line-height: 1.44; }
    @media only screen and (max-width: 767px) {
      #archive-offset .archive-excerpt {
        font-size: 1em;
        line-height: 1.25;
        margin: 0px auto;
        width: 90%;
        display: block; } }
    #archive-offset .archive-excerpt p {
      margin: 8px 0px; }
  #archive-offset .archive-postmeta {
    color: #9b9b9b;
    font-family: "Lato", sans-serif;
    font-style: italic; }
    @media only screen and (max-width: 767px) {
      #archive-offset .archive-postmeta {
        margin: 0px auto 30px;
        width: 90%;
        display: block; } }

#archive-sidebar {
  overflow: none;
  float: left;
  margin: 15px 15px 0px 15px;
  width: 283px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #archive-sidebar {
      margin: 15px 0px 0px 0px; } }
  @media only screen and (max-width: 767px) {
    #archive-sidebar {
      display: none; } }
  #archive-sidebar .section-header {
    margin-left: 20px; }
  #archive-sidebar #feed-icon {
    width: 31px;
    height: 28px;
    background-position: -282px -52px; }
  #archive-sidebar .teaser {
    float: left;
    margin: 0px 0px 30px 20px; }
    #archive-sidebar .teaser .teaser-supertitle {
      font-family: "Lato", sans-serif;
      font-weight: 700;
      font-size: .8em;
      color: #CD223B;
      text-transform: uppercase;
      margin-bottom: 3px; }
    #archive-sidebar .teaser .title-teaser {
      font-family: "Lato", sans-serif;
      font-weight: 700;
      font-size: 1.5em;
      line-height: 1.1;
      margin-bottom: 8px; }
    #archive-sidebar .teaser .excerpt-teaser {
      font-size: 1em;
      line-height: 1.25; }
      #archive-sidebar .teaser .excerpt-teaser p {
        margin: 0px; }
  #archive-sidebar .hp-postmeta {
    display: block;
    margin-top: 1em;
    font-size: .8em;
    line-height: 1em;
    font-family: "Lato", sans-serif;
    font-style: italic;
    color: #9b9b9b;
    font-weight: 300; }
  #archive-sidebar .sidebar-ad {
    text-align: center;
    float: left;
    margin: 0px 10px;
    padding-bottom: 10px;
    width: 300px;
    height: 200px; }

#article-counter {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  margin: 0px auto;
  display: block;
  background-color: #F8E71C; }
  #article-counter .ticktick {
    padding: 0px 10px;
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 2em;
    font-weight: 700; }
    @media only screen and (max-width: 767px) {
      #article-counter .ticktick {
        font-size: 1.2em; } }
  #article-counter .subtick {
    padding: 0px 10px;
    display: block;
    font-size: 1.4em; }
    @media only screen and (max-width: 767px) {
      #article-counter .subtick {
        font-size: 1em; } }
  #article-counter .subsubtick {
    font-family: "Lato", sans-serif;
    font-style: italic;
    padding: 0px 10px; }

#header-image {
  position: relative;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  min-height: 533px;
  margin: 0px auto;
  width: 800px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #header-image {
      width: 728px;
      margin: 0px; } }
  @media only screen and (max-width: 767px) {
    #header-image {
      width: 336px;
      height: 280px;
      min-height: 280px; } }
  #header-image #header-image-caption {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-family: "Lato", sans-serif;
    color: #FFF;
    opacity: 75%;
    font-size: .75em;
    text-shadow: 0px 0px 4px #111111; }

#article-contain {
  float: left;
  width: 100%; }

#article-center {
  margin: 20px auto;
  width: 700px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #article-center {
      margin: 20px;
      width: 688px; } }
  @media only screen and (max-width: 767px) {
    #article-center {
      width: 90%;
      border-right: none; } }

#article-offset {
  margin: 15px 0px 0px 15px;
  padding-right: 35px;
  width: 600px;
  border-right: 1px solid #9b9b9b;
  float: left; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #article-offset {
      margin: 15px 0px 0px 0px;
      padding-right: 20px;
      width: 523px; } }
  @media only screen and (max-width: 767px) {
    #article-offset {
      width: 90%;
      border-right: none; } }
  #article-offset .next {
    text-align: right;
    float: right;
    display: inline-block;
    width: 200px; }
  #article-offset .prev {
    text-align: left;
    float: left;
    display: inline-block;
    width: 200px; }
  #article-offset .next-label {
    display: block;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    color: #CD223B;
    font-weight: 700; }
  #article-offset .next-title {
    font-family: "Lato", sans-serif;
    color: #111111;
    font-weight: 700; }

#article-offset .body-text {
  font-size: 1.2em;
  line-height: 1.44; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #article-offset .body-text {
      font-size: 1em;
      line-height: 1.25; } }
  @media only screen and (max-width: 767px) {
    #article-offset .body-text {
      font-size: 1em;
      line-height: 1.25; } }

#article-center .body-text {
  font-size: 1.2em;
  line-height: 1.44; }
  @media only screen and (max-width: 767px) {
    #article-center .body-text {
      font-size: 1em;
      line-height: 1.25; } }

#login-solo-contain {
  width: 450px;
  margin: 0px auto;
  text-align: center; }
  #login-solo-contain .logout-submit {
    text-align: center;
    display: block;
    margin: 5px auto;
    padding: 5px 7px;
    font-family: "Lato", sans-serif;
    vertical-align: middle;
    width: 200px;
    border: 1px solid #81878B;
    -webkit-appearance: none;
    border-radius: 0; }
  #login-solo-contain .login-solo-instructions {
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-size: 1.2em;
    display: block; }
  #login-solo-contain #the-login-form.solo {
    font-size: 1.4em; }
    #login-solo-contain #the-login-form.solo input[type="text"], #login-solo-contain #the-login-form.solo input[type="password"] {
      text-align: center;
      display: block;
      margin: 5px auto;
      padding: 2px 5px;
      font-family: "Lato", sans-serif;
      vertical-align: middle;
      width: 200px;
      border: 1px solid #81878B;
      -webkit-appearance: none;
      border-radius: 0; }
    #login-solo-contain #the-login-form.solo input[type="checkbox"] {
      display: inline-block;
      -webkit-appearance: checkbox;
      width: 13px;
      height: 13px;
      padding: 0;
      margin: 0px 10px 0px 0px;
      vertical-align: bottom;
      position: relative;
      top: -3px;
      *overflow: hidden; }
    #login-solo-contain #the-login-form.solo label {
      font-family: "Lato", sans-serif;
      color: #9b9b9b;
      font-style: italic;
      font-size: .8em;
      display: block;
      padding-left: 20px;
      text-indent: -20px; }
  #login-solo-contain .the-login-solo-instructions {
    display: block;
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-size: 1em;
    padding-top: 8px; }
    #login-solo-contain .the-login-solo-instructions span:hover {
      color: #CD223B; }

#article-center #author-bio, #article-offset #author-bio {
  font-size: 0.9em;
  color: #9b9b9b;
  font-style: italic;
  font-weight: 400; }
  #article-center #author-bio strong, #article-offset #author-bio strong {
    font-style: normal; }

#article-center .prev-next, #article-offset .prev-next {
  display: block;
  width: 100%;
  height: 100px; }

#article-center .bottom-ad, #article-offset .bottom-ad {
  display: block;
  text-align: center;
  margin: 0px auto;
  padding-bottom: 10px;
  width: 300px; }

#article-center #login-prompt, #article-offset #login-prompt {
  text-align: center;
  width: 450px;
  margin: 20px auto; }
  #article-center #login-prompt #the-login-form, #article-offset #login-prompt #the-login-form {
    width: 450px;
    margin-top: 20px; }
    #article-center #login-prompt #the-login-form .login-label, #article-offset #login-prompt #the-login-form .login-label {
      display: block;
      font-family: "Lato", sans-serif;
      font-size: 2em;
      line-height: 1.2em; }
    #article-center #login-prompt #the-login-form input[type="text"], #article-center #login-prompt #the-login-form input[type="password"], #article-offset #login-prompt #the-login-form input[type="text"], #article-offset #login-prompt #the-login-form input[type="password"] {
      text-align: center;
      display: block;
      margin: 5px auto;
      padding: 2px 5px;
      font-family: "Lato", sans-serif;
      vertical-align: middle;
      width: 200px;
      border: 1px solid #81878B;
      -webkit-appearance: none;
      border-radius: 0; }
    #article-center #login-prompt #the-login-form input[type="checkbox"], #article-offset #login-prompt #the-login-form input[type="checkbox"] {
      display: inline-block;
      -webkit-appearance: checkbox;
      width: 13px;
      height: 13px;
      padding: 0;
      margin: 0px 10px 0px 0px;
      vertical-align: bottom;
      position: relative;
      top: -3px;
      *overflow: hidden; }
    #article-center #login-prompt #the-login-form label, #article-offset #login-prompt #the-login-form label {
      font-family: "Lato", sans-serif;
      color: #9b9b9b;
      font-style: italic;
      font-size: .8em;
      display: block;
      padding-left: 20px;
      text-indent: -20px; }
  #article-center #login-prompt .login-messaging, #article-offset #login-prompt .login-messaging {
    font-family: "Lato", sans-serif; }
    #article-center #login-prompt .login-messaging .subscribers-headline, #article-offset #login-prompt .login-messaging .subscribers-headline {
      display: block;
      font-weight: 700;
      font-size: 1.8em;
      line-height: 1.25; }
  #article-center #login-prompt .subscribe-today, #article-offset #login-prompt .subscribe-today {
    margin-top: 10px;
    margin-bottom: 40px;
    font-family: "Lato", sans-serif;
    color: #9b9b9b; }

#article-center #pubdate, #article-offset #pubdate {
  float: right;
  font-family: "Lato", sans-serif;
  color: #9b9b9b;
  font-style: italic;
  font-weight: 300;
  font-size: .75em; }

#article-center .vm-image-single, #article-offset .vm-image-single {
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  display: block;
  margin: 0px auto 10px;
  width: 600px;
  height: 400px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #article-center .vm-image-single, #article-offset .vm-image-single {
      width: 520px;
      height: 300px; } }
  @media only screen and (max-width: 767px) {
    #article-center .vm-image-single, #article-offset .vm-image-single {
      width: 336px;
      height: 280px; } }

#article-center .supertitle, #article-offset .supertitle {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: .9em;
  margin-bottom: 3px;
  color: #CD223B;
  text-transform: uppercase; }

#article-center .title, #article-offset .title {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2em;
  line-height: 1.1;
  margin-bottom: 8px; }

#article-center .title-nospace, #article-offset .title-nospace {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2em;
  line-height: 1.1; }

#article-center .byline, #article-offset .byline {
  font-family: "Lato", sans-serif;
  text-transform: uppercase; }
  #article-center .byline a, #article-center .byline a:visited, #article-center .byline a:hover, #article-offset .byline a, #article-offset .byline a:visited, #article-offset .byline a:hover {
    text-decoration: none;
    color: #111111; }

#article-center .postmeta, #article-offset .postmeta {
  display: block;
  margin-top: 1em;
  font-size: .8em;
  line-height: 1em;
  font-family: "Lato", sans-serif;
  font-style: italic;
  color: #9b9b9b;
  font-weight: 300; }

#article-center #excerpt, #article-offset #excerpt {
  display: block;
  width: 100%;
  font-weight: 400;
  color: #9b9b9b;
  font-size: 1.4em;
  line-height: 1.35;
  font-style: italic; }

#article-center .podcast_meta, #article-offset .podcast_meta {
  font-family: "Lato", sans-serif;
  font-size: .8em;
  color: #9b9b9b; }
  #article-center .podcast_meta aside a, #article-center .podcast_meta aside a:visited, #article-offset .podcast_meta aside a, #article-offset .podcast_meta aside a:visited {
    color: #9b9b9b; }

#article-center .body-text .bookinfo, #article-offset .body-text .bookinfo {
  font-size: .9em;
  line-height: 1.2em;
  color: #9b9b9b;
  width: 200px;
  display: block;
  float: right;
  padding: 10px;
  margin: 0px 0px 20px 20px;
  border: 1px solid #9b9b9b; }
  #article-center .body-text .bookinfo p, #article-offset .body-text .bookinfo p {
    display: inline; }
  #article-center .body-text .bookinfo img, #article-offset .body-text .bookinfo img {
    padding: 0px;
    width: 100%;
    margin: 0px auto 10px auto; }
  #article-center .body-text .bookinfo .reviewtitle, #article-offset .body-text .bookinfo .reviewtitle {
    display: block;
    margin: 0px;
    padding: 0px;
    font-style: italic;
    font-weight: 700;
    color: #000;
    font-size: 1em; }
    #article-center .body-text .bookinfo .reviewtitle a, #article-center .body-text .bookinfo .reviewtitle a:visited, #article-offset .body-text .bookinfo .reviewtitle a, #article-offset .body-text .bookinfo .reviewtitle a:visited {
      color: #000; }
    #article-center .body-text .bookinfo .reviewtitle a:hover, #article-offset .body-text .bookinfo .reviewtitle a:hover {
      color: #CD223B; }
  #article-center .body-text .bookinfo .reviewauthor, #article-offset .body-text .bookinfo .reviewauthor {
    display: block;
    margin: 0px;
    padding: 0px; }
  #article-center .body-text .bookinfo .reviewroman, #article-offset .body-text .bookinfo .reviewroman {
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: .8em; }
  #article-center .body-text .bookinfo .review-group, #article-offset .body-text .bookinfo .review-group {
    display: block;
    margin: 8px 0px; }
    #article-center .body-text .bookinfo .review-group p, #article-offset .body-text .bookinfo .review-group p {
      display: inline; }
    #article-center .body-text .bookinfo .review-group br, #article-offset .body-text .bookinfo .review-group br {
      display: none; }

#article-center .body-text .pq, #article-offset .body-text .pq {
  font-weight: 700;
  color: #CD223B;
  display: block;
  float: left;
  font-size: 1.8em;
  line-height: 1em;
  width: 50%;
  margin-left: -30px;
  padding: 30px 30px 30px 0px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #article-center .body-text .pq, #article-offset .body-text .pq {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    #article-center .body-text .pq, #article-offset .body-text .pq {
      display: none; } }

#article-center .body-text .dropcap1, #article-offset .body-text .dropcap1 {
  float: left;
  margin-right: 3px;
  font: 700 2.5em/1em "Lato", sans-serif; }
  @media only screen and (min-width: 1025px) {
    #article-center .body-text .dropcap1, #article-offset .body-text .dropcap1 {
      font: 700 2.6em/1em "Lato", sans-serif; } }

#article-center .body-text .subhead1, #article-offset .body-text .subhead1 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic; }

#article-center .body-text blockquote, #article-center .body-text .blockquote, #article-offset .body-text blockquote, #article-offset .body-text .blockquote {
  color: #81878B;
  display: block;
  margin-left: 40px;
  margin-right: 40px; }
  @media only screen and (max-width: 767px) {
    #article-center .body-text blockquote, #article-center .body-text .blockquote, #article-offset .body-text blockquote, #article-offset .body-text .blockquote {
      margin: 0px 20px; } }

#article-center .body-text p, #article-offset .body-text p {
  margin-top: 10px; }

#article-center .body-text img, #article-offset .body-text img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0px 0px 10px 0px; }

#article-center .body-text img.alignright, #article-offset .body-text img.alignright {
  float: right;
  margin: 0 0 1em 1em;
  max-width: 50%; }
  @media only screen and (max-width: 767px) {
    #article-center .body-text img.alignright, #article-offset .body-text img.alignright {
      float: none;
      max-width: 100%;
      margin: 0px auto; } }

#article-center .body-text img.alignleft, #article-offset .body-text img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
  max-width: 50%; }
  @media only screen and (max-width: 767px) {
    #article-center .body-text img.alignleft, #article-offset .body-text img.alignleft {
      float: none;
      max-width: 100%;
      margin: 0px auto; } }

#article-center .body-text img.aligncenter, #article-offset .body-text img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }

#article-center .body-text .alignright, #article-offset .body-text .alignright {
  float: right;
  max-width: 50%; }
  @media only screen and (max-width: 767px) {
    #article-center .body-text .alignright, #article-offset .body-text .alignright {
      float: none;
      max-width: 100%; } }

#article-center .body-text .alignleft, #article-offset .body-text .alignleft {
  float: left;
  max-width: 50%; }
  @media only screen and (max-width: 767px) {
    #article-center .body-text .alignleft, #article-offset .body-text .alignleft {
      float: none;
      max-width: 100%; } }

#article-center .body-text .aligncenter, #article-offset .body-text .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }

#article-center .body-text .wp-caption, #article-offset .body-text .wp-caption {
  font-size: .7em;
  color: #81878B;
  font-style: italic;
  margin-bottom: 3px; }
  #article-center .body-text .wp-caption img, #article-offset .body-text .wp-caption img {
    padding-top: 7px;
    padding-bottom: 5px; }
  #article-center .body-text .wp-caption.alignright, #article-offset .body-text .wp-caption.alignright {
    margin: 0px 0px 10px 30px; }
    @media only screen and (max-width: 767px) {
      #article-center .body-text .wp-caption.alignright, #article-offset .body-text .wp-caption.alignright {
        margin: 0px auto; } }
  #article-center .body-text .wp-caption.alignleft, #article-offset .body-text .wp-caption.alignleft {
    margin: 0px 30px 10px 0px; }
    @media only screen and (max-width: 767px) {
      #article-center .body-text .wp-caption.alignleft, #article-offset .body-text .wp-caption.alignleft {
        margin: 0px auto; } }
  #article-center .body-text .wp-caption.aligncenter, #article-offset .body-text .wp-caption.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }
  #article-center .body-text .wp-caption .wp-caption-text, #article-offset .body-text .wp-caption .wp-caption-text {
    text-align: center;
    line-height: 1.2em;
    padding: 0px;
    margin: 0px 0px 5px 0px; }

#article-center .body-text a, #article-center .body-text a:visited, #article-offset .body-text a, #article-offset .body-text a:visited {
  color: #111111;
  text-decoration: underline; }

#article-center .body-text a:hover, #article-offset .body-text a:hover {
  color: #CD223B;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#article-center .body-text blockquote, #article-offset .body-text blockquote {
  color: #81878B; }

#article-center .body-text .ftnt, #article-offset .body-text .ftnt {
  margin: 40px 20px 40px 20px;
  font-size: .85em;
  line-height: 1.2em;
  color: #81878B; }

#article-sidebar {
  overflow: none;
  float: left;
  margin: 15px 15px 0px 15px;
  width: 283px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #article-sidebar {
      margin: 15px 0px 0px 0px;
      width: 160px; } }
  @media only screen and (max-width: 767px) {
    #article-sidebar {
      display: none; } }
  #article-sidebar .section-header {
    margin-left: 20px; }
  #article-sidebar #features-icon {
    width: 32px;
    height: 20px;
    background-position: -315px -52px; }
  #article-sidebar .teaser {
    float: left;
    margin-bottom: 30px;
    margin-left: 20px; }
    #article-sidebar .teaser .thumb-teaser {
      background-position: center;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      width: 283px;
      height: 188px;
      cursor: pointer; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #article-sidebar .teaser .thumb-teaser {
          width: 160px;
          height: 150px; } }
    #article-sidebar .teaser .title-teaser {
      margin-top: 8px;
      font-family: "Lato", sans-serif;
      font-size: 1.1em;
      line-height: 1.25;
      font-weight: 700; }
    #article-sidebar .teaser .byline-teaser {
      margin-top: 3px;
      font-size: .8em;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      font-weight: 700; }
  #article-sidebar .sidebar-ad {
    text-align: center;
    float: left;
    margin: 0px 10px;
    padding-bottom: 10px;
    width: 300px;
    height: 200px; }

#social {
  margin: 20px auto;
  width: 346px; }
  #social ul {
    margin: 0px;
    padding: 0px; }
  #social li {
    display: inline-block; }
  #social .social-button {
    position: relative;
    cursor: pointer; }
  #social .tooltip-social {
    text-align: center;
    opacity: 0;
    position: absolute;
    width: 100%;
    font-size: .6em;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    bottom: -20px;
    font-weight: 700; }
  #social .twitter-share-button {
    margin: 0px 12px;
    background-image: url("./images/sprite.png");
    background-position: -394px 0px;
    width: 42px;
    height: 42px; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      #social .twitter-share-button {
        background-image: url("./images/sprite@2x.png");
        background-size: 654px 205px; } }
  #social .fbook-share-button {
    margin: 0px 12px;
    background-image: url("./images/sprite.png");
    background-position: -436px 0px;
    width: 42px;
    height: 42px; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      #social .fbook-share-button {
        background-image: url("./images/sprite@2x.png");
        background-size: 654px 205px; } }
  #social .google-share-button {
    margin: 0px 12px;
    background-image: url("./images/sprite.png");
    background-position: -520px 0px;
    width: 42px;
    height: 42px; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      #social .google-share-button {
        background-image: url("./images/sprite@2x.png");
        background-size: 654px 205px; } }
  #social .email-share-button {
    margin: 0px 12px;
    background-image: url("./images/sprite.png");
    background-position: -562px 0px;
    width: 42px;
    height: 42px; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      #social .email-share-button {
        background-image: url("./images/sprite@2x.png");
        background-size: 654px 205px; } }
  #social .print-share-button {
    margin: 0px 12px;
    background-image: url("./images/sprite.png");
    background-position: -478px 0px;
    width: 42px;
    height: 42px; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      #social .print-share-button {
        background-image: url("./images/sprite@2x.png");
        background-size: 654px 205px; } }

#comments-contain {
  float: left;
  width: 100%;
  margin: 35px 0px 0px 0px;
  border-top: 1px solid #9b9b9b; }
  #comments-contain #comments-control {
    padding-top: 20px;
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: .8em; }
  #comments-contain #comment-block {
    margin: 0px 15px;
    display: none; }

.back-issue-container {
  float: left;
  width: 200px;
  margin: 0px 0px 30px 0px; }
  .back-issue-container .back-issue-cover {
    cursor: pointer;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 180px;
    min-height: 280px;
    margin: 0px auto; }
  .back-issue-container .back-issue-title {
    font-family: "Lato", sans-serif;
    color: #9b9b9b;
    text-align: center;
    font-style: italic;
    font-size: .75em; }

#toc-cover-container {
  float: right;
  text-align: center;
  margin-left: 20px; }
  #toc-cover-container .toc-cover {
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0px auto;
    width: 125px;
    min-height: 194px; }
  #toc-cover-container #toc-issue-name {
    font-family: "Lato", sans-serif;
    color: #9b9b9b;
    text-align: center;
    font-style: italic; }

.section-contain {
  margin-bottom: 40px; }

.toc-section {
  color: #CD223B;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-weight: 700; }

.toc-article {
  margin: 20px 10px; }

#search-contain {
  float: left;
  width: 100%; }
  #search-contain .search-query {
    position: relative;
    font-family: "Lato", sans-serif;
    text-transform: uppercase; }

#search-results .search-result .search-title {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 8px; }

#search-results .search-controller {
  position: relative;
  width: 80%;
  margin: 20px;
  font-family: "Lato", sans-serif;
  text-transform: uppercase; }

#search-results .search-prev {
  position: absolute;
  left: 10%;
  font-family: "Lato", sans-serif;
  text-transform: uppercase; }

#search-results .search-count {
  font-family: "Lato", sans-serif;
  text-transform: uppercase; }

#search-results .results-container {
  margin: 20px; }

#search-results .results-controller {
  width: 100%;
  padding-bottom: 20px;
  position: relative; }
  #search-results .results-controller .search-next {
    position: absolute;
    right: 10%;
    font-family: "Lato", sans-serif;
    text-transform: uppercase; }
  #search-results .results-controller .page-count {
    position: absolute;
    left: 50%;
    font-family: "Lato", sans-serif;
    text-transform: uppercase; }

#search-center {
  margin: 20px auto;
  width: 700px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #search-center {
      margin: 20px;
      width: 688px; } }
  #search-center .search-byline {
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    color: #111111; }
    #search-center .search-byline a, #search-center .search-byline a:visited, #search-center .search-byline a:hover {
      text-decoration: none;
      color: #111111; }
  #search-center .search-slug {
    font-family: "PT Serif", serif;
    font-size: 18px; }

.mc4wp-form input[type=text], .mc4wp-form input[type=email] {
  padding: 5px 10px; }

.mc4wp-form input[type=submit] {
  padding: 10px;
  width: 300px;
  font-family: "Lato", sans-serif;
  text-transform: uppercase; }

.mc4wp-form label {
  font-family: "Lato", sans-serif; }

.mc4wp-form ::-webkit-input-placeholder {
  color: rgba(50, 50, 50, 0.4);
  font-size: .8em;
  font-style: italic; }

.mc4wp-form :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(50, 50, 50, 0.4);
  font-size: .8em;
  font-style: italic; }

.mc4wp-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(50, 50, 50, 0.4);
  font-size: .8em;
  font-style: italic; }

.mc4wp-form :-ms-input-placeholder {
  color: rgba(50, 50, 50, 0.4);
  font-size: .8em;
  font-style: italic; }