html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

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

body {
  background: white;
  color: #333333;
  font: normal 100%/1.5 "calluna", Georgia, Times, "Times New Roman", serif;
  font-weight: 400;
}

select,
input,
textarea {
  font-size: inherit;
  font-family: inherit;
}

img {
  max-width: 100%;
}

a {
  color: #3d9ecf;
  text-decoration: none;
  -webkit-transition: color 0.2s, background-color 0.1s, border-color 0.2s;
  -moz-transition: color 0.2s, background-color 0.1s, border-color 0.2s;
  -o-transition: color 0.2s, background-color 0.1s, border-color 0.2s;
  transition: color 0.2s, background-color 0.1s, border-color 0.2s;
}

a:hover,
a:focus {
  color: #246e93;
}

a.alt,
a.alt:active {
  color: white;
}

.skip,
.a11y {
  left: -1000em;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 0;
}

.wrapper {
  max-width: 1080px;
  margin: 0 auto;
}

.wrapper-inner {
  padding: 0 10px;
}

.wrapper-no-margin {
  padding: 0;
}

@media screen and (min-width: 50em) {
  .grid {
    overflow: hidden;
  }

  .grid-col {
    float: left;
    margin-left: 1.8868%;
  }

  .grid-col-alt {
    float: right;
    margin-left: 0;
  }

  .grid .grid-col:first-child {
    margin-left: 0;
  }

  .col-one {
    width: 9.43396%;
  }

  .col-two {
    width: 20.75471%;
  }

  .col-three {
    width: 32.07547%;
  }

  .col-four {
    width: 43.39622%;
  }

  .col-five {
    width: 54.71698%;
  }

  .col-eq {
    width: 46.0566%;
  }

  .col-six {
    width: 66.03773%;
  }

  .col-seven {
    width: 77.35849%;
  }

  .col-eight {
    width: 88.67924%;
  }

  .col-nine {
    width: 100%;
  }

  .push-five {
    margin-left: 55.71698%;
  }

  .push-two {
    margin-left: 20.75471%;
  }

  .col-no-margin {
    margin-left: 0;
  }
}
.hdg {
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  font-weight: 300;
}

.hdg-super {
  font-size: 5.625em;
  font-weight: 600;
}

.hdg-a {
  font-size: 3.125em;
}

.hdg-b {
  font-size: 1.875em;
  line-height: 1.2em;
}

.hdg-c {
  font-size: 1.625em;
}

.hdg-d {
  font-size: 1.125em;
}

