#mainhead .share-anchor {
  position: absolute !important;
  margin: 14px 0 0 290px; }

#container {
  width: 100%;
  height: 100%; }
  #container #titlepage {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat; }
    #container #titlepage .downarrow {
      position: absolute;
      top: 90%;
      width: 100%;
      height: 10%; }
      #container #titlepage .downarrow img {
        display: block;
        position: relative;
        width: 3%;
        margin: 0 auto;
        cursor: pointer; }
    #container #titlepage #header-bg {
      margin-left: 10%;
      width: 50%;
      height: 100%;
      background-color: rgba(90, 90, 90, 0.4); }
      #container #titlepage #header-bg header {
        position: relative;
        padding: 20% 20px 0 20px;
        color: white;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
        #container #titlepage #header-bg header #articletitle {
          font-size: 3em; }
        #container #titlepage #header-bg header #feature-series a, #container #titlepage #header-bg header .series {
          color: white !important; }
        #container #titlepage #header-bg header .authortile {
          display: block;
          position: relative;
          float: left;
          margin-right: 15px;
          margin-bottom: 0;
          border-bottom: 1px solid white;
          font-size: 11pt;
          color: white; }
        #container #titlepage #header-bg header .authortile:hover {
          text-shadow: 0px 1px 1px rgba(0, 0, 255, 0.9); }
        #container #titlepage #header-bg header .authortile .authortext {
          float: right; }
        #container #titlepage #header-bg header .articleauthor {
          font-family: myriad-pro,helvetica,arial;
          font-weight: bold;
          text-transform: uppercase;
          padding-bottom: 0; }
        #container #titlepage #header-bg header .articleauthorjob {
          font-family: myriad-pro,helvetica,arial;
          font-weight: normal;
          text-transform: uppercase;
          padding-bottom: 5px; }
        #container #titlepage #header-bg header .authortile .delete {
          position: absolute;
          left: -9px;
          top: -7px;
          display: none; }
        #container #titlepage #header-bg header .authortile:hover .delete, #container #titlepage #header-bg header .authortile .delete:hover {
          display: inherit; }
        #container #titlepage #header-bg header .authortile .delete:hover {
          color: red;
          cursor: pointer; }
        #container #titlepage #header-bg header #authorblock .opinion-notice {
          font-family: myriad-pro,helvetica,arial;
          font-style: italic;
          margin-bottom: 15px; }
        #container #titlepage #header-bg header #authorblock .opinion-icon {
          display: block;
          float: left;
          margin-right: 3px; }
        #container #titlepage #header-bg header .bonus .articleauthor, #container #titlepage #header-bg header .bonus .articleauthorjob {
          text-transform: none !important;
          padding: 0 !important;
          min-width: 110px; }
        #container #titlepage #header-bg header .articledate {
          clear: left;
          font-size: 11pt;
          font-family: myriad-pro,helvetica,arial; }
  #container #mainstory {
    max-width: 825px;
    margin: 75px auto 25px auto;
    padding: 0 !important;
    position: relative;
    display: block; }
    #container #mainstory .sidebar-shim {
      width: 100%;
      height: 0;
      display: block; }
    #container #mainstory .sidebar {
      position: absolute;
      display: block; }
    #container #mainstory #bonus-bar {
      top: 100px;
      width: 48px;
      border: 1px solid black;
      border-right: 0;
      z-index: 99;
      background-color: white;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: -1px 0px 1px 0px rgba(50, 50, 50, 0.5);
      -ms-box-shadow: -1px 0px 1px 0px rgba(50, 50, 50, 0.5);
      -moz-box-shadow: -1px 0px 1px 0px rgba(50, 50, 50, 0.5);
      -o-box-shadow: -1px 0px 1px 0px rgba(50, 50, 50, 0.5);
      box-shadow: -1px 0px 1px 0px rgba(50, 50, 50, 0.5); }
      #container #mainstory #bonus-bar .bonus-action {
        margin: 4px;
        width: 40px;
        height: 40px;
        cursor: pointer; }
      #container #mainstory #bonus-bar .bonus-action:hover {
        margin: 3px;
        width: 42px;
        height: 42px; }
    #container #mainstory #nav-bar {
      top: 0px; }
    #container #mainstory .articlebody h3, #container #mainstory figure#contents h3 {
      font-size: 19pt;
      font-variant: small-caps;
      margin: 0.7em 0;
      clear: left; }
    #container #mainstory .articlebody p {
      font-size: 14pt; }
    #container #mainstory .articlebody .firstpar {
      font-size: 150%; }
    #container #mainstory .articlebody .attachment {
      margin-bottom: 28px;
      z-index: 10;
      max-height: 550px; }
    #container #mainstory .articlebody .pullquote {
      width: 80%;
      margin: 0 auto;
      position: relative; }
      #container #mainstory .articlebody .pullquote .quote {
        font-size: 19pt !important; }
      #container #mainstory .articlebody .pullquote .credit {
        text-align: right;
        font-style: italic; }
    #container #mainstory .articlebody .photo {
      margin-bottom: 45px; }
      #container #mainstory .articlebody .photo img {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        display: block; }
      #container #mainstory .articlebody .photo .photocaption, #container #mainstory .articlebody .photo .photocredit {
        font-size: 14px;
        line-height: 1;
        font-family: myriad-pro,helvetica,arial;
        margin-bottom: 5px; }
      #container #mainstory .articlebody .photo .photocredit {
        text-align: right; }
      #container #mainstory .articlebody .photo .photocredit a {
        color: grey; }

/* FOR SMARTPHONES (read: iPhones) */
@media all and (max-width: 480px) {
  #container #mainstory {
    margin: 0 10px !important; }
  #container #titlepage #header-bg {
    margin: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0); }
    #container #titlepage #header-bg header {
      top: 30px;
      padding: 20px;
      background-color: rgba(50, 50, 50, 0.5); }
    #container #titlepage #header-bg #series {
      font-size: 12pt !important; }
    #container #titlepage #header-bg #articletitle {
      font-size: 22pt !important; }
    #container #titlepage #header-bg #articlesubtitle {
      font-size: 14pt !important; } }