/* colors */
/* #F5F2ED */
/* #F5F2ED */
/* #D8D4CE */
/* #D8D4C3 */
/* #E7E3DE */
/* #EEEBE5 */
/* #E1DDD7 */
/* #6a6a6a */
/* 615F61 */
/* #2B292B */
/* #2B292B */
/* 474647*/
/* B2B2B2 */
/* 252523 */
/* 868688 */
/* #00B7E4 */
/* #C29D52 */
/* #C29D52 */
/* E2CDAC */
/* D8D4CE */
/* 191919 */
/* site-wide fonts */
.clearfix, .container, .feature-type {
  zoom: 1; }
  .clearfix:after, .container:after, .feature-type:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    visibility: hidden; }

.flat-list {
  list-style: none;
  margin: 0;
  padding: 0; }

/* mixins and helpers */
/*
  media query support
*/
/*
  em to px conversion
*/
/*
  @font-face support
  requires all of {eot, woff, ttf, svg} exist
*/
/* desktop grid size */
.container {
  max-width: 97em;
  margin: 0 auto; }

.one, .two {
  float: left; }
  .one:last-of-type, .two:last-of-type {
    margin: 0; }

.one {
  width: 30em;
  margin-right: 3.5em; }

.two {
  width: 63.5em;
  margin-right: 3.5em; }

.three {
  width: 97em; }

/* master styles for 320 devices */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  body {
    font-size: 50%; }

  .container {
    width: auto; }

  .one, .two, .three {
    width: auto;
    margin: 0 auto;
    float: none; }

  .ad-unit {
    border: 0; }

  .ad-container {
    float: none;
    width: 100%;
    background: #2b292b;
    padding: 0;
    border-bottom: 0; }
    .ad-container *:first-child {
      width: 33.33333em;
      margin: 0 auto; } }
.list ul .item .info .byline {
  font-family: "TabletGothic";
  font-size: 1.2em; }

.detail #content #copy .article-content .year-end-list {
  border: 0;
  width: 100% !important; }
  .detail #content #copy .article-content .year-end-list td {
    border: 0;
    vertical-align: bottom;
    text-align: left; }
    .detail #content #copy .article-content .year-end-list td:first-child {
      padding: 0;
      font-family: "TabletGothicCompressed-SemiBold";
      font-size: 8.3em;
      line-height: 0.8em;
      width: 0.84337em; }
    .detail #content #copy .article-content .year-end-list td:last-child {
      padding: 0 0.33333em;
      font-family: "HarrietText";
      font-size: 3em;
      font-style: italic; }

.feature-type {
  border-bottom: 0;
  background-color: #FFF;
  margin-bottom: 5.4em;
  border-top: 2px solid #2b292b; }
  .feature-type .logo {
    margin: 0;
    width: 10.8em;
    height: 10.8em;
    background-size: 90% 90%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #2b292b; }
  .feature-type .abstract {
    color: #c29d52; }
    .feature-type .abstract b, .feature-type .abstract strong {
      font-family: "TabletGothic-Bold";
      color: #2b292b; }

.detail #header-images {
  margin-bottom: 0; }

.detail #content #tombstone h1 {
  font-family: "HarrietDisplay";
  font-size: 7.2em;
  font-weight: 300;
  margin: 0.75em 0;
  padding: 0;
  line-height: 1.08333em;
  text-align: center; }

.detail #content #tombstone {
  margin-left: 0; }
  .detail #content #tombstone .title-block {
    padding: 0 3.5em; }
  .detail #content #tombstone .author {
    font-family: "TabletGothic-SemiBold";
    font-size: 1.8em;
    margin-bottom: 2.5em;
    text-align: center;
    color: #2b292b; }
    .detail #content #tombstone .author a {
      color: #2b292b; }
      .detail #content #tombstone .author a:hover {
        color: #00b7e4; }

.sort-controls {
  font-family: "TabletGothic";
  font-size: 1.2em;
  color: #b2b2b2;
  margin: 0 4.58333em 0 6.66667em;
  text-transform: uppercase;
  padding: 1.66667em 0.83333em 1.66667em 0;
  letter-spacing: 0.08333em;
  border-bottom: solid 0.2em #d8d4ce;
  text-align: right; }
  .sort-controls .control:first-of-type {
    margin-right: 3.5em; }
  .sort-controls .label {
    display: inline-block;
    float: left;
    padding-top: 0.83333em; }
  .sort-controls .active {
    /* ascending */
    /* descending */ }
    .sort-controls .active i.icon-caret-up {
      color: #c29d52; }
    .sort-controls .active i.icon-caret-down {
      color: #b2b2b2; }
    .sort-controls .active:hover i.icon-caret-down {
      color: #00b7e4; }
    .sort-controls .active .desc i.icon-caret-up {
      color: #b2b2b2; }
    .sort-controls .active:hover .desc i.icon-caret-up {
      color: #00b7e4; }
    .sort-controls .active .desc i.icon-caret-down {
      color: #c29d52; }
  .sort-controls .control {
    font-family: "TabletGothic-Bold";
    display: inline-block;
    position: relative;
    padding-left: 1.66667em;
    cursor: pointer;
    text-align: left; }
    .sort-controls .control:hover {
      color: #00b7e4; }
    .sort-controls .control.active {
      color: #c29d52; }
      .sort-controls .control.active:hover {
        color: #00b7e4; }
    .sort-controls .control i {
      font-size: 1.3em;
      position: absolute;
      left: 0; }
      .sort-controls .control i.icon-caret-up {
        top: 0.19231em; }
      .sort-controls .control i.icon-caret-down {
        bottom: 0.19231em; }

body.special-presentation #page #footer-shadow .detail.container {
  width: 100%;
  max-width: 100%; }
  body.special-presentation #page #footer-shadow .detail.container #html-header {
    margin: 2em auto 4em;
    width: 97em; }
  body.special-presentation #page #footer-shadow .detail.container #content-container {
    /* width: 63.5em; */
    /* margin: 0 auto; */
    width: 100%; }
  body.special-presentation #page #footer-shadow .detail.container #content #copy {
    margin: 0 auto;
    width: 100%; }
    body.special-presentation #page #footer-shadow .detail.container #content #copy .abstract {
      text-align: center;
      color: #1a1a1a;
      text-transform: none;
      font-size: 2.4em;
      width: 21.66667em;
      padding: 0;
      margin: 0 auto;
      font-family: "HarrietText"; }
    body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content {
      width: 100%; }
      body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content .abstract {
        text-align: center;
        color: #1a1a1a;
        text-transform: none;
        font-size: 2.4em;
        width: 21.66667em;
        padding: 0;
        margin: 0 auto;
        font-family: "HarrietText";
        line-height: 1.5em;
        color: #1a1a1a; }
      body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content p {
        padding: 0 3.59375em 0 3.59375em;
        width: 32.5em;
        margin: 0 auto 2em; }
        body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content p.iframe-parent {
          padding: 0;
          width: 39.375em;
          margin-bottom: 5.3125em; }
        body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content p.fullwidth {
          width: 100%;
          padding: 0;
          cursor: pointer; }
          body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content p.fullwidth a {
            display: block;
            width: 100%; }
            body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content p.fullwidth a img {
              width: 100%; }
        body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content p img.rank {
          width: 8.75em;
          margin: 0 auto;
          display: block;
          margin-bottom: -5em; }
      body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content h1, body.special-presentation #page #footer-shadow .detail.container #content #copy .article-content h2 {
        font-size: 3.6em;
        text-align: center;
        padding: 0 1.59722em 0 1.59722em;
        font-weight: bold;
        width: 14.44444em;
        margin: 0 auto; }
  body.special-presentation #page #footer-shadow .detail.container #back-to-top {
    bottom: -16px; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .sort-controls {
    margin: 0 2em; }

  .detail #content #tombstone h1 {
    font-size: 3.5em;
    margin: .5em .6em .4em; }
  .detail #content #tombstone .author {
    margin: 0 .75em .75em .75em; }
  .detail #content #tombstone .cat-date-container {
    display: none; }

  .detail #content #tombstone.with-logo {
    border-bottom: 0; }
    .detail #content #tombstone.with-logo .feature-logo {
      display: none; }
    .detail #content #tombstone.with-logo .title-block {
      display: block;
      padding-left: 0; }
    .detail #content #tombstone.with-logo .author {
      border-bottom: 1px solid #d8d4ce;
      margin: 0 1.5em 1.25em; }

  body.special-presentation #page #footer-shadow .detail.container {
    width: auto; }
    body.special-presentation #page #footer-shadow .detail.container #html-header {
      margin: 4em 0;
      width: auto; }
      body.special-presentation #page #footer-shadow .detail.container #html-header img {
        width: 100%; }
    body.special-presentation #page #footer-shadow .detail.container #content-container {
      width: auto; }
      body.special-presentation #page #footer-shadow .detail.container #content-container #content #copy .abstract {
        width: auto;
        padding: 1em;
        font-size: 1.6em; }
      body.special-presentation #page #footer-shadow .detail.container #content-container #content #copy .article-content h1, body.special-presentation #page #footer-shadow .detail.container #content-container #content #copy .article-content h2 {
        width: auto;
        font-size: 2.4em; }
      body.special-presentation #page #footer-shadow .detail.container #content-container #content #copy .article-content p {
        width: auto; } }