.hdg-e {
  font-size: .8125em;
  text-transform: uppercase;
  color: #666666;
  letter-spacing: 0.2em;
  font-weight: 400;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hdg-alt {
  font-family: "calluna", Georgia, Times, "Times New Roman", serif;
}

.hdg-lt {
  color: white;
}

.teaser-text-lg + .teaser-hd .hdg-b {
  font-size: 1.1em;
}

.media {
  margin-bottom: 2em;
}

.media, .bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.media .media-img {
  float: left;
  margin-right: 1em;
}

.media .media-img img {
  display: block;
}

.media .media-imgExt {
  float: right;
  margin-left: 10px;
}

.avatar {
  width: 48px;
  border: 1px solid #eee;
}

@media screen and (min-width: 50em) {
  .avatar {
    width: 100px;
  }
}
@media screen and (min-width: 50em) {
  .contributor {
    float: left;
  }

  .col-eq.col1 {
    clear: left;
  }
}
.author-article-list {
  margin-top: 0.5em;
}

.masthead {
  padding: 1em 0 0;
  position: relative;
  height: auto;
}

.masthead:after {
  clear: both;
  content: "";
  display: table;
}

.explanation {
  text-indent: -9999em;
  height: 0;
  width: 0;
  display: inline-block;
  font-weight: normal;
}

.sponsor {
  display: block;
  float: right;
  margin-right: 10px;
  position: absolute;
  top: 78px;
  right: 3%;
  width: 15px;
  z-index: 100;
}

.publisher {
  display: inline-block;
}

@media screen and (min-width: 50em) {
  .masthead {
    padding: 1em 0;
  }

  .sponsor {
    width: 105px;
  }

  .publisher {
    margin-left: -16px;
  }
}
@media screen and (min-width: 60em) {
  .publisher {
    margin-left: 0;
  }
}
.editorially-type {
  display: none;
}

@media screen and (min-width: 50em) {
  .masthead {
    height: 150px;
  }

  .banner {
    margin-bottom: 0.4em;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0.6em;
  }

  .explanation {
    text-indent: 0;
    margin-bottom: .3em;
    height: auto;
    width: auto;
    display: inline-block;
    font-style: italic;
    font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .sponsor {
    float: none;
    margin-left: 0;
    margin-right: 0;
    top: 2.4em;
    position: relative;
  }

  .editorially-type {
    display: inline;
  }
}
@media screen and (min-width: 60em) {
  .explanation {
    text-indent: 16px;
  }
}
.tag-line {
  font-style: italic;
  font-family: "calluna", Georgia, Times, "Times New Roman", serif;
  font-weight: 300;
  line-height: 1.25em;
  font-size: 0.85em;
  color: #999999;
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
}

@media screen and (min-width: 50em) {
  .tag-line {
    width: 10em;
    padding-left: .625em;
    margin-top: 1.6em;
    text-align: left;
    font-size: 1em;
  }
}
.logo {
  float: left;
  width: 100%;
  text-align: center;
}

.logo-fill-front {
  fill: #222;
}

.logo-fill-back {
  fill: #cccccc;
}

.svg-alt {
  display: none;
  height: 0;
  width: 0;
}

.no-svg .logo .svg-alt {
  display: block;
  text-indent: -99999em;
  background: url(/images/png/stet-logo.png) no-repeat 0 0;
  height: 84px;
  width: 193px;
}

@media screen and (min-width: 50em) {
  .logo {
    margin-left: 0;
    float: none;
  }

  .logo h1 {
    width: 193px;
    margin: 0 auto;
  }
}
.sponsor {
  font-size: .6875em;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #b2b2b2;
  font-style: italic;
}

.icon-editorially-logo {
  fill: #666666;
}

.no-svg .publisher .svg-alt {
  display: block;
  text-indent: -9999em;
  background: url(/images/png/ico-ed-logo-type.png) no-repeat 0 0;
  height: 17px;
  width: 80px;
}

.no-svg .menu-header .svg-alt {
  display: block;
  text-indent: -9999em;
  background: url(/images/png/ico-hamburger.png) no-repeat 0 0;
  height: 15px;
  width: 16px;
}

.nav-holder {
  position: relative;
  z-index: 60;
  height: 40px;
  margin: 1em 0;
  top: 20px;
  left: 5px;
}

.nav-main {
  padding: 5px 8px 3px;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 1px #ddd;
  border-radius: .3em;
  background-color: white;
}

.nav-main li {
  text-indent: -9999em;
  height: 0;
  width: 0;
}

.nav-main li.menu-header {
  text-indent: 0;
  height: 1.3em;
  width: 100%;
  z-index: 10;
  display: block;
}

.icon-hamburger-nav {
  margin: 0;
}

.icon-hamburger-nav-fill {
  fill: #999999;
}

@media screen and (max-width: 50em) {
  .no-menu .nav-main:hover,
  .nav-main.visible {
    padding: 0;
  }

  .no-menu .nav-main:hover li,
  .nav-main.visible li {
    text-indent: 0;
    z-index: 10;
    height: auto;
    width: auto;
    border-bottom: 1px solid #ddd;
    font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .no-menu .nav-main:hover li:last-child,
  .nav-main.visible li:last-child {
    border-bottom: none;
  }

  .nav-main.visible li.menu-header,
  .nav-main.visible li a {
    display: block;
    padding: 10px 20px 10px 10px;
    color: #666666 !important;
  }

  .nav-main.visible li a.icon-ico-twitter,
  .nav-main.visible li a.icon-ico-rss {
    padding-left: 30px;
    background-position: 10px 50%;
  }

  .logo {
    padding-bottom: 15px;
  }
}
.icon-ico-twitter,
.icon-ico-rss {
  padding-left: 20px;
  display: inline-block;
  background-position-y: 3px;
}

.icon-ico-twitter {
  background-position-y: 5px;
}

@media screen and (min-width: 50em) {
  .feature-img-small {
    display: none;
  }

  .nav-holder {
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
  }

  .nav-main {
    padding: 5px 0 5px 0;
    width: 100%;
    position: relative;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
  }

  .nav-main li.menu-header {
    display: none;
  }

  .nav-main .home {
    margin-left: 0;
  }

  .nav-main > li {
    display: inline;
    text-indent: 0;
    height: auto;
    width: auto;
  }

  .nav-main > li {
    margin-left: 1.875em;
  }

  .nav-main > li.not-yet {
    font-family: "calluna", Georgia, Times, "Times New Roman", serif;
    color: gray;
    opacity: .5;
    font-size: 1.5em;
    border-bottom: 3px solid transparent;
    padding-bottom: 5px;
  }

  .nav-main > li a {
    font-family: "calluna", Georgia, Times, "Times New Roman", serif;
    color: gray;
    font-size: 1.5em;
    border-bottom: 3px solid transparent;
    padding-bottom: 5px;
    text-decoration: none;
  }

  .nav-main > li a:hover, .nav-main > li a:active {
    color: #111111;
    border-color: #3d9ecf;
  }

  .nav-main li.is-selected a {
    color: #111111;
    border-color: #3d9ecf;
  }

  .nav-main .nav-right {
    float: right;
    margin-top: 8px;
  }

  .nav-main .nav-right > li {
    text-indent: 0;
    height: auto;
    width: auto;
    display: inline-block;
  }

  .nav-main li.twitter {
    margin-left: 2em;
  }

  .nav-main li.rss {
    margin-left: 0;
  }

  .nav-main li.nav-sub a {
    font-size: .875em;
    font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999999;
    text-decoration: none;
    text-transform: none;
    border-bottom: 0;
    position: relative;
    top: -3px;
    display: inline-block;
  }

  .nav-main li.nav-sub a:hover,
  .nav-main li.nav-sub a:active {
    color: #111111;
  }

  .nav-sub:after {
    color: #b2b2b2;
    content: "\2022";
    margin: 0 1em;
    font-weight: 100;
    position: relative;
    top: -3px;
    opacity: .5;
  }

  .nav-sub:last-child::after {
    content: "";
    margin: 0;
  }

  .nav-sub > li:last-child {
    margin-top: 3px;
  }

  /* Search form styles for when we bring it back we ever bring it back */
  .form-search {
    display: inline-block;
  }

  .input {
    display: inline;
    border: 1px solid #cccccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
    font-size: .875em;
    padding: .25em .8em;
    margin: 0;
    width: 14em;
    outline: none;
  }
}
.full-feature-wrapper {
  position: relative;
  margin-bottom: 2em;
}

.dark .tag-line {
  color: #cccccc;
}

.dark .sponsor {
  color: #cccccc;
}

.dark .logo h1 {
  color: white;
}

.dark .banner {
  border-color: #666;
}

.dark .nav-main > li.no-yet {
  color: #999999;
  opacity: .6;
}

.dark .nav-main > li a {
  color: #999999;
}

.dark .nav-main li.is-selected a {
  color: white;
}

.dark .icon-editorially-logo {
  fill: #E6E6E6;
}

.dark .logo-fill-front {
  fill: white;
}

.dark .logo-fill-back {
  fill: rgba(255, 255, 255, 0.4);
}

.footer-outer {
  background-color: #ebebeb;
  padding: 2em 0;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 3em;
}

.footer li {
  display: inline;
  color: #666666;
  font-size: .8125em;
}

.footer li:after {
  color: #999999;
  content: "\2022";
  margin: 0 1em 0 1.1em;
}

.footer li:last-child::after {
  content: "";
}

.footer li a {
  color: #666666;
}

.footer li a:hover, .footer li a:active {
  color: #999999;
}

.home-wrapper-bg {
  background-color: #000;
  margin-bottom: 2em;
}

.call-out {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 2em;
}

.call-out-category,
.call-out-bd {
  margin-bottom: 1em;
}

.call-out-hd {
  margin-bottom: 1em;
}

.call-out-category .hdg-alt {
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.call-out-bd {
  color: #cccccc;
  font-family: "calluna", Georgia, Times, "Times New Roman", serif;
}

.call-out-bd p {
  font-size: 1.6em;
  line-height: 1.25;
}

.call-out .author {
  margin-top: 1.5em;
}

.call-out .author,
.call-out .author-name {
  color: white;
}

.teaser {
  border-bottom: 1px solid #cccccc;
  padding: .25em .25em 2em;
  margin-bottom: 2em;
}

.teaser-category,
.teaser-text-lg {
  margin-bottom: 1em;
}

.teaser-text-lg a {
  color: #333333;
}

.teaser-text-lg a:hover, .teaser-text-lg a:active {
  color: #666666;
  text-decoration: none;
}

.teaser-hd,
.teaser-bd {
  margin-bottom: .5em;
}

.teaser-img {
  margin-bottom: 1em;
}

.author {
  color: #666666;
  margin-top: 1em;
  display: block;
  font-size: .875em;
}

.author-name {
  color: #666666;
  font-style: normal;
  font-weight: 600;
}

.icon-ico-ed-logo-bug {
  padding-left: 18px;
  padding-bottom: 3px;
}

.news > li {
  margin-bottom: 1em;
}

.more-news a {
  color: #666666;
  font-size: .875em;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.author-info {
  font-size: .875em;
  line-height: 1.6;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  margin-right: 2em;
}

.author-info-position .author {
  margin-top: 0;
}

.author-info cite {
  font-weight: 600;
  font-style: normal;
}

.article-wrapper {
  position: relative;
}

.avatar {
  float: left;
  margin-right: 15px;
}

@media screen and (max-width: 50em) {
  .media-vertical {
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }

  .author-info {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.author-info-position {
  position: relative;
  z-index: 25;
}

@media screen and (min-width: 50em) {
  .author-info-position {
    z-index: 50;
    position: absolute;
    float: left;
    margin-right: 1.8868%;
    width: 20.75471%;
  }

  .author-info-position .author {
    margin-top: 0.25em;
  }

  .avatar {
    float: none;
    margin-right: 0;
    margin-bottom: 1px;
  }

  .title-info {
    margin: 3em 0 0;
  }
}
.title-info {
  margin: 0;
  text-align: center;
  position: relative;
  z-index: 1;
}

.meta-data ul li {
  display: block;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .7125em;
  text-transform: uppercase;
  color: #666;
  letter-spacing: 0.2em;
}

.meta-data ul li + li {
  font-weight: 600;
}

.title-info h1 {
  font-size: 2.2em;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  margin-top: 0.2em;
}

@media screen and (min-width: 50em) {
  .title-info h1 {
    font-size: 3em;
    margin-top: 0;
  }
}
.ed-note {
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.6em;
  color: #888888;
}

.art-credit {
  font-size: .675em;
  margin-bottom: 1em;
  font-style: normal;
}

article.main {
  padding-top: 0px;
  position: relative;
  z-index: 1;
}

article.main p {
  font-size: 1.125em;
  line-height: 1.6;
  text-indent: 1.3em;
}

article.main p:first-child,
article.main h1 + p,
article.main h2 + p,
article.main h3 + p,
article.main h4 + p,
article.main h5 + p,
article.main h6 + p,
article.main hr + p {
  text-indent: 0;
}

article.main span.drop-cap {
  float: left;
  display: block;
  margin-top: -80px;
  margin-left: -30px;
  margin-right: -35px;
  font-size: 11em;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
  line-height: .6;
}

article.main {
  margin-bottom: 8em;
}

article.main aside,
article.main figure {
  margin: 1em 0;
}

article.main aside {
  color: #888888;
  font-size: .8125em;
  line-height: 1.65;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-indent: 0;
}

article.main aside {
  font-style: italic;
  background-color: #F2F2F2;
  padding: 1em;
}

article.main figcaption {
  color: #888888;
  font-size: .8125em;
  line-height: 1.6;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: .5em;
}

article.main blockquote {
  border-left: 4px solid #eee;
  padding-left: 1.3em;
  margin: 2em auto;
}

article.main blockquote p {
  font-style: italic;
  color: gray;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 1em;
  width: 95%;
  text-indent: 0;
  margin: 0;
}

article.main blockquote p + p {
  text-indent: 1.3em;
}

article.main figure.full-width {
  width: 100%;
  margin: 1em 0;
}

@media screen and (min-width: 50em) {
  .title-info {
    text-align: left;
    margin-top: 20px;
  }

  article.main p {
    width: 54.71698%;
    margin: 0 auto;
  }

  .center {
    width: 54.71698%;
    margin: 0 auto;
  }

  article.main .pull-left {
    float: left;
    margin-right: 1.8868%;
  }

  article.main .pull-right {
    float: right;
    margin-left: 1.8868%;
  }

  article.main aside {
    float: left;
    margin-right: 1.8868%;
    width: 20.75471%;
    margin-top: 0.35em;
    padding: 0;
    background-color: transparent;
  }

  article.main figure {
    float: left;
    margin: 1em 1.8868% 1em 0;
    width: 20.75471%;
  }

  article.main blockquote {
    width: 52.4%;
    margin: 2em auto;
  }

  article.main blockquote.pull-right,
  article.main figure.pull-right,
  article.main aside.pull-right {
    float: right;
    margin-left: 1.8868%;
    margin-right: 0;
  }

  article.main figure.five-col {
    width: 54.71698%;
    margin: 2em auto 2em auto;
    float: none;
  }

  .ed-note {
    font-size: 1.25em;
  }

  .meta-data ul li {
    display: inline-block;
    font-size: .8125em;
  }

  .meta-data ul li:first-child::after {
    content: "\2022";
    padding: 0 1em 0 1.4em;
    font-weight: 600;
    opacity: .5;
  }

  .title-info.about {
    width: 54.71698%;
    margin: 20px auto 0;
  }
}
article.main h2 {
  font-size: 1.3em;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 0.5em;
}

article.main h3 {
  font-size: 1em;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

article.main ul {
  list-style-type: disc;
}

article.main ol {
  list-style-type: decimal;
}

article.main li {
  margin-left: 2.3em;
  font-size: 1.125em;
  line-height: 1.6;
}

article.main .border {
  border: 1px solid #DDD;
}

.article-wrapper a, .ed-note a {
  text-decoration: underline;
}

pre code {
  background: #eee;
  color: #555;
  padding: 1em;
  white-space: pre-wrap;
  overflow: auto;
  display: block;
  border-left: 4px solid #999;
  font-family: Menlo, Monaco, "Courier New", Courier, monospace;
  font-size: 0.95em;
}

article hr {
  border-color: transparent;
  text-align: center;
  margin: 40px 0 0;
  font-size: 22px;
  color: #333;
  position: relative;
  display: block;
  top: -20px;
  height: 40px;
}

article hr:after {
  content: "\2217\2000\2217\2000\2217";
}

article.main pre {
  margin-top: 2em;
  margin-bottom: 2em;
}

article.main figcaption strong,
article.main aside p strong,
.author-info strong,
.ed-note strong,
article.main blockquote p strong {
  font-weight: 600;
}

article.main h1,
article.main h2,
article.main h3,
article.main h4,
article.main h5,
article.main h6 {
  margin: 1.75em auto 0.25em auto;
}

@media screen and (min-width: 50em) {
  article.main h1,
  article.main h2,
  article.main h3,
  article.main h4,
  article.main h5,
  article.main h6 {
    width: 54.7169%;
  }

  article.main pre,
  article.main ul,
  article.main ol {
    width: 54.7169%;
    margin: 2em auto;
  }
}
article.main p:last-of-type::after {
  content: "\25FC";
  padding-left: 0.2em;
  color: #cccccc;
  font-size: 1.1em;
  vertical-align: middle;
}

.about article.main p:last-of-type::after,
article.main blockquote p:last-child::after {
  content: none;
}

.header-color {
  background-color: #f2f2f2;
  padding: 1em 0;
}

@media screen and (min-width: 50em) {
  .header-color {
    padding: 2em 0;
  }
}
article.main p.no-indent {
  text-indent: 0;
}

article.main footer {
  margin: 2em 0;
  border-top: 5px solid #cccccc;
  padding-top: 1.5em;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  text-indent: 0;
  font-size: .9em;
}

article.main footer a {
  font-weight: 600;
  text-decoration: none;
  color: #333333;
}

article.main footer a:hover, article.main footer a:active {
  color: #999999;
}

.more-goodness {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

.more-goodness .hdg {
  font-weight: 700;
}

.teaser-article {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 5em;
}

.archive-list {
  margin-bottom: 3em;
  overflow: hidden;
}

.archive-list-cat {
  margin-bottom: .5em;
}

.archive-list-hd {
  margin-bottom: .5em;
}

.archive-list-bd {
  margin-bottom: 5px;
}

.archive-list-wrapper {
  overflow: hidden;
}

@media screen and (min-width: 50em) {
  .archive-list-wrapper > li {
    float: left;
  }

  .archive-list-wrapper > li.col1 {
    clear: left;
    margin-right: 5em;
  }
}
.ie8 body {
  width: 700px;
  margin: 0 auto;
}

.ie8 .tagline {
  text-align: left;
}

.ie8 .nav-holder {
  width: 100%;
  height: auto;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}

.ie8 .nav-main {
  padding: 5px 0 5px 0;
  width: 100%;
  position: relative;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

.ie8 .nav-main li.menu-header {
  display: none;
}

.ie8 .nav-main .home {
  margin-left: 0;
}

.ie8 .nav-main > li {
  display: inline;
  text-indent: 0;
  height: auto;
  width: auto;
}

.ie8 .nav-main > li {
  margin-left: 1.875em;
}

.ie8 .nav-main > li.not-yet {
  font-family: "calluna", Georgia, Times, "Times New Roman", serif;
  color: gray;
  opacity: .5;
  font-size: 1.5em;
  border-bottom: 3px solid transparent;
  padding-bottom: 5px;
}

.ie8 .nav-main > li a {
  font-family: "calluna", Georgia, Times, "Times New Roman", serif;
  color: gray;
  font-size: 1.5em;
  border-bottom: 3px solid transparent;
  padding-bottom: 5px;
  text-decoration: none;
}

.ie8 .nav-main > li a:hover, .nav-main > li a:active {
  color: #111111;
  border-color: #3d9ecf;
}

.ie8 .nav-main li.is-selected a {
  color: #111111;
  border-color: #3d9ecf;
}

.ie8 .dark .nav-main li.is-selected a {
  color: #111111;
  border-color: #3d9ecf;
}

.ie8 .nav-main .nav-right {
  float: right;
  margin-top: 8px;
}

.ie8 .nav-main .nav-right > li {
  text-indent: 0;
  height: auto;
  width: auto;
  display: inline-block;
}

.ie8 .nav-main li.twitter {
  margin-left: 2em;
}

.ie8 .nav-main li.rss {
  margin-left: 0;
}

.ie8 .nav-main li.nav-sub a {
  font-size: .875em;
  font-family: "jaf-facitweb", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
  text-decoration: none;
  text-transform: none;
  border-bottom: 0;
  position: relative;
  top: -3px;
  display: inline-block;
}

.ie8 .nav-main li.nav-sub a:hover,
.ie8 .nav-main li.nav-sub a:active {
  color: #111111;
}

.ie8 .nav-sub:after {
  color: #b2b2b2;
  content: "\2022";
  margin: 0 1em;
  font-weight: 100;
  position: relative;
  top: -3px;
  opacity: .5;
}

.ie8 .nav-sub:last-child::after {
  content: "";
  margin: 0;
}

.ie8 .nav-sub > li:last-child {
  margin-top: 3px;
}