@charset "UTF-8";
/* CSS Document */
/******* Created by Soyoung Date on May 17, 2013 *******/

/* min width */
@media all and (min-width: 41.94em) {
   .section #logo, .article #logo {
      width: 130px;
      height: 40px;
      top: 23px;
      left: 50%;
      margin-left: -65px;
   }
   .section #logo a, .article #logo a {
      background-image: url('https://ds4mo3j6nz9nb.cloudfront.net/views/images/logo-m.png');
   }
}
@media screen and (min-width: 48em) {
  #site-nav { display: block !important; }
  .cbp-hrmenu > ul { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: center; box-align: center; }
  .no-flexbox .cbp-hrmenu > ul { text-align: justify; line-height: 0; margin-bottom: -5px; }
  .no-flexbox .cbp-hrmenu > ul:after { content: ""; width: 100%; display: inline-block; }
  .no-flexbox .cbp-hrmenu > ul > li { line-height: 1; display: inline-block; }
}

/* max width */
@media all and (max-width: 72.5em) {
   header, #subheadline, #content-body, #footer-ad, footer {
      padding:0 10px;
   }
   .primary-links {
      padding-left:0;
   }
   .primary-links li {
       padding:0 7px;
   }
   #content-body {
      max-width:100%;
   }
   .constrain {
      max-width:100%;
   }
   .sidebar {
      max-width: 300px;
   }
   #sidebar-ad {
      padding:0;
      background:none;
   }
   .main-content {
      max-width: 70%;
   }
   .section .main-content {
      max-width: 71%;
   }
   .content-list {
      width: 35%;
      max-width: 35%;
   }
   .section .content-list {
      max-width: 36%;
      width: 36%;
   }
   .main {
      width: 61%;
      max-width: 61%;
   }
   .section .main {
      max-width: 62%;
      width: 62%;
   }
   #below-belt .constrain {
      padding:0 10px;
   }
   #below-belt .inside {
      width:88%;
   }
   #below-belt .more {
      width:12%;
   }
   .article #sidebar-ad {
      padding: 0;
   }
   .article .main-content {
      width:70%;
      max-width:70%;
   }
}
@media all and (max-width: 70em) {
   .content-list {
      width: 36%;
      max-width: 36%;
      margin-right:0;
   }
   .main-belt .picture {
       height: 100px;
   }
   #emailBox input[type="text"] {
      width: 74%;
   }
  .cbp-hrmenu ul { padding-left:0; }
}
@media all and (max-width: 67.5em) {
   .main-content {
      width: 68%;
      max-width: 68%;
   }
   .main {
       width: 60%;
      max-width: 60%;
   }
   .primary-video {
      width: 56%;
      max-width: 56%;
   }
   .secondary-videos {
      width: 41%;
      max-width: 41%;
   }
   .section-primary-article {
      width: 100%;
      max-width: 100%;
   }
   .section-secondary-article {
      width: 47%;
      max-width: 47%;
   }
   .section-secondary-article .picture {
      width: 48%;
      max-width: 48%;
      height: auto;
   }
   .main-belt ul li {
      width: 31.4%;
      margin-right: 20px;
   }
   .article .main-content {
      width:68%;
      max-width:68%;
   }
   .full-article figure {
      width:100%;
      max-width:100%;
   }
   #emailBox input[type="text"] {
      width: 71%;
   }
}
@media all and (max-width: 65em) {
   .main-content {
      width: 67%;
      max-width:67%;
   }
   .main-belt ul li {
      width: 31.3%;
   }
   .secondary-videos .picture {
      height: 78px;
   }
   .article .main-content {
      width: 67%;
      max-width:67%;
   }
}
@media all and (max-width: 63.13em) {
   .main-content {
      width: 66%;
      max-width:66%;
   }
   .main-belt ul li {
      width: 31.2%;
   }
   .secondary-videos .picture {
      height: 66px;
   }
   .article .main-content {
      width: 66%;
      max-width:66%;
   }
   .make-homepage { display: none; }
}
@media all and (max-width: 62.5em) {
   .main-content {
      width: 65.5%;
      max-width: 65.5%;
   }
   .main-belt ul li {
      width: 31.2%;
   }
   .secondary-videos .picture {
      height: 72px;
   }
   .article .main-content {
      width: 65.5%;
      max-width: 65.5%;
   }
}
@media (max-width: 61.88em) {
   #site-search { width: 120px; }
   .main-content {
      width: 65%;
      max-width: 65%;
   }
   .main {
      width: 64%;
      max-width: 64%;
   }
   .content-list {
      width: 33%;
      max-width: 33%;
   }
   .primary-links li {
      padding: 0 30px;
   }
   .primary-links li.primary-link:nth-last-child(2), .primary-links li.primary-link:nth-last-child(3), .primary-links li.primary-link:nth-last-child(4), .primary-links li.primary-link:nth-last-child(5), .primary-links li.primary-link:nth-last-child(6), .primary-links li.primary-link:nth-last-child(7) {
       display: none;
   }
   ul.primary-links li.more {
      display: table-cell;
      position:relative;
   }
   ul.more-links {
      position: absolute;
      top: 40px;
      width: 160px;
      z-index: 1;
      background:#fcfcfc;
   }
   ul.more-links li {
      display: list-item;
      padding:14px 0;
      border-bottom: 1px solid #E2E2E2;
      border-top: 1px solid #FFFFFF;
   }
   ul.more-links li a {
      padding:0 15px;
   }
   .footer-nav ul li {
      font-size: 0.85em;
      padding: 0 9px;
      text-transform:none;
   }
   .main-belt ul li {
      width: 31%;
   }
   .secondary-videos .picture {
      height: 68px;
   }
   #below-belt .picture {
      height: 130px;
   }
   .article .main-content {
      width: 65%;
      max-width: 65%;
   }
   #emailBox input[type="text"] {
      width: 66%;
   }
}
@media all and (max-width: 57.5em) {
   .main-content {
      width: 64%;
      max-width: 64%;
   }
   .primary-links li {
      padding: 0 19px;
   }
   #subheadline ul li {
      font-size:0.8em;
      padding:0 8px;
   }
   .ct-home {
      display:none;
   }
   .main-belt ul li {
      width: 30.9%;
   }
   .secondary-videos .picture {
      height: 65px;
   }
   #below-belt .picture {
      height: 125px;
   }
   .article .main-content {
      width: 64%;
      max-width: 64%;
   }
   #emailBox input[type="text"] {
      width: 63%;
   }
}
@media all and (max-width: 55em) {
  .cbp-hrmenu > ul > li:first-child { display:none; }
  #site-search input[type="text"] {
   padding: 2px 3px 2px 22px;
  }
  #site-search input[type="submit"] {
   padding: 0 8px;
  }
   .main-content {
      width: 62%;
      max-width: 62%;
   }
   .main-belt ul li {
      width: 30.7%;
   }
   .secondary-videos .picture {
      height: 58px;
   }
   #below-belt .picture {
      height: 123px;
   }
   .article .main-content {
      width: 62%;
      max-width: 62%;
   }
   .email-alerts {
      width: 30%;
   }
   #emailBox input[type="text"] {
      width: 53%;
   }
}
@media all and (max-width: 53.13em) {
  #site-search { width: 80px; }
   #social-static {
      display:none;
   }
   .main-content {
       width: 100%;
      max-width: 100%;
   }
   .section .main-content {
      max-width: 100%;
   }
   .lead-content {
      width:100%;
   }
   .main {
      width: 68%;
      max-width: 68%;
   }
   .content-list {
      width: 30%;
      max-width: 30%;
   }
   .main-belt {
      width:100%;
   }
   .below-lead {
      width:100%;
      margin-bottom: 0;
   }
   .primary-video {
      width: 50%;
      max-width: 50%;
   }
   .secondary-videos .picture {
      height: 74px;
   }
   .secondary-videos ul li {
      height: 136px;
   }
   .section-primary-article {
      width: 47%;
      max-width: 47%;
   }
   .sidebar {
      width:100%;
      max-width:100%;
   }
   .footer-nav ul li {
      font-size: 0.8em;
      padding: 0 7px;
   }
   .main-belt .picture {
       height: 100px;
   }
   .main-belt ul li {
      width: 31.5%;
   }
   #below-belt .picture {
      height: 115px;
   }
   #below-belt .more h3.section-title {
      margin: 0 0 8px;
   }
   .wp-paginate {
      margin-top: 10px;
      margin-bottom: 40px;
   }
   .article .main-content {
      width: 100%;
      max-width: 100%;
   }
   #below-belt .constrain {
      height: auto;
   }
   #below-belt .inside {
      width: 100%;
      border-right: 0;
   }
   #below-belt .more {
      width: 100%;
      height: auto;
      border-left: 0;
      padding-left: 0;
      padding-top:12px;
      padding-bottom:20px;
   }
   #below-belt .more ul {
      width: 100%;
   }
   #below-belt .more ul li {
      display: inline;
      padding: 0 6px;
      font-size: 0.8em;
   }

   #below-belt .more ul li:first-child {
      padding-left: 0;
   }
   #below-belt .more ul li:last-child {
      padding-right: 0;
   }
   #below-belt .constrain {
      padding: 0 10%;
   }
   #below-belt ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom:15px;
   }
   #below-belt .picture {
      height:auto;
      margin-bottom: 5px;
   }
   #emailBox input[type="text"] {
      width:68%;
   }
}
@media all and (max-width: 48.13em) {
   .footer-nav ul li {
      font-size: 0.75em;
      padding: 0 5px;
   }
   .main-belt .picture {
       height: 86px;
   }
   .main-belt ul li {
      width: 31.3%;
   }
   #below-belt .picture {
      height: 105px;
   }
   .header-ad {
      display:none;
   }
   .footer-ad {
      display:none;
   }
   #emailBox input[type="text"] {
      width:65%;
   }
}
@media all and (max-width: 43.75em) {
   .primary-links li {
      padding: 0 15px;
   }
   .footer-nav ul li {
      font-size: 0.7em;
      padding: 0 5px;
   }
   .main-belt ul li {
      width: 31.2%;
   }
   .secondary-videos .picture {
      height: 72px;
   }
   .main-bottom-belt ul {
      padding: 18px 2% 18px;
   }
   .main-bottom-belt ul li {
      width: 22.5%;
   }
   .article-col .banner-300 {
      /* display:none; */
   }
   #below-belt .picture {
      height: 92px;
   }
   .outbrain {
      margin-bottom:10px;
   }

   #emailBox input[type="text"] {
      width: 62%;
   }
}
@media all and (max-width: 47.94em) {
  #site-nav {
    background:none;
    top: 110px;
    display:none;
  }
  .social-menu {
   display:block;
  }
  .cbp-hrmenu {
   font-size: 120%;
   border: none;
   width: 100%;
   padding: 0;
  }
  .cbp-hrmenu .cbp-hrsub {
   border-width: 0;
  }
  .cbp-hrmenu ul {
   height: auto;
  }
  .cbp-hrmenu > ul,
  .cbp-hrmenu .cbp-hrsub-inner {
   width: 100%;
   padding: 0;
  }

  .cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover {
   border-width: 0;
   border-bottom: 1px solid #E2E2E2;
   border-top: 1px solid #FFFFFF;
   height: auto;
  }

  .cbp-hrmenu .cbp-hrsub-inner {
  font-size: 75%;
  }
  .cbp-hrmenu > ul > li.cbp-hropen > .cbp-hrsub > .cbp-hrsub-inner a {
   display: block;
   padding: 12px 10px;
  }
  .cbp-hrmenu .cbp-hrsub-inner li {
   display: list-item;
   font-size:1.2em;
   padding: 0;
  }
   .cbp-hrmenu > ul > li {
   display: block;
   background:#f9f9f9;
   border-bottom: 1px solid #E2E2E2;
   border-top: 1px solid #FFFFFF;
   }

   .cbp-hrmenu > ul > li > a {
   display: block;
   padding: 1em;
   }

   .cbp-hrmenu .cbp-hrsub {
   position: relative;
   top: 0;
   padding-left:20px;
   }

   .cbp-hrsub h4 {
   padding-top: 0.6em;
   }

  .cbp-hrmenu > ul > li.social {
   background: #B91418;
   border-bottom: 1px solid #E2E2E2;
   border-top: 1px solid #FFFFFF;
   display: block;
  }
  .cbp-hrmenu > ul > li.account {
   background: #999;
   border-bottom: 1px solid #E2E2E2;
   border-top: 1px solid #FFFFFF;
   display: block;
  }
  #site-search {
   display:block;
   background:#2A2F32;
   height: auto;
   padding: 8px 12px;
   width: 100%;
   border-left: 0;
   float: none;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
  }
  #site-search form {
   border-left-width: 0;
  }
  #site-search input[type="text"] {
   background: url("../images/icon-search.png") no-repeat 99% center #FFFFFF;
   border:none;
   border-radius: 2px;
   display: block;
   font-size: 14px;
   margin: 4px 0 1px;
   outline:none;
   padding: 7px 30px 5px 20px;
   width: 100%;
  }
  #site-search input[type="submit"] {
   background: none;
  }
   .home #logo {
      height:30px;
      margin-left:0;
      position: static;
      clear: both;
      padding-top: 15px;
   }
   #logo a {
      background-size: contain;
   }
   #site-header .updated {
      position: static;
      margin: 10px auto 10px 0;
   }
   .section .updated, .article .updated {
      display:none;
   }
   #site-header .site-title {
      left: 0;
      right:auto;
      font-size:2.2em;
      top:58px;
   }
   #header-top .account {
      display:none;
   }
   #header-top .top-nav ul li:first-child {
      border-left: 0;
   }
   #header-top .top-nav ul li:first-child a {
      padding-left: 0;
   }
   #social-links {
      display:none;
   }
   #content-body { padding-top: 20px; }
   .article #content-body, .section #content-body { padding-top: 90px; }
   #footer-ad {
      display:none;
   }
   #subheadline {
      display:none;
   }
   .text {
      display:none;
   }
   h3.section-title {
      text-align:center;
   }
   .main {
      width: 100%;
      max-width: 100%;
   }
   .section .main {
      width: 100%;
      max-width: 100%;
   }
   .lead-content .main h3.section-title {
      display:block;
   }
   .primary-lead-area .picture {
      height: auto;
   }
   .main .secondary-lead-area li:last-child {
       display: none;
   }
   .content-list {
      width: 100%;
      max-width: 100%;
      border-right: 0;
      padding-right: 0;
      border-top: 1px solid #dbdbdb;
   }
   .section .content-list {
      width: 100%;
      max-width: 100%;
      border-left: 0;
      padding-left: 0;
   }
   .primary-article h1 {
      font-size: 1.05em;
      font-weight: bold;
      line-height: 1.1em;
      margin-bottom: 8px;
   }
   .main-belt {
      margin-bottom: 0;
   }
   .main-belt ul li {
      width: 100%;
      max-width: 100%;
      padding-right: 0;
      padding-bottom:17px;
   }
   .main-belt h3.section-title {
      padding: 6px 0;
   }
   .main-belt .picture {
      height:auto;
   }
   .primary-article {
      padding: 12px 0;
   }
   .primary-article .picture {
      height:auto;
   }
   #videos-list {
      border-bottom: 0;
   }
   #videos-list h3.section-title {
      padding: 6px 0;
   }
   .primary-video {
      width: 100%;
      max-width: 100%;
      padding-bottom:15px;
   }
   .primary-video .picture {
      height:auto;
   }
   .secondary-videos {
      width: 100%;
      max-width: 100%;
   }
   .secondary-videos ul li {
      height: 158px;
   }
   .secondary-videos .picture {
      max-width: 100%;
      height: 110px;
   }
   #main-article-list ul li.article-list {
      border-top: 0;
   }
   #main-article-list .secondary-lead-area {
      padding: 10px 0;
   }
   #main-article-list .secondary-lead-area h3.section-title {
      padding: 6px 0;
      border-top: 1px solid #bebebe;
      border-bottom: 1px solid #bebebe;
   }
   #main-article-list .secondary-lead-area .top-stories .picture {
      max-width: 100%;
      height: auto;
   }
   .secondary-lead-area .top-stories h2 {

      width: calc(100% - 115px);
      float: right;
   }
   .no-csscalc .secondary-lead-area .top-stories li {
      padding-left: 115px;
   }
   #section-article-list .top-stories li {
      overflow: visible;
   }
   #section-article-list .top-stories h2 {
      width: auto;
      float: none;
   }
   #section-article-list .top-stories article {
      float: none;
      width: 100%;
   }
   #section-article-list .top-stories figure {
      float: left;
      max-width: 150px;
      margin-right: 15px;
   }
   #section-article-list .top-stories .txt-group {
      overflow: visible;
   }
   .secondary-lead-area .top-stories article {
      clear: none;
      overflow: visible;
      clear: none;
      float: left;
      margin-right: 0;
   }
   .no-csscalc .secondary-lead-area .top-stories article {
      margin-left: -115px;
      width: 95px;
      margin-right: 20px;
   }
   .no-csscalc #section-article-list .top-stories article {
      margin-left: 0;
   }
   .secondary-lead-area .top-stories .picture {
      max-width: 100%;
      height: auto;
      margin-right: 0;
      overflow: visible;
   }
   .secondary-lead-area .top-stories .txt-group {
      display: none;
   }
   .section .below-lead .secondary-lead-area .top-stories .txt-group {
      display: block;
   }
   #main-article-list ul li.article-list {
      padding: 5px 0 10px;
   }
   #main-article-list .secondary-lead-area.fl {
      width: 100%;
      padding-right: 0;
      border-right: 0;
   }
   #main-article-list .secondary-lead-area.fr {
      width: 100%;
   }
   #main-article-list .secondary-lead-area .top-stories li:last-child, #main-article-list .secondary-lead-area .top-stories li:nth-last-child(2) {
      display:none;
   }
   .section-primary-article {
      width: 100%;
      max-width: 100%;
      border-bottom: 1px solid #dbdbdb;
      padding-bottom:10px;
   }
   .section-primary-article .picture {
      height:auto;
   }
   .section-secondary-article {
      width: 100%;
      max-width: 100%;
   }
   .section-secondary-article ul li:first-child {
      padding: 10px 0;
   }
   .section-secondary-article ul li:last-child {
      display:none;
   }
   .section-secondary-article ul li:nth-last-child(2) {
      border-bottom:0;
   }
   .section-secondary-article .picture {
      display:none;
   }
   .main-bottom-belt ul {
      padding: 20px 0;
   }
   .main-bottom-belt ul li {
      width: 100%;
      margin-right: 0;
      padding-bottom: 15px;
   }
   .main-bottom-belt .picture {
      float: left;
      margin-right: 15px;
      width: auto;
      height: auto;
   }
   .main-bottom-belt h2 { float: none; }
   #site-header { height:auto; }
   #header-top .updated {
      margin-left:0;
      left:2px;
      top:67px;
   }
   #site-header .expansion-toggle {
      display: block;
      position: absolute;
      width: 26px;
      height: 17px;
      top: 10px;
      right: 0;
      cursor: pointer;
   }
   #site-search {
      margin:0;
   }
   .cbp-hrmenu {
      padding:0;
   }
   #mobile-nav {
      display: block;
      opacity: 1;
       width: 100%;
      text-align: left;
   }
   #mobile-nav dt {
      font-size:1em;
      position:relative;
      background:#F9F9F9;
   }
   #mobile-nav dt a {
      display: block;
      color:#303030;
      padding:8px 0 8px 30px;
      border-bottom: 1px solid #E2E2E2;
      border-top: 1px solid #FFFFFF;
   }
   #mobile-nav dt.social {
      background:#b91418;
   }
   #mobile-nav dt.social a {
      color:#fff;
   }
   #mobile-nav dt.account {
      background: #999;
   }
   #mobile-nav dt.account a {
      color:#f9f9f9;
   }
   #mobile-nav a:hover {
      color:#2368b2;
   }
   #mobile-nav .mobile-search {
       background:#2A2F32;
       height: auto;
       padding: 8px 12px;
   }
   .mobile-search input[type="text"] {
       background: url("../images/icon-search.png") no-repeat 99% center #FFFFFF;
       border:none;
       border-radius: 2px;
       display: block;
       font-size: 14px;
       margin: 4px 0 1px;
       outline:none;
       padding: 7px 30px 5px 20px;
       width: 100%;
   }
   #below-belt .inside ul li {
      width: 100%;
      padding-right: 0;
      height: auto;
   }
   #below-belt .more ul {
      text-align: center;
   }
   #below-belt .picture {
      height: auto;
   }
   .footer-ad {
      display:none;
   }
   .footer-nav {
      display:none;
   }
   .copyright {
      float:none;
      text-align:center;
   }
   .email-alerts {
      width: 100%;
      margin-top:20px;
   }
   #emailBox input[type="text"] {
      width: 82%;
   }
   .pic-arrow span {
      padding: 3px 5px;
   }
   .pic-num li {
      padding: 5px 8px;
   }
   .outbrain-box {
      max-width:100%;
      padding:0 15px 30px;
   }
   .article-body .content-list {
      display:none;
   }
   .tabs {
      display:none;
   }
}
@media screen and (max-width: 36em) {
   .cbp-hrmenu .cbp-hrsub-inner > div {
   width: 100%;
   float: none;
   padding: 0 2em;
   }
}
@media all and (max-width: 29.94em) {
   #content-body, #footer-ad, footer {
      padding-left: 10px;
      padding-right: 10px;
   }
   .secondary-videos ul li {
      height: 132px;
   }
   .secondary-videos .picture {
      height: 100px;
   }
   .sidebar {
      padding: 0;
   }

   .copyright {
      margin:0;
   }
}