/* Compilation result of stickynav on Mon Aug 15 18:59:32 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nav {
  font-size: 16px;
}
.nav .topic-nav {
  color: #fff;
  background-color: transparent;
  width: 100%;
  max-width: 1145px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* Borrowed from foundation so that we can use this stickynav across 2 different grid implementations */

}
body.cheat .nav .topic-nav {
  max-width: 1118px;
  left: 13px;
}
.nav .topic-nav a {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  display: inline-block;
  color: #02141f;
  line-height: 50px;
  text-transform: uppercase;
  white-space: nowrap;
}
.nav .topic-nav a:hover {
  color: #02141f;
}
.nav .topic-nav li + li a:after {
  display: block;
  content: '';
  border-bottom: solid 1px #F00606;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  position: relative;
  bottom: 15px;
  margin-left: -1px;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.nav .topic-nav li + li a:hover:after {
  -webkit-transform: scaleX(1.05);
  -ms-transform: scaleX(1.05);
  transform: scaleX(1.05);
}
.nav .topic-nav li {
  float: left;
  position: relative;
  padding: 0 9px;
  margin: 0 0 0 5px;
}
.nav .topic-nav li:nth-child(2) {
  margin-left: 15px;
}
.nav .topic-nav li:before {
  content: '';
  padding-right: 0;
}
.nav .topic-nav li.active {
  position: relative;
}
.nav .topic-nav li.active:after {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 0;
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #f00606;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
}
.nav .topic-nav li.tdb-home {
  margin: 0;
  padding: 0;
}
.nav .topic-nav li.tdb-home a {
  display: block;
  width: 50px;
  height: 50px;
  background: url('/etc/clientlibs/dailybeast2/img/logo.svg') no-repeat;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-indent: -9999em;
}
.nav .topic-nav li.brandX a {
  color: #6182c2;
}
.nav .topic-nav li.active a,
.nav .topic-nav li:hover a {
  color: #f00606;
  transition: color 0.3s;
}
@media only screen and (max-width: 1144px) {
  .nav .topic-nav {
    max-width: 950px;
  }
}
.nav.nav-two {
  width: 100%;
  margin-top: 0;
  background-color: #fff;
}
.nav.nav-two.sticky {
  position: fixed;
  top: 0;
  opacity: 1;
  left: 0;
  z-index: 10000;
}
.nav.nav-two.sticky-hidden {
  position: absolute;
  top: -33px;
  opacity: 0;
}

/* Compilation result of socialsearch on Mon Aug 15 18:59:32 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* BEGIN Social - Search */
.header .header-social-search {
  position: absolute;
  right: 0;
  max-width: 700px;
  width: auto;
  font-size: 16px;
  z-index: 100;
}
.header .header-social-search .header-search-form {
  float: left;
  margin: 3px 0 0 0;
  height: 36px;
}
.header .header-social-search .header-search-form input,
.header .header-social-search .header-search-form button {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
.header .header-social-search .header-search-form button {
  float: right;
}
.header .header-social-search .header-search-form .search-input {
  width: 0px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 2em;
  cursor: pointer;
  font-size: .7em;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #b4b4b4;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.header .header-social-search .header-search-form:hover .search-submit {
  color: #000000;
}
.header .header-social-search .header-search-form.active .search-input {
  width: 11em;
  padding: 0 .5em;
  cursor: text;
  background-color: transparent;
  border-color: #000000;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.header .header-social-search .header-search-form.active .search-submit {
  color: #000000;
}
.header .header-social-search .header-search-form .search-submit {
  color: #b4b4b4;
  border: none;
  font-size: 1.5em;
  background: transparent;
  line-height: 1;
  margin: 0;
  padding: .2em;
  vertical-align: top;
}
.header .header-social-search .header-social {
  float: left;
  text-align: right;
  /*
            Because this is shared with the OLD dailybeast code, put this shim in place
            to use the right icon font
            */

}
.header .header-social-search .header-social li {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0.1em;
}
.header .header-social-search .header-social li a {
  color: #b4b4b4;
}
.header .header-social-search .header-social li a:hover {
  color: #000000;
}
.header .header-social-search .header-social a.icon-twitter:before {
  font-family: 'dailybeast-icon-font';
  content: "\e001";
}
.header .header-social-search .header-social a.icon-search:before {
  font-family: 'dailybeast-icon-font';
  content: "\e002";
}
.header .header-social-search .header-social a.icon-facebook:before {
  font-family: 'dailybeast-icon-font';
  content: "\e006";
}
.header.header-1 .header-social-search .header-social {
  margin: 5px -3px 0 0;
  font-size: 1.8em;
}
.header.header-1 .header-social-search .header-search-form .search-input {
  margin-top: 5px;
}
.header.header-2 .header-social-search .header-social {
  margin: 0;
  font-size: 2em;
}
.header.header-2 .header-social-search .header-social li {
  line-height: 1.5;
  padding: 0;
}
.header.header-2 .header-social-search .search-submit {
  font-size: 1.3em;
  padding: .1em;
  color: #b2b2b2;
}
.header.homenav .header-social-search {
  top: 20px;
  right: -5px;
}
.header.homenav .header-social-search .header-social {
  margin: 0;
}
.header.homenav .header-social-search .header-social li {
  padding: 0;
  margin-left: 15px;
  float: left;
}
.header.homenav .header-social-search .header-social li.twitter {
  font-size: 1.4em;
  margin-top: 1px;
}
.header.homenav .header-social-search .header-social li.facebook {
  font-size: 1.2em;
  margin-top: 2px;
}
.header.homenav .header-social-search .header-social li a:hover {
  color: #ffffff;
}
.header.homenav .header-social-search .header-search-form {
  margin: 0 0 0 0;
}
.header.homenav .header-social-search .header-search-form.active .search-input {
  border-color: #ffffff;
}
.header.homenav .header-social-search .header-search-form.active .search-submit {
  color: #ffffff;
}
.header.homenav .header-social-search .header-search-form .search-input {
  border-bottom: 1px solid #b2b2b2;
  color: #ffffff;
}
.header.homenav .header-social-search .header-search-form .search-submit {
  font-size: 1.7em;
  padding: 0;
  color: #b2b2b2;
}
.header.homenav .header-social-search .header-search-form .search-submit:hover {
  color: #ffffff;
}
.header .social-search .header-search-form {
  margin: 10px 0 0;
  height: 40px;
}
.header .social-search .header-search-form .search-submit {
  height: 25px;
  width: 25px;
  background: url('/etc/clientlibs/dailybeast2/img/search.svg') no-repeat;
  padding: 0;
}
.header .social-search .header-social li {
  float: left;
  margin: 10px 0 0;
  height: 40px;
  width: 40px;
}
.header .social-search .header-social li:hover {
  background-color: transparent;
}
.header .social-search .header-social li a {
  float: right;
  width: 25px;
  height: 25px;
  display: block;
  margin: 0;
}
.header .social-search .header-social .facebook a {
  background: url('/etc/clientlibs/dailybeast2/img/facebook.svg') no-repeat;
}
.header .social-search .header-social .twitter a {
  background: url('/etc/clientlibs/dailybeast2/img/twitter.svg') no-repeat;
}
.header .social-search .header-social .search {
  margin-right: 15px;
}
.header .social-search .header-social .search a {
  background: url('/etc/clientlibs/dailybeast2/img/search.svg') no-repeat;
}
/* END Social - Search */
/* Compilation result of footer on Mon Aug 15 18:59:22 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
 * Footer
*/
.page-wrap {
  min-height: 100%;
  margin-bottom: -306px;
}
.page-wrap:after {
  content: '';
  display: block;
}
.page-wrap:after {
  height: 306px;
}
.footer {
  height: 226px;
  padding: 0;
  position: relative;
  width: 100%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.footer .container {
  display: table;
  width: 100%;
}
.footer .footer-left {
  display: table-cell;
  height: 100%;
  background-color: #FF2E23;
}
.footer .footer-content {
  display: table-cell;
  width: 1145px;
  background-color: #000000;
  font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 2px;
  padding: 50px;
}
.dailybeast1 .footer .footer-content {
  width: 1045px;
}
.footer .footer-content .first-column {
  display: inline-block;
  margin-right: 60px;
}
.footer .footer-content .second-column {
  display: inline-block;
  vertical-align: top;
}
.footer .footer-content .second-column li {
  line-height: 1.2;
}
.footer .footer-content .first-column a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  display: inline;
}
.footer .footer-content .second-column a {
  color: #7F878D;
  font-size: 14px;
  display: inline;
}
.footer .footer-right {
  display: table-cell;
  height: 100%;
  background-color: #000000;
}
.second-column .copyright {
  color: #7F878D;
  font-size: 09px;
  margin-top: 26px;
}
@media only screen and (max-width: 1145px) {
  footer.footer {
    position: absolute !important;
    left: 0px;
    min-width: 950px;
  }
  .collegerankings-page footer.footer {
    min-width: 996px;
  }
}

/* Compilation result of disclaimer on Mon Aug 15 18:59:33 UTC 2016 */

/* Typography section */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.disclaimer {
  color: #a7afb3;
  font-size: 13px;
  font-family: "ScoutBold", "Arial Narrow", Arial, sans-serif;
  line-height: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background-color: #eee;
  padding: 20px 70px 20px;
  text-align: center;
  clear: both;
}

/**
 * Reset
 *
 * @section reset
 * @see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * @see http://html5doctor.com/html-5-reset-stylesheet/
 * @version 1.6.1
 * @date 2010-09-17
 * @author Eric Meyer & Richard Clark
 *
 */

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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
}

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

blockquote, q { quotes: none; }

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

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity. */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #333;
  /* Set your base font here, to apply evenly. */
  font-family: Arial, sans-serif;
}

/* Headers (h1, h2, etc) have no default font-size or margin. Define those yourself. */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/* Always force a scrollbar in non-IE: */
html { overflow-y: scroll; }


/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a { cursor: pointer; }
a { color: #000; }
a { background-color: transparent; }
a:active, a:visited { color: inherit; }
a:hover { color: #ee3224; }

.dark a, .dark a:active, .dark a:visited { color: #fff; }
.dark a:hover { color: #fff; }


ul, ol { margin-left: 0; list-style: none outside none; }
/* ol { list-style-type: decimal; } */

/* Remove margins for navigation lists. */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

.header .nav .topic-nav ul{
    float: left;
}

small { font-size: 11px; }
strong, th, b { font-weight: bold; }
em, i { font-style: italic; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements. */
input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements. */
button, input, select, textarea { margin: 0; }

/* Colors for form validity. */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection{ background: #444; color:#fff; text-shadow: none; }
::selection { background:#444; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
/*a:link { -webkit-tap-highlight-color: #ee3224; }*/

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

a{ text-decoration: none; }


/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For text alignment */
.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

/* For image replacement. */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Hide visually and from screenreaders, but maintain layout. */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
/**
 * Grid
 *
 * @section grid
 * @see http://www.spry-soft.com/grids/
 * @see http://960.gs/
 * @note Based on 960 Grid System
 * @license GPL and MIT
 *
 */


/**
 * Fixed Grid
 *
 * @subsection fixed grid
 */

/* Containers
----------------------------------------------------------------------------------------------------*/
.container-16 {
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    width: 976px;
    clear:both;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
}

/* Grid >> Children
----------------------------------------------------------------------------------------------------*/

.first {
    margin-left: 0;
}

.last {
    margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container-16 .grid-1 {
    width:45px;
}

.container-16 .grid-2 {
    width:106px;
}

.container-16 .grid-3 {
    width:167px;
}

.container-16 .grid-4 {
    width:228px;
}

.container-16 .grid-5 {
    width:289px;
}

.container-16 .grid-6 {
    width:350px;
}

.container-16 .grid-7 {
    width:411px;
}

.container-16 .grid-8 {
    width:472px;
}

.container-16 .grid-9 {
    width:533px;
}

.container-16 .grid-10 {
    width:594px;
}

.container-16 .grid-11 {
    width:655px;
}

.container-16 .grid-12 {
    width:716px;
}

.container-16 .grid-13 {
    width:777px;
}

.container-16 .grid-14 {
    width:838px;
}

.container-16 .grid-15 {
    width:899px;
}

.container-16 .grid-16 {
    width:960px;
}



/* prepend Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container-16 .prepend-1 {
    padding-left:61px;
}

.container-16 .prepend-2 {
    padding-left:122px;
}

.container-16 .prepend-3 {
    padding-left:183px;
}

.container-16 .prepend-4 {
    padding-left:244px;
}

.container-16 .prepend-5 {
    padding-left:305px;
}

.container-16 .prepend-6 {
    padding-left:366px;
}

.container-16 .prepend-7 {
    padding-left:427px;
}

.container-16 .prepend-8 {
    padding-left:488px;
}

.container-16 .prepend-9 {
    padding-left:549px;
}

.container-16 .prepend-10 {
    padding-left:610px;
}

.container-16 .prepend-11 {
    padding-left:671px;
}

.container-16 .prepend-12 {
    padding-left:732px;
}

.container-16 .prepend-13 {
    padding-left:793px;
}

.container-16 .prepend-14 {
    padding-left:854px;
}

.container-16 .prepend-15 {
    padding-left:915px;
}



/* append Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container-16 .append-1 {
    padding-right:61px;
}

.container-16 .append-2 {
    padding-right:122px;
}

.container-16 .append-3 {
    padding-right:183px;
}

.container-16 .append-4 {
    padding-right:244px;
}

.container-16 .append-5 {
    padding-right:305px;
}

.container-16 .append-6 {
    padding-right:366px;
}

.container-16 .append-7 {
    padding-right:427px;
}

.container-16 .append-8 {
    padding-right:488px;
}

.container-16 .append-9 {
    padding-right:549px;
}

.container-16 .append-10 {
    padding-right:610px;
}

.container-16 .append-11 {
    padding-right:671px;
}

.container-16 .append-12 {
    padding-right:732px;
}

.container-16 .append-13 {
    padding-right:793px;
}

.container-16 .append-14 {
    padding-right:854px;
}

.container-16 .append-15 {
    padding-right:915px;
}

.container-16 .append-top {
    margin-top: 30px;
}

.container-16 .append-bottom {
    margin-bottom: 30px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container-16 .push-1 {
    left:61px;
}

.container-16 .push-2 {
    left:122px;
}

.container-16 .push-3 {
    left:183px;
}

.container-16 .push-4 {
    left:244px;
}

.container-16 .push-5 {
    left:305px;
}

.container-16 .push-6 {
    left:366px;
}

.container-16 .push-7 {
    left:427px;
}

.container-16 .push-8 {
    left:488px;
}

.container-16 .push-9 {
    left:549px;
}

.container-16 .push-10 {
    left:610px;
}

.container-16 .push-11 {
    left:671px;
}

.container-16 .push-12 {
    left:732px;
}

.container-16 .push-13 {
    left:793px;
}

.container-16 .push-14 {
    left:854px;
}

.container-16 .push-15 {
    left:915px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container-16 .pull-1 {
    left:-61px;
}

.container-16 .pull-2 {
    left:-122px;
}

.container-16 .pull-3 {
    left:-183px;
}

.container-16 .pull-4 {
    left:-244px;
}

.container-16 .pull-5 {
    left:-305px;
}

.container-16 .pull-6 {
    left:-366px;
}

.container-16 .pull-7 {
    left:-427px;
}

.container-16 .pull-8 {
    left:-488px;
}

.container-16 .pull-9 {
    left:-549px;
}

.container-16 .pull-10 {
    left:-610px;
}

.container-16 .pull-11 {
    left:-671px;
}

.container-16 .pull-12 {
    left:-732px;
}

.container-16 .pull-13 {
    left:-793px;
}

.container-16 .pull-14 {
    left:-854px;
}

.container-16 .pull-15 {
    left:-915px;
}


/**
 * Fluid Grid
 *
 * @subsection fluid grid
 */
.line:after, .lastUnit:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

.line {
    *zoom: 1;
}

.unit {
    float: left;
}

.size1of1 {
    float: none;
}

.size1of2 {
    width: 50%;
}

.size1of3 {
    width: 33.33333%;
}

.size2of3 {
    width: 66.66666%;
}

.size1of4 {
    width: 25%;
}

.size3of4 {
    width: 75%;
}

.size1of5 {
    width: 20%;
}

.size2of5 {
    width: 40%;
}

.size3of5 {
    width: 60%;
}

.size4of5 {
    width: 80%;
}

.lastUnit {
    display: table-cell;
    float: none;
    width: auto;
    *display: block;
    *zoom: 1;
    _position: relative;
    _left: -3px;
    _margin-right: -3px;
}

    /** sprite: vertical; sprite-image: url('styles/../img/sprite/${sprite}-${md5}.png'); sprite-layout: vertical */
/** sprite: header; sprite-image: url('styles/../img/sprite/${sprite}-${md5}.png'); sprite-layout: vertical */
/** sprite: horizontal; sprite-image: url('styles/../img/sprite/${sprite}-${md5}.png'); sprite-layout: horizontal */

/**
 * @colordef #ee3224; Beastly Red
 */


/**
* Media Layout Block
*
* @section media layout block
* @see https://github.com/stubbornella/oocss/
*/
.media:after,
.bd:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

.media > a {
    display: block;
    height: 100%;
}

.media .bd {
    display: table-cell;
    zoom: 1;
}

.media .bd > :first-child {
    margin-top: 0;
}

.media .bd > :last-child {
    margin-bottom: 0;
}

.media .img {
    float: left;
    margin-right: 14px;
}

.media .img img {
    display: block;
}

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

/**
* Heading Treatments
*
* @section headings
*/
.heading a {
    color: inherit;
}

a:hover .heading,
a:hover .subheading {
    color: #ee3224;
}

.heading a:hover {
    color: #ee3224;
}

.heading-style-a {
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 14px;
}

.heading-style-b {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 16px;
}

.heading-style-c {
    color: #333;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 18px;
}

.heading-style-d {
    color: #666;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.heading-style-e {
    color: #666;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
}

.heading-style-f {
    color: #444;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
}

.heading-style-g {
    color: inherit;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: normal;
}

.heading-style-h {
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
}

.heading-style-i {
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-size: 36px;
    font-weight: normal;
    line-height: 33px;
}

.heading-style-i span {
    color: #666;
}

.heading-style-j {
    color: #ee3224;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.heading-style-j span {
    text-transform: none;
    font-size: 11px;
}

.heading-style-k {
    color: #666;
    font-family: "Times New Roman", Times, serif;
    font-size: 36px;
    font-weight: normal;
    line-height: 1;
}

.heading-style-l {
    color: #ee3224;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 20px;
}

.heading-style-m {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.heading-style-n {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.heading-style-o {
    color: #000;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 46px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 44px;
}

.heading-style-p {
    color: #333;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
}

.heading-style-q {
    font-size: 24px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}

.heading-style-r {
    color: #45413C;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.heading-style-s {
    color: #45413C;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.heading-style-t {
    font-family: "Times New Roman", Times, serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 28px;
}

.heading-style-u {
    color: inherit;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bold;
}

.heading-style-v {
    color: inherit;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.heading-style-w {
    color: inherit;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
}

.heading-style-x {
    color: inherit;
    font-family: "Times New Roman", Times, serif;
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
    padding-right: 190px;
}

.heading-style-y {
    color: #ee3224;
    font-family: "Arial Black", "Futura-CondensedExtraBold", Arial, sans-serif;
    font-size: 19px;
    line-height: 22px;
    font-weight: normal;
    margin-top: 5px;
}

.heading-style-z {
    color: #000;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 25px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1;
}

.heading-gallery {
    background-image: url(styles/../img/hd/gallery.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 88px;
    height: 22px;
    margin: 0 auto;
}

.heading-highlights {
    background-image: url(styles/../img/hd/highlights.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 116px;
    height: 22px;
    margin: 0 auto;
}

.heading-video {
    background-image: url(styles/../img/hd/video.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 57px;
    height: 22px;
    margin: 0 auto;
}

.heading-screeningRoom {
    background-image: url(styles/../img/hd/screening-room.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 172px;
    height: 22px;
    margin: 0 auto;
}

.heading-pictureShows {
    background-image: url(styles/../img/hd/picture-shows.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 108px;
    height: 105px;
    margin: 0 auto;
}

.heading-featured {
    background-image: url(styles/../img/hd/featured.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 472px;
    height: 21px;
    margin: 0 auto;
}

.heading-highlightReel {
    background-image: url(styles/../img/hd/highlight-reel.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 106px;
    height: 105px;
    margin: 0 auto;
}

.heading-beastTv {
    background-image: url(styles/../img/hd/beast-tv.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 303px;
    height: 44px;
    left: -4px;
    position: relative;
}

.heading-contributors {
    color: #EE3224;
    font-size: 40px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}
.heading-beastTv a {
    display: block;
    height: 100%;
}

/**
* Byline Treatments
*
* @section bylines
*/
.byline {
    display: block;
    padding: 5px 0 0;
}

a:hover .byline {
    color: #ee3224;
}

.article-body .byline {
    display: inline;
}

.byline-style-a {
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
}

.byline-style-b {
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 16px;
    font-style: italic;
}

.byline-style-c {
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 18px;
    font-style: italic;
    line-height: 1.2;
}

.size-15 {
    font-size: 15px;
}

.size-20 {
    font-size: 20px;
}

.size-25 {
    font-size: 25px;
}

.size-30 {
    font-size: 30px;
}

.size-35 {
    font-size: 35px;
}

.size-40 {
    font-size: 40px;
}

.size-45 {
    font-size: 45px;
}

.size-50 {
    font-size: 50px;
}

.size-55 {
    font-size: 55px;
}

.size-60 {
    font-size: 60px;
}

/**
* Arrows
*
* @section arrows
*/

.arrow-top:before {
    content: "";
    font-size: 0;
    line-height: 0;
    width: 0;
    display: block;
    border-style: solid;
    border-color: #ee3224 #fff;
    border-width: 0 15px 15px 15px;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -15px;
}

.arrow-bottom:after {
    content: "";
    font-size: 0;
    line-height: 0;
    width: 0;
    display: block;
    border-style: solid;
    border-color: #ee3224 #fff;
    border-width: 15px 15px 0 15px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -15px;
}

.arrow-left:before {
    content: "";
    font-size: 0;
    line-height: 0;
    width: 0;
    display: block;
    border-style: solid;
    border-color: #fff #ee3224;
    border-width: 15px 15px 15px 0;
    position: absolute;
    top: -1px;
    left: -1px;
}

.arrow-right:after {
    content: "";
    font-size: 0;
    line-height: 0;
    width: 0;
    display: block;
    border-style: solid;
    border-color: #fff #ee3224;
    border-width: 15px 0 15px 15px;
    position: absolute;
    top: -1px;
    right: -1px;
}

.arrow {
    background-image: url("styles/../img/icon/arrow-right-black.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 11px;
    width: 14px;
}

a:hover .arrow {
    background-image: url("styles/../img/icon/arrow-right-red.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

.arrowleft {
    background-image: url("styles/../img/icon/arrow-left-black.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 11px;
}

.arrowleft:hover {
    background-image: url("styles/../img/icon/arrow-left-red.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

.arrowright {
    background-image: url("styles/../img/icon/arrow-right-black.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
}

.arrowright:hover {
    background-image: url("styles/../img/icon/arrow-right-red.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

.arrowdown {
    background-image: url("styles/../img/icon/arrow-down-black.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    padding-left: 10px;
}

.arrowdown:hover {
    background-image: url("styles/../img/icon/arrow-down-red.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

.arrowup {
    background-image: url("styles/../img/icon/arrow-up-black.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
}

.arrowup:hover {
    background-image: url("styles/../img/icon/arrow-up-red.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

.arrowleftred {
    background-image: url("styles/../img/icon/arrow-left-red.png");
    background-repeat: no-repeat;
}

.arrowrightred {
    background-image: url("styles/../img/icon/arrow-right-red.png");
    background-repeat: no-repeat;
}


/**
* Rubric Treatments
*
* @section rubrics
*/
.rubric {
    color: #ee3224;
    display: block;
    font-weight: normal;
}

a:hover .rubric {
    color: #ee3224;
}

.rubric-style-a {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.rubric-style-b {
    font-family: Times, serif;
    font-weight: bold;
    font-size: 13px;
    font-style: italic;
}

.rubric-style-c {
    font-family: Times, serif;
    font-weight: bold;
    font-size: 19px;
    font-style: italic;
}

.rubric-style-d {
    color: #000;
    font-family: Times, serif;
    font-weight: normal;
    font-size: 20px;
    font-style: italic;
}

.rubric-style-e {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

.rubric-style-f {
    color: #999;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.rubric-style-g {
    color: #fff;
    background: #ee3224;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.rubric-style-h {
    color: #000000;
    font-family: "Times New Roman", Times, serif;
    font-size: 19px;
    font-weight: normal;
}

/**
* More
*
* @section more
*/
#main .more,
.wrap-video .more {
    color: #ee3224;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.viewMore-ext {
    background-image: url("styles/../img/bg/dots-horizontal.png"); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 200px */
    background-repeat: repeat-x;
    clear: both;
    padding: 10px 0 0;
}

#main .view-more {
    background: #ee3224;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 11px;
    margin: 0 0 50px;
}

#cheatsheet-page .view-more {
    margin-right: 8px;
}

#cheatsheet-page .cheatSignUp .placeholder {
    visibility: hidden;
}

.view-more:hover {
    color: #fff;
}

#main .more-style-a {
    color: #ee3224;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

#main .more-style-b {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}


/**
* Content Copy
*
* @section copy
*/
.copy-style-a {
    color: #666;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
}

.copy-style-a a {
    color: #ee3224;
}

.copy-style-b {
    color: #333;
    font-size: 14px;
    line-height: 21px;
}

.copy-style-b > header {
    padding: 0 0 10px;
    _height: 1%;
}

.copy-style-b p {
    margin: 0 0 20px;
}

.copy-style-b p a,
.copy-style-b .body li a {
    text-decoration: underline;
}

.interactive-body p a {
    text-decoration: underline;
}

.article-body .body ul, .wrap-body .body ul {
    list-style: disc outside none;
    margin: 0 0 20px 40px;
}

#interactive-page .dek-body {
    margin-top: 10px;
}

.dek-body ul {
    list-style: disc outside none;
    margin: 0 0 20px 40px;
    font-weight: bold;
}

.dek-body ol {
    list-style: decimal outside none;
    margin: 0 0 20px 40px;
    font-weight: bold;
}

.article-body .body ol, .wrap-body .body ol {
    list-style: decimal outside none;
    margin: 0 0 20px 40px;
}

.summary {
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    padding-top: 3px;
}

a:hover .summary {
    color: #EE3224;
}

.summary a {
    color: inherit;
}

/**
* Photo Credit Treatments
*
* @section photo credits
*/
.photoCredit {
    color: #666;
    display: block;
    font-size: 10px;
    font-style: normal;
    padding-right: 5px;
}

/**
* Timestamps
*
* @section timestamp
*/
.timestamp {
    color: #666;
    display: block;
    font-size: 11px;
    font-style: italic;
}

a:hover .timestamp {
    color: #ee3224;
}

.article-body .timestamp {
    font-family: Arial, sans-serif;
    font-style: normal;
    margin: 2px 10px 10px 0;
    padding-right: 9px;
    height: 17px;
    line-height: 17px;
}

/**
* Image Treatments
*
* @section image treatments
*/
.headshot {
    border: 1px solid #CCC;
}

#main .img-style-em {
    border: 2px solid #cccabb;
    display: block;
    line-height: 0;
}

/*This is a fix for IE7*/
#main .img-style-em img {
    *display: block;
}

#main .img-style-strong {
    border: 3px solid #444;
}

/**
* Page Header
*
* @section page header
*/
#pageHeader {
    clear: both;
    position: relative;
    z-index: 10;
}

.header-2 {
    min-width: 996px;
}

/**
* Header Navigation
*
* @section header navigation
*/
.login-search-nav {
    margin-top: 10px;
}
#headerNav {
    position: relative;
    border-bottom: 4px solid #666;
    margin-bottom: 20px;
    *zoom: 1;
    *float: none;
    *display: block;
}

#cheatstream-page #headerNav,
#home-page #headerNav,
#videos-page #headerNav {
    display: none;
}

#gallery-page #headerNav {
    border: none;
    margin-bottom: 0;
}

#gallery-page #main {
    background: #393939;
    width: 100%;
    min-width: 996px;
    padding: 10px 0 0 0;
}

#gallery2-page #headerNav {
    border: none;
    margin-bottom: 0;
}

#gallery2-page #main {
    background: #000;
    width: 100%;
    min-width: 996px;
    padding: 0;
}

#newsweek-page #headerNav {
    border-bottom: none;
    margin-bottom: 6px;
}

#cheat-page #headerNav,
#cheatsheet-page #headerNav {
    display: none;
}

/**
* User Nav
*
* @subsection usernav
*/
.user-nav {
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    height: 26px;
}

.user-nav li {
    border-left: 1px solid #CCCCCC;
    float: left;
    padding: 0 5px;
    margin-top: 10px;
    overflow: hidden;
}

.user-nav li:first-child {
    border-left: none;
    padding: 0 5px 0 0;
    overflow:visible;
}

.user-nav .favicon-facebook {
    padding: 0 0 0 14px;
}

.user-nav .twitter-follow {
    border-left: 0;
    *padding-right: 0;
    overflow:visible;
}

.user-nav .twitter-follow iframe {
    top: -5px;
    position: relative;
}

.user-nav .user-login {
    border-right: 1px solid #CCCCCC;
    position: relative;
}

.user-nav .stock{
    display: none;
}

.user-nav .stock,
.user-nav .tumblr {
    color: #000;
}

.user-nav .stock .dowCount,
.user-nav .stock .nasdaqCount {
    padding: 0 2px;
}

.user-nav .stock .up {
    color: #207a34;
}

.user-nav .stock .down {
    color: #ee3224;
}

/**
 * Header Weather
 *
 */
.user-nav li.weather {
    font-size: 10px;
    overflow: visible;
    text-transform: uppercase;
    float: left;
    margin-top: 10px;
}

.weather li {
    float: left;
    margin-top: 10px;
    display: none;
}

.weather li:first-child {
    border-left: 1px solid #CCCCCC;
    padding: 0 0 0 7px
}

.weather .icon {
    width: 25px;
    overflow: visible;
    height: 25px;
    padding: 0 5px 0 0;
    margin-top: -8px;
    margin-bottom: -8px;
}


/**
 * Newsweek Elsewhere
 *
 * @subsection elsewhere
 */
.newsweekElsewhere {
    position: absolute;
    top: 5px;
    right: 0;
    color: #999;
    font-size: 10px;
    width: auto;
    text-transform: uppercase;
}

.newsweekElsewhere .heading {
    float: left;
    text-transform: uppercase;
}

.newsweekElsewhere ul {
    float: left;
}

.newsweekElsewhere li {
    border-left: 1px solid #CCCCCC;
    display: inline;
    padding: 0 7px;
}

.newsweekElsewhere li:first-child {
    border: none;
}

.newsweekElsewhere li a {
    padding: 0 0 0 14px;
}

.favicon-facebook {
    background-image: url(styles/../img/icon/favicon-facebook.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
}

.favicon-twitter {
    background-image: url(styles/../img/icon/favicon-twitter.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    padding: 0 0 0 14px;
}

.favicon-tumblr {
    background-image: url(styles/../img/icon/favicon-tumblr.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    padding: 0 0 0 14px;
}

/**
* Primary Navigaiton
*
* @subsection primary navigation
*/
#primaryNav {
    display: block;
    height: 33px;
    left: 0;
}

#primaryNav li {
    display: block;
    background: #000;
    float: left;
    border-left: 1px solid #666;
    position: relative;
    height: 33px;
    text-align: center;
}

#primaryNav li:first-child {
    border: none;
}

#primaryNav li a {
    float: none;
    background: none;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    line-height: 33px;
    font-size: 14px;
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
}

#primaryNav li.item1 {
    width: 70px;
}

#primaryNav li.item2 {
    width: 85px;
}

#primaryNav li.item3 {
    width: 93px;
}

#primaryNav li.item4 {
    width: 68px;
}

#primaryNav li.item5 {
    width: 128px;
}

#primaryNav li.item6 {
    width: 93px;
}

#primaryNav li.item7 {
    width: 72px;
}

#primaryNav li.item8 {
    width: 57px;
}

#primaryNav li.item9 {
    width: 164px;
}

#primaryNav li a:hover {
    color: #ee3224;
}

#primaryNav li.newsweek {
    background: #ee3224;
    border-left: none;
    width: 85px;
}

#primaryNav li.logo {
    background: #EE3224 url(styles/../img/logo/newsweek-nav.png) 3px 8px no-repeat;
}

#primaryNav li.newsweek a:hover {
    color: #FFF;
}

#primaryNav li.magazine {
    position: relative;
    width: 58px;
    height: 33px;
}

#primaryNav li.newsweek img {
    width: 80px;
    height: 70px;
}

#primaryNav .newsweekheader {
    position: absolute;
    top: -10px;
}

.subscriptionheader {
    float: right;
    margin-top: 5px;
}

#primaryNav-search {
    float: right;
    width: 240px;
    margin-right: 8px;
}

#primaryNav-search .input-text {
    border: 1px solid #b2b2b2;
    border-right: none;
    color: #999;
    font-family: Arial, sans-serif;
    font-size: 12px;
    height: 22px;
    line-height: normal;
    line-height: 22px\9; /* ie 7,8,9 hack */
    float: left;
    padding: 0 5px 0;
    width: 170px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

#primaryNav-search .input-submit {
    background-image: url("styles/../img/icon/button_search.png"); /** sprite-ref: header; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    background-color: #fff;
    border: medium none;
    cursor: pointer;
    font-size: 0;
    height: 24px;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999em;
    width: 56px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.primary-logo-container {
    display: inline;
    float: left;
    margin: 0;
    width: 124px;
    height: 155px;
}

.user-nav .fb-like {
    margin-top: 5px;
    height: 21px;
    border-left: 0;
}

.user-nav .fb-like > *{
    z-index: 1000;
}

.primary-logo {
    position: relative;
    bottom: -25px;
    z-index: 99;
}

.primary-logo img {
    position: relative;
}

/**
* Trending Topics
*
* @subsection trending topics
*/
#trendingTopics {
    overflow: hidden;
    display: inline-block;
    width: 550px;
    margin-top: 10px;
    height: 13px;
}

#trendingTopics .heading {
    float: left;
    padding: 0;
    font-style: italic;
    font-weight: bold;
}

#trendingTopics ul {
}

#trendingTopics li {
    background: url("styles/../img/bg/list-bullet.png") no-repeat scroll left 50% transparent;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 0 3px 0 6px;
    text-transform: uppercase;

}

#trendingTopics li:first-child {
    background: none;
}

/**
* Lead Story
*
* @subsection lead story
*/
#leadStory {
    min-height: 74px;
}

#leadStory hgroup {
    text-align: center;
    padding: 10px 0 5px 0;
    position: relative;
}

#leadStory .heading {
    display: block;
    color: #000;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 53px;
    letter-spacing: 0.02em;
    font-weight: normal;
    padding: 0;
    line-height: 60px;
    text-transform: uppercase;
    margin-top: -5px;
    height: 65px;
    overflow: hidden;
}

#leadStory a:hover .heading {
    color: #ee3224;
}

#leadStory .ad {
    padding: 10px 0 10px 0;
}

/**
* Daily Beast Branding
*
* @section daily beast branding
*/
#dailyBeastLogo-primary {
    background-image: url(styles/../img/logo/beast-primary.png); /** sprite-ref: header; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 148px;
    height: 169px;
}

.dailyBeastLogo-secondary {
    background-image: url(styles/../img/logo/beast-secondary.png); /** sprite-ref: header; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    clear: both;
    float: left;
    width: 90px;
    height: 90px;
}

.topicHeading {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    width: 760px;
    float: right;
    margin: 0 70px 0 10px;
    font-size: 60px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    height: 90px;
    overflow: hidden;
}

.topicHeading-ad-container {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    width: 760px;
    float: right;
    margin: 0 10px 0 10px;
    font-size: 60px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    height: 90px;
    overflow: hidden;
}

.topicHeading a,
.topicHeading span {
    color: #000;
    display: block;
    line-height: 109px;
}
.topicHeading-ad-container h2{
    float: left;
    width: 80%;
    text-align: center;
}
.topicHeading-ad-container a,
.topicHeading-ad-container span {
    color: #000;
    display: block;
    line-height: 109px;
}
.topicHeadingAd{
    float: left;
    width: 20%;
}

/**
* Cheat Sheet Strip
*
* @section cheet sheet strip
*/
.cheatSheetStrip {
    color: #000;
    padding: 0 0 20px;
    text-align: center;
    margin-top: -5px;
}

.cheatSheetStrip-b {
    background-color: #ee3224;
    padding: 0 4px 4px;
    margin: 0 0 30px;
}

.cheatSheetStrip-right {
    margin-left: 28px;
}

.cheatSheetStrip-header {
    /* TODO How can I make this header more efficient? */
    background-image: url(styles/../img/cheatsheet/header.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    height: 115px;
}

.cheatSheetStrip-b header {
    padding: 8px 0;
}

.cheatSheetStrip-b .cheatSheetStrip-header {
    background-image: url(styles/../img/cheatsheet/cheat-sheet.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 108px;
    height: 21px;
    margin: 0 auto;
}

.cheatSheetStrip .subheading {
    color: #fff;
    padding: 5px 0 0 0;
    text-transform: uppercase;
}

.cheatSheetStrip ol {
    background-image: url(styles/../img/cheatsheet/body.png); /** sprite-ref: horizontal; sprite-margin-right: 20px */
    background-repeat: repeat-y;
    padding: 0 35px 10px;
}

.cheatSheetStrip-b ol {
    background-color: #f6f5f0;
    background-image: url(styles/../img/cheatsheet/header-arrow.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding: 20px 15px 10px;
}

.cheatSheetStrip li {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0 15px;
    width: 100%;
}

#cheatSheetStrip .rubric span {
    color: #000000;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

#cheatSheetStrip .cheat-image {
    border: 3px solid #CCCABB;
    margin: 5px 0;
}

.cheatSheetStrip .cheatSheetStrip-full {
    background-image: url(styles/../img/cheatsheet/body.png); /** sprite-ref: horizontal; sprite-margin-right: 20px */
    background-repeat: repeat-y;
    font-weight: bold;
    padding: 0 24px 5px 25px;
    text-transform: uppercase;
}

.cheatSheetStrip-read-more {
    background-image: url(styles/../img/cheatsheet/body.png); /** sprite-ref: horizontal; sprite-margin-right: 20px */
    background-repeat: repeat-y;
    text-transform: uppercase;
    position: relative;
    min-height: 50px;
    font-weight: bold;
}

.cheatSheetStrip-read-more a {
    display: block;
    padding-top: 10px;
}

.cheatSheetStrip .cheatSheetStrip-read-more .arrow,
.cheatSheetStrip .cheatSheetStrip-full .arrow {
    vertical-align: top;
    margin-top: 1px;
}

.cheatSheetStrip footer {
    background-image: url(styles/../img/cheatsheet/footer.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    height: 25px;
    font-weight: bold;
    padding: 0 24px 20px 25px;
    text-transform: uppercase;
}

.cheatSheetStrip .cheatSheetStrip-footer .arrow {
    vertical-align: baseline;
}

.cheatSheetStrip-b footer {
    background-image: none;
    background-color: #f6f5f0;
    padding: 0;
    text-align: center;
}

.adCheatsheet {
    margin-left: -17px;
    margin-bottom: -9px;
}

.cheatSheetStrip .heading {
    line-height: 18px;
}

.cheatSheetStrip .summary {
    font-family: Arial, sans-serif;
    color: #666666;
    font-size: 11px;
    margin-top: 4px;
    padding-top: 0;
    line-height: 14px;
}

.cheatSheetStrip .arrow {
    vertical-align: bottom;
    margin-left: 3px;
}

/**
 * Page Footer
 *
 * @section page footer
 */
#pageFooter {
    background: #fff;
    clear: both;
    min-width: 996px;
    _height: 1%;
    margin-top: 20px;
}

#pageFooter .content {
    clear: both;
    padding: 10px 0;
    overflow: hidden;
    _height: 1%;
}

#pageFooter .heading {
    display: inline;
    padding: 0 0 10px;
    text-transform: none;
    font-style: italic;
}

#pageFooter ul {
    display: inline;
}

#pageFooter li {
    display: inline;
    padding: 0 1px 0 5px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    border-left: 1px solid #000;
}

#pageFooter li:first-child {
    border: none;
}

#pageFooter .company {
    background: #000;
    margin-bottom: 15px;
}

#pageFooter .company ul {
    margin-left: 3px;
}

#pageFooter .company li {
    padding: 3px 4px 2px 5px;
    font-size: 12px;
    border-left: 1px solid #666;
    height: 15px;
}

#pageFooter .company li:first-child {
    border: none;
}

#pageFooter .company li a {
    background: none;
    color: white;
    text-align: center;
    line-height: 20px;
    letter-spacing: 0;
    text-indent: 0;
    font-size: 13px;
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

/**
* Special Story Section
*
* @section special story section
*/
.specialSection header {
    padding: 0 0 15px;
}

.grid-header .heading-style-z {
    color: #45413C;
    text-align: center;
}

#pageFooter .sections,
#pageFooter .trendingtopics,
#pageFooter .partners {
    margin-top: 5px;
}

/**
* Story Blocks
*
* @section story
*/
.story {
    clear: both;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 10px;
}

.story img {
    border: 3px solid #44413C;
    position: relative;
}

.story .noborder img {
    border: none;
}

.story p {
    color: #333;
    font-size: 13px;
    padding-top: 3px;
}

.story .rubric {
    padding: 0 0 5px;
}

.story .overlay img {
    position: relative;
    top: 20px;
    z-index: 99;
    border: 0;
}

.promo .story {
    background: url(styles/../img/bg/dots-horizontal.png) repeat-x scroll 0 bottom transparent;
    margin-bottom: 20px;
    padding: 0 0 20px;
}

/* Features full width slider */
.features {
    position: relative;
    margin: 10px 0 30px 0;
}

.features h1 {
    background: #000;
    padding: 5px;
    color: #fff;
    height: 70px;
    overflow: hidden;
}

.features a:hover h1 {
    color: #ee3224;
}

.features .features-previous {
    background-image: url(styles/../img/icon/large-arrow-left-black.png);
    background-position: right center;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 400px;
}

.features .features-next {
    background-image: url(styles/../img/icon/large-arrow-right-black.png);
    background-position: left center;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 400px;
}

.features .features-previous:hover {
    background-image: url(styles/../img/icon/large-arrow-left-red.png);
}

.features .features-next:hover {
    background-image: url(styles/../img/icon/large-arrow-right-red.png);
}

.features .photoCredit {
    padding: 2px 5px;
    height: 20px;
    overflow: hidden;
}

.features .featuresAd {
    text-align: center;
    min-height: 0;
    margin: 2px 8px 10px;
}

.features .featuresAd [data-advertising] {
    background-color: #EFEFEF;
}

.features p {
    text-align: center;
    padding: 10px 0 0 0;
}

.features .byline-style-a, .mainstory .byline-style-a {
    font-weight: bold;
}

.features .features-container {
    width: 836px;
    margin: 0 auto;
}

.features .scroll {
    overflow: hidden;
    height: 500px;
}

.features .scroll .feature {
    height: 500px;
}

.features .feature div {
    background: #000;
}

.features .feature span {
    text-align: center;
}

.features div.image {
    text-align: center;
}

.features .feature {
    width: 264px;
    display: inline;
    float: left;
    margin-left: 22px;
}

.features .feature:first-child {
    margin-left: 0;
}


/**
 * Home page mainstory
 */

#home-page .mainstory{
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url("styles/../img/bg/dots-horizontal.png");
}

#home-page .mainstory .story{
    background: none;
}

#home-page .mainstory .photoCredit {
    padding: 4px;
}

/**
 * Home Page Gallery
 */

#home-page .galleries,
#interactive-page .galleries {
    width: 960px;
    margin-bottom: 40px;
}

#home-page .galleries-logo h1 a,
#interactive-page .galleries-logo h1 a {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

#home-page .galleries-logo h1,
#home-page .galleries-logo h2,
#interactive-page .galleries-logo h1,
#interactive-page .galleries-logo h2 {
    font-size: 55px;
    font-style: italic;
    text-align: left;
    margin-left: 20px;
}

#home-page .galleries-logo h2,
#interactive-page .galleries-logo h2 {
    margin-top: 10px;
    font-size: 45px;
    color: #EE3224;
    margin-left: 30px;
}

#home-page .galleries-logo h1 a,
#interactive-page .galleries-logo h1 a {

}

#home-page .black,
#home-page .black {
    color: white;
    background: #000;
}

.gallery-item {
    text-align: center;
}

.gallery-item span {
    text-align: center;
}

.gallery-item a,
.gallery-item a:hover {
    color: #fff;
}

.size468x238 {
    margin-bottom: 4px;
    width: 468px;
    height: 238px;
}

.size118x118 {
    width: 118px;
    height: 118px;
}

.size232x156 {
    width: 232px;
    height: 156px;
}

.size240x154 {
    margin-bottom: 4px;
    width: 240px;
    height: 154px;
}

.size243x276 {
    width: 243px;
    height: 276px;
    margin-right: 0;
}

#home-page .galleries .float-tip,
#interactive-page .galleries .float-tip {
    display: none;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    z-index: 12;
    width: 300px;
    color: white;
    text-align: left;
    background-color: #000; /* fallback */
    background-color:rgba(0,0,0,0.7);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);   /* IE6 & 7 */

}

#home-page .galleries .float-tip h3,
#interactive-page .galleries .float-tip h3 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    font-family: "Arial Narrow", Arial, sans-serif;
}

#home-page .galleries .float-tip p,
#interactive-page .galleries .float-tip p {
    padding: 2px 0 0 0;
    font-size: 12px;
}

/**
 * Home Page more
 */
#home-page div.more,
.wrap-video div.more,
.gallery-tease div.more,
.c-col .updates div.more {
    border-top: 1px solid #CCC;
    text-align: center;
    margin: 20px 0 20px 0;
}

#home-page .specialSection div.more {
    margin: 20px 0 0 0;
}

#home-page .bottom div.more {
    width: 428px;
    border-top: 1px solid #CCC;
    text-align: center;
    margin: 20px auto 24px;
}

#home-page .more a,
.wrap-video .more a,
.gallery-tease .more a,
.c-col .updates .more a {
    position: relative;
    top: -7px;
    padding: 0 10px 0 10px;
    background-color: #fff;
    color: black;
    font-size: 12px;
}

#home-page .more a:hover,
.wrap-video .more a:hover,
.gallery-tease .more a:hover,
.c-col .updates .more a:hover {
    color: #ee3224;
}

#home-page .more .arrow,
.wrap-video .more .arrow,
#wrap-page .arrowright{
    background-image: url("styles/../img/icon/arrow-right-red.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

#wrap-page .grid-16 .overlay{
    padding-left: 50px;
}


/* wrap page contributors*/
#wrap-page .contributors h4,
#article-page .contributors h4{
    line-height: 18px;
}

#wrap-page .contributors .scroll,
#article-page .contributors .scroll{
    overflow: hidden;
    padding-bottom: 10px;
}

#wrap-page .contributors img,
#article-page .contributors img{
    border-bottom: 3px solid #ee3224;
    width: 140px;
    height:140px;
}

#wrap-page .contributors .pagination,
#article-page .contributors .pagination{
    margin: 0 10px 0 10px;
    clear: none;
}

#wrap-page .contributors .wrapper,
#article-page .contributors .wrapper{
    position: relative;
    border-top: 1px solid #CCC;
    margin-top: 15px;
    margin-bottom: 35px;
    height: 0;
    width:350px;
}

#wrap-page .contributors .inner,
#article-page .contributors .inner{
    position: absolute;
    top: -5px;
    background-color: white;
    padding: 0 10px;
    height:10px;
    float:left;
}

#wrap-page .contributors .inner a,
#article-page .contributors .inner a{
    position:relative;
    float:left;
    top: -7px;

}
#wrap-page .contributors .pagination,
#article-page .contributors .pagination{
    position:relative;
    float:left;
    top: -7px;
}

#wrap-page .contributors .inner .current a,
#article-page .contributors .inner .current a{
    color: #EE3224;
}

#wrap-page .wrap-contributors,
#article-page .wrap-contributors{
    float:left;
    margin: 0  0 15px 16px;
    width: 150px;
    height: 200px;
    overflow:hidden;
}

#wrap-page .contributors .pagination-previous,
#article-page .contributors .pagination-previous{
    position:relative;
    margin-top:5px;
}

#wrap-page .contributors .pagination-next,
#article-page .contributors .pagination-next{
    position: relative;
    margin-top: 5px;
    margin-left: -10px;
}

#wrap-page .wrap-contributors-title,
#article-page .wrap-contributors-title{
    word-wrap: break-word;
}

#wrap-page .streamtop .featureSlider .photoCredit {
    margin-top: -3px;
    margin-bottom: 3px;
    line-height: 10px;
    height: 10px;
}

/* home contributors */
#home-page .contributors {
    margin: 0 8px 40px;
/*margin-top: -25px;
zoom: 0;*/
}

#home-page .contributors .scroll {
    height: 200px;
    overflow: hidden;
}

#home-page .contributors img {
    border-bottom: 5px solid #ee3224;
}

#home-page .contributors div.contributor {
    display: inline-block;
    width: 140px;
    margin-right: 24px;
    vertical-align: top;
    float: left;
}

#home-page .contributors div.contributor-edit {
    float: none;
}

#home-page .contributors .pagination {
    margin: 0 10px 0 10px;
    clear: none;
    top: -12px;
}

#home-page .contributors .wrapper {
    position: relative;
    border-top: 1px solid #CCC;
    margin-top: 20px;
    text-align: center;
    height: 0;
}

#home-page .contributors .inner {
    text-align: center;
    position: absolute;
    top: -5px;
    background: white;
    padding: 0 10px;
    height: 20px;
}

#home-page .contributors .inner .pagination-next {
    margin-left: -10px;
}

#home-page .contributors .pagination,
#home-page .contributors .inner a {
    position:relative;
    float: left;
}

#home-page .contributors .inner .current a {
    color: #EE3224;
}
/* home features */
#home-page .features {
    margin-bottom: 40px;
}

/* home teasers */
#home-page .grid-5 .teaser {
    margin: 20px 0 0;
}

#home-page .grid-5 .teaser img {
    max-width: 289px;
}

/* home special section */
#home-page .specialSection header {
    padding: 0 0 12px;
}

#home-page .specialSection .story-grid {
    margin: 16px 0 20px;
}

/**
* Story Spread
*
* @section story spread
*/
.storySpread {
    background-image: url(styles/../img/bg/dots-horizontal.png), url(styles/../img/bg/dots-horizontal.png);
    background-image: url(styles/../img/bg/dots-horizontal.png) \9;
    background-position: top left, bottom right;
    background-position: bottom right\9;
    background-repeat: repeat-x;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/clientlibs/dailybeast/img/bg/dots-horizontal-ie.png', sizingMethod='crop')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/etc/clientlibs/dailybeast/img/bg/dots-horizontal-ie.png', sizingMethod = 'crop');
    margin-bottom: 25px;
    padding: 15px 0;
}

/**
* Story Column
*
* @subsection story column
*/
.storyColumn {
    float: left;
    width: 106px;
    padding: 0 15px;
}

.storyColumn .story:first-child,
.storyColumn .advertising:first-child {
    background: none;
    padding: 0;
}

.storyColumn .advertising {
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 20px */
    background-repeat: repeat-x;
    clear: both;
    margin-bottom: 15px;
    padding-top: 10px;
}

/**
 * Story Grid
 *
 * @subsection story grid
 */
.story-grid {
    margin: 20px 0 20px 0;
}

.story-grid .story {
    background: url(styles/../img/bg/dots-top-story.png) right repeat-y;
    width: 140px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    padding: 15px 0 12px;
    margin: 0;
    text-align: left;
}

.story-grid .storyRow {
    background: url(styles/../img/bg/dots-horizontal.png) repeat-x;
}

.story-grid .index-2,
.story-grid .index-4 {
    background: none;
    padding-left: 5px;
}

.story-grid-top h2,
.story-grid h2 {
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    padding-right: 5px;
}

.story-grid-top h3.rubric {
    padding-bottom: 5px;
}

.story-grid-top img {
    border: 3px solid #44413C;
}

/**
* Story Style B
*
* @subsection story style b
*/
.story-style-b {
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 300px */
    background-repeat: repeat-x;
    position: relative;
    padding: 10px 0 0 125px;
    text-align: left;
}

.story-style-b .heading {
    display: inline;
}

.story-style-b .byline {
    display: inline;
}

.story-style-b .rubric {
    position: absolute;
    top: 13px;
    left: 0;
}

.specialSection .story-style-b .rubric {
    width: 125px;
}

.highlight-a h3 {
    margin: 15px 0 10px 0;
}

.highlight-c {
    padding-top: 20px;
}

.highlight-a,
.highlight-b {
    background: none;
}

.highlight-b,
.highlight-c {
    text-align: left;
}

.highlight-a img,
.highlight-b img,
.highlight-c img {
    border: 0;
}

.highlight-b,
.highlight-c {
    margin-bottom: 20px;
}

.bottom .highlight-a {
    width: 428px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.bottom .highlight-b,
.bottom .highlight-c {
    width: 359px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.bottom .highlight-b .byline,
.bottom .highlight-c .byline {
    padding-bottom: 5px;
}

.bottom .highlight-b .photoCredit,
.bottom .highlight-c .photoCredit {
    text-align: left;
}

/**
* Brightcove
*
* @section brightcove
*/
.brightcove {
    text-align: center;
}

#video-page .brightcove {
    height: 413px;
}

#article-page .brightcove {
    margin: 0 0 20px;
}

.brightcove object {
    line-height: 0;
}

#layout1-page .brightcove object {
    display: block;
}

.brightcove p {
    color: #666666;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    text-align: center;
}

/**
* Video Block
*
*
* @section video cheat
*/

#home-page .videoBlock{
    width: 300px;
}

#home-page .videoBlock .morewhite{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
}

#home-page .videoBlock .morewhite .arrow{
    background-image: url("styles/../img/icon/arrow-red-on-black.png");
}


#home-page .videoBlock {
    background-color: black;
}

.videoBlock,
#videoOverlay {
    text-align: center;
    margin: 33px 0 30px;
    padding: 0;
    position: relative;
}

.videoBlock header,
#videoOverlay header  {
    height: 25px;
}

.videoBlock header, .videoBlock header a,
#videoOverlay header, .overlayVideos {
    background-color: #f42a0d;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f42a0d), to(#be1000));
    background-image: -moz-linear-gradient(top, #f42a0d, #be1000);
    background-image: -ms-linear-gradient(top, #f42a0d, #be1000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f42a0d), color-stop(100%, #be1000));
    background-image: -webkit-linear-gradient(top, #f42a0d, #be1000);
    background-image: -o-linear-gradient(top, #f42a0d, #be1000);
    background-image: linear-gradient(top, #f42a0d, #be1000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f42a0d', endColorstr = '#be1000', GradientType = 0);
}


.videoBlock header a, .videoBlock .beast-tv,
.overlayVideos, #videoOverlay .beast-tv{
    height: 30px;
    width: 80px;
    left: 0.2em;
}

.videoBlock .beast-tv,
#videoOverlay .beast-tv {
    position: absolute;
    background-image:url("styles/../img/hd/beast-tv-white.png");
    background-repeat: no-repeat;
}

.videoBlock header a,
.overlayVideos {
    position: absolute;
    top: -5px;
    left: -5px;
    color: #fff;
    padding: 3px 0 3px 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    -webkit-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)
}

.videoBlock .video-container {
    background: black;
}

.videoBlock .videoBlock-player {
    text-align: center;
    line-height: 0;
    padding: 10px 0 8px;
}

.videoBlock .brightcove {
    background-color: #000;
    height: 204px;
}

.videoBlock .heading {
    color: #000;
    padding: 0 10px 6px;
}

.videoBlock .more {
    color: #ee3224;
}

.videoBlock img {
    border: none;
}

.videoBlock ol li img {
    border: none;
    border-top: 3px solid #ee3224;
}

.videoBlock .overlay {
    position: absolute;
    top: 85px;
    left: 110px;
    width: 80px;
    height: 80px;}

.videoBlock h2 {
    font-size: 20px;
}

.videoBlock a {
    color: #FFF;
}

.videoBlock p {
    color: #aaa;
    margin: 0 auto;
    max-width: 550px;
    padding: 0 10px 0;
}
.videoBlock p a {
    color: #aaa;
    text-decoration: underline;
}

.videoBlock ol {
    clear: left;
    margin: 20px 0 20px;
    overflow: hidden;
}

.videoBlock ol li {
    display: inline;
    float: left;
    margin: 0 12px 0 0;
    width: 129px;
}

.videoBlock .last {
    margin: 0;
}

/**
 * Home page photo
 */
#home-page .photo {
    width: 960px;
    color: #fff;
    position: relative;
    margin: 0 0 24px 8px;
    display: block;
    height: 640px;
}

#home-page .photo a {
    color: #fff;
}

#home-page .photo a:hover {
    color: #ee3224;
}

#home-page .photo .phototext-bg {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; *//* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE 7, 8, 9 */
    filter: alpha(opacity=50);
    -moz-opacity:0.7;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   *//* IE6 & 7 */
    opacity: 0.7;
    position: absolute;
    left: 0;
    color: inherit;
    margin: 0;
    width: 960px;
    height: 130px;
    bottom: 0;
}

#home-page .photo .phototext {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 930px;
    padding: 15px;
}

#home-page .photo h2 {
    color: #FFF;
    text-align: center;
}

#home-page .photo h3 {
    color: inherit;
}

#home-page .photo h4 {
    color: inherit;
    margin-top: 5px;
}

#home-page .photo .suffix {
    color: #ee3224;
}

#home-page .photo span.heading,
#home-page .photoslider span.heading {
    position: absolute;
    top: -5px;
    left: -5px;
    color: #fff;
    padding: 3px 10px 3px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 36px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    -webkit-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    background-color: #f42a0d;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f42a0d), to(#be1000));
    background-image: -moz-linear-gradient(top, #f42a0d, #be1000);
    background-image: -ms-linear-gradient(top, #f42a0d, #be1000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f42a0d), color-stop(100%, #be1000));
    background-image: -webkit-linear-gradient(top, #f42a0d, #be1000);
    background-image: -o-linear-gradient(top, #f42a0d, #be1000);
    background-image: linear-gradient(top, #f42a0d, #be1000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f42a0d', endColorstr = '#be1000', GradientType = 0);
    z-index: 10;
}

#home-page .photoslider .photoCredit {
    max-width: 960px;
}

/* home photo slider */
.photoslider {
    color: #FFF;
    position: relative;
    margin: 0 0 20px 8px;
}

.photoslider .scroll {
    height: 662px;
    width: 952px;
}

.photoslider h2,
.photoslider h3,
.photoslider h4 {
    text-shadow: 0 4px 10px #333;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=black,Strength=5);
    zoom: 1;
}

.photoslider h2.heading-style-m {
    text-align: center;
    font-size: 80px;
    line-height: 1;
}

.photoslider h4 {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 16px;
    font-style: italic;
}

.photoslider .heading-container {
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    z-index: 10;
    left: 0;
    display: none;
}

.photoslide a {
    color: #FFF;
}

.photoslide img{
    width: 952px;
}

.photoslide a:hover {
    color: #ee3224;
}

.photoslider .next,
.photoslider .previous {
    background: rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);   /* IE6 & 7 */
    zoom: 1;
    margin-top: -28px;
    top: 50%;
    position: absolute;
    padding: 15px 10px;
    z-index: 10;
    background-position: 0;
}

.photoslider .next {
    right: 16px;
}

.photoslider .next span.arrow,
.photoslider .previous span.arrow {
    background-repeat: no-repeat;
    width: 31px;
    height: 26px;
    padding: 0;
    display: block;
    background-position: 0;
}

.photoslider .next span.arrow {
    background-image: url(styles/../img/icon/arrow2-right-white.png);
    opacity: 0.6;
}

.photoslider .next span.arrow:hover,
.photoslider .previous span.arrow:hover {
    opacity: 1;
}

.photoslider .previous span.arrow {
    background-image: url(styles/../img/icon/arrow2-left-white.png);
    opacity: 0.6;
}

/**
* Wrap Switcher
*
*/


.switcher-wrapper{
    visibility: hidden;
}

.switcher-wrapper .scrollable {
    position:relative;
    overflow:hidden !important;
    width: 960px;
    height: 480px;
    border-bottom: 2px solid #D5D5D6;
    padding-bottom: 13px;
    margin-bottom: 18px;
}

.switcher-wrapper .scrollable .items {
    width:20000em;
    position:relative;
    clear:both;
    margin-left: 159px;
    height: 428px;
    background-color: black;
}

.switcher-wrapper .items .slide{
    float:left;
    width:641px;
    height: 428px;
}

.switcher-wrapper .title{
    width: 640px;
    bottom: 10px;
    *bottom: 60px;
    position: absolute;
    height: auto;
    display: none;
    text-align: center;
    color: #fff;
}


.switcher-wrapper .section{
    background-color: #000;
}

.switcher-wrapper .section a img{
    height: 426px;
    width: 640px;
    border:1px solid #000;
    opacity: 0.3;
    -moz-opacity: .30;
    filter: alpha(opacity=30);
}

.switcher-wrapper .browse-link .box_arrow{
    padding: 15px 10px;
    top: 181px;
    position: absolute;
    z-index: 11;
    height: 26px;
}

.switcher-wrapper .browse-link .arrow{
    width: 31px;
    height: 26px;
}

.switcher-wrapper .arrowright {
    background-image: url("styles/../img/icon/arrow-right-red.png");
}

.switcher-wrapper .prev .arrow {
    background-image: url(styles/../img/icon/arrow2-left-white.png) !important;
}

.switcher-wrapper .next .arrow {
    background-image: url(styles/../img/icon/arrow2-right-white.png) !important;
}


.switcher-wrapper .prev .box_arrow{
    left: 0;
    background: #EE3224;
    background: -moz-linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(238, 50, 36, 1)), color-stop(100%, rgba(183, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ee3224', endColorstr = '#b70000', GradientType = 1); /* IE6-9 */
    background: linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* W3C */

}

.switcher-wrapper .browse-link .left,
.switcher-wrapper .browse-link .right{
    background: #000;
    opacity: 0;
    -moz-opacity:.0;
    filter:alpha(opacity=0);
}

.switcher-wrapper .next .box_arrow{
    right: 0;
    background: #EE3224;
    background: -moz-linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(183, 0, 0, 1)), color-stop(100%, rgba(238, 50, 36, 1)));
    background: -webkit-linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%);
    background: -o-linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%);
    background: -ms-linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b70000', endColorstr = '#ee3224', GradientType = 1);
    background: linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%);
}

.switcher-wrapper .heading-container{
    width: 640px;
    position: relative;
    display: none;
}

.switcher-wrapper .badge{
    top: -50px;
    left: 50%;
    z-index:100;
}


.switcher-wrapper .badge .badge-text{
    letter-spacing: 1px;
    color: white;
    padding: 3px 5px 3px 5px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    white-space: nowrap;
    background-color: #F42A0D;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f42a0d), to(#be1000));
    background-image: -moz-linear-gradient(top, #f42a0d, #be1000);
    background-image: -ms-linear-gradient(top, #f42a0d, #be1000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f42a0d), color-stop(100%, #be1000));
}

.switcher-wrapper .headline  {
    *color: #fff;
    text-shadow: 0 4px 10px #333;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Glow(Color='#000000',strength=4);
}

.switcher-wrapper .heading-container h3 {
    padding: 12px 0 0 0;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    height: 33px;
    overflow: hidden;
    line-height: 20px;
    height: 40px;
}

.switcher-wrapper .normal {
    font-style: normal;
    color: #666;
}

.switcher-wrapper .photoCredit{
    position: absolute;
    right: -4px;
    top: 2px;
}

.switcher-wrapper .navi {
    padding: 0 0 0 10px;
    position: absolute;
    bottom: 13px;
    *bottom: 30px;
    background-color: white;
}

.switcher-wrapper .navi a {
    width:11px;
    height:11px;
    float:left;
    background:url(styles/../img/bg/pagination-white.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
    padding: 0 0 0 10px;
    background-color: white;
}

.switcher-wrapper .navi a.active {
    background-position:0 -12px;
}

.switcher-wrapper .browse-link {
    display: none;
}

.switcher-wrapper .left-link,
.switcher-wrapper .right-link {
    height: 430px;
    width: 160px;
    position: absolute;
    z-index: 10;
}

.switcher-wrapper .right-link{
    right: 0;
    top: 0;
}

.switcher-wrapper .switcher-overlay {
    position: absolute;
    padding-left: 270px;
    padding-top: 160px;
    opacity: 0.5;
    display: none;
    cursor: pointer;
}

.switcher-wrapper .ad.slide {
    text-align: center;
    display: table;
    opacity:0;
}

.switcher-wrapper .ad-badge{
    display: none;
}

.switcher-wrapper .ad .left {
    text-align: left;
}

.switcher-wrapper .ad .right {
    text-align: right;
}

.switcher-wrapper .ad [data-advertising]{
    display: table-cell;
    vertical-align: middle;
}

/* center switcher ads - we have to rewrite some ads styles to make them centered*/
.switcher-wrapper [data-advertising] * {
    text-align: center !important;
    margin: 0 auto !important;
    float: center !important;
}

.switcher-wrapper [data-video]{
    width: 100%;
    height: 100%;
}

/* disable adChoice for wraps as it's looks ugly inside the switcher*/
#wrap-page #BAP-holder .bap-trigger{
    display: none;
}

/*
*  floating ad
*/

.floatingad {
    margin-bottom: 30px;
}


/**
* Header General
*
* @section header
*/
.header-style-a {
    background: #fff url(styles/../img/bg/header-arrow.png) no-repeat 50% bottom;
    padding: 0 0 8px;
}

.header-style-a .heading {
    border-bottom: 3px solid #44413C;
    margin: 0 auto;
}

/**
* Sidebar General
*
* @section sidebar
*/
.sidebar {
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    _height: 1%;
}

.sidebar > .heading {
    margin-right: auto;
    margin-left: auto;
}

/**
* Sidebar A
*
* @subsection sidebar-a
*/
.sidebar-style-a {
    margin: 0 0 30px;
}

.sidebar-style-a header:first-child {
    background: #fff url(styles/../img/bg/header-arrow.png) no-repeat 50% bottom;
    padding: 0 0 8px;
}

.sidebar-style-a header .heading {
    border-bottom: 3px solid #44413C;
    margin: 0 auto;
}

.sidebar-style-a li {
    border-top: 1px solid #CCCCCC;
    padding: 12px 0;
}

.sidebar-style-a li:first-child {
    border: none;
    background: none;
}

/**
 * Sidebar A Extended
 *
 * @subsection sidebar-a-ext
 */
.sidebar-style-a-ext li {
    background-image: url(styles/../img/bg/black-gray-border.png); /** sprite-ref: horizontal; sprite-margin-right: 20px */
    background-repeat: no-repeat;
    border: none;
}

/**
* Sidebar B
*
* @subsection sidebar-b
*/
.sidebar-style-b {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 20px;

}

.sidebar-style-b .heading {
    padding: 0 0 0;
}

.sidebar-style-b li {
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 150px */
    background-repeat: repeat-x;
    padding: 12px 0;
    line-height: 17px;
}

.sidebar-style-b li:first-child {
    background-image: none;
}

.source {
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    text-align: left;
    text-transform: uppercase;
}

/**
* Sidebar C
*
* @subsection sidebar-c
*/
.sidebar-style-c {
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 15px;

}

.sidebar-style-c li {
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 100px */
    background-repeat: repeat-x;
    padding: 9px 0 0;
    margin-bottom: 10px;
    height: 71px;
    overflow: hidden;
}

.sidebar-style-c li:first-child {
    background-image: none;
    padding-top: 0;
}

.sidebar-style-c .byline {
    padding: 0;
}

/**
* Sidebar D
*
* @subsection sidebar-d
*/
.sidebar-style-d {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 15px;

}

.sidebar-style-d header {
    background: #fff url(styles/../img/bg/header-arrow.png) no-repeat 50% bottom;
    padding: 0 0 8px;
}

.sidebar-style-d header .heading {
    margin: 0 auto;
    border-bottom: 3px solid #44413C;
}

.sidebar-style-d .heading {
    padding: 0 0 3px;
}

.sidebar-style-d li {
    background-image: url(styles/../img/bg/dots-horizontal.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding: 12px 0;
}

/**
* Sidebar E
*
* @subsection sidebar-e
*/
.sidebar-style-e {
    font-size: 12px;
    font-weight: bold;

}

.sidebar-style-e header {
    margin: 0 0 12px 0;
}

.sidebar-style-e header .heading {
    margin: 0 auto;
}

.sidebar-style-e li {
    background: #f6f5ef;
    padding: 5px 0;
    min-height: 120px;
}

.sidebar-style-e li .heading {
    padding: 0 10px 10px;
}

.sidebar-style-e li .rubric {
    padding: 0 10px 5px;
}

.sidebar-style-e .summary {
    color: #666;
    padding: 0 10px;
}

/**
* Gallery Stream
*
* @subsection gallery stream
*/
.galleryList li {
    background: none repeat scroll 0 0 #000000;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin: 0 0 15px;
}

.galleryList img {
    display: block;
}

.galleryList li .heading {
    color: #fff;
    display: block;
    padding: 5px;
}

/**
* Partner Links
*
* @section partners
*/
#partners {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: left;
    font-size: 11px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 10px 0 30px;
    _height: 1%;
}

#partners div header {
    background: none;
    padding: 0 0 10px;
    margin-bottom: 0;
    border: none;
}

#partners header {
    margin-bottom: 19px;
}

#partners .rubric {
    padding: 0 0 10px;
}

#partners li {
    background: #fff url(styles/../img/bg/dots-horizontal.png) 0 0 repeat-x;
    border: none;
    padding: 5px 0;
}

/**
* Feature Slider
*
* @section feature slider
*/
.featureSlider {
    background: #353535;
    padding: 13px 11px 21px;
    position: relative;
}

.stream-col .featureSlider{
    width: 453px;
}

.stream-col .slider {
    margin-bottom: 25px;
}

.featureSlider-b {
    background: #000;
    margin: 0 0 50px;
    padding: 8px 10px 21px;
}

.featureSlider-slider {
    background: #000;
    width: 387px;
    height: 462px;
    overflow: hidden;
    position: relative;
}

.featureSlider-slide .rubric {
    position: relative;
    top: -15px;
}

.featureSlider-slide .rubric span {
    color: #fff;
    background: #ee3224;
    padding: 3px 5px 3px 5px;
    font-family: "Times New Roman";
    font-size: 18px;
    font-style: italic;
}

.featureSlider-slide .prefix {
    color: #ee3224;
}

.featureSlider-slider .photoCredit {
    text-align: right;
    line-height: 12px;
}

.stream-col .featureSlider-slider img{
    width: 453px;
    height: 302px;
}

.stream-col .featureSlider-slider,
.stream-col .featureSlider-slider .ad img{
    width: 453px;
    height: 402px;
}

.featureSlider-b .featureSlider-slider {
    background-image: url(styles/../img/bg/black-grey-gradient.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-top: 327px */
    background-color: #373737;
    width: 453px;
    height: 402px;
}

.featureSlider-slides {
    width: 999999px;
    position: absolute;
}

.featureSlider-slide {
    color: #fff;
    width: 387px;
    height: 462px;
    float: left;
    text-align: center;
    margin-right: 5px;
    font-size: 13px;
}


.stream-col .featureSlider-slide,
.featureSlider-b .featureSlider-slide {
    width: 453px;
    height: 402px;
}

.featureSlider-slide .heading {
    color: #fff;
    padding: 3px 0 2px;
    line-height: 1;
    letter-spacing: .05em;
}

.featureSlider-slide .heading a {
    color: #fff;
}

.featureSlider-b .featureSlider-slide .heading a {
    color: #fff;
}

.featureSlider-slide p {
    padding: 0 10px;
    line-height: 17px;
}

.featureSlider .featureSlider-slide a {
    color: #fff;
    height: 100%;
    display: block;
}

.featureSlider .featureSlider-slide a:hover {
    color: #fff;
}

.featureSlider-navigation {
    width: 387px;
    height: 27px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 11px;
}

.stream-col .featureSlider-navigation {
    width: 453px;
    font-size: 13px;
    line-height: 16px;
}

.featureSlider-b .featureSlider-navigation {
    width: 450px;
}

.featureSlider-navigation a {
    color: #999;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.featureSlider-navigation a:hover {
    color: #fff;
}

.featureSlider-play {
    display: none;
    position: absolute;
    bottom: 2px;
    left: 0;
}

.featureSlider-pause {
    position: absolute;
    bottom: 2px;
    left: 0;
}

.featureSlider-next {
    position: absolute;
    bottom: 2px;
    right: 0;
}

.featureSlider-previous {
    position: relative;
    top: 9px;
    float: right;
    margin-right: 10px;
}

.featureSlider-pagination {
    position: relative;
    margin-right: 35px;
    bottom: 4px;
    float: right;
}

.featureSlider-pagination li {
    background-position: 0 15px;
    background-image: url(styles/../img/bg/dots-three-vertical.png); /** sprite-ref: vertical; sprite-margin-top: 15px; sprite-margin-bottom: 40px */
    background-repeat: no-repeat;
    color: #999999;
    float: left;
    text-align: center;
}

.featureSlider-pagination .active {
    background-position: top;
    background-image: url(styles/../img/bg/slide-active.png); /** sprite-ref: vertical; sprite-margin-bottom: 40px */
    background-repeat: no-repeat;
    color: #fff;
}

.featureSlider-b .featureSlider-pagination .active {
    background-position: 2px 1px;
    background-image: url(styles/../img/bg/slide-active-b.png); /** sprite-ref: vertical; sprite-margin-top: 2px; sprite-margin-bottom: 40px; sprite-margin-left: 1px */
    background-repeat: no-repeat;
}

.featureSlider-pagination li a {
    color: inherit;
    display: block;
    font-size: 12px;
    margin-left: 1px;
    width: 19px;
    height: 20px;
    line-height: 20px;
    padding: 10px 0 0;
}

/**
* Tool Tip
*
* @section feature slider
*/
.toolTip {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 225px;
    padding: 0 0 8px 0;
    display: none;
}

.toolTip .tipContent {
    width: 209px;
    padding: 10px 7px 15px 7px;
    text-align: center;
}

.toolTip h2 {
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 5px 0;
    font-family: "Times New Roman";
    color: #fff;
}

.toolTip p .byline, .toolTip p {
    font-size: 11px;
    line-height: 12px;
    color: #fff;
    margin: 0;
}

.toolTipp .byline {
    display: inline;
}

#featureTip {
    background: url(styles/../img/bg/slider-tooltip.png) no-repeat 50% bottom;
}

#featureTip .tipContent {
    background: #363636;
    border: solid 1px #62615A;
    border-bottom: none;
}

/**
* Page Bottom
*
* @section page bottom
*/
#utilitiyLinks {
    color: #666;
    border-top: 1px solid #CCC;
    margin-top: 10px;
}

#toMobile {
    background-repeat: no-repeat;
    width: 140px;
    height: 41px;
}

.wheathersign{
    font-size: 11px;
    color: #666;
    padding-left: 106px;
    padding-top: 6px;
}

#footerMiddle > * {
    text-align: center;
}

#footerMiddle small {
    display: block;
}

#footerRight {
    font-size: 11px;
    text-align: right;
}

#footerRight a {
    color: #363636;
    display: block;
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0;
    text-transform: uppercase;
}

#footerRight a span {
    background: #EE3224;
    font-size: 16px;
    font-weight: normal;
    padding: 0 5px 0;
    text-transform: uppercase;
    color: #fff;
}

/**
* Article Text
*
* @section article
*/
.article-body {
    margin: 0 8px 30px;
    padding: 0 15px;
    width: 503px;
    display: inline;
    float: left;
    position: relative;
}

.article-body h1 {
    padding: 0 0 7px;
}

.article-body p {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.newsweek-flag {
    width: 223px;
    height: 25px;
    margin-bottom: 9px;
}

.from-newsweek-flag {
    width: 170px;
    height: 25px;
    margin-bottom: 5px;
    margin-left: 8px;
}

#article-page .from-newsweek-flag {
    margin-left: 0;
}

#blogentry-page .from-newsweek-flag {
    margin-left: 0;
}

.dek,
.updated-dek p {
    font-size: 16px;
    font-weight: bold;
    color: #363636;
    line-height: 20px;
    padding: 0 0 10px;
}

.updated-dek {
    background: url("styles/../img/bg/dots-horizontal.png") repeat-x bottom left;
    margin-bottom: 10px;
}

.updated-dek p {
    margin-bottom: 0;
}

.historical-dek {
    color: #999;
}

.heading-updated {
    background-image: url(styles/../img/hd/updated.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 503px;
    height: 32px;
    margin: 5px 0;
}

.subscribenw {
    font-weight: bold;
    text-transform: uppercase;
    background-image: url("styles/../img/icon/arrow-right-red.png");
    background-repeat: no-repeat;
    background-position: 245px 4px;
    padding-bottom: 20px;}

.storyMeta {
    background: none repeat scroll 0 0 #EFEFEF;
    padding: 10px;
    height: 100%;
}

.storyMeta p {
    margin-bottom: 10px;
}

.big .dek {
    font-size: 24px;
    line-height: 1.2;
}

.bigger .dek {
    font-size: 26px;
    line-height: 1.2;
}

.biggest .dek {
    font-size: 28px;
    line-height: 1.2;
}

.big .timestamp,
.big .byline {
    font-size: 18px;
    line-height: 1.2;
    height: auto;
}

.bigger .timestamp,
.bigger .byline {
    font-size: 20px;
    line-height: 1.2;
    height: auto;
}

.biggest .timestamp,
.biggest .byline {
    font-size: 22px;
    line-height: 1.2;
    height: auto;
}

.big .figcaption {
    font-size: 12px;
    line-height: 1.2;
}

.bigger .figcaption {
    font-size: 14px;
    line-height: 1.2;
}

.biggest .figcaption {
    font-size: 16px;
    line-height: 1.2;
}

.big p {
    font-size: 16px;
    line-height: 1.4;
}

.bigger p {
    font-size: 18px;
    line-height: 1.4;
}

.biggest p {
    font-size: 20px;
    line-height: 1.4;
}

.big .blockquote p,
.bigger blockquote p,
.biggest blockquote p {
    font-size: 30px;
    line-height: 1.2;
}

.blockquote {
    background-image: url(styles/../img/bg/dots-horizontal.png), url(styles/../img/bg/dots-horizontal.png);
    background-image: url(styles/../img/bg/dots-horizontal.png) \9;
    background-position: top left, bottom right;
    background-position: bottom right\9;
    background-repeat: repeat-x;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/clientlibs/dailybeast/img/bg/dots-horizontal-ie.png', sizingMethod='crop')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/etc/clientlibs/dailybeast/img/bg/dots-horizontal-ie.png', sizingMethod = 'crop');
    color: #666;
    font-size: 30px;
    font-family: "Times New Roman", Times, serif;
    line-height: 1em;
    margin: 20px 0 20px 0;
    padding: 20px 50px;
    position: relative;
    text-align: center;
}

.blockquote p {
    margin-bottom: 0;
    line-height: 34px;
}

.blockquote .quoteStart, blockquote .quoteEnd {
    display: block;
    color: #ccc;
    font-size: 80px;
    font-weight: bold;
    position: absolute;
}

.blockquote .quoteStart {
    padding-top: 16px;
    left: 0;
}

.blockquote .quoteEnd {
    height: 13px;
    bottom: 15px;
    right: 0;
    padding-top: 19px;
}

.callout {
    background-image: url(styles/../img/bg/dots-horizontal.png), url(styles/../img/bg/dots-horizontal.png);
    background-image: url(styles/../img/bg/dots-horizontal.png) \9;
    background-position: top left, bottom right;
    background-position: bottom right\9;
    background-repeat: repeat-x;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/clientlibs/dailybeast/img/bg/dots-horizontal-ie.png', sizingMethod='crop')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/etc/clientlibs/dailybeast/img/bg/dots-horizontal-ie.png', sizingMethod = 'crop');
    color: #000;
    font-size: 24px;
    font-family: "Times New Roman", Times, serif;
    line-height: 1em;
    margin: 20px 0 20px 0;
    padding: 10px 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    _height: 1%;
}

.callout .heading {
    font-weight: normal;
}

#home-page .callout {
    width: 359px;
    margin: 0 auto;
    background-image: url(styles/../img/bg/dots-horizontal.png);
}

#home-page .callout h4 {
    padding-left: 100px;
    margin-top: 10px;
}

#article-page .quote-box,
#interactive-page .quote-box,
#wrap-page .quote-box {
    background-color:#EBF0F3; /* grey-blue */
    padding: 15px;
    margin-bottom: 20px;
}

#article-page .quote-box a.quote-link:hover ,
#interactive-page .quote-box a.quote-link:hover {
      color: #000000;
      text-decoration: none;
}

#interactive-page .quote-box{
    margin-top: 20px;
}

#interactive-page .quote-box ul{
     list-style: disc outside none;
     margin: 0 0 20px 40px;
}

#interactive-page .quote-box ol{
      list-style: decimal outside none;
      margin: 0 0 20px 40px;
}

.multimedia {
    margin: 0 0 20px;
    text-align: center;
}

.multimedia img {
    display: inline;
}

.multimedia figcaption {
    color: #666;
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
    margin: 0;
    text-align: center;
    line-height: 1;
}

.multimedia .photoCredit {
    display: inline;
    font-style: italic;
}

.quickTake {
    background: none;
    font-size: 20px;
    font-weight: normal;
    padding: 0 50px;
    -ms-filter: none;
    filter: none;
}

/**
* ARTICLE PAGINATION
*/
.article-pagination {
    display: none;
    overflow: hidden;
    padding: 20px 0 0;
    clear: both;
}

.article-pagination ul {
    float: right;
    padding: 0;
    list-style-type: none;
}

.article-pagination .pagination {
    clear: none;
    float: right;
    padding: 0 10px 0 0;
    max-width: 302px;
}

.article-pagination .pagination li {
    float: left;
    margin-left: 0;
    padding: 0;
    height: 20px;
}

.article-pagination li a {
    display: block;
    float: left;
    text-align: center;
    width: 25px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    line-height: 18px;
}

.article-pagination li a:hover {
    color: #ee3224;
}

.article-pagination li a.active {
    border: 1px solid #666;
    color: #666;
    cursor: default;
}

.article-pagination .showAll,
.article-pagination .hideAll {
    color: #666;
    float: right;
    font-size: 12px;
    padding: 0 10px 0 0;
    line-height: 18px;
}

.article-pagination .showAll:hover,
.article-pagination .hideAll:hover {
    color: #EE3224;
}

.article-pagination .hideAll {
    display: none;
}

.article-pagination .next {
    background-image: url(styles/../img/icon/right-arrow-white.png);
    background-repeat: no-repeat;
    background-position: 51px 4px;
    background-color: #ee3224;
    display: block;
    float: right;
    color: #fff;
    padding: 3px 17px 3px 8px;
    line-height: 1;
    font-weight: bold;
}

.article-pagination .disabled {
    background-color: #999;
    cursor: default;
}

.pagebreak-visible {
    background: #333;
    clear: both;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.page-number {
    clear: both;
    display: block;
    color: #666;
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: bold;
}

/**
 * This Week's Issue
 */
.newsweek-issue-sidebar {
    background-image: url(styles/../img/bg/sidebar-top-a.png);
    background-repeat: no-repeat;
    padding: 13px 0 0 0;
    margin-bottom: 30px;
}

.newsweek-issue-sidebar header {
    border-left: 7px solid #DFDFDF;
    border-right: 7px solid #DFDFDF;
    padding: 13px 6px 8px;
}

.newsweek-issue-sidebar .heading {
    margin-top: 10px;
    padding-bottom: 5px;
}

.newsweek-issue-sidebar-content {
    border: 7px solid #DFDFDF;
    border-top: none;
    padding: 0 10px;
}

.newsweek-issue-sidebar-content .text{
    padding-bottom: 10px;
}

.newsweek-issue-sidebar li {
    background-repeat: repeat-x;
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 100px; */
    padding: 12px 0 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

.newsweek-issue-sidebar li:first-child {
    background: none;
}

.newsweek-issue-sidebar .heading {

}

.more-newsweek {
    background-image: url(styles/../img/icon/read-more-from-newsweek.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px; */
    background-repeat: no-repeat;
    width: 191px;
    height: 34px;
    margin: 10px auto 0;
}

/**
* Related Break
*
* @subsection related break
*/
.relatedBreak {
    /* NEED TO COME BACK TO THIS TO TRY TO GET MULTIPLE BACKGROUND IN IE WORKING */
    background-image: url(styles/../img/bg/dots-horizontal.png), url(styles/../img/bg/dots-horizontal.png);
    background-image: url(styles/../img/bg/dots-horizontal.png) \9;
    background-position: top left, bottom right;
    background-position: bottom right\9;
    background-repeat: repeat-x;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/clientlibs/dailybeast/img/bg/dots-horizontal-ie.png', sizingMethod='crop')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/etc/clientlibs/dailybeast/img/bg/dots-horizontal-ie.png', sizingMethod = 'crop');
    padding: 10px 0 0;
    margin: 0 0 20px;
    *zoom: 1;
}

.relatedBreak .img {
    margin: 0 10px 0 0;
}

.relatedBreak > .img {
    margin: 0 30px 0 0;
}

.relatedBreak li {
    background: none;
    width: 163px;
    min-height: 20px;
    display: inline-block;
    vertical-align: top;
    _display: inline; /* ie 7 hack */
    _height: 20px; /* ie 6 hack*/
    padding: 3px 5px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    float: left;
}

.relatedBreak li.single-list {
    width: auto;
}

.relatedBreakOut {
    width: 167px;
    margin: 0;
    position: absolute;
    left: -183px;
}

/**
* Article Footer
*
* @subsection article footer
*/
.storyFooter {
    margin: 0;
    padding: 10px 0;
    position: relative;
    /*overflow: hidden;*/
    _height: 1%;
}

.storyFooter .timestamp {
    color: #666666;
    font-size: 12px;
    margin: 0;
    padding: 0 6px;
    position: absolute;
    font-style: normal;
    right: 0;
    top: 22px;
}

.storyFooter .timestamp span {
    border-right: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}

.storyFooterWrap .tags {
    margin: 6px 0;
}

/**
* Social Buttons
*
* @section social
*/
.social {
    margin-bottom: 7px;
    text-align: left;
    white-space: nowrap;
}

.social li {
    margin-right: 5px;
    display: inline-block;
    height: 20px;
}

.social a {
    float: left;
}

.social .font-icon-btn {
    color: #EE3224;
    font-size: 17px;
    width: 28px;
    background-color: #EEE;
    border-radius: 2px;
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    line-height: 18px;
    height: 18px;
    text-align: center;
}

.social .font-icon-btn:hover {
    border-color: #888;
}

.social .stArrow {
    display: none;
}

.social .emailSmall a,
.social .emailSmall span {
    width: 24px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.social .emailSmall a {
    position: relative;
    text-indent: -99999px;
}

.social .emailSmall a span {
    background-position: 0 -287px;
    position: absolute;
    top: 0;
    left: 0;
}

.social .comment a{
    text-align: left;
    padding: 0 5px;
    width: auto;
    min-width: 20px;
}

.social .comment a span {
    font-size: 11px;
    color: black;
    vertical-align: top;
    display: inline-block;
    *color: red;
    *font-size: 14px;
}

.social .comment .echo-ui {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    height: 10px;
    padding-bottom: 4px;
    *padding-bottom: 9px;
}

.social .comment a span.comment-count{
    display: none;
    background: none;
    padding: 0;
    margin-left: 0;
}



.social .fbshare {
    top: 1px;
    position: relative;
}

.social .fbshare-btn{
    min-width: 57px;
    height: 20px;
    background-repeat: no-repeat;
}

.social .fbshare-count{
    font-size: 11px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C1C1C1;
    display: inline-block;
    min-width: 15px;
    line-height: 14px;
    text-align: center;
    padding: 1px 2px;
    height: 14px;
    margin-left: 5px;
    float: left;
    position: relative;
}

.social .fbshare-count .countNub {
    height: 0;
    left: -5px;
    position: absolute;
    top: 3px;
    z-index: 2;
}

.social .fbshare-count .countNub i, .social .fbshare-count .countNub s {
    border-color: transparent #D7D7D7;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    top: 1px;
}

.social .fbshare-count .countNub i {
    border-right-color: #FFFFFF;
    left: 2px;
    top: -7px;
}

.social .like {
    text-align: right;
}


.social .fb_iframe_widget > span > iframe {
    min-width: 95px;
    left: 0;
    top: 3px;
}

.social .like-placeholder {
    top: -1px;
    position: relative;
}

.social .linkedin {
    width: 20px;
    overflow: hidden;
}

.social .comment-count {
    padding-top: 5px;
    margin-right: 0;
}

.social .comment-count-num span {
    min-width: 15px;
}

.social .twitter > iframe {
    height:20px;
}


.social .print {
    margin-right: 0;
}

.cheatSheet .social {
    position: relative;
}

.cheatSheet .social .like{
    position: relative;
    top: 3px;
}

.cheatSheet .social .like-placeholder {
    top: -4px;
}

#headerNav .social {
    bottom: 10px;
    position: absolute;
    right: 0;
}

.article-body .social,
.wrap-body .wrapped .social,
.gallery-intro .social,
.theme-roundup .sharetools .social {
    background-image: url(styles/../img/bg/dots-horizontal.png), url(styles/../img/bg/dots-horizontal.png);
    background-image: url(styles/../img/bg/dots-horizontal.png) \9;
    background-position: top left, bottom right;
    background-position: bottom right\9;
    background-repeat: repeat-x;
    padding-top: 6px;
}

.theme-roundup .sharetools .social {
    position: static;
}

.theme-roundup .cheatSheet .sharetools .social {
    background-image: none;
}

#wrap-page .split-content-wrap .sharetools .social {
    background-image: none;
    padding: 5px 0 0 0;
}

#wrap-page .split-content-wrap .sharetools .social .like{
    position: relative;
    /*top: -7px;*/
}

.fb_iframe_widget span {
    top: -8px;
}

#gallery-page .social {
    float: left;
    width: 500px;
}

.article-body .storyFooter .social {
    margin-bottom: 20px;
}

.article-body .social .like > *,
.wrap-body .social .like > *{
    z-index: 1000;
}


/**
* Tags
*
* @section tags
*/
.tags, .relatedsections {
    clear: both;
    font-size: 14px;
    margin: 20px 0 30px;
    padding: 0 0 0 50px;
    position: relative;
    overflow: hidden;
    _height: 1%;
}

.tags .heading {
    color: #EE3224;
    float: left;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 5px;
}

.tags li {
    float: left;
    padding-left: 0;
}

.tags li a {
    display: inline-block;
    font-weight: bold;
    padding: 5px 0 0 4px;
}

.relatedsections {
    padding: 0 0 0 150px;
}

/**
* Text Sizer
*
* @section sizer
*/
#fontSizer {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 5px 0 5px 0;
    text-transform: uppercase;
}

#fontSizer p {
    float: left;
    padding: 1px 6px 0 0;
}

#fontSizer button {
    width: 15px;
    height: 15px;
    text-indent: -99999px;
    border: none;
    padding: 0;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

#sizeDown {
    background-image: url(styles/../img/icon/size-down.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
}

#sizeDown:hover {
    background-image: url(styles/../img/icon/size-down-hover.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

#sizeDown.disabled {
    background-image: url(styles/../img/icon/size-down-disabled.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

#sizeUp {
    background-image: url(styles/../img/icon/size-up.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

#sizeUp:hover {
    background-image: url(styles/../img/icon/size-up-hover.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

#sizeUp.disabled {
    background-image: url(styles/../img/icon/size-up-disabled.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

/**
* Author Bio
*
* @section bio
*/
.authorBio {
    font-size: 12px;
    color: #666;
    line-height: 16px;
    clear: both;
    overflow: hidden;
    _height: 1%;
    margin: 15px 0 30px;
}

.authorBio-author {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.authorBio .heading {
    padding: 0;
}

.authorBio .headshot {
    /*float: left;*/
    margin: 0 11px 0 0;
}

/*.authorBio p {
    line-height: 16px;
}*/

.authorBio-microblog {
    background-image: url("styles/../img/icon/twitter-follow-author.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    height: 27px;
    margin: 13px 0 0 0;
    width: 156px;
}

.authorBio-microblog-anonymous {
    background-image: url(styles/../img/icon/follow-us-on-twitter.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    height: 27px;
    margin: 13px 0 0 0;
    width: 156px;
}

.authorBio .lazy-twitter-follow a{
    text-transform:uppercase;
    font-size: 10px;
}

.authorBio .fb_iframe_widget > span > iframe {
    width: 118px !important;
}

/**
* Interactive Page
*
* @section interactive
*/
#interactive-page .header {
    margin-bottom: 20px;
}

#interactive-page .dek {
    padding-bottom: 0;
}

#interactive-page .header.viewMore-ext {
    background-position: 0 bottom;
}

#interactive-page .interactive-body {
    margin-bottom: 20px;
}

#interactive-page .heading{
    line-height: 1;
}

/**
* Gallery
*
* @section gallery
*/
.gallery {
    padding: 20px 0 0 0;
    width: 976px;
    min-height: 600px;
    margin: 0 auto;
    /*overflow: hidden;*/
    _height: 1%;
}

.gallery time {
    color: #989898;
    font-size: 10px;
}

.gallery-heading {
    color: #e3e3e3;
    margin: 0 0 13px;
}

.gallery .byline-style-c {
    color: #989898;
}

.gallery-slide-heading {
    color: #fff;
    padding: 0 0 5px 0;
    line-height: 1;
}

.gallery-slide, .gallery-intro{
    display: none;
}

.gallery-slide-photo-credit {
    color: #999;
    padding: 0 0 10px 0;
}

.gallery-slide-copy {
    color: #cecdcd
}

.gallery-slide-copy a {
    color: #fff;
    text-decoration: underline;
}

.gallery-slide-image {
    margin: 0 0 30px;
}

.slide-interstitial {
    clear: both;
    margin-left: 8px;
}

.gallery-nav {
    background: #fff;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

#main .gallery-nav-button {
    background: #ee3224;
    color: #fff;
    display: block;
    width: 138px;
    height: 24px;
}

#main .gallery-nav .disabled {
    background: #999;
    color: #666;
}

.gallery-nav-index {
    *float: left;
    *padding-left: 10px;
}

.gallery-nav-button:hover {
    color: inherit;
}

.gallery-nav-button-previous {
    float: left;
}

.gallery-nav-button-next {
    float: right;
}

#main .gallery-intro .gallery-nav {
    background: none;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}

#main .gallery-intro .gallery-nav-button {
    width: 200px;
    height: 30px;
}

#main .gallery-intro .grid-10 {
    text-align: left;
}

.gallery-intro-text {
    color: #B5B5B3;
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    margin-bottom: 20px;
    padding-top: 10px;
    clear: both;
}

.gallery-intro-text a {
    color: #e3e3e3;
    text-decoration: underline;
}

.gallery-ad {
    width: 960px;
    margin: 0 auto;
    min-height: 5px;
}

.gallery-ad div {
    line-height: 0;
}

/**
*   FLOW THROUGH LIST
*/
.listicle {
    width: 698px;
    float: left;
    margin: 0 26px 0 8px;
}

.listicle header {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    _height: 1%;
}

.listicle header time {
    color: #666;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-size: 11px;
    margin: 2px 10px 10px 0;
    padding-right: 9px;
    height: 17px;
    line-height: 17px;
}

.listicle-navigation {
    margin: 0 0 20px;
    position: relative;
    float: left;
    _height: 1%;
}

.listicle-navigation-b {
    clear: both;
}

.listicle h1 {
    color: #666;
    width: 595px;
    float: left;
    line-height: 40px;
}

.listicle h2 {
    color: #555;
    padding-top: 5px;
    clear: both;
}

.listicle .byline-style-c {
    font-size: 13px;
}

.listicle .subhead {
    background: #000;
    float: left;
    color: #fff;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 35px;
    padding: 0 0 0 9px;
    width: 586px;
}

.listicle-next {
    color: #fff;
    background-position: 51px 13px;
    background-image: url(styles/../img/icon/right-arrow-white.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px; sprite-margin-top: 13px; sprite-margin-left: 51px */
    background-repeat: no-repeat;
    background-color: #ee3224;
    float: right;
    margin-left: 1px;
    width: 57px;
    height: 35px;
    line-height: 35px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 9px;
}

.listicle-next:hover {
    color: #fff;
}

.listicle-navigation .listicle-start {
    clear: none;
}

.listicle-navigation a:visited {
    color: #fff;
}

.listicle-navigation .disabled {
    background-color: #999;
}

.listicle-previous {
    background-position: 13px 13px;
    background-image: url(styles/../img/icon/left-arrow-white.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px; sprite-margin-top: 13px; sprite-margin-left: 13px */
    background-repeat: no-repeat;
    background-color: #ee3224;
    float: right;
    width: 35px;
    height: 35px;
    margin-left: 1px;
}

.listicle-previous a:visited {
    color: #fff;
}

.listicle-all {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
}

.listicle-all .arrow {
    margin-left: 5px;
}

.listicle .listicle-listing {
    list-style: decimal outside;
    font-family: Arial, sans-serif;
    padding: 0 0 0 40px;
    margin: 30px 0;
    clear: both;
}

.listicle .listicle-listing li {
    font-family: Arial, sans-serif;
    font-size: 20px;
    padding-bottom: 15px;
    margin-left: 0;
}

.listicle-item {
    font-size: 20px;
    color: #ee3224;
    font-family: Arial, sans-serif;
}

.listicle-item:hover {
    text-decoration: none;
    color: #000;
}

.listicle-replay {
    /*background-image:url(styles/../img/icon/replay-red.png);*/
    background-repeat: no-repeat;
    text-indent: -99999px;
    display: block;
    float: right;
    width: 78px;
    height: 35px;
    border-left: 1px solid #fff;
}

.listicle-resume {
    /*background-image:url(styles/../img/icon/resume-red.png);*/
    background-repeat: no-repeat;
    text-indent: -99999px;
    display: block;
    float: right;
    width: 88px;
    height: 35px;
    border-left: 1px solid #fff;
}

.listicle-end-screen .comment-callout {
    border-bottom: 1px solid #d0d2d3;
    margin: 90px 20px 20px;
}

.listicle-end-screen .comments-link {
    margin: 0 0 0 47px;
}

.listicle-end-screen .share-tools {
    margin: 0 0 0 53px;
    padding: 0;
    float: none;
}

.listicle-end-screen .share-tools ul {
    padding: 0;
    list-style: none;
    float: none;
}

.listicle-end-screen {
    float: left;
    padding: 0 0 120px 0;
}

.listicle-end-screen .highlight-content-vertical {
    padding-top: 45px;
    background-image: none;
}

.listicle .previous-10 {
    background: #ee3224;
    color: #fff;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 15px 0;
    margin-right: 7px;
}

.listicle .previous-10:hover {
    cursor: pointer;
    color: #fff;
}

.listicle .previous-10.disabled {
    visibility: hidden;
}

.listicle .next-10 {
    background: #ee3224;
    color: #fff;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 15px 0;
    margin-left: 7px;
}

.listicle .next-10:hover {
    cursor: pointer;
    color: #fff;
}

.listicle .next-10.disabled {
    visibility: hidden;
}

/**
 * FLOW THROUGH PAGINATION
 */
.listicle-pagination {
    display: table;
    align: center;
    margin: 0 auto;
    padding: 5px 0;
    clear: left;
    overflow: hidden;
    _height: 1%;
}

.listicle-pagination a {
    color: black;
}

.listicle-pagination a:hover {
    color: #EE3224;
}

.listicle-pagination .pagination {
    float: left;
    height: 25px;
    position: relative;
    overflow: hidden;
    width: 252px;
    padding: 0;
    clear: none;
}

.listicle-pagination .items {
    top: 0;
    width: 20000em;
    position: absolute;
}

.listicle-pagination .items div {
    float: left;
    width: 350px;
    background-color: black;
}

.listicle-pagination .items a {
    display: block;
    float: left;
    text-align: center;
    width: 25px;
}

.listicle-pagination .items a.active {
    border: 1px solid #DDDDDD;
    color: #999999;
    cursor: default;
}

.listicle-pagination .items a.active:hover {
    text-decoration: none;
}

/**
* Story Scroller
*
* @section Story Scroller
*/
.storyScroller {
    position: relative;
}

.storyScroller-scrollable {
    width: 960px;
    height: 250px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.storyScroller .items {
    width: 999999px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
}

.storyScroller li {
    float: left;
    margin: 0 32px 0 0;
    overflow: hidden;
    position: relative;
    line-height: 0;
}

.storyScroller li a {
    display: block;
    color: #000;
}

.storyScroller-previous {
    background: #EE3224 url("styles/../img/icon/previous.png");
    background-repeat: no-repeat;
    background-position: 2px;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 20px;
    right: 25px;
}

.storyScroller-previous.disabled {
    background: #6b6b6b url("styles/../img/icon/previous-disabled.png");
    background-repeat: no-repeat;
    background-position: 2px;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 20px;
    right: 25px;
}

.storyScroller-next {
    background: #EE3224 url("styles/../img/icon/next.png");
    background-repeat: no-repeat;
    background-position: 3px;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 20px;
    right: 0;
}

.storyScroller-next.disabled {
    background: #6b6b6b url("styles/../img/icon/next-disabled.png");
    background-repeat: no-repeat;
    background-position: 3px;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 20px;
    right: 0;
}


.storyScroller .pagination {
    position: relative;
    float: right;
    left: -50%;
}

.storyScroller .pagination li {
    float: left;
    margin: 0 1px;
    list-style: none;
    padding: 0;
}

.storyScroller .pagination li a {
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(styles/../img/bg/pagination-white.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.storyScroller .pagination li.current a {
    background-position: 0 -12px;
}

.itemData {
    color: #000;
    width: 151px;
    margin-top: 10px;
    line-height: 1;
    bottom: 0;
}

.itemData .summary {
    color: #666;
    margin-top: 5px;
}

.itemData .timestamp {
    margin-top: 5px;
}

.itemData .heading {
    font-weight: bold;
    line-height: 1.1;
}

.itemData .heading span {
    color: #ee3224;
}

.current .itemData .heading span {
    color: #000;
}

.current a:hover .heading {
    color: #000;
}

.itemData a:hover {
    color: #fff;
}

.chapter-number {
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

/**
 * Topic Layout 1
 *
 * @section layout 1
 */
#layout1-page #main {
    background-image: url(styles/../img/bg/center-column-shadow-b.png); /** sprite-ref: horizontal; sprite-margin-right: 400px */
    background-repeat: repeat-y;
    overflow: hidden;
    _height: 1%;
}

/**
* Topic Layout 6
*
* @section layout 6
*/
#layout6-page .article-body {
    padding: 0;
    width: 960px;
    margin-bottom: 0;
}

/**
* Image Block
*
* @section image blcok
*/
.imageBlock {
    background: #000;
    color: #fff;
    text-align: center;
    height: 472px;
    overflow: hidden;
    position: relative;
}

.imageBlock-meta {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    width: 452px;
    min-height: 115px;
}

.imageBlock a {
    display: block;
    color: #fff;
    height: 100%;
}

.imageBlock img {
    display: block;
}

.imageBlock .heading {
    padding: 5px 0;
}

.imageBlock p {
    padding: 0 10px;
    line-height: 17px;
}

.top {
    height: 472px;
    overflow: hidden;
}

/**
* Story River
*
* @section story river
*/
.storyRiver {
    width: 488px;
    float: left;
    position: relative;
}

.storyRiver .story {
    background: none;
    clear: none;
    text-align: left;
}

#newsweek-page .storyRiver .story {
    text-align: center;
}

.storyRiver .story:first-child {
    text-align: center;
}

.story a:hover .heading,
.story a:hover p,
.story a:hover .rubric {
    color: #ee3224;
}

.secondaryRiver {
    padding: 0 14px;
}

.secondaryRiver .story {
    margin-bottom: 15px;
    padding: 15px 0 0 0;
}

.secondaryRiver .story:first-child {
    background: none;
}

.secondaryRiver .story img {
    border: 2px solid #cccabb
}

/**
* View More Bar
*
* @section more bar
*/
.viewMore {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    clear: left;
    font-weight: bold;
    margin-bottom: 25px;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
}

.viewMore a {
    color: #EE3224;
}

/**
* Topic Layout 2
*
* @section layout 2
*/
.heading-highlights-lg {
    background-image: url(styles/../img/hd/highlights-lg.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 153px;
    height: 29px;
    margin-top: 10px;
    margin-bottom: 6px;
}

.featurePicks {
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 0 0 25px;
}

#home-page .featurePicks {
    border: 0;
    padding: 0;
    margin-top: 20px;
}

.featurePicks .heading {
    padding-top: 5px;
}

.featurePicks .byline {
    padding-bottom: 7px;
}

.featurePicks > .heading {
    padding: 0 0 19px;
}

.featurePicks li {
    margin-left: 16px;
    margin-right: 0;
}

.featurePicks li:first-child {
    margin-left: 0;
}

#home-page .featurePicks ul {
    width: 428px;
    margin: 0 auto;
}

#home-page .featurePicks li {
    width: 101px;
    float: left;
    display: inline;
    margin-left: 8px;
}

#home-page .featurePicks li:first-child {
    margin-left: 0;
}

.featurePicks .second {
    clear: left;
    padding-top: 10px;
}

.hGalleryList {
    position: relative;
    overflow: hidden;
}

.hGalleryList li {
    float: left;
    margin: 0 16px;
    width: 165px;
}

.hGalleryList .heading {
    padding-top: 10px;
}

.hGalleryList ol {
    overflow: hidden;
    margin: 0 0 20px;
}

.hVideoList .media {
    background: #EDEBE0;
    height: 246px;
    overflow: hidden;
    *zoom: 1;
}

.hVideoList .overlay {
    position: absolute;
    top: 73px;
    left: 134px;
}

.hVideoList .heading {
    color: #000;
    padding: 10px 0 5px;
}

.hVideoList .img {
    position: relative;
    line-height: 0;
    margin-right: 0;
}

.hVideoList .bd {
    padding: 0 15px;
}

.hVideoList {
    overflow: hidden;
}

.hVideoList ol {
    clear: left;
    margin: 20px 0 20px;
    overflow: hidden;
}

.hVideoList p a {
    text-decoration: underline;
}

/*Quick fix for the heading, this should be refactored*/
.hVideo .bd h3 {
    font-family: "Times New Roman", Times, serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1em;
    margin: 15px 15px 5px 0;
    text-transform: none;
}

/**
* Video Thumbnails
*
* @section video thumb
*/
.vThumb {
    position: relative;
}

.vThumb span,
.updates .grid-2 span{
    background-image: url(styles/../img/icon/thumb-play.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    bottom: 10px;
    color: #FFFFFF;
    display: block;
    height: 28px;
    position: absolute;
    right: 10px;
    text-indent: -9999em;
    width: 27px;
}

/**
* Topic Layout 3
*
* @section layout 3
*/
#layout3-page #headerNav {
    display: none;
}

#layout3-page #main {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    position: relative;
    padding: 0;
}

#layout3-page .content-wrap {
    padding-top: 398px;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-image: url(styles/../img/bg/center-column-shadow.png); /** sprite-ref: horizontal; sprite-margin-right: 400px */
    overflow: hidden;
    margin-top: 30px;
    _height: 1%;
}

#layout3-page #partners {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 30px;
    width: 976px;
}

.storyRiver .story .hgroup {
    height: 47px;
    position: relative;
    padding: 20px 0 0 0;
    text-align: center;
}

.storyRiver .story:first-child .hgroup {
    height: auto;
    padding: 0;
}

#layout1-page .storyRiver .story:first-child .hgroup {
    padding: 0 0 10px 0;
}

.storyRiver .story .hgroup .rubric {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
}

.storyRiver .story:first-child .hgroup .rubric {
    position: relative;
    top: auto;
    left: auto;
    padding: 5px 0;
    width: auto;
}

#layout3-page .storyRiver .rubric {
    text-align: center;
    min-height: 16px;
    *height: 16px;
}

#layout3-page .storyRiver .byline {
    padding: 0;
}

/**
* Sexy Carousel
*
* @section Sexy Carousel
*/
#vFeature {
    background: url("styles/../img/carousel/tile_vertical.gif") repeat-x scroll 0 30px transparent;
    width: 100%;
    min-width: 996px;
    position: absolute;
    top: -30px;
    *top: 0;
    left: 0;
    clear: both;
}

#vFeatureCenter {
    height: 389px;
    margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 30;
}

#vFeaturePanel {
    background: url("styles/../img/carousel/decor_vertical.png") no-repeat scroll 0 0 transparent;
    height: 389px;
    left: -18px;
    position: absolute;
    top: 0;
    width: 237px;
    z-index: 35;
}

#vFeaturePanel ol {
    margin: 30px 30px 0 25px;
    text-align: center;
}

#vFeaturePanel ol li {
    border-bottom: 1px solid #E44743;
    margin: 9px 0 0;
    padding-bottom: 9px;
}

#vFeaturePanel ol h4,
#vFeaturePanel ol h4 a {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1em;
    text-transform: uppercase;
}

#vFeaturePanel ol h4 {
    margin-bottom: 5px;
}

#vFeaturePanel ol h4 span, #vFeaturePanel ol h4 a span {
    color: #FFFFFF;
}

#vFeaturePanel ol h3,
#vFeaturePanel ol h3 a {
    color: #FFFFFF;
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1em;
    text-transform: none;
}

#playVFeature .play,
#vFeaturePanel ol li.ad,
#vFeaturePanel ol li .featureImage,
#vFeaturePanel ol li p,
#vFeaturePanel ol li .credit,
#vFeaturePanel ol li .more,
#vFeaturePanel ol li .byline {
    display: none;
}

#playVFeature {
    background: url("styles/../img/carousel/decor_vertical_dot.gif") no-repeat scroll center center transparent;
    border-bottom: 1px solid #E44743;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: "Arial Narrow", "Arial", sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 0 30px 0 25px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}

#playVFeatureCount {
    color: #E37676;
    font-weight: bold;
    margin: 3px 30px 0 25px;
    text-align: center;
}

.vFeatureImage {
    background: none repeat scroll 0 0 #000000;
    display: block;
    float: left;
    height: 355px;
    left: 183px;
    position: absolute;
    top: 30px;
    width: 533px;
    z-index: 30;
}

#featureImage img {
    height: 355px;
    position: relative;
    width: 533px;
    z-index: 5;
}

.vFeatureText {
    color: #FFFFFF;
    font-family: "Times New Roman", Times, sans-serif;
    left: 732px;
    position: absolute;
    text-align: left;
    top: 50px;
    width: 228px;
}

.vFeatureText a {
    color: #FFFFFF;
}

.vFeatureText h4,
.vFeatureText h4 a {
    color: #AAAAAA;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1em;
    text-transform: uppercase;
}

.vFeatureText h4 {
    margin-bottom: 15px;
}

#vFeatureText h4 span,
#vFeatureText h4 a span {
    color: #FFFFFF;
}

.vFeatureText h3,
.vFeatureText h3 a {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.1em;
    text-align: left;
    text-transform: none;
}

.vFeatureText p {
    color: #CCCCCC;
    font-size: 13px;
    font-family: Arial, sans-serif;
    line-height: 17px;
    margin: 15px 0;
}

.vFeatureText .byline {
    color: #ccc;
    display: block;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    margin: 5px 0;
}

.vFeatureText .more {
    font-family: "Arial Narrow", Arial;
    font-weight: bold;
}

.vFeatureText .credit {
    font-family: Arial;
    font-size: 9px;
    margin-top: 10px;
    position: absolute;
    top: 270px;
    left: 0;
    height: 33px;
    overflow: hidden;
}

.vFeatureText .featureImage {
    display: none;
}

#vFeature #features {
    position: relative;
    z-index: 2;
}

#vFeature #buffer {
    background: none repeat scroll 0 0 #000000;
    height: 20px;
    left: 183px;
    position: absolute;
    top: 365px;
    width: 533px;
    z-index: 1;
}

.doublead .vFeatureText {
    top: 30px;
}

/**
* Gallery BoxOut
*
* @section gallery boxout
*/
.mediaBoxout {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
}

.mediaBoxout-img {
    display: block;
    line-height: 0;
}

.mediaBoxout-img img {
    *display: block;
}

.mediaBoxout .overlay {
    position: absolute;
    top: 132px;
    left: 186px;
}

.mediaBoxout-content {
    background: #2d2d2d;
    color: #ccc;
    padding: 10px;
}

.mediaBoxout .heading {
    padding: 0 0 8px;
}

.mediaBoxout .heading a {
    color: #fff;
    text-decoration: none;
}

.mediaBoxout p {
    padding: 0 0 10px;
}

.mediaBoxout a {
    color: #fff;
    text-decoration: underline;
}

/**
* Topic Layout 4
*
* @section layout 4
*/
.storyList {
    float: left;
    margin: 0 0 10px;
}

.storyList li,
.storyRiver li {
    float: none;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    _height: 100px;
    zoom: 1;
    *margin-right: 0; /* Massive Hack to get Inline Blocks to work property in ie7 without having their margin disappear.  Need to find a cleaner solution*/
    *margin-left: 0;
    *border-right: 8px solid #fff;
    *border-left: 0 solid #fff;
}

.storyList .byline {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0 9px 0 0;
    border-right: 2px solid #ccc;
    line-height: 18px;
}

.storyList .timestamp {
    display: inline;
    padding: 0;
    line-height: 18px;
    color: #999;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-size: 10px;
    white-space: nowrap;
}

.storyRiver li {
    *margin-right: 0;
}

.subjectStoryList .heading,
.subjectStoryList .byline {
    display: inline;
}

.subjectStoryList .storyImage {
    clear: both;
}

.storyImage .rubric {
    float: left;
    left: 0;
    line-height: 1.5;
    padding: 3px 6px;
    position: absolute;
    top: 0;
}

a:hover .storyImage .rubric {
    color: #fff;
}

/**
* Latest News
*
* @section latest news
*/
#latestNews {
    overflow: hidden;
    _height: 1%;
    height: 54px;
}

#latestNews > .heading {
    float: left;
    /*margin: 10px 50px 10px 30px;*/
    height: 54px;
    line-height: 54px;
}

#latestNews li {
    color: #666666;
    float: left;
    padding-bottom: 10px;
    width: 388px;
    line-height: 1;
    list-style-type: disc;
    list-style-position: outside;

}

#latestNews li .heading,
#latestNews li .heading a {
    color: #666666;
    float: left;
}

#latestNews li .heading a:hover {
    color: #EE3224;
}

#latestNews li span {
    background: none repeat scroll 0 0 #EDEBE2;
    color: #EE3224;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 0 0 5px;
    padding: 3px;
}

/**
* Highlight Box
*
* @section highlight
*/
.subjectFirst {
    overflow: hidden;
    _height: 1%;
}

.subjectFirst-image {
    float: left;
}

.subjectFirst-content {
    background: #000;
    color: #fff;
    font-size: 15px;
    float: left;
    height: 206px;
    width: 534px;
    padding: 40px 28px 0 30px;
}

.subjectFirst-content .heading a {
    color: #fff;
    font-family: "Times New Roman", Times;
    font-size: 34px;
    font-weight: normal;
}

.subjectFirst-content p {
    color: #ccc;
    line-height: 19px;
}

.subjectFirst-content p .more {
    color: #ee3224;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
}

.subjectFirst-content .byline {
    display: inline;
    margin: 0 0 10px;
    font-family: "Times New Roman", Times;
    font-size: 13px;
    font-weight: normal;
    color: #999;
    display: inline-block;
}

.subjectFirst-content .timestamp {
    display: inline-block;
    margin: 0;
    font-style: normal;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10px;
    color: #999;
}

/**
* Carousel
*
* @section carousel
*/
#storyFeature {
    position: relative;
    height: 396px;
}

#storyFeatureImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 396px;
    width: 594px;
}

#storyFeatureImage a {
    width: 594px;
    height: 396px;
    display: block;
}

#storyFeature ul {
    position: absolute;
    top: 0;
    right: 0;
    width: 394px;
    height: 396px;
    z-index: 10;
    overflow: hidden;
}

#storyFeature li {
    height: 132px;
    padding: 0 0 0 28px;
    cursor: auto;
}

#storyFeature li.on {
    background-image: url(styles/../img/bg/carousel-tab.png); /** sprite-ref: vertical; sprite-margin-bottom: 50px */
    background-repeat: no-repeat;
}

#storyFeature .featureContent {
    height: 111px;
    background: #edebe2;
    border-top: 1px solid #fff;
    padding: 20px 20px 0 20px;
}

#storyFeature li:first-child .featureContent {
    border-top: 1px solid #edebe2;
}

#storyFeature .on .featureContent {
    background: none;
}

.featureContent .byline {
    padding-bottom: 3px;
}

#storyFeature p {
    line-height: 15px;
    font-family: "Arial", sans-serif;
    color: #666;
}

#storyFeature li img {
    display: none;
}

#storyFeature li.on .heading a,
#storyFeature li.on p {
    color: #fff;
}

#storyFeature li.on .byline {
    color: #f6cdca;
}

#storyFeature li .photoCredit {
    display: none;
}

/**
* Story Block
*
* @section story block
*/
.storyBlockList {
    overflow: hidden;
    _height: 1%;
}

.storyBlock {
    background: #000;
    position: relative;
    overflow: hidden;
    height: 202px;
    margin-bottom: 15px;
}

.storyBlock .rubric {
    font-size: 12px;
}

.storyBlock-link {
    position: relative;
    display: block;
    height: 100%;
    zoom: 1;
}

.storyBlock .rubric {
    float: left;
    padding: 3px 6px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.5;
}

.storyData {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    background: transparent\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #CC000000, endColorstr = #CC000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";
    cursor: pointer;
    color: #ccc;
    text-align: center;
    position: absolute;
    top: 152px;
    left: 0;
    line-height: 17px;
    width: 208px;
    height: 252px;
    padding: 0 10px;
}

.storyData .heading {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    height: 40px;
    padding: 10px 0 15px 0;
}

.storyData .byline {
    padding: 0 0 10px;
}

/**
* Cheat
*
* @section cheat
*/
.cheatSheet {
    background-image: url(styles/../img/bg/cheatsheet-border.png); /** sprite-ref: horizontal; sprite-margin-right: 100px */
    background-repeat: repeat-y;
    border-top: 4px solid #EE3224;
    border-bottom: 4px solid #EE3224;
    _height: 1%;
}

#cheat-page .cheatSheet {
    padding: 45px 0;
}

.cheatSheet .rubric {
    padding-bottom: 23px;
    padding-top: 10px;
}

.cheatSheet .photoCredit {
    padding: 0 0 0 5px;
}

.cheatSheet aside .sidebar {
    padding-right: 12px;
}

.cheatSheet .comments-link{
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    background-color: #ee3224;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 0 26px;
    text-transform: uppercase;
    position: absolute;
    left: 458px;
    top: 0;
    border: 0 white;
    margin-left: -4px;
    min-width: 88px;
}


.comments-link:hover {
    color: #fff;
}

.cheatreference, .cheat-source {
    color: #666;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

.cheatSheet .tags {
    margin-bottom: 15px;
    margin-top: 10px;
}

.cheat-hr {
    clear: both;
    border: 0;
    height: 1px;
    margin: 20px 0 20px;
    background-image: url(styles/../img/bg/cheat-top.png); /** sprite-ref: horizontal; sprite-margin-right: 100px */
    background-repeat: no-repeat;
    *display: list-item;
    *list-style: inside;
    *filter: alpha(opacity = 0);
    *width: 0;

}

.cheat-body {
    float: left;
    margin: 10px 8px 0 0;
    position: relative;
    line-height: 18px;
}

.cheat-body > header {
    padding: 0 0 9px;
}

.xtraInsight {
    background-color: #fbf700;
    margin: 15px 0 60px -9px;
    padding: 14px 0 10px;
    position: relative;
}

.xtraInsight .heading {
    text-align: center;
    margin-left: 9px;
}

.xtraInsight ul {
    padding: 10px 15px 10px 15px;
    *margin-left: 9px;
}

.xtraInsight li {
    background: url("styles/../img/bg/list-bullet.png") no-repeat scroll left 5px transparent;
    padding: 0 0 7px 10px;
    font-size: 12px;
    line-height: 13px;
}

.xtraInsight ul::after {
    content: "";
    font-size: 0;
    line-height: 0;
    width: 0;
    display: block;
    border-top: 11px solid #fff;
    border-right: 9px solid #fbf700;
    border-bottom: 11px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: -9px;
}

/**
 * CheatSheet
 *
 * @subsection cheatsheet
 */
.cheat, .cheatAd {
    background-image: url(styles/../img/bg/cheat-top.png); /** sprite-ref: horizontal; sprite-margin-right: 100px */
    background-repeat: no-repeat;
    position: relative;
    _height: 1%;
    padding: 25px 0 0;
}

.cheat .heading span {
    color: #999;
}

.currentCheat-link {
    bottom: 0;
    font-size: 11px;
    font-weight: bold;
    margin-right: 15px;
    float: right;
    text-transform: uppercase;
}

.currentCheat-link .arrow {
    vertical-align: bottom;
}

.bookmarkCheatSheet {
    width: 157px;
    bottom: 0;
    font-size: 11px;
    float: right;
    margin-right: 18px;
    padding: 4px 0 3px 6px;
    background-color: #EEE;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-image: url("styles/../img/icon/bookmark.png");
    background-repeat: no-repeat;
    background-position: 4px;
    text-align: center;
    color: #666 !important;
    display: none;
}

.cheatAd {
    padding: 30px 15px;
    width: 930px;
    margin: 0 auto;
}

.cheat:first-child {
    background: none;
}

.cheat-aside {
    position: static;
    width: 229px;
    float: left;
    margin: 0 0 0 41px;
}

.cheat .social {
    margin-bottom: 20px;
    float: left;
}

.cheatSheet .social {
    padding-bottom: 20px;
}

.cheatSignUp {
    background-image: url(styles/../img/bg/cheat-top.png); /** sprite-ref: horizontal; sprite-margin-right: 100px */
    background-repeat: no-repeat;
    _height: 1%;
    padding: 20px 0;
}

.cheatSheet .signupcheatsheet {
    padding: 0 26px;
    font-weight: bold;
    *font-weight: normal;
    overflow: hidden;
}

.cheatSheet .signupcheatsheet .header{
    text-transform: uppercase;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 29px;
    padding-top: 3px;
    float: left;
}

.cheatSheet .signupcheatsheet .header span{
    color: #EE3224;
    font-size: 40px;
    padding-right: 8px;
}

.cheatSheet .signupcheatsheet .submitform{
    font-size: 12px;
    float: right;
}

.cheatSheet .signupcheatsheet .message{
    font-size: 12px;
    min-height: 14px;
    color: #EE3224;
    padding-left: 10px;
    margin-bottom: 5px;
}

.cheatSheet .signupcheatsheet img{
    float: left;
    display: none;
}

.cheatSheet .signupcheatsheet .input-text{
    border: 1px solid #b2b2b2;
    border-right: none;
    color: #999;
    font-family: Arial, sans-serif;
    font-size: 12px;
    height: 22px;
    line-height: normal;
    line-height: 22px\9; /* ie 7,8,9 hack */
    float: left;
    padding: 0 5px 0;
    width: 249px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline;
}

.cheatSheet .signupcheatsheet .input-text[disabled]{
    background-color: white;
    color: #999;
}

.cheatSheet .signupcheatsheet .input-error{
    border: 1px solid #EE3224;
    border-right: none;
}

.cheatSheet .signupcheatsheet .submit.validate{
    /*width: 53px;*/
}

.cheatSheet .signupcheatsheet .submit {
    height: 24px;
    *min-width: 55px;
    text-align: center;
    color: white;
    font-size: 16px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    background-color: #EE3224;
    display: inline;
    border: none;
    float: left;
}

.cheatSheet .signupcheatsheet .submit[disabled]{
    color: white;
}

.cheatSheet .signupcheatsheet .confirmed .submit {
    margin-top: 15px;
}

.cheatSheet .signupcheatsheet .cancel{
    background-color: #999;
}

.cheatSheet .signupcheatsheet .popup {
    display: none;
    border: 1px solid #b2b2b2;
    border-bottom-color: #EE3224;
    border-bottom-width: 4px;
    padding: 5px 15px 15px 15px;
    position: absolute;
    background-color: white;
    z-index: 1;
    -webkit-box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
    *margin-top: 24px;
    *left: 600px;
}

.cheatSheet .signupcheatsheet .shadow {
    box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius='7', MakeShadow='true', ShadowOpacity='0.50')";
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='7', MakeShadow='true', ShadowOpacity='0.50');
    left: 595px;
}

.cheatSheet .signupcheatsheet .confirmed h1{
    text-transform: uppercase;
    text-align: center;
}

.cheatSheet .signupcheatsheet .popup span{
    font-weight: normal;
}

.cheatSheet .signupcheatsheet .setup span{
    padding-left: 20px;
    *padding-left: 0;
}

.cheatSheet .signupcheatsheet .setup .clearfix,
.cheatSheet .signupcheatsheet .confirmed h1{
    padding-top: 10px;
    padding-bottom: 10px;
}

.cheatSheet .signupcheatsheet .confirmed li,
.cheatSheet .signupcheatsheet .confirmed ol,
.cheatSheet .signupcheatsheet .popup .clearfix li{
    padding-top: 5px;
}

.cheatSheet .signupcheatsheet .setup .clearfix{
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 150px */
    background-repeat: repeat-x;
}

.cheatSheet .signupcheatsheet .setup .clearfix:first-child {
    background-image: none;
}

.cheatSheet .signupcheatsheet .setup .clearfix:last-child {
    padding-bottom: 0;
}

.cheatSheet .signupcheatsheet .popup h2,
.cheatSheet .signupcheatsheet .popup .terms{
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 12px;
    *float: left;
    *width: 92%;
    *padding-left: 0;
}

.cheatSheet .signupcheatsheet .popup .terms{
    font-weight: normal;
    font-size: 12px;
}

.cheatSheet .signupcheatsheet .popup .terms a{
    text-decoration: underline;
}

.cheatSheet .signupcheatsheet .setup h1{
    text-transform: uppercase;
    padding-bottom: 5px;
}

.cheatSheet .signupcheatsheet .popup .submit{
    margin-left: 10px;
    float: right;
}

.cheatSheet .signupcheatsheet .popup input{
    float: left;
}

.cheatSheet .signupcheatsheet form {
    margin-bottom: 30px;
}

/**
* Quicktakes
*
* @subsection quicktakes
*/
#quickTakes header {
    margin: 0 0 25px;
}

/**
* Pagination
*
* @section pagination
*/
.pagination {
    font-size: 14px;
    padding: 10px 0 30px;
    text-align: center;
    clear: both;
}

.pagination li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 10px 0 0;
}

.pagination .current {
    color: #EE3224;
}

.pagination-next {
    background-image: url(styles/../img/icon/arrow-right-black.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 13px;
    height: 11px;
}

.pagination-next:hover {
    background-image: url(styles/../img/icon/arrow-right-red.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

.pagination-previous {
    background-image: url(styles/../img/icon/arrow-left-black.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    width: 13px;
    height: 11px;
}

.pagination-previous:hover {
    background-image: url(styles/../img/icon/arrow-left-red.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

/**
* Search Engine Results Page
*
* @section serp
*/
.search-options {
    overflow: hidden;
    _height: 1%;
    padding: 0 0 12px;
}

.search-box {
    background: #efefef;
    border-bottom: 1px solid #c7c7c7;
    padding: 15px 19px;
}

.search-box .input-text {
    border: 1px solid #575757;
    border-right: none;
    font-size: 26px;
    width: 808px;
    height: 35px;
    padding: 0 0 0 19px;
    float: left
}

.search-box .input-submit {
    background-image: url(styles/../img/icon/search.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    border: none;
    width: 94px;
    height: 38px;
    text-indent: -99999px;
    padding: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.search-position {
    border-bottom: 1px solid #c7c7c7;
    color: #a2a2a2;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 0;
    margin: 0 0 5px;

}

.search-position strong {
    color: #000;
    font-size: 16px;
    font-weight: bold;

}

.search-options .type-selector {
    border: none;
    float: left;
    padding: 3px 0 0;
}

.search-options .type-selector label {
    border-left: 1px solid #e6e7e8;
    padding: 0 0 0 5px;
    margin: 0 0 0 3px;
    cursor: pointer;
    font-size: 12px;
    color: #666;
}

.search-options .type-selector label:first-child {
    border-left: none;
    padding: 0;
}

.search-options .type-selector .selected {
    font-weight: bold;
    color: #000;
}

.search-options .type-selector input {
    display: none;
}

.search-options .sort {
    border: none;
    float: right;
    padding: 4px 10px 0 0;
}

.search-options .filter {
    border: none;
    float: right;
    padding: 4px 0 0;
}

.search-results li {
    background-image: url(styles/../img/bg/dots-horizontal.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    clear: both;
    padding: 0 0 12px 0;
    margin: 0 0 12px;
}

.search-results li  header {
    padding: 0 0 5px;
}

.search-results li em {
    font-weight: bold;
}

.search-results li .byline {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0 9px 0 0;
    border-right: 2px solid #ccc;
    line-height: 21px;
}

.search-results li .timestamp {
    display: inline;
    padding: 0;
    line-height: 21px;
    color: #999;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-size: 10px;
    white-space: nowrap;
}
.search-results .ad-title{
      position: absolute;
      width: 100%;
      opacity: 1;
      background-color: white;
      color: #666666;
      padding-left: 7px;
      height: 15px;
}

.search-results .adsense {
    padding: 10px 0 17px 0;
}

/**
* Author Bio Extended
*
* @section author bio extended
*/

.authorBio-full {
    background: #f3f3f3;
    color: #646464;
    padding: 22px 0;
    font-size: 13px;
    line-height: 20px;
}

.authorBio-full h2 {
    font-style: normal;
}

.authorBio-full .img {
    margin: 0 0 0 35px;
}

.authorBio-full .bd {
    padding: 0 85px 0 35px;
}

.authorBio-full a {
    font-weight: bold;

}

.authorBio-full .social-links {
    display: inline-block;
    padding-top: 10px;
}

.authorBio-full .authorBio-microblog {
    float: left;
    margin: 8px 0 0 0;
}

.authorBio-full .authorBio-googleplus {
    float: right;
    margin: 8px 0 0 4px;
}

.authorBio-full .authorLink {
    font-size: 12px;
    text-transform: uppercase;
    color: #EE3224;
}
.authorBio-full .authorLink-top {
    margin-top: 5px;
}
.ad-badge {
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
    padding-bottom: 5px;
}

#home-page .grid-5 .ad-badge {
    margin-top: 20px;
}

.ad .center,
.ad.center {
    margin: 0 auto;
}

.cheatSheet .ad iframe {
    display: inline !important;
}

#ad-bottom .ad {
    border-top: 3px solid #44413C;
    clear: left;
    text-align: center;
    padding-top: 35px;
    max-width: 976px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

#cheatsheet-page #ad-bottom .ad, #cheat-page #ad-bottom .ad{
    border-top: none;
    padding-top: 0;
}


#layout1-page .storyRiver li.story .medium .ad {
    margin-top: 50px;
    *margin-top: 60px;
}

#layout3-page .storyRiver li.story .medium .ad {
    margin-top: 3px;
    *margin-top: 14px;
}

#layout1-page .medium .ad-badge-empty,
#layout3-page .medium .ad-badge-empty {
    padding-top: 17px;
}

#home-page .bottom .ad-badge {
    margin: 30px 0 10px 0;
}

#home-page .bottom .ad {
    margin-bottom: 30px;
}

/**
* Advertising overlay
*
* @section advertising
*/
.adOverlay {
    height: 747px !important; /* Stupid jQuery UI overriding this */
    width: 930px !important;
    background-image: url(styles/../img/bg/bg_overlay.png);
    background-repeat: no-repeat;
}

.adOverlay .advertising {
    width: 702px;
    height: 493px;
    position: absolute;
    left: 114px;
    top: 140px;
}

.adOverlay .ui-dialog-titlebar {
    position: absolute;
    height: 26px;
    left: 114px;
    top: 114px;
    width: 702px;
}

.adOverlay .ui-dialog-titlebar-close {
    background-image: url(styles/../img/icon/button-close-overlay.jpg);
    background-repeat: no-repeat;
    width: 65px;
    height: 26px;
    text-indent: -9999em;
    position: absolute;
    right: 0;
}

/**
 * Breakout
 * @section breakout
 */
.adBreakout {
    margin: 0 20px 0 -160px;
    float: left;
}

.wrap-body .adBreakout {
    margin-left: -60px;
}

/**
 * Advertising Topic Header
 * @section advertising topic header
 */
.adTopicHeader {
    float: left;
    margin: 0 0 0 10px;
}

/**
* Advertising Partner Story
* @section advertising topic header
*/

.adStory .rubric {
    color: #000;
}

.adStory img {
    border-color: #000;
}

.center-ad div {
    margin: 0 auto;
    text-align: center;
}

.maincol-ad div {
    margin: 0 auto;
    padding-bottom: 30px;
}

/**
* Advertising Partner Story
* @section advertising topic header
*/
.partnerStory .rubric {
    color: #0012F2;
}

.partnerStory img {
    border-color: #0012F2;
}

#home-page #main .grid-5 .ad {
    margin-bottom: 20px;
    margin-top: 17px;
}

#home-page #main .bottom {
    clear: left;
}

#article-page #main article .grid-4 .ad {
    padding-bottom: 10px;
}

/**
* Advertising Wrap Header
* @section advertising wrap header
*/
.ad-167x50 {
    width: 167px;
    height: 50px;
    top: 40px;
    float: right;
    position: relative;
}


/**
* Advertising Wrap Right Rail
*/
#article-page .grid-6 .ad,
#wrap-page .grid-6 .ad {
    margin: 0 auto 30px;
    width: 300px;
}

#article-page .grid-6 .ad div,
#wrap-page .grid-6 .ad div {
    margin: 0 auto;
}


/**
* Outbrain
* @section outbrain
*/
.outbrain {
    min-height: 240px;
    margin: 0 0 20px;
}

.outbrain .header {
    margin-bottom: 10px;
}

.outbrain .strip-like {
    display: none;
}

#ob_strip_container_0_stripBox .item-container {
    padding-right: 9px !important;
}

#cheat-page #ob_strip_container_0_stripBox .item-container {
    padding-right: 19px !important;
}

#ob_strip_container_0_stripBox .item-container-last,
#cheat-page #ob_strip_container_0_stripBox .item-container-last {
    padding-right: 0 !important;
}

.outbrain_dual_ad_whats_A_class {
    display: none;
}

/**
* Newsweek Landing
* @section newsweek-landing
*/

#ad-billboard {
    padding: 0;
    width: 970px;
    overflow: hidden;
    text-align: center;
}

.adWrapper {
    text-align: center;
}

.adWrapper .ad {
    display: inline-block;
    *display: inline;
}

/* ie7 newsweek page ad fix*/
.adWrapper .center-ad {
    *display: block;
    _height: 100%;
}

.container-16 .a-column {
    width: 186px;
    margin: 0 42px 0 16px;
}

.container-16 .c-column {
    width: 186px;
    margin: 0 16px 0 42px;
}

#newsweek-page .secondaryRiver {
    padding: 0;
}

#newsweek-page .storyRiver li:first-child .heading {
    padding: 3px 0 11px;
}

#newsweek-page .c-column div[data-advertising] {
    width: auto !important;
}

.newsweek-subscribe {
    background-image: url(styles/../img/icon/button-subscribeNow.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 34px;
    margin: 7px auto 0;
}

.newsweek-primary {
    background-image: url(styles/../img/hd/newsweek-primary.png);
    background-repeat: no-repeat;
    width: 960px;
    height: 80px;
    margin-top: 13px;
}

.feature-primary {
    border: 6px solid #000;
    padding: 12px 11px 48px;
    margin: 0 8px;
    position: relative;
    line-height: 1;
}

.featureBlock {
    position: relative;
}

.featureBlock-meta {
    background: url("styles/../img/bg/tranparent-black-80.png");
    width: 409px;
    padding: 16px 15px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.featureBlock .heading {
    color: #fff;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 29px;
    line-height: 36px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.featureBlock p {
    color: #b5b5b3;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.featureBlock .byline {
    color: #ee3224;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
}

#home-page .slider {
    margin-bottom: 30px;
}

.feature-primary .featureSlider {
    padding: 0 0 21px 0;
}

.feature-primary .featureSlider-slider {
    background-image: none;
    width: 438px;
    height: 513px;
}

.feature-primary .featureSlider-slider .photoCredit {
    text-align: left;
}

.feature-primary .featureSlider-slide {
    width: 438px;
    height: 513px;
}

.feature-primary .featureSlider-navigation {
    width: 416px;
}

.feature-primary .featureSlider-pagination {
    position: relative;
    margin-right: 35px;
    bottom: 3px;
    float: right;
}

.feature-primary .featureSlider-pagination li {
    background-position: 0 15px;
    background-image: url(styles/../img/bg/dots-three-vertical.png); /** sprite-ref: vertical; sprite-margin-top: 15px; sprite-margin-bottom: 40px */
    background-repeat: no-repeat;
    color: #999999;
    float: left;
    text-align: center;
    min-height: 0;
    border: none;
}

.feature-primary .featureSlider-pagination .active {
    background-position: top;
    background-image: url(styles/../img/bg/slide-active.png); /** sprite-ref: vertical; sprite-margin-bottom: 40px */
    background-repeat: no-repeat;
    color: #fff;
}

.feature-primary .featureSlider-play {
    display: none;
    position: absolute;
    bottom: 3px;
    left: 0;
}

.feature-primary .featureSlider-previous {
    position: relative;
    top: 11px;
    float: right;
    margin-right: 10px;
}

.feature-primary .featureSlider-pause {
    position: absolute;
    bottom: 3px;
    left: 0;
}

.feature-primary .featureSlider-next {
    position: absolute;
    bottom: 3px;
    right: 0;
}

.heading-graphic {
    padding: 20px 0 10px;
}

.heading-border {
    border-top: 1px solid #000;
    padding: 15px 0;
}

#newsweek-page .secondaryRiver li:first-child {
    padding-top: 0;
}

.onTheCover {
    overflow: hidden;
    _height: 1%;
}

.onTheCover > .heading {
    padding: 20px 0 14px;
}

.onTheCover .story {
    background: none;
}

.heading-features {
    width: 349px;
    height: 36px;
    background-image: url(styles/../img/hd/features_highlights.png);
    background-repeat: no-repeat;
}

.feature-primary .heading-features {
    position: absolute;
    bottom: -19px;
    left: 58px;
}

.heading-features-container {
    height: 18px;
    border-top: 1px solid #000000;
    margin: 38px 8px 0 8px;
}

.heading-features-container .heading-features {
    margin: 0 auto;
    position: relative;
    top: -18px;
}

.dailyBeastLogo-tertiary {
    background-image: url(styles/../img/logo/beast-tertiary.png); /** sprite-ref: vertical; sprite-margin-bottom: 30px */
    background-repeat: no-repeat;
    width: 122px;
    height: 122px;
    margin-left: 32px;
}

.sidebar-style-f li {
    background-position: 0 2px;
    background-image: url(styles/../img/bg/triangle-bullet.png); /** sprite-ref: vertical; sprite-margin-bottom: 50px; sprite-margin-top: 2px */
    background-repeat: no-repeat;
    padding-left: 11px;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin: 0 0 4px;
}

#newsweek-page .story .summary {
    line-height: 17px;
}

#newsweek-page .popularOnBeast ol {
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 200px */
    background-repeat: repeat-x;
    margin-top: 0;
    padding-top: 17px;
}

.rubric-style-i {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

#newsweek-page .adMark {
    text-align: center;
    margin-top: 18px;
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
}

.center-col .ad {
    margin: 8px auto 0;
    width: 300px;
}

.center-col div[data-advertising] {
    line-height: 0;
}

.center-col {
    margin: 0 8px 0 8px;
}

.photoCreditFeature {
    padding-top: 5px;
}

/**
 * NEWSWEEK ISSUE MODULE ON THE HOMEPAGE
 */
.newsweek-issue-homepage {
    background-image: url("styles/../img/bg/dots-horizontal.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

.newsweek-issue-homepage header {
    margin: 0 0 10px 0;
}

.newsweek-issue-homepage li {
    background-image: url("styles/../img/bg/dots-horizontal.png"); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 200px */
    background-repeat: repeat-x;
    padding: 8px;
}

.newsweek-issue-homepage li:first-child {
    background-image: none;
    padding-top: 4px;
}

.newsweek-issue-homepage .text{
    padding-bottom: 10px;
}


.more-from-newsweek {
    background-image: url("styles/../img/icon/more-from-newsweek.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px; */
    background-repeat: no-repeat;
    width: 191px;
    height: 34px;
    margin: 5px auto 16px;
}

/**
 *  Next Flyout Box
 */
#upprev_box {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    right: -400px;
    width: 360px;
    padding: 10px 20px 10px 10px;
    border-top: 2px solid #b30000;
    border-left: 1px solid #f0f0f0;
    background-color: #fff;
    -moz-box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color = #cccccc, direction = 270, strength = 7);
    _position: absolute;
    _top: 0;
}

#upprev_box h6 {
    margin: 0 0 5px 0;
    padding: 0;
    text-transform: uppercase;
    font: bold 10px Arial, sans-serif;
}

#upprev_box .num {
    color: #888;
    font-weight: normal;
}

#upprev_box button {
    border: none;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 13px;
    height: 13px;
    background-image: url(styles/../img/icon/close_window.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
}

.next-article {
    clear: left;
    display: block;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    line-height: 24px;
}

.next-article-description {
    margin-top: 10px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 15px;
}

.readMore {
    float: right;
    color: #ee3224;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

/**
 * Profile page
 */
.a-col .profile-sidebar header {
    border-top: 5px solid #ee3224;
    background: url(styles/../img/bg/header-arrow-red.png) no-repeat 50% top;
    padding-top: 18px;
    margin-bottom: 10px;
}

.a-col .profile-sidebar {
    border: 1px solid #f7f7f7;
    border-top: none;
    background-color: #eeeeee;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* W3C */
    margin-bottom: 20px;
}

.a-col .rankings {
    margin-bottom: 10px;
    padding: 0 14px;
}

.a-col .rankings > li {
    text-align: center;
    font-size: 15px;
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 150px */
    background-repeat: repeat-x;
    padding: 9px 0;
}

.a-col .rankings > li a {
    color: #45413C;
    font-weight: bold;
}

.a-col .rankings > li a:hover {
    color: #ee3224;
}

.a-col .stats {
    padding: 0 14px;
}

.a-col .stats li:first-child {
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 150px */
    background-repeat: repeat-x;
}

.a-col .stats li {
    padding: 9px 0;
}

.a-col .stats span {
    font-weight: bold;
}

/**
 * Ranking Index page
 */
.rankings-page-header {
    margin-bottom: 20px;
    color: #666666;
}

.letter-filter {
    height: 29px;
    margin: 20px 0;
}

.letter-filter li {
    color: #999999;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    float: left;
    height: 27px;
    width: 24px;
    padding: 0;
    margin: 0;
}

.letter-filter li a {
    color: #000000;
}

.letter-filter .selected {
    background-color: #e82931;
    border: 1px #999999 solid;
}

.letter-filter .selected a {
    color: #FFFFFF;
}

.letter-filter .selected {
    color: #FFFFFF;
}

.letter-filter-bottom {
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 150px */
    background-repeat: repeat-x;
    margin-top: 0;
    padding-top: 20px;
}

.profile-list > li {
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 150px */
    background-repeat: repeat-x;
    padding: 10px;
    margin: 0;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

.rankings-list-header {
    margin-bottom: 10px;
}

.rankings-list-header h2 {
    color: #45413C;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
    margin-left: 10px;
}

.rankings-header, .rankings-list {
    width: 50%;
    float: right;
}

.rankings-list li {
    display: inline;
    color: #ff3333;
    padding: 0;
}

/**
 * Newsletters Subscription page
 */

#newsletters-page #headerNav{
    display: none;
}

#newsletters-page #ad-bottom .ad{
    border: none;
}

#newsletters-page .grid-12{
    margin-left: 14%;
}

.newsletters form {
    //border: 1px solid #CCC;
    padding: 0 50px 32px 50px;
    margin-top: 15px;
}

.newsletters .message {
    display: none;
    color: #EE3224;
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
}

.newsletters .email-box {
    font-family: Georgia,Times,serif;
    font-style: italic;
    width: 615px;
    height: 30px;
    font-size: 13px;
    border: 1px solid #575757;
    outline-color: #d7d7d7;
    color: #000000;
    margin-top: 25px;
}

.newsletters h1 {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 38px;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.newsletters .title {
    font-family: "TitlingGothicFBMediumComp","Arial Narrow",Arial,sans-serif;
    font-size: 52px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    padding-top: 50px;
}

.newsletters .subtitle {
    font-family: "TitlingGothicFBMediumComp","Arial Narrow",Arial,sans-serif;
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #ee2e24;
    padding-top: 25px;
}

.newsletters .enter-email {
    margin-top: 40px;
}

.newsletters h2 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-top: 25px;
    color: #000000;
    font-size: 18px;
    letter-spacing: 0px;
}

.newsletters h1 em, .newsletter h3 em {
    color: #ee3224;
}

.newsletters h1 em {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 22px;
    display: block;
    text-transform: none;
}

.newsletters .terms {
    font-family: Georgia,Times,serif;
    font-style: italic;
    font-size: 13px;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 10px;
    color: #000000;
    letter-spacing: 0px;
}

.newsletters .terms input {
    position: relative;
    bottom: 4px;
}

.newsletters .submit {
    border: none;
    display: block;
    width: 190px;
    height: 45px;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-size: 22px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    background-color: #000000;
}

.newsletter {
    padding: 20px 0;
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 150px */
    background-repeat: repeat-x;
}

.newsletter:first-child {
    background-image: none;
}

.newsletter h3 {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 25px;
    letter-spacing: 1px;
}

.newsletter h3 em {
    font-style: normal;
}

.newsletter input {
    float: left;
    margin-top: 5px;
}

.newsletter .schedule {
    color: #666;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
}

.newsletter .description {
    font-family: Georgia,Times,serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #000000;
    padding-top: 10px;
}

.newsletter header, .newsletter .description {
    padding-left: 25px;
}

.signup form {
    margin-bottom: 30px;
}

.signup h2 {
    margin-bottom: 8px;
    color: #363636;
    font-size: 16px;
    font-weight: bold;
}

.signup .email-box {
    float: left;
    width: 250px;
    height: 29px;
    font-size: 12px;
    border: 1px solid #CCC;
    border-right: none;
    padding-left: 10px;
    line-height: 29px;
}

.signup .email-box:-moz-placeholder,
.signup .email-box:-webkit-input-placeholder,
.signup .text-placeholder  {
    color: #999;
}

.signup .submit {
    display: block;
    height: 33px;
    border: none;
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    background-color: #ee3224;
}

.signup .message-dialog {
    display: none;
    left: 10px;
    top: 5px;
    width: 300px;
    position: absolute;
    padding: 5px 5px 5px 5px;
    background:#ffffff;
    -moz-box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.signup .message-dialog table {
    width: 100%;
    opacity: 1.0;
}

.signup .message-dialog .icon-cell {
    padding: 6px 0 6px 20px;
    vertical-align: middle;
}

.signup .message-dialog .confirm-icon {
    background: url(styles/../img/icon/check-green.png) no-repeat;
    width: 34px;
    height: 36px;
    padding: 0 0 0 10px;
}

.signup .message-dialog .error-icon {
    background: url(styles/../img/icon/exclamation-red.png) no-repeat;
    width: 12px;
    height: 35px;
    padding: 0 0 0 10px;
}

.signup .message-dialog .close-cell {
    padding-left: 10px;
    text-align: right;
    vertical-align: top;
}

.signup .message-dialog .close-icon {
    background: url(styles/../img/icon/close-dialog.png) no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.signup .message-dialog .text-cell {
    vertical-align: middle;
    font-weight: bold;
    width: 100%;
}

.signup .loading-indicator {
    background: url(styles/../factual/highschools/img/spinner_29.gif) no-repeat;
    position: absolute;
    display: none;
    width: 29px;
    height: 29px;
    left: 220px;
    top: 29px;
}

/**
 * Breaking Video
 */
.breaking-video {
    color: #fff;
    background: #353535;
    margin-bottom: 20px;
    padding: 10px;
    max-height: 573px;
    display: none;
}

.breaking-video h1 {
    margin: 5px 0 0 0;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 36px;
    font-weight: normal;
    text-transform: uppercase;
}

.breaking-video p {
    margin: 0 auto;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 23px;
    font-weight: normal;
    max-width: 550px;
    text-transform: uppercase;
}

.breaking-video .video-container {
    margin: 0 auto;
    text-align: center;
    padding: 60px;
    background: #000;
}

.breaking-video-close {
    background: black;
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    padding: 5px 5px 3px 5px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    width: 55px;
}

.breaking-video-close a {
    color: #fff;
}

.breaking-video-close a:hover {
    color: #ee3224;
}

.breaking-video-closed {
    height: 55px;
    width: 960px;
    margin-bottom: 20px;
}

/* related video component style*/
.related-video .video-container {
    margin: 0 auto;
    padding: 10px 0 20px ;
 }

 .related-video .video-container .videoBlock-player{
    position: relative;
 }

 .related-video .video-container .videoBlock-player img{
    border: 2px solid #CCCABB;
 }

 .related-video .video-container p{
   overflow: hidden;
   color: #666666;
   padding-top:3px;
 }

 .related-video .video-container h2 {
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 13px;
    padding-top:3px;
 }

 .related-video .video-container .overlay {
    position: absolute;
    bottom: 10px;
    right: 20px;
 }
.grid .school-rankings-11 {
    margin-left: -127px;
}

/*
 * Videos - featured videos
 */


.video-feature-container {
    padding-top: 30px;
    min-width: 996px;
}

.video-feature-background {
    position: absolute;
    width: 100%;
    min-width: 996px;
    border-bottom: 5px solid #EE3224;
    border-top: 5px solid #4a4841;
    height: 355px;
    left: 0;
    margin-top: 20px;
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(74, 72, 65, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(74, 72, 65, 1)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(74, 72, 65, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(74, 72, 65, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(74, 72, 65, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4a4841', endColorstr = '#000000', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(74, 72, 65, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
}

.video-feature-container .slider-pagination {
    margin: 0 auto;
    width: 60px;
    display: none;
}

.video-feature-container .slider-pagination-container {
    background: #000;
    height: 20px;
}

.video-feature-container .slider-pagination li {
    float: left;
    margin: 0 1px;
    list-style: none;
}

.video-feature-container .slider-pagination li a {
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(styles/../img/bg/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.video-feature-container .slider-pagination li.current a {
    background-position: 0 -13px;
}

.video-feature-container img.overlay {
    position: absolute;
    left: 260px;
    zoom: 1;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.video-feature-container .grid-16 {
    margin-top: -20px;
    z-index: 10;
}

.video-feature-container .container-16 {
    position: relative;
}

.video-feature {
    position: relative;
    width: 620px;
    height: 419px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.video-feature-container .slides-wrapper {
    position: relative;
    z-index: 12;
    background: #000;
    height: 439px;
    width: 620px;
    -webkit-box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
    box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
}

.video-feature-container .slides {
    position: relative;
    height: 419px;
    width: 620px;
    overflow: hidden;
    display: none;
}

.video-feature-container .slides .brightcovewrapper.no-native-play .vjs-big-play-button{
    display: none;
}
.brightcovewrapper .vjs-big-play-button{
    top: 50% !important;
    left: 50% !important;
    margin-left: -77px;
    margin-top: -48px;
}

.video-image-next,
.video-image-previous {
    position: absolute;
    width: 533px;
    height: 355px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 533px;
    opacity: .4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
}

.video-image-previous {
    right: 60%;
}

.video-image-next {
    left: 60%;
}

.video-details {
    position: absolute;
    width: 100%;
    background: #000;
    bottom: 0;
    left: 0;
    text-align: center;
}

.video-details h2 {
    margin: 10px;
    color: white;
}

.video-details p {
    color: #999;
    margin: 10px 50px 10px 50px;
    text-align: left;
}

.video-details .rubric {
    position: relative;
    display: inline;
    color: #FFF;
    background: #EE3224;
    padding: 5px;
    top: -5px;
    font-size: 16px;
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    height: 29px;
}

a:hover .video-details .rubric {
    color: #FFF;
}

.video-feature-container .next {
    right: -51px;
}

.video-feature-container .next,
.video-feature-container .previous {
    background: #EE3224;
    background: -moz-linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(183, 0, 0, 1)), color-stop(100%, rgba(238, 50, 36, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b70000', endColorstr = '#ee3224', GradientType = 1); /* IE6-9 */
    background: linear-gradient(left, rgba(183, 0, 0, 1) 0%, rgba(238, 50, 36, 1) 100%); /* W3C */
    margin-top: -50px;
    top: 50%;
    position: absolute;
    padding: 15px 10px;
    z-index: 11;
    background-position: 0;
    -webkit-box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
    box-shadow: 2px 1px 10px 3px rgba(0, 0, 0, .5);
}

#video-page .video-feature-container .next,
#video-page .video-feature-container .previous {
    margin-top: -100px;
}

.video-feature-container .previous {
    left: -51px;
    background: #EE3224;
    background: -moz-linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(238, 50, 36, 1)), color-stop(100%, rgba(183, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ee3224', endColorstr = '#b70000', GradientType = 1); /* IE6-9 */
    background: linear-gradient(left, rgba(238, 50, 36, 1) 0%, rgba(183, 0, 0, 1) 100%); /* W3C */
}

.video-feature-container .next span.arrow,
.video-feature-container .previous span.arrow {
    background-repeat: no-repeat;
    width: 31px;
    height: 26px;
    padding: 0;
    display: block;
    background-position: 0;
}

.video-feature-container  .next span.arrow {
    background-image: url(styles/../img/icon/arrow2-right-white.png);
    opacity: 0.6;
}

.video-feature-container .next span.arrow:hover,
.video-feature-container .previous span.arrow:hover {
    opacity: 1;
}

.video-feature-container .previous span.arrow {
    background-image: url(styles/../img/icon/arrow2-left-white.png);
    opacity: 0.6;
}

/* videos - video explorer */
#video-explorer {
    margin-top: 20px;
    padding-top: 50px;
    min-height: 300px;
    background: -moz-linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(209, 209, 209, 0.8)), color-stop(19%, rgba(254, 254, 254, 0.65)), color-stop(100%, rgba(254, 254, 254, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ccd1d1d1', endColorstr = '#00fefefe', GradientType = 0); */
    background: linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* W3C */
}

#video-explorer img {
    border: 3px solid #999;
}

#video-explorer .summary {
    color: #666;
    margin: 5px 0 30px 0;
    padding-right: 20px;
}

#video-explorer .wrapper {
    border-top: 1px solid #CCC;
    margin-top: 20px;
    text-align: center;
    height: 1px;
    margin-bottom: 50px;
    position: relative;
}

#video-explorer .pagination {
    padding: 0 0 0 10px;
    text-align: center;
    background: #FFF;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    top: -8px;
}

#video-explorer .play {
    background-image: url(styles/../img/icon/thumb-play.png); /** sprite-ref: vertical; sprite-margin-bottom: 20px; */
    background-repeat: no-repeat;
    bottom: 10px;
    color: #FFFFFF;
    display: block;
    height: 28px;
    position: absolute;
    right: 10px;
    text-indent: -9999em;
    width: 27px;
}

#video-explorer h4 {
    margin: 8px 0 3px;
}

#video-explorer .timestamp {
    color: #999;
    margin-top: 5px;
}

#video-explorer .ad {
    margin-bottom: 30px;
}

#video-explorer .ad img {
    border: 0;
}

#video-explorer-grid {
    min-height: 600px;
}

/* videos - video filter */
.video-filter {
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.video-filter h2,
.video-filter h3 {
    font-style: italic;
}

.video-filter h2 {
    color: #EE3224;
    font-size: 24px;
    line-height: 20px;
    font-weight: normal;
}

.video-filter h3 {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
}

.video-filter ul {
    border-top: 1px solid #EE3224;
    color: #666;
    font-size: 15px;
}

.video-filter ul li {
    padding-top: 5px;
}

.video-filter a span {
    display: none;
    background: url(styles/../img/bg/filter-selected.png) no-repeat;
}

.video-filter a.selected span {
    display: inline;
}

.video-filter a {
    color: #666;
}

.video-filter a:hover {
    color: #EE3224;
}

.video-filter a.selected {
    color: #000;
}

.video-filter ul li:first-child {
    padding-top: 10px;
}

/* videos - original shows */
#original-shows {
    margin-top: 20px;
}

#original-shows h2 {
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
}

#original-shows h2 span {
    color: #EE3224;
}

#original-shows ul {
    margin: 0 auto;
    text-align: center;
}

#original-shows ul li {
    display: inline-block;
    margin-left: 10px;
    width: 167px;
    float: left;
}

#original-shows ul li h2 {
    font-size: 15px;
    padding: 0;
}

#original-shows ul.shows1 {
    width: 177px;
}

#original-shows ul.shows2 {
    width: 354px;
}

#original-shows ul.shows3 {
    width: 531px;
}

#original-shows ul.shows4 {
    width: 708px;
}

#original-shows ul.shows5 {
    width: 885px;
}

/* video - page */
#video-page #headerNav {
    display: none;
}

#video-page div.video-feature {
    width: 655px;
    min-height: 553px;
    height: auto;
}

#video-page div.video-details {
    position: relative;
    width: auto;
}

#video-page div.video-details .summary {
    color: #999;
    margin: 10px 50px 10px 50px;
    padding: 0;
    text-align: left;
}

#video-page div.video-details .summary p {
    margin: 0;
}

#video-page div.video-details .summary p a {
    text-decoration: underline;
}

#video-page div.video-details .sharetools {
    width: 455px;
    margin: 0 auto;
    padding-bottom: 10px;
}

#video-page .playlist {
    min-height: 150px;
    background: -moz-linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(209, 209, 209, 0.8)), color-stop(19%, rgba(254, 254, 254, 0.65)), color-stop(100%, rgba(254, 254, 254, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(209, 209, 209, 0.8) 0%, rgba(254, 254, 254, 0.65) 19%, rgba(254, 254, 254, 0) 100%); /* W3C */
}

#video-page .playlist .header {
    height: 70px;
}

#video-page .playlist .header h2 {
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    text-transform: uppercase;
    padding: 20px 0;
    font-weight: normal;
    font-size: 25px;
    color: #EE3224;
}

#video-page .playlist .items .current {
    display: none;
}

#video-page #main .ad {
    margin-bottom: 30px;
}

#video-page .video-feature-container .slides-wrapper {
    width: auto;
    height: auto;
    min-height: 500px;
}

#videos-page .video-feature-background,
#video-page .video-feature-background{
    overflow-x: hidden;
}


/*
 * Video Overlay
 */

#videoOverlay {
    display: none;
    z-index:10000;
}

#videoOverlay .close {
    background: url(styles/../img/icon/close-on-red.png) no-repeat;
    right: 0;
    width: 0;
    top: 5px;
    z-index: 1;
    padding: 15px 5px 3px 15px;
    position: absolute;
    right: 0;
}

#videoOverlay .videoWrapper {
    background-color: #000;
    height: 567px;
    width: 1002px;
    background-image: url('styles/../img/spinners/red-on-black.gif');
    background-repeat: no-repeat;
    background-position: center;
}

#videoOverlay .left {
    float: left;
    width: 674px;
}

#videoOverlay .right {
    float: right;
    width: 308px;
    margin: 13px 10px 10px 10px;
}

.videoWrapper .brightcove, .videoWrapper .multimedia {
    background-color: #000;
    height: 413px;
    margin: 6px 0 0 14px;
}

#videoOverlay .rubric-style-e {
    font-size: 10px;
}

#videoOverlay .videoWrapper .heading {
    padding-top: 4px;
    color: #fff;
}

#videoOverlay .videoWrapper  h2.heading {
    line-height: 29px;
    height: 29px;
    overflow: hidden;
}

#videoOverlay .right .heading {
    font-size: 14px;
    max-height: 47px;
    overflow: hidden;
    padding: 5px 0 2px;
}

#videoOverlay .videoWrapper .heading:hover {
    color: #EE3224;
}

#videoOverlay .vtimestamp {
    font-size: 10px;
    color: #999;
}

#videoOverlay .videoWrapper h2 {
    font-size: 30px;
}

#videoOverlay .details .summary {
    color: #ddd;
    margin: 0 20px 8px;
    text-align: left;
    height: 64px;
    overflow: hidden;
}

#videoOverlay .sharetools {
    overflow: visible;
    left: 133px;
    position: absolute;
}

#videoOverlay .videoOverlayList {
    height: 245px;
    width: 311px;
    text-align: left;
    margin: 0 4px 0;
}

#videoOverlay .videoOverlayList li {
    height: 80px;
    border-bottom: 1px solid #333;
    /*margin-bottom: 7px;*/
}

#videoOverlay .videoOverlayList li img{
    margin: 2px;
}

#videoOverlay .videoOverlayList li.current img{
    border: 2px solid #EE3224;
    margin: 0;
    opacity: 0.8;
}

#videoOverlay .videoOverlayList .nowPlaying {
    position: absolute;
    color: white;
    font-size: 10px;
    font-weight: bold;
    top: 27px;
    left: 33px;
    text-align: center;
    display: none;
}

#videoOverlay .videoOverlayList li.current .nowPlaying{
    display: inline;
}

#videoOverlay .vThumb {
    position: relative;
    width: 112px;
    float: left;
}

#videoOverlay .videoOverlayList .vThumb span{
    right: 0;
    bottom: 3px;
    background-size: 20px;
}

#videoOverlay .videoOverlayList .itemData {
    float: right;
    margin-top: 0;
    width: 160px;
    padding-right: 11px;

}

#videoOverlayAd {
    margin: 27px 4px 0 4px;
}

#videoOverlay .jScrollPaneDrag {
    width: 16px !important;
    left: -3px;
    background-image: url(styles/../img/bg/scroller-back.png);
    background-repeat: no-repeat;
    background-position: 4px;
}

#videoOverlay .jScrollPaneTrack {
    right: 7px;
}


/* Scroll Pane */
.jScrollPaneContainer, .jScrollPaneScrollable {
    position: relative;
    overflow: hidden;
    z-index: 1;
    outline: none;
}

.jScrollPaneTrack {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #444;
}

.jScrollPaneDrag {
    position: absolute;
    background: #666;
    overflow: hidden;
    height: 79px !important;
}

.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}

a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}



/*
 * Wrap Page
 */
#wrap-page .stream-col {
    margin-left: 0;
}

#wrap-page #main.container-16,
#article-page .split-content-wrap {
    padding-left: 0;
}

#wrap-page div.stream-header {
    background-color: #FFFFFF;
    background-image: url("styles/../img/icon/ribbon-left-red.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px; */
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 39px;
    margin: 4px 0 10px -11px;
    padding: 0 0 0 11px;
}

#wrap-page .stream-header h2 {
    background-color: #EE3224;
    color: #FFFFFF;
    position:relative;
    display: inline;
    overflow: hidden;
    padding: 4px 46px 3px 22px;
    text-transform: uppercase;
    margin: 0 10px 10px -11px;
    font-family: "TitlingGothicFBMediumComp","Arial Narrow",Arial,sans-serif;
    font-size: 18px;
    height: 29px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#wrap-page div.stream-header .ribbon-tail{
    background-image: url("styles/../img/icon/ribbon-tail.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px; */
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
    display: inline;
    padding: 20px;
    left: -45px;
    top: -7px;
    z-index: 10;

}

#wrap-page div.stream-header h2:after{
}

no-element{
    border-color: transparent #FFFFFF #FFFFFF transparent;
    border-style:solid;
    border-width:0px 25px 35px 35px;
    position: relative;
    top: -27px;
    left: 10px;
    content: "";
}

#wrap-page .stream-sort {
    float: right;
    margin-top: 10px;
}

#wrap-page .stream-sort .selected {
    float: right;
    margin-top: 10px;
}

#wrap-page .story-comments {
    clear: none;
}

#wrap-page .wrap-topicHeading,
#article-page h2 .wrap-topicHeading {
    width: 708px;
}

#wrap-page .expand-collapse-more {
    margin: 0 0 10px;
    color: #000000;
}


#wrap-page .gallery-tease div.more {
    margin: 10px 0 0 0;
    line-height: 14px;
}

#wrap-page .expand-collapse,
#wrap-page .more {
    background-position: right top;
    background-repeat: no-repeat;
    padding: 0 17px 0 0;
    margin: 0 10px 0 0;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: black;
}

#wrap-page .expand-collapse:hover,
#wrap-page .more:hover {
    color: #ee3224;
}

#wrap-page .c-col .more {
    padding: 0;
}

#wrap-page .arrowdown{
    background-image: url("styles/../img/icon/arrow-down-red.png");
}

#wrap-page .arrowup{
    background-image: url("styles/../img/icon/arrow-up-red.png");
}

#wrap-page .arrow{
    background-image: url("styles/../img/icon/arrow-right-red.png");
}

.wrap-link .arrowleft {
    background-image: url("styles/../img/icon/arrow-left-red.png"); /** sprite-ref: vertical; sprite-margin-bottom: 20px */
}

#wrap-page .expand-collapse-more .expandable {
    display: none;
}


#wrap-page .split-content-wrap .wrap-sort{
    text-align:right;
    font-weight:bolder;
    float: right;
    margin-top: 30px;
}

#wrap-page .wide-content-wrap .wrap-sort{
    text-align:right;
    font-weight:bolder;
}


#wrap-page .wrap-sort .disabled {
    color: grey;
}

.wrap-link {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}

.wrap-link a {
    color: #EE3224;
    text-transform: uppercase;
}

.split-content-wrap {
    background-repeat: repeat-y;
    background-position: 0 0;
    background-image: url(styles/../img/bg/two-column-shadow.png); /** sprite-ref: horizontal; sprite-alignment: repeat; sprite-margin-right: 20px; */
    padding: 0 0 0 10px;
    _height: 1%;
}

.wide-content-wrap {
    padding: 0 0 0 10px;
}

.wide-content-wrap .dek{
    display: none;
}

.wide-content-wrap .sorting{
    float: right;
}

.c-col-wrapper{
    float: right;
}

#wrap-page .videoBlock p, #article-page .videoBlock p{
    padding-bottom: 10px;
}

    /*
    * Wrap Stream
    */
#wrap-page .stream-item {
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}


#wrap-page .stream-item h1 {
    margin-bottom: 5px;
}

.stream-item p, .switcher p {
    margin: 0 0 20px 0;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
}

header.wrapped .byline,
header.wrapped .timestamp,
#wrap-page .stream-item .byline,
#wrap-page .stream-item .timestamp,
#interactive-page .byline,
#interactive-page .timestamp {
    display: inline;
}

header.wrapped .byline,
#wrap-page .stream-item .byline,
#interactive-page .byline {
    border-right: 1px solid #CCC;
    margin-right: 7px;
    padding: 0 5px 0 0;
}

header.wrapped .timestamp,
#wrap-page .stream-item .timestamp,
#interactive-page .timestamp {
    font-style: normal;
}

#wrap-page .stream-item .img {
    position: relative;
    margin: 10px 0 10px 0;
    text-align: center;
}

#wrap-page .stream-item .multimedia,.switcher .stream-read-more .multimedia {
    margin: 0 auto 20px;
}

#wrap-page .stream-item .multimedia figcaption,
#wrap-page .stream-item .multimedia figcaption p,
.stream-read-more .multimedia figcaption,
.stream-read-more .multimedia figcaption p{
    color: #666;
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
    margin: 0;
    text-align: center;
    line-height: 1;
}

#wrap-page .stream-item .dek,
#wrap-page .stream-item .updated-dek {
    padding: 0;
    margin: 0 0 4px;
}

#wrap-page .stream-item .photoCredit {
    padding: 5px 2px 2px 0;
    line-height: 8px;
}

#wrap-page .stream-item .author {
    line-height: 14px;
}

#wrap-page .stream-item .overlay {
    border: none;
    position: absolute;
    top: 105px;
    left: 40%;
    zoom: 1;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

#wrap-page .stream-read-more {
    display: none;
}


#wrap-page .subtitle{
    font-weight: bold;
    color: #777;
}

.timeago {
    color: #EE3224;
    font-size: 11px;
}

header.wrap {
    color: #000;
    font-size: 30px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin: 0 0 15px 0;
}

header.wrap .rubric {
    font-size: 16px;
    font-style: italic;
}

.wrap-about {
    text-align: center;
    margin-bottom: 30px;
}

.wrap-about header.wrap {
    margin-bottom: 5px;
}

.wrap-info-graphic {
    text-align: center;
    margin-bottom: 30px;
}

#wrap-page .stream-item div.cheat-image,
#wrap-page .stream-item div.article-image,
#wrap-page .stream-item div.stream-image {
    line-height: 12px;
    padding-top: 4px;
    width: 206px;
    margin-right: 12px;
}

#wrap-page .stream-item div.wide-image {
    text-align: center;
    width: 960px;
}

/*
 * Wrap Subnav
 */
.subhead-subnav {
    margin-bottom: 20px;
}

.subhead-subnav #headerNav {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.subhead-subnav #headerNav span {
    text-align: center;
    background: white;
    top: 10px;
    position: relative;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 40px;
}

.wrap-subnav {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    color: #666666;
    text-transform: uppercase;
}

.wrap-subnav ul {
    border-bottom: 1px solid #e5e5e5;
    height: 44px;
}

.wrap-subnav li {
    float: left;
    height: 19px;
    padding: 10px 0 16px;
}

.wrap-subnav li a {
    border-left: 1px solid #e5e5e5;
    padding: 0 10px;
    color: #666666;
}

.wrap-subnav li:first-child a {
    border-left: none;
}

.wrap-subnav li a:hover,
.wrap-subnav li.active a,
#article-page .wrap-subnav li.active a:hover{
    color: #ee3224;
}

.wrap-subnav li.active {
    background-repeat: no-repeat;
    background-position:  50% 35px;
    background-image: url(styles/../img/icon/arrow-up-white.png);
}


/*
 * Wrap Twitter
 */
.wrap-twitter {
    margin-bottom: 30px;
}

.wrap-twitter .items {
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    padding: 10px 0 10px 0;
}

.wrap-twitter .items p {
    padding: 10px 5px 10px 5px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 14px;
}

.wrap-twitter .items p div {
    display: none;
}

.wrap-twitter .items div.divider {
    border-top: 1px solid #ccc;
    width: 70%;
    margin: 5px auto;
}

.wrap-twitter .items div.divider:last-child {
    display: none;
}

.wrap-twitter .items p a {
    color: #EE3224;
    font-weight: bold;
}

/*
 * Wrap-Video Block
 */
.videoBlock.wrap-video{
    display: inline-block;
    margin: 5px 0 30px;
}

.wrap-video .videoBlock-player {
    position: relative;
}


.wrap-video .overlay {
    margin-left: 18px;
    border: none;
    position: absolute;
    top: 60px;
    left: 115px;
    zoom: 1;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.wrap-video .video-block-list li {
    display: inline;
    float: left;
    margin: 0 0 0 10px;
    width: 110px;
}

.wrap-video .video-block-list li:first-child {
    margin: 0;
}

.wrap-video .videoBlock ol {
    margin-top: 10px;
}

.wrap-list {
    margin-bottom: 30px;
}

.wrap-list .items li {
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url("styles/../img/bg/dots-horizontal.png"); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 8px; */
    margin: 0 0 8px;
    padding-top: 8px;
    line-height: 17px;
    text-align: center;
}

.wrap-list .items li:first-child {
    background: none;
    padding: 0;
}

.stream-gallery {
    position: relative;
    width: 533px;
    min-height:415px;
    margin-bottom: 20px;
}

.stream-gallery .next,
.stream-gallery .prev {
    background: #EE3224;
    position: absolute;
    top: 128px;
    z-index: 10;
    padding: 5px 4px;
}

.stream-gallery .prev {
    left: 31px;
}

.stream-gallery .next {
    right: 30px;
}

.stream-gallery .next span.arrow,
.stream-gallery .prev span.arrow {
    background-repeat: no-repeat;
    width: 31px;
    height: 26px;
    padding: 0;
    display: block;
    background-position: 0;
}

.stream-gallery .next span.arrow {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(styles/../img/icon/arrow2-right-white.png) !important; /** sprite-ref: vertical; sprite-margin-top: 50px; */
}

.stream-gallery .prev span.arrow {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(styles/../img/icon/arrow2-left-white.png) !important; /** sprite-ref: vertical; sprite-margin-top: 50px; */
}


.stream-gallery-item {
    width: 533px;
    height: 430px;
    text-align: left;
}

#wrap-page .stream-gallery-item {
    height: auto;
}

.stream-gallery-item .photo-credit {
    font-size: 10px;
    color: #666;
    width: 472px;
    text-align: right;
    margin: 5px auto;
}

.stream-gallery-image {
    width: 472px;
    height: 315px;
    overflow: hidden;
    text-align: center;
    margin: 0;
    background: #000;
    margin-left: 31px;

}

.stream-gallery .stream-gallery-view {
    position: relative;
    top: 130px;
    font-size: 20px;
}

.stream-gallery .stream-gallery-view a {
    color: #FFF;
}

.stream-gallery .stream-gallery-view a:hover {
    color: #EE3224;
}

.stream-gallery .gallery-tease div.more {
    margin: 0;
}

/*
 * Wide Wrap Gallery
 */
.gallery-stream-wide {
    margin-bottom: 30px;
}

.gallery-stream-wide .stream-gallery .stream-gallery-view {
    top: 0;
    font-size: 58px;
}

.gallery-stream-wide .stream-gallery,
.gallery-stream-wide .stream-gallery-image {
    width: 960px;
    height: 640px;
    margin-left: 0;
    line-height: 640px;
}

.gallery-stream-wide .stream-gallery-image img {
    vertical-align: middle;
}

.gallery-stream-wide .stream-gallery-item,
.gallery-stream-wide .stream-gallery-item .photo-credit {
    width: 960px;
    text-align: center;
}

.gallery-stream-wide .stream-gallery-item .photo-credit {
    line-height: 15px;
}

.gallery-stream-wide .stream-gallery .prev {
    left: 0;
    top: 300px;
}

.gallery-stream-wide .stream-gallery .next {
    right: 0;
    top: 300px;
}

.gallery-stream-wide .details{
    display: none;
}

/*
 * Wrap Gallery Tease
 */
.gallery-tease {
    margin-bottom: 30px;
}

.gallery-tease .stream-gallery {
    min-height: 342px;
}

.gallery-tease .stream-gallery .stream-gallery-view {
    top: 100px;
    font-size: 18px;
}

.gallery-tease .stream-gallery,
.gallery-tease .stream-gallery-item {
    width: 350px;
    margin-bottom: 0;
    text-align: center;
}

.gallery-tease .stream-gallery-image {
    width: 350px;
    height: 233px;
    margin-left: 0;
}

.gallery-tease .stream-gallery-item .photo-credit {
    width: 350px;
}

.gallery-tease .stream-gallery .prev {
    left: 0;
    top: 100px;
}

.gallery-tease .stream-gallery .next {
    right: 0;
    top: 100px;
}

.c-col-wrapper .gallery-tease .more {
    padding: 0;
}

/*
* Wrap Stories Module
*/

.c-col .tout {
    padding-bottom: 30px;
}

/*
* Wrap Stories Module
*/
.stories {
    margin-bottom: 30px;
}

.stories .story {
    margin-bottom: 0;
}
.story-grid .story {
    width: 48%;
}

.top-story {
    background: none;
    padding: 0;
}

.top-story img {
    border: none;
}

/*
 * Wrap Top Stories
 */
.wrap-top-stories {
    margin-bottom: 20px;
    background-repeat: repeat-x;
    background-position: bottom left;
    background-image: url(styles/../img/bg/dots-horizontal.png); /** sprite-ref: vertical; sprite-alignment: repeat; sprite-margin-bottom: 50px; */
    padding-bottom: 15px;
    overflow: hidden;
}

.wrap-top-stories .heading-style-z {
    text-align: center;
}

.wrap-top-stories .heading-style-g {
    font-size: 14px;
    padding-top: 2px;
    font-weight: bold;
    padding-right: 3px;
}

.wrap-top-stories img {
    float: left;
    margin-right: 5px;
}

.wrap-top-stories .timestamp {
    font-style: normal;
    margin-top: 3px;
}

/*
 * Twitter Search
 */
.twitter-search {
    margin: 0 0 30px;
}

.twitter-search.widget {
    height: auto !important;
}
.twitter-search .frame  {
    height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
}

/* timeline */
.timeline {
    margin-bottom: 30px;
}

.timeline .items .time {
    float: left;
    color: #000;
    font-size: 16px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    width: 25%;
    overflow: hidden;
}

.timeline .items .text {
    float: right;
    width: 75%;
    font-size: 12px;
}

.timeline .items .text p {
    line-height: 14px;
}

.timeline .items li {
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url("styles/../img/bg/dots-horizontal.png");  /** sprite-ref: vertical; sprite-alignment: repeat; */
    margin: 0 0 10px;
    padding-top: 10px;
    line-height: 17px;
}

.timeline .items li:first-child {
    padding: 0;
    background-image: none;
}

.timeline a {
    text-decoration: underline;
}


/*
 * Wrap Breadcrumbs
 */
.breadcrumbs {
    text-transform: uppercase;
    margin: 10px 0 0;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

.breadcrumbs span {
    color: #E5E5E5;
    padding: 0 5px;
}

.breadcrumbs a {
    color: #ee3224;
}


/*
 * Wrap items theme: Curated
 */
.theme-roundup .intro .timestamp {
    font-style: normal;
    margin-bottom: 2px;
}

.theme-roundup .dek {
    padding-bottom: 0;
}

.theme-roundup .intro .sharetools {
    padding-top: 3px;
}

.theme-roundup aside {
    margin-left: 0;
    margin-top: 4px;
}

 .theme-roundup .cheatSheet aside{
     margin: 0 0 0 41px;
 }

.stream-item .headshot {
    width: 45px;
    border: none;
}

.theme-roundup .article {
    margin: -3px 0 14px 8px;
    padding-left: 0;
    padding-right: 0;
}

.theme-roundup .article h1 {
    padding-bottom: 2px;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 26px;
    line-height: 30px
}

.theme-roundup .article .byline,
.theme-roundup .article .byline span,
.theme-roundup .article .byline a{
    vertical-align: top;
}

.theme-roundup .article .dek {
    margin-top: 6px;
    font-size: 14px;
}

.theme-roundup .cheat-image img,
.theme-roundup .article-image img {
    width: 206px;
}

.theme-roundup .stream-item {
    margin-bottom: 25px;
}

/*
 * Wrap items theme: Excerpt
 */
.theme-excerpt .grid-9 {
    margin: 0;
}

.theme-excerpt .article {
    padding-bottom: 16px;
}

.theme-excerpt .stream-item p {
    margin-bottom: 2px;
}


/*** Wrap C-Col Modules ***/
/*
 * Timeline Module
 */
.timeline {
    margin-bottom: 30px;
}

.timeline .items .time {
    float: left;
    color: #000;
    font-size: 16px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    width: 25%;
    overflow: hidden;
}

.timeline .items .text {
    float: right;
    width: 75%;
    font-size: 12px;
}

.timeline .items .text p {
    line-height: 14px;
}

.timeline .items li {
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url("styles/../img/bg/dots-horizontal.png");  /** sprite-ref: vertical; sprite-alignment: repeat; */
    margin: 0 0 10px;
    padding-top: 10px;
    line-height: 17px;
}

.timeline .items li:first-child {
    padding: 0;
    background-image: none;
}

.timeline a {
    text-decoration: underline;
}


/*
 * Wrapnavigation Module
 */
.wrapnavigation {
    font-weight: bold;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    padding: 14px 0;
    display: table;
    font-size: 12px;
    color: #000;
    margin-bottom: 14px;
    clear: both;
    width: 100%;
}

.wrapnavigation .prevStory,
.wrapnavigation .curStory,
.wrapnavigation .nextStory {
    display: table-cell;
    overflow: hidden;
    float: left;
    width: 30.3%;
}

.wrapnavigation .curStory {
    vertical-align: middle;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    overflow: hidden;
    padding: 10px;
}

.wrap-body .wrapnavigation .curStory {
    margin-right: 1px;
}

.wrapnavigation .curStory p {
    text-align: center;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    margin: 0 auto;
    overflow: hidden;
    word-wrap: break-word;
}

.wrapnavigation .prevStory {
    line-height: 16px;
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
}

.wrapnavigation .prevStory p,
.wrapnavigation .nextStory p {
    margin: 0;
}

.wrapnavigation .nextStory {
    line-height: 16px;
    text-align: right;
    vertical-align: top;
    padding-left: 15px;
}

.wrapnavigation p a {
    text-decoration: none;
}

.wrapnavigation .arrowleftred {
    background-position: left 0;
    padding-left: 15px;
}

.wrapnavigation .arrowrightred {
    background-position: right 0;
    padding-right: 15px;
}

.wrapnavigation .heading-style-n {
    display: block;
    color: #EE3224;
    font-size: 12px;
}

/*
 * Contributors-Automated Module
 */
.contributors-auto {
    margin-bottom: 30px;
    text-align: center;
}

.contributors-auto .contributor {
    float: left;
    margin-left: 16px;
    text-align: center;
    overflow: hidden;
    width: 106px;
    max-height: 180px;
}

.contributors-auto .contributor .author {
    border-bottom: 3px solid #EE3224;
    overflow: hidden;
}

.contributors-auto .contributor .author.active {
    border-top: 3px solid #EE3224;
    border-right: 3px solid #EE3224;
    border-bottom: 3px solid #EE3224;
    border-left: 3px solid #EE3224;
    overflow: hidden;
    display: block;
}
.contributors-auto .contributor .author img {
    margin-bottom: -4px;
    height: 106px;
    width: 106px;
}

.contributors-auto .contributor .author.active img {
    margin: -4px;
}

.contributors-auto .contributor .active{
    color: #EE3224;
}

.contributors-auto .contributor:first-child {
    margin-left: 0;
}

.contributors-auto .contributor a {
    display: block;
}
.contributors-auto .contributor h3 {
    margin-top: 5px;
    font-weight: bold;
    font-size: 13px;
}

.contributors-auto .contributor h4 {
    font-size: 13px;
}

.contributors-auto .pagination {
    padding: 0 0 0 25px;
    display: inline;
}

.contributors-auto .slide ul {
    margin-bottom: 14px;
    height: 176px;
}

.contributors-auto .slide-container {
    margin-bottom: 10px;
}
.contributors-auto .pagination-wrap {
    display: inline-block;
}

.contributors-auto .pagination-previous,
.contributors-auto .pagination-next {
    text-indent: -999999px;
    outline: 0;
    position: absolute;
    margin-top: 2px;
}

.contributors-auto .current a {
    color: #EE3224;
}

.contributors-auto header.wrap {
    margin-bottom: 18px;
}

.c-col .wrapnavigation {
    border: 0;
    margin-bottom: 4px;
    padding-top: 0;
}

.c-col .wrapnavigation .prevStory,
.c-col .wrapnavigation .curStory,
.c-col .wrapnavigation .nextStory {
    width: 29%;
}

.c-col .wrapnavigation .curStory {
    min-height: 44px;
}

.c-col .wrapnavigation .curStory p {
    font-size: 18px;
    line-height: 20px;
}

.c-col .wrapnavigation .curStory {
    margin-left: 10px;
    margin-right: 5px;
    max-width: 85px;
    *max-width: 84px;
}

/*
 * Updates Module
 */
.updates {
    margin-bottom: 30px;
}

.updates aside {
    margin: 0;
}

.updates aside img {
    width: 106px;
    margin: 4px 0 0 0;
}

.updates .more {
    margin-top: 10px;
}

.updates .more .arrowrightred {
    background-position: right 0;
    padding-right: 16px;
}

.updates .readmore {
    color: #EE3224;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.updates li {
    background-image: url(styles/../img/bg/dots-horizontal.png);
    background-position: left top;
    background-repeat: repeat-x;
    padding: 16px 0;
}

.updates .byline {
    padding-top: 0;
}

.updates .description {
    padding: 5px 0 0;
}

#main .c-col .updates div.more {
    margin: 6px 0 0 0;
}


/*
* grid component
*/

.parsys_column.cq-colctrl-lt1 {
    width: 100%;
    margin-left: 0;
}

.cq-colctrl-lt1 .grid-8 {
    margin-left: 4px;
    margin-right: 4px;
}

/*
*  CQ Edit Mode
*/

.ad-preview .ad-description {
    float: left;
    font-size: 25px;
    padding-top: 15px;
    color: #aaaaaa;
}


/*
*  Media Queries
*/


/*
 * ad hacks
 * some hacks to make some broken ads look nicer
 */

.adBreakout .PubAdAI div{
    position: relative !important;
}


/*
 * shareTools
 * facebook dialog
 */
 .fb_iframe_widget_lift {
    z-index: 3 !important;

 }

/*
 * Storify component
 */

.storify {
    margin-bottom: 15px;
}

.storify .edit-storify{
    text-align: center;
    padding: 15px;
}

/*
 * oEmbed component
 */

.oembed {
    position: relative;
}

.oembed .frame {
    width:100%;
    height: 100%;
    top:0;
    position: absolute;
}

#videos-page .explorershow img {
    height: 112px!important;
    width: 167px!important;
}


/*
 * For Recommended Link Flyout.
 * See dailybeast.flyout.recommendation.RecommendedLinksFlyout.js
 */

#recommended-links-flyout {

    z-index: 1000;
    position: fixed;
    bottom: 0px;
    display: none;
    max-width: 400px;
}

#recommended-links-flyout .dialog {

    border-top: 2px solid #ee3224;
    padding: 5px 5px 5px 5px;
    background:#ffffff;
    -moz-box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #000000;
}

#recommended-links-flyout .content-cell {
    padding: 0px 20px 15px 5px;
}

#recommended-links-flyout .rubric-area {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #ee3224;
    text-transform: uppercase;
    padding-top: 3px;
    padding-bottom: 3px;
}

#recommended-links-flyout .link-area {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    line-height: 24px;
}

#recommended-links-flyout .close-icon-cell {
    padding-left: 10px;
    text-align: right;
    vertical-align: top;
}

#recommended-links-flyout .close-icon {
    background: url(styles/../img/icon/close_window.png) no-repeat;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

/**
* DEFAULT STYLES
*/

#gallery2-page {
    background-color: #000;
    color: white;
}

#gallery {
    min-width: 1024px;
}

#gallery a,
#gallery a:active,
#gallery a:visited {
    color: white;
}

.no-touch #gallery a:hover {
    color: #ee3224;
}

#gallery .container-16 {
    width: auto;
    margin: 0 20px 0 0;
    padding: 0 0 0 82px;
}

#gallery .size1of1 {
    width: 100%;
}

#fullscreen-overlay {
    overflow: auto;
}

/**
* CONTENT STYLING
*/

/* header */
#gallery .heading {
    margin-top: 25px;
    margin-bottom: 15px;
    display: block;
    position: relative;
    color: white;
    clear: both;
}

#gallery .logo {
    display: inline-block;
}

#gallery .primary-logo {
    height: 112px;
    display: inline-block;
    bottom: 0;
}

#gallery h1 {
    font-size: 48px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 53px;
    display: inline;
    padding-right: 10px;
    margin-right: 180px;
    background-color: #000
}

#gallery .red-dot {
    display: inline-block;
    background-color: #EE3224;
    min-height: 11px;
    min-width: 9px;
    bottom: 18px;
    position: relative;
}

#gallery .more-gallery {
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 25px;
    position: absolute;
    right: 0;
    color: #fff;
    background-color: #000;
    bottom: 6px;
    background-image: url(styles/../img/icon/arrow-down-triangle-red.png);
    background-repeat: no-repeat;
    background-position: right 3px;
}

#gallery .title-outer-container {
    position: absolute;
    left: 102px;
    top: -9px;
    right: 18px;
    height: 111px;
    overflow: hidden;
}

#gallery .title-inner-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 20px;
}

#gallery .red-line {
    position: absolute;
    bottom: 8px;
    right: 0;
    background-color: #ee3224;
    height: 11px;
    left: 0;
}

#gallery .btn-close-x {
    float: right;
    top: 0;
}

#gallery .aside .btn-close-x {
    display: none;
}

/**
 * SHARE TOOLS
 */

#gallery .sharetools {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 14px;
    position: absolute;
    left: 10px;
    width: 60px;
    z-index: 100;
}


#gallery .sharetools .fbshare-btn {
    background-image: url(styles/../img/social/fbshare.png);
}

#gallery .sharetools li {
    margin-bottom: 10px;
}

#gallery .fbshare-btn{
    width: 72px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    margin-top: 45px;
    margin-left: 3px;
}

#gallery .fbshare-count {
    text-align: center;
    position: absolute;
    top: 33px;
    width: 54px;
    height: 30px;
    background-color: white;
    border: 1px solid #D7D7D7;
    left: 3px;
}

#gallery .fbshare-count .fbnumber {
    font-size: 14px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    color: #333;
    line-height: 2.28;
}

#gallery .fbshare-count .countNub {
    position: absolute;
    z-index: 2;
    bottom: -3px;
    height: 7px;
    left: 6px;
    width: 0;
    display: inline-block;
}

#gallery .fbshare-count .countNub i, #gallery .fbshare-count .countNub s {
    border-color: lightGrey transparent transparent;
    border-right: 5px solid transparent;
    border-style: solid;
    border-width: 5px;
    display: inline-block;
    position: relative;
}

#gallery .fbshare-count .countNub i{
    top: -19px;
    border-top-color: white;
}


#gallery .sharetools .facebook {
    height: 65px;
    margin-left: 7px;
}

#gallery .sharetools .twitter iframe {
    width: 57px !important;
    height: 62px;
    margin-left: 2px;
}

#gallery .sharetools .pinterest {
    margin-bottom: -3px;
}

#gallery .sharetools .st_email_custom {
    background-color: #ee3224;
    padding: 4px 22px 4px 3px;
    background-image: url(styles/../img/icon/email-white.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    cursor: pointer;
    margin-bottom: 13px;
}

#gallery .sharetools .st_email_custom a {
    color: #fff;
    text-decoration: none;
}

#gallery .gplusone {
    margin-left: 5px;
}

#gallery .pinterest {
    margin-left: 8px;
}

/* main content */
#gallery .content {
    position: relative;
    min-width: 960px;
}

#gallery .main {
    position: absolute;
    left: 0;
    right: 350px;  /* 300px aside width + 25px left/right margin  */
}

#gallery .info-thbnail-wrapper{
    margin: 0 0 15px 0;
}

#gallery .img-canvas-wrapper,
#gallery .img-info-wrapper,
#gallery .slide-thumbnail-wrapper {
    width: 100%;
    display: table;
}

#gallery .img-canvas-wrapper {
    height: 665px;
    position: relative;
    margin-bottom: 10px;
    table-layout: fixed;
}

#gallery .img-canvas {
    display: table-cell;
    vertical-align: middle;
    visibility: hidden;
}

#gallery .img-info,
#gallery .slide-thumbnail {
    width: 600px;
    margin: 0 auto;
}

#gallery .img-info .info {
    max-width: 296px;
    display: inline-block;
    line-height: 12px;
    overflow: hidden;
}

#gallery .img-canvas img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

#gallery .img-canvas img {
    image-rendering: optimizeQuality;  /* Firefox 3.6+; default behavior is identical, no need to specify */
    -ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0; default in IE8+ */
    min-height: 400px;
}

#gallery .slide-inner-wrapper {
    height: 60px;
    position: absolute;
    left: 0;
    max-width: none;
}

#gallery .img-canvas p {
    bottom: 0;
}


#gallery .img-info {
    line-height: 20px;
    height: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}

#gallery .fullscreen-view-all,
#gallery .captions-exit {
    float: right;
    display: inline-block;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

#gallery .enter-fullscreen-button {
    border-right: 1px solid #fff;
    background-image: url(styles/../img/icon/button-fullscreen-enter.png);
    background-repeat: no-repeat;
    padding: 0 13px 0 24px;
    margin-right: 10px;
    background-position: 0 4px;
}

#gallery .view-all-button {
    background-image: url(styles/../img/icon/button-view-all.png);
    background-repeat: no-repeat;
    padding-left: 24px;
    background-position: 0 4px;
}

#gallery .slide-count {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #666;
    bottom: 2px;
    position: relative;
}

/*slide arrows*/
#gallery .next,
#gallery .previous {
    height: 100%;
    width: 50%;
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 1;
    background: url(styles/../img/bg/blank.gif) repeat; /* IE 8 hack */
    background: rgba(0,0,0,0);
}

#gallery .next {
    right: 0;
}
#gallery .previous {
    left: 0;
}

#gallery .img-canvas-wrapper:hover .next,
#gallery .img-canvas-wrapper:hover .previous,
#gallery .more-galleries:hover .next,
#gallery .more-galleries:hover .previous,
#gallery .view-all-wrapper:hover .next,
#gallery .view-all-wrapper:hover .previous{
    filter: alpha(opacity=50);
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
}


#gallery .slide-thumbnail:hover .next,
#gallery .slide-thumbnail:hover .previous {
    filter: alpha(opacity=70);
    opacity: .7;
    -moz-opacity: .7;
    -webkit-opacity: .7;
}

#gallery .img-canvas-wrapper:hover .next:hover,
#gallery .img-canvas-wrapper:hover .previous:hover,
#gallery .slide-thumbnail:hover .next:hover,
#gallery .slide-thumbnail:hover .previous:hover,
#gallery .more-galleries:hover .next:hover,
#gallery .more-galleries:hover .previous:hover,
#gallery .view-all-wrapper:hover .next:hover,
#gallery .view-all-wrapper:hover .previous:hover {
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
    -webkit-opacity: 1.0;
}

.touch #gallery .next,
.touch #gallery .previous {
    opacity: 1;
}

#gallery .next i,
#gallery .previous i {
    display: block;
    height: 38px;
    width: 38px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -19px;
}

#gallery .next i {
    background-image: url(styles/../img/icon/arrow-next-lg.png);
    right: 0;
}

#gallery .previous i {
    background-image: url(styles/../img/icon/arrow-previous-lg.png);
}

#gallery .next.large,
#gallery .previous.large {
    width: 38px;
}

#gallery .next.small,
#gallery .previous.small {
    width: 19px;
}

#gallery .next.small i,
#gallery .previous.small i {
    display: block;
    height: 19px;
    width: 19px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -9px;
}

#gallery .next.small i {
    background-image: url(styles/../img/icon/arrow-next-sm.png);
    right: 0;
}

#gallery .previous.small i {
    background-image: url(styles/../img/icon/arrow-previous-sm.png);
}


/* slide-thumbnails */
#gallery .slide-thumbnail-wrapper {
    margin-top: 10px;
}

#gallery .slide-thumbnail {
    height: 60px;
    overflow: hidden;
    position: relative;

}

#gallery .more-galleries {
    margin-top: 35px;
    position: relative;
    height: 165px;
    margin-bottom: 20px;
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
    display: none;
}

#gallery .more-galleries-arrows {
    height: 97px;
    position: relative;
}

#gallery .view-all .slider,
#gallery .more-galleries .slider {
    overflow: hidden;
}

#gallery .view-all .slide,
#gallery .more-galleries .slide {
    position:absolute;
    width: 200%;
}

#gallery .more-galleries .slider {
    position: absolute;
    top: 0;
    left: 38px;     /* to account for width of left arrow */
    right: 38px;    /* to account for width of right arrow */
    margin: 0 auto;
}


#gallery .more-galleries ul {
    float: left;
    overflow: hidden;
}

#gallery .slide-inner-wrapper li,
#gallery .more-galleries li {
    float: left;
    position: relative;
}

#gallery .slide-inner-wrapper li,
#gallery .slide-thumbnail li.active img,
#gallery .slide-thumbnail li:hover img  {
    width: 60px;
    height: 60px;
}

#gallery .more-galleries li {
    margin: 0 13px;
    width: 145px;
}

#gallery .more-galleries li a {
    display: block;
}

#gallery .more-galleries li:hover h3{
    color: #ee3224;
}

#gallery .more-galleries li:hover img {
    width: 145px;
    height: 97px;
}

#gallery .slide-thumbnail .number,
#gallery .more-galleries .number {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
}

#gallery .slide-thumbnail li.active .number,
.no-touch #gallery .slide-thumbnail li:hover .number {
    background-color: #ee3224;
    color: #fff;
    margin: 0 -2px -2px 0;
}

#gallery .slide-thumbnail li.active a,
.no-touch #gallery .slide-thumbnail li:hover a,
#gallery .more-galleries li:hover span {
    border: 2px solid #ee3224;
    display: block;
    position: relative;
    overflow: hidden;
}

#gallery .slide-thumbnail li.active img,
.no-touch #gallery .slide-thumbnail li:hover img,
#gallery .more-galleries li img {
    margin: -2px;
}

#gallery .more-galleries li span {
    border: 2px solid #44413C;
    display: block;
    position: relative;
    overflow: hidden;
}

#gallery .slide-thumbnail li img,
#gallery .more-galleries li img {
    float: left;
}

#gallery img.loading {
    filter: alpha(opacity=35);
    opacity: 0.35;
    -moz-opacity: 0.35;
    -webkit-opacity: 0.35;
}


#gallery .more-galleries li img {
    height: 97px;
    width: 145px;
}

#gallery .more-galleries h3 {
    color: #999;
    height: 52px;
    overflow: hidden;
    margin-top: 14px;
}

/* right rail */
#gallery .aside {
    max-width: 300px;
    margin: 0 25px;
    display: inline-block;
    vertical-align: top;
    float: right;
}

#gallery .aside .listicle-number {
    text-transform: uppercase;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 63px;
    color: #666;
    line-height: 63px;
    vertical-align: top;
    top: -3px;
    position: relative;
    float: left;
    margin-right: 12px;
}

#gallery .aside .heading-slide {
    margin-top: -3px;
}

#gallery .timestamp,
#gallery .location,
#gallery .slide-number,
#gallery .photo-credit {
    color: #999;
    font-size: 11px;
    font-style: normal;
}

#gallery .timestamp {
    padding: 6px 0 0;
    display: inline;
    line-height: 13px;
}

#gallery .location {
    line-height: 13px;
}

#gallery .slide-number {
    margin-right: 2px;
}

#gallery .photo-credit {
    border-left: 1px solid #999;
    padding-left: 5px;
}

#gallery .photo-credit.no-border {
    border-left: none;
}

#gallery .byline {
    padding: 0;
}

#gallery .byline-style-a,
#gallery .copy-style-b {
    color: white;
}

#gallery .copy {
    margin-bottom: 20px;
    visibility: hidden;
}

#gallery .text {
    overflow: auto;
    min-height: 185px;
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 19px;
}

#gallery .copy-style-b p {
    margin: 0 10px 0 0;
}

#gallery .ad-interstitial {
    display: none;
}

#gallery .ad-aside {
    height: 250px;
    margin-bottom: 25px;
}

#gallery .ad-footer,
#gallery .ad-related{
    height: 90px;
    width: 728px;
    margin: 0 auto;
}

/*when not in fullscreen, hide these ads*/
#gallery .ad-fullscreen,
#gallery .ad-fullscreen-tracker {
    display: none;
    margin: 0 auto;
}

/**
 * RELATED GALLERIES VIEW
 */

#gallery h1.dimmed {
    color: #666;
}

#gallery .related-galleries {
    position: absolute;
    left: 50px;
    top: 160px;
    right: 50px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    min-width: 800px;
}

.related-galleries .related-gallery {
    display: table-cell;
    width: 5%;
    padding: 15px 8px 15px 8px;
}

.related-galleries .first-slide .related-gallery:nth-last-child(-n+3) {
    display: none;
}

.related-gallery .image {
    width: 100%;
    background-color: #ee3224;
    padding-bottom: 5px;
}

#gallery .related-galleries ::selection {
    background-color: black;
}

.gallery-content .previous-button,
.gallery-content .next-button {
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    -moz-opacity: .5;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.gallery-content .previous-button:hover,
.gallery-content .next-button:hover {
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
}

.related-galleries .button-column {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 70px 20px;
}

.gallery-content .previous-button {
    background-image: url(styles/../img/icon/arrow-previous-lg.png);
    visibility: hidden;
}

.gallery-content .next-button,
.more-galleries .next-button {
    background-image: url(styles/../img/icon/arrow-next-lg.png);
}

.related-galleries .replay-button-wrapper {
    text-align: center;
    margin-bottom: 10px;
}

.related-galleries .replay-button {
    background-color: #ee3224;
    padding: 15px 20px 5px 25px;
    cursor: pointer;
}

.related-galleries .replay-button-content {
    font-size: 24px;
    background-image: url(styles/../img/icon/replay-arrow.png);
    background-position: right;
    background-repeat: no-repeat;
    padding: 2px 35px 0 0;
}

.related-galleries .title-container {
    text-align: center;
    margin: 0 -100px 0 -100px; /* hack to make text take no space in table */
    min-height: 70px;
}

.related-galleries .title {
    display: inline-block;
    font-size: 18px;
    padding-top: 5px;
    text-transform: uppercase;
    max-width: 230px;
}

.related-galleries .ad-related {
    padding-top: 15px;
    padding-bottom: 35px;
}

.related-galleries .outer-row {
    display: table-row;
}

.related-galleries .outer-cell {
    display: table-cell;
    overflow: hidden;
    width: 100%;
}

.related-galleries .slider {
    display: table;
    width: 666.666%;
}

.related-galleries .inner-row {
    display: table-row;
}

/**
 * VIEW ALL
 */
#gallery .view-all {
    text-align: center;
}

#gallery .view-all-wrapper {
    margin: 0 auto;
    position: relative;
}

#gallery .view-all .slider {
    position: relative;
}

#gallery .view-all-slides {
    overflow: hidden;
    float: left;
}

#gallery .view-all-slides li {
    float: left;
    height: 160px;
    line-height: 160px;
    width: 160px;
    margin: 20px;
    text-align: center;

}

.view-all-slides li img {
    margin: -2px -2px 0 0;
    max-width: 100%;
    max-height: 100%;
    border: 2px solid #44413C;
    vertical-align: middle;
}

#gallery .view-all-wrapper .next,
#gallery .view-all-wrapper .previous {
    width: 38px;
}

#gallery .view-all-wrapper .next {
    right: -38px;
}

#gallery .view-all-wrapper .previous {
    left: -38px;
}

#gallery .view-all-pagination {
    display: inline-block;
}

#gallery .view-all-pagination li {
    float: left;
    width: 34px;
    height: 34px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    font-size: 25px;
    text-align: center;
    line-height: 34px;
    vertical-align: middle;
}

#gallery .view-all-pagination li.active {
    background-color: #ee3224;
}

#gallery .view-all-pagination li.active a:hover {
    color: white;
}

#gallery ::selection {
    background: #fff;
    color: #333;
}

/**
* CUSTOM SCROLLBAR
*/
#gallery .aside .text::-webkit-scrollbar {
    width: 12px;
}

/* Track  */
#gallery .aside .text::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(51,51,51,1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

/* Handle */
#gallery .aside .text::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: rgba(102,102,102,1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/*
* FULLSCREEN
*/

:-moz-full-screen {
    background: #000;
}

:-webkit-full-screen {
    background: #000;
}

:fullscreen {
    background: #000;
}

#gallery.fullscreen {
    width: 100%;
    height: 100%;
}

#gallery.fullscreen .container-16 {
    margin: 0;
    padding: 0;
}

#gallery.fullscreen .heading {
    position: absolute;
    margin: 0;
    height: 52px;
    padding: 7px 0 11px;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.6); /* RGBa with 0.6 opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333)"; /* For IE 6-9 */
    z-index: 10;
}

#gallery.fullscreen .logo {
    position: relative;
    left: 34px;
}

#gallery.fullscreen .primary-logo,
#gallery.fullscreen .primary-logo img {
    width: 44px;
    height: 53px;
}

#gallery .captions-exit {
    display: none;
    float: right;
}

#gallery.fullscreen .captions-exit {
    display: block;
    top: 22px;
    right: 34px;
    position: relative;
}

#gallery.fullscreen .captions-button {
    background-image: url(styles/../img/icon/button-captions.png);
    background-repeat: no-repeat;
    padding: 0 0 0 22px;
    background-position: 0 4px;
}

#gallery.fullscreen .exit-fullscreen-button {
    background-image: url(styles/../img/icon/button-fullscreen-exit.png);
    background-repeat: no-repeat;
    padding: 0 0 0 22px;
    margin-left: 12px;
    background-position: 0 4px;
}

#gallery.fullscreen .title-outer-container {
    height: 56px;
    left: 101px;
    right: 400px;
    top: 0;
}

#gallery.fullscreen h1 {
    font-size: 24px;
    line-height: 26px;
    background-color: transparent;
    margin-right: 0;
}

#gallery.fullscreen .main {
    position: relative;
    margin: 0 20px;
}

#gallery.fullscreen .aside {
    display: none;
    max-width: none;
    width: 800px;
    position: absolute;
    margin: 0 50%;
    padding: 12px 16px 18px 32px;
    vertical-align: bottom;
    bottom: 0;
    left: -424px;
    background-color: rgba(51, 51, 51, 0.6); /* RGBa with 0.6 opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333)"; /* For IE 6-9 */
    z-index: 100;
}

#gallery.fullscreen .copy {
    margin: 0;
}

#gallery.fullscreen .aside .btn-close-x {
    display: block;
}

#gallery.fullscreen .text {
    min-height: inherit;
}

#gallery.fullscreen .img-info {
    text-align: center;
    max-width: 600px;
}

#gallery.fullscreen .img-info .info {
    max-width: none;
}

#gallery.fullscreen .copy-style-b p {
    margin: 0;
}

#gallery.fullscreen .red-line,
#gallery.fullscreen .more-gallery,
#gallery.fullscreen .heading .btn-close-x,
#gallery.fullscreen .ad-badge-empty,
#gallery.fullscreen .ad-aside,
#gallery.fullscreen .ad-footer,
#gallery.fullscreen .fullscreen-view-all {
    display: none;
}

#gallery.fullscreen .ad-fullscreen {
    height: 31px;
    width: 88px;
    display: block;
    margin-bottom: 15px;
}

#gallery.fullscreen .ad-fullscreen-tracker {
    display: block;
    height: 0;
}

/*
* MEDIA QUERIES
*/

/* tablet landscape / netbook */
@media screen and (max-width: 1024px) {}

/* iPad Retina Display (2048x1536 264ppi) */
@media screen and (max-width: 1536px) and (resolution: 264ppi) {}

/* tablet portrait (iPad: 1024x768 132ppi) */
@media screen and (max-width: 768px) {}

/* tablet portrait / kindl fire (1024x600 169ppi) */
@media screen and (max-width: 600px) {}

/* iPhone Retina Display (960x640 326ppi) */
@media screen and (max-width: 640px) and (resolution: 326dpi) {}

/* smartphone landscape (iPhone: 480x320 163ppi) */
@media screen and (max-width: 480px) {
/*
.grid-4,
.grid-8 {
width: 100%;
margin: 0;
height: auto;
}
*/
}

/* smartphone portrait (iPhone: 480x320 163ppi) */
@media screen and (max-width: 320px) {}

/**
 * styles for CQ author mode
 */

#gallery-page .edit-mode .ad-preview {
    color: #fff;
}

#gallery2-page .edit-mode .ad-component {
    width: 560px;
    text-align: right;
    margin: 0 auto;
    padding-top: 20px;
}

#gallery2-page .edit-mode .slide-description {
    font-size: 25px;
    color: #777777;
    position: relative;
    top: 40px;
    left: 400px;
    height: 0;
}

#gallery2-page .edit-mode .slide a {
    color: #aaaaaa;
    pointer-events: none;
    cursor: default;
}

.x-combo-list-item, .x-form-cb-label {
    color: #333333;
}


.gallery-loader {
    background: url('styles/../img/spinners/red-on-black.gif' );
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000000;
}

/*
 * Outbrain container
 */
.related-galleries .outbrain-container {
    width: 15.2%;
    display: table-cell;
    position: relative;
}

.related-galleries .outbrain-container #ob-placeholder-gallery{
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
}




#fullscreen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    color: #FFF;
    z-index: 10000;
    width: 100%;
    height: 100%;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'dailybeast-icon-font';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-twitter-round, .icon-search, .icon-email-round, .icon-close, .icon-facebook-round, .icon-arrow-south, .icon-arrow-east, .icon-arrow-north, .icon-arrow-west, .icon-play, .icon-arrow, .icon-chevron-west, .icon-chevron-east, .icon-rightarrow, .icon-leftarrow, .icon-google-plus-round, .icon-twitter-2, .icon-chevron-down, .icon-remove, .icon-user-login, .icon-down-arrow, .icon-up-arrow, .icon-facebook-2, .icon-search-2, .icon-goodburger, .icon-camera {
    font-family: 'dailybeast-icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-twitter-round:before {
    content: "\e001";
}
.icon-search:before {
    content: "\e002";
}
.icon-email-round:before {
    content: "\e004";
}
.icon-close:before {
    content: "\e005";
}
.icon-facebook-round:before {
    content: "\e006";
}
.icon-arrow-south:before {
    content: "\e009";
}
.icon-arrow-east:before {
    content: "\e00a";
}
.icon-arrow-north:before {
    content: "\e00b";
}
.icon-arrow-west:before {
    content: "\e00c";
}
.icon-play:before {
    content: "\e003";
}
.icon-arrow:before {
    content: "\e00f";
}
.icon-chevron-west:before {
    content: "\e00d";
}
.icon-chevron-east:before {
    content: "\e00e";
}
.icon-rightarrow:before {
    content: "\e007";
}
.icon-leftarrow:before {
    content: "\e008";
}
.icon-google-plus-round:before {
    content: "\e010";
}
.icon-twitter-2:before {
    content: "\f099";
}
.icon-check:before {
    content: "\f078";
}
.icon-remove:before {
    content: "\f00d";
}
.icon-user-login:before {
    content: "\e000";
}
.icon-down-arrow:before {
    content: "\e012";
}
.icon-up-arrow:before {
    content: "\e011";
}
.icon-facebook-2:before {
    content: "\e014";
}
.icon-search-2:before {
    content: "\e015";
}
.icon-goodburger:before {
    content: "\e013";
}
.icon-camera:before {
    content: "\e600";
}
.icon-eww:before {
    content: "\e610";
}
.icon-fwc:before {
    content: "\e611";
}
.icon-gwc:before {
    content: "\e601";
}
.icon-twc:before {
    content: "\e613";
}
.icon-chevron-down:before {
    content: "\e602";
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'nwdb-icon-font';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
.icon-view-all:before, .icon-twitter:before, .icon-still_camera:before, .icon-share:before, .icon-search:before, .icon-replay:before, .icon-print:before, .icon-plus-circle:before, .icon-plus-circle-filled:before, .icon-play-btn:before, .icon-mobile:before, .icon-minus-circle:before, .icon-minus-circle-filled:before, .icon-google-plus:before, .icon-facebook:before, .icon-exit-fullscreen:before, .icon-enter-fullscreen:before, .icon-email:before, .icon-email-square:before, .icon-comments:before, .icon-comments-square:before, .icon-close-x:before, .icon-close-x-circle:before, .icon-close-x-circle-filled:before, .icon-caret-up:before, .icon-caret-right:before, .icon-caret-left:before, .icon-caret-down:before, .icon-captions:before, .icon-arrow-west:before, .icon-arrow-south:before, .icon-arrow-north:before, .icon-arrow-east:before {
    font-family: 'nwdb-icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-view-all:before {
    content: "\e000";
}
.icon-twitter:before {
    content: "\e001";
}
.icon-still_camera:before {
    content: "\e002";
}
.icon-share:before {
    content: "\e003";
}
.icon-search:before {
    content: "\e004";
}
.icon-replay:before {
    content: "\e005";
}
.icon-print:before {
    content: "\e006";
}
.icon-plus-circle:before {
    content: "\e007";
}
.icon-plus-circle-filled:before {
    content: "\e008";
}
.icon-play-btn:before {
    content: "\e009";
}
.icon-mobile:before {
    content: "\e00a";
}
.icon-minus-circle:before {
    content: "\e00b";
}
.icon-minus-circle-filled:before {
    content: "\e00c";
}
.icon-google-plus:before {
    content: "\e00d";
}
.icon-facebook:before {
    content: "\e00e";
}
.icon-exit-fullscreen:before {
    content: "\e00f";
}
.icon-enter-fullscreen:before {
    content: "\e010";
}
.icon-email:before {
    content: "\e011";
}
.icon-email-square:before {
    content: "\e012";
}
.icon-comments:before {
    content: "\e013";
}
.icon-comments-square:before {
    content: "\e014";
}
.icon-close-x:before {
    content: "\e015";
}
.icon-close-x-circle:before {
    content: "\e016";
}
.icon-close-x-circle-filled:before {
    content: "\e017";
}
.icon-caret-up:before {
    content: "\e018";
}
.icon-caret-right:before {
    content: "\e019";
}
.icon-caret-left:before {
    content: "\e01a";
}
.icon-caret-down:before {
    content: "\e01b";
}
.icon-captions:before {
    content: "\e01c";
}
.icon-arrow-west:before {
    content: "\e01d";
}
.icon-arrow-south:before {
    content: "\e01e";
}
.icon-arrow-north:before {
    content: "\e01f";
}
.icon-arrow-east:before {
    content: "\e020";
}


.ad-high-school {
    overflow: hidden;
    text-align: center;
}

.categories-list div.intro-text {
    font-size: 28px;
    letter-spacing: 2px;
    margin-bottom: -13px;
}

.collegerankings .categories-list div.intro-text {
    margin-bottom: -7px;
    color: #000;
    font-size: 25px;
 }

.categories-list .intro-text,
.csvgrid .no-results,
.collegerankings .no-results,
.csvgrid .back,
.collegerankings .back {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

.collegerankings .categories-container {
    width: 670px;
    margin: 0 auto;
}

.categories-list .categories-part {
    float: left;
    width: 49.5%;
    margin-top: 20px;
}

.collegerankings .categories-list .categories-part {
    width: 210px;
    margin-top: 10px;
}

.categories-list .categories-part + .categories-part {
    margin-left: 1%;
}

.collegerankings .categories-list .categories-part + .categories-part {
    margin-left: 20px;
}

.categories-list .category, .categories-list .search {
    height: 110px;
    border-width: 0;
    border-style: solid;
    margin-top: 10px;
    box-sizing: border-box;
}

.collegerankings .categories-list .category {
    height: 50px;
    margin-top: 20px;
}

.categories-list .category a, .categories-list .category a:hover {
    display: block;
    height: 100%;
    width: 100%;
    color: inherit;
}

.categories-list .categories .category.active {
    border-width: 4px;
    background: none;
}

.collegerankings .categories-list .categories .category.active {
    background-position: -4px -4px;
}

.categories-list .search {
    position: relative;
    border-width: 4px;
}

.collegerankings .categories-list .search {
    border-color: #000;
    color: #000;
    width: 100%;
    display: inline-block;
    height: 60px;
    margin-top: 20px;
}

.categories-list .search .icon {
    font-size: 50px;
    position: absolute;
    top: 28px;
    left: 34px;
}

.collegerankings .categories-list .search .icon {
   top: 0;
   left: 8px;
}

.categories-list .search input {
    width: 100%;
    padding-left: 133px;
    padding-right: 10px;
    height: 102px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 28px;
    border: 0;
    box-sizing: border-box;
    color: #ee3126;
}

.collegerankings .search input {
    height: 52px;
    padding-left: 80px;
    color: #000;
    font-size: 37px;
}

.categories-list .search .placeholder {
    display: none !important;
}

.categories-list .search input:-moz-placeholder {
    color: #ee3126;
}
.categories-list .search input::-webkit-input-placeholder {
    color: #ee3126;
}
.categories-list .search input::-moz-placeholder {
    color: #ee3126;
}
.categories-list .search input:-ms-input-placeholder {
    color: #ee3126;
}

.collegerankings .categories-list .search input:-moz-placeholder {
    color: #000;
}
.collegerankings .categories-list .search input::-webkit-input-placeholder {
    color: #000;
}
.collegerankings .categories-list .search input::-moz-placeholder{
    color: #000;
}
.collegerankings .categories-list .search input:-ms-input-placeholder {
    color: #000;
}

.categories-list .category .icon {
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0 10px;
}

.categories-list .category .icon img {
    height: 83px;
}

.categories-list .category.active .icon {
    margin-top: 8px;
}

.categories-list .category .title {
    display: inline-block;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 38px 0 0 36px;
    color: #ffffff;
}

.categories-list .category.active .title {
    margin-top: 34px;
    color: inherit;
}

.collegerankings .categories-list .category.futureEarnings {
    background-image: url(styles/../img/collegerankings/desktop/futureearnings.png);
}

.collegerankings .categories-list .category.gradrate {
    background-image: url(styles/../img/collegerankings/desktop/graduationrate.png);
}

.collegerankings .categories-list .category.nightlife {
    background-image: url(styles/../img/collegerankings/desktop/nightlife.png);
}

.collegerankings .categories-list .category.academics {
    background-image: url(styles/../img/collegerankings/desktop/academics.png);
}

.collegerankings .categories-list .category.campusQuality {
    background-image: url(styles/../img/collegerankings/desktop/campusquality.png);
}

.collegerankings .categories-list .category.diversity {
    background-image: url(styles/../img/collegerankings/desktop/diversity.png);
}

.collegerankings .categories-list .category.affordability {
    background-image: url(styles/../img/collegerankings/desktop/affordability.png);
}

.collegerankings .categories-list .category.studentLife {
    background-image: url(styles/../img/collegerankings/desktop/studentlife.png);
}

.collegerankings .categories-list .category.athletics {
    background-image: url(styles/../img/collegerankings/desktop/athletics.png);
}

.categories-list .category.testing {
    border-color: #449fd8;
    color: #449fd8;
    background-image: url(styles/../img/cvsgrid/testing.jpg);
}

.categories-list .category.gradrate {
    border-color: #aece57;
    color: #aece57;
    background-image: url(styles/../img/cvsgrid/gradrate.jpg);
}

.categories-list .category.college-bound {
    border-color: #501a72;
    color: #501a72;
    background-image: url(styles/../img/cvsgrid/collegebound.jpg);
}

.categories-list .category.rigor {
    border-color: #e41e29;
    color: #e41e29;
    background-image: url(styles/../img/cvsgrid/rigor.png);
}

.categories-list .category.free-reduced-lunch {
    border-color: #ffdf00;
    color: #ffdf00;
    background-image: url(styles/../img/cvsgrid/lunch.jpg);
}

.categories-list .category {
    background-position: center center;
    background-size: cover;
}

.categories-list .search {
    border-color: #ee3126;
    color: #ee3126;
}

.csvgrid .pagination,
.collegerankings .pagination {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 30px;
}

.csvgrid .pagination .active a,
.collegerankings .pagination .active a {
    text-decoration: underline;
    color: #e41e29;
}

.csvgrid .header,
.collegerankings .header {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    text-align: center;
    position: relative;
    border-bottom: 5px solid #e41e29;
    border-top: 5px solid #e41e29;
    padding: 42px 30px 20px 30px;
    margin-top: 35px;
    color: #000;
}

.collegerankings .header {
    border-bottom: 7px solid #000;
    border-top: 7px solid #000;
    padding-top: 32px;
}

#interactive-page .csvgrid .header {
    margin-bottom: 30px;
}

#interactive-page .collegerankings .header {
    margin-bottom: 40px;
}

.csvgrid h1,
.collegerankings h1 {
    margin: 10px 0 20px 0;
    font-size: 60px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    overflow: hidden;
}

.collegerankings h1 {
    font-size: 70px;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.csvgrid .header .dek ,
.collegerankings .header .dek {
    font-size: 18px;
    font-family: "TitlingGothicFBCondRegular", "Arial Narrow", Arial, sans-serif;
    line-height: 1.2em;
    letter-spacing: 1px;
    font-weight: 100;
}

.csvgrid .header .icon-wrapper,
.collegerankings .header .icon-wrapper{
    position: absolute;
    width: 94%;
    top: -30px;
}

.result-items {
    margin-bottom: 20px;
}

.result-items .result-item {
    width: 900px;
    margin: -1px auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #b4b6b9;
    position: relative;
}

.result-items .brief-information:before {
    content: '+';
    position: absolute;
    top: 23px;
    left: 19px;
    font-size: 40px;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
}

.result-items .result-item .highschool-brief-data,
.result-items .result-item .college-brief-data {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.result-items .result-item .category-icons {
    display: table-cell;
    white-space: nowrap;
}

.result-items .result-item .category-icons img {
    margin-right: 15px;
    height: 60px;
}

.result-items .result-item.collapsed .details {
    display: none;
}

.result-items .result-item.expanded .brief-information:before {
    content: '-';
}

.result-items .result-item .brief-information {
    overflow: hidden;
    padding: 14px 0 13px 55px;
    cursor: pointer;
}

.result-items .result-item .number {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 54px;
    letter-spacing: 1px;
    color: #ed1d24;
    float: left;
    padding-right: 36px;
}

.result-items .result-item .number1 {
    width: 20px;
}
.result-items .result-item .number2 {
    width: 30px;
}
.result-items .result-item .number3 {
    width: 45px;
}

.result-items .result-item .title {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 26px;
    letter-spacing: 1px;
    padding-top: 5px;
    color: #000;
}

.result-items .result-item .location {
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    color: #808285;
    margin-top: 2px;
}

.result-items .result-item .details {
    padding-left: 55px;
    padding-bottom: 15px;
}

.collegerankings .result-items .result-item .details {
     padding-bottom: 26px;
}

.result-items .result-item .data-row {
    font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    color: #808285;
}

.result-items .result-item .data-title,
.result-items .result-item .data-row .value {
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    text-transform: uppercase;
}

.result-items .result-item .data-title,
.result-items .result-item .data-row.topdata {
    margin-top: 28px;
}

.collegerankings .result-items .result-item .data-title {
    margin-top: 8px;
}

.collegerankings .result-items .result-item .data-row.topdata {
    margin-top: 23px;
}

.collegerankings .result-items .result-item .data-title:first-child {
    margin-top: 0;
}

.collegerankings .result-items .result-item .data-row.subtitle {
    padding-left: 15px;
}

.result-items .result-item .data-row .value {
    font-size: 19px;
    padding-left: 8px;
}

.collegerankings .result-items .result-item .data-row .value,
.collegerankings .result-items .result-item .data-title .value {
    color: #ed1d24;
    padding-left: 0;
}

.collegerankings .result-items .result-item .data-row .value-wrapper {
    display: inline-block;
    width: 40px;
}

.csvgrid .back,
.collegerankings .back {
    padding: 30px 0;
    text-decoration: underline;
    clear: both;
}

#interactive-page.csvgrid-page .interactive-body,
#interactive-page.collegerankings-page .interactive-body {
    padding-bottom: 10px;
}
.csvgrid-page .header + .container-16,
.collegerankings-page .header + .container-16,
.csvgrid-page .header + .container-16 + .container-16,
.collegerankings-page .header + .container-16 + .container-16,
.csvgrid-page #main > header,
.collegerankings-page #main > header,
.csvgrid-page #main > header + div,
.collegerankings-page #main > header + div,
.csvgrid-page .viewMore-ext,
.collegerankings-page .viewMore-ext,
.csvgrid-page #ad-bottom,
.collegerankings-page #ad-bottom {
    display: none;
}

.grid-sharetools {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.collegerankings .grid-sharetools {
    padding-top: 20px;
    padding-bottom: 25px;
}

.grid-sharetools li {
    text-align: left;
}

.collegerankings .grid-sharetools li {
    margin-right: 13px;
}

.grid-sharetools .icon {
    display: inline-block;
}

.grid-sharetools .icon:before{
   font-size: 38px;
}

.grid-sharetools .text {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "TitlingGothicFBMediumComp", "Arial Narrow", Arial, sans-serif;
    vertical-align: 90%;
}

.collegerankings .grid-sharetools .text {
    margin-left: -5px;
}

@media screen and (max-width: 800px) {
    .collegerankings .social li a:hover {
        color: #000;
    }
}

@media screen and (max-width: 480px) {

    .nav .topics li {
        display: none;
    }

    .nav li.tdb-home {
        display: block;
    }

    .csvgrid-page .container-16,
    .collegerankings-page .container-16 {
        width: 100%;
        box-sizing: border-box;
    }

    .csvgrid-page .container-16 .grid-16,
    .collegerankings-page .container-16 .grid-16 {
        width: 100%;
        margin: 0;
    }

    .csvgrid-page .header,
    .collegerankings-page .header{
        min-width: 0;
    }

    .csvgrid .header,
    .collegerankings .header {
        padding: 42px 0 20px 0;
    }

    .csvgrid-page .social li,
    .collegerankings-page .social li {
        margin-right: 1px;
    }

    .collegerankings-page .social li {
        margin-right: 10px;
    }

    .csvgrid-page footer.footer,
    .collegerankings-page footer.footer {
        min-width: 0;
    }

    .csvgrid-page.dailybeast1 .footer .footer-content,
    .collegerankings-page.dailybeast1 .footer .footer-content {
        width: 100%;
    }

    .categories-list div.intro-text {
        margin-bottom: 15px;
        font-size: 23px;
    }

    .collegerankings .categories-container {
        width: 265px;
        margin-top: 18px;
    }

    .categories-list .categories-part {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .collegerankings .categories-list .categories-part {
        width: 100%;
        margin-top: 0;
    }

    .categories-list .category, .categories-list .search {
        height: 40px;
        margin-top: 5px;
    }

    .collegerankings .categories-list .category {
        height: 30px;
        margin-top: 2px;
    }

    .categories-list .search {
        border-width: 2px;
    }

    .collegerankings .categories-list .search {
        margin-top: 10px;
        height: 45px;
    }

    .categories-list .categories .category.active {
        border-width: 2px;
    }

    .collegerankings .categories-list .categories .category.active {
        background-position: -2px -2px;
    }

    .categories-list .categories-part + .categories-part {
        margin-left: 0;
    }

    .collegerankings .categories-list .categories-part + .categories-part {
        margin-left: 0;
    }

    .categories-list .category .icon {
        margin-top: 5px;
    }

    .categories-list .category .icon img {
        height: 30px;
    }

    .categories-list .category.active .icon {
        margin-top: 3px;
    }

    .categories-list .search input {
        height: 34px;
        line-height: 34px;
        padding: 0 0 0 60px;
    }

    .collegerankings .categories-list .search input {
        height: 41px;
        line-height: 41px;
        font-size: 25px;
        padding-left: 50px;
    }

    .categories-list .search .icon {
        font-size: 30px;
        top: 4px;
        left: 11px;
    }

    .collegerankings .categories-list .search .icon {
        top: 5px;
    }

    .categories-list .category .title {
        margin: 4px 0 0 11px;
    }

    .categories-list .category.active .title {
        margin-top: 1px;
    }

    .result-items .result-item {
        width: 100%;
    }

    .result-items .result-item.collapsed {
        height: auto;
    }

    .result-items .result-item .highschool-brief-data {
        overflow: hidden;
        display: block;
        width: auto;
    }

    .result-items .result-item .brief-information {
        padding-top: 9px;
        padding-bottom: 15px;
        padding-left: 25px;
    }

    .result-items .result-item .category-icons {
        display: block;
        padding-left: 46px;
        margin-top: 10px;
    }

    .collegerankings .result-items .result-item .category-icons {
        margin-top: 12px;
    }

    .result-items .result-item .category-icons img {
        height: 30px;
    }

    .collegerankings .result-items .result-item .category-icons img {
        height: 50px;
    }

    .result-items .brief-information:before {
        left: 6px;
        top: 9px;
        font-size: 37px;
    }

    .result-items .result-item .details {
        padding-left: 71px;
        padding-top: 7px;
    }

    .collegerankings .result-items .result-item .details {
        padding-bottom: 22px;
    }

    .result-items .result-item .number {
        font-size: 35px;
        letter-spacing: 0;
        padding-right: 10px;
        min-width: 36px;
        text-align: right;
    }

    .result-items .result-item .title {
        font-size: 17px;
        letter-spacing: 0;
    }

    .result-items .result-item .location {
        margin-top: -1px;
    }

    .collegerankings .result-items .result-item .location {
        font-size: 14px;
    }

    .collegerankings .result-items .result-item .data-title {
        font-size: 16px;
    }

    .collegerankings .result-items .result-item .data-row {
        font-size: 14px;
    }

    .collegerankings .result-items .result-item .data-row .value {
        font-size: 16px;
    }

    .csvgrid .pagination,
    .collegerankings .pagination{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .csvgrid .header,
    .collegerankings .header{
        border-top: 0;
        padding-top: 0;
        padding-bottom: 15px;
    }

    .csvgrid h1 {
        margin-bottom: 15px;
    }

    .collegerankings h1 {
        margin-bottom: 5px;
    }

    #interactive-page.csvgrid-page .csvgrid .header {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #interactive-page.collegerankings-page .collegerankings .header {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .csvgrid .header h1,
    .collegerankings .header h1 {
        font-size: 22px;
        letter-spacing: 1px;
    }

    .collegerankings .header h1 {
        font-size: 28px;
    }

    .csvgrid .header .dek {
        font-size: 14px;
    }

    .collegerankings .header .dek {
        font-size: 18px;
    }

    .csvgrid .header .icon-wrapper,
    .collegerankings .header .icon-wrapper {
        display: none;
    }

    .collegerankings .categories-list .category.futureEarnings {
        background-image: url(styles/../img/collegerankings/mobile/futureearnings.png);
    }

    .collegerankings .categories-list .category.gradrate {
        background-image: url(styles/../img/collegerankings/mobile/graduationrate.png);
    }

    .collegerankings .categories-list .category.nightlife {
        background-image: url(styles/../img/collegerankings/mobile/nightlife.png);
    }

    .collegerankings .categories-list .category.academics {
        background-image: url(styles/../img/collegerankings/mobile/academics.png);
    }

    .collegerankings .categories-list .category.campusQuality {
        background-image: url(styles/../img/collegerankings/mobile/campusquality.png);
    }

    .collegerankings .categories-list .category.diversity {
        background-image: url(styles/../img/collegerankings/mobile/diversity.png);
    }

    .collegerankings .categories-list .category.affordability {
        background-image: url(styles/../img/collegerankings/mobile/affordability.png);
    }

    .collegerankings .categories-list .category.studentLife {
        background-image: url(styles/../img/collegerankings/mobile/studentlife.png);
    }

    .collegerankings .categories-list .category.athletics {
        background-image: url(styles/../img/collegerankings/mobile/athletics.png);
    }

    .collegerankings .grid-sharetools {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .collegerankings-page .social li {
        margin-right: 6px;
    }

    .collegerankings-page .social li:last-child {
        margin-right: 0;
    }
}


.comments {
    display: none;
}

.ad-high-school.bottom {
    margin-top: 70px;
}


/* keep nav bar at the top of the page*/

.touch nav.nav.sticky,
.touch nav.nav.sticky-hidden{
  position: absolute;
  opacity: 1;
  top: 0;
  width: auto;
}

.touch body:not(.homepage) nav.nav .topic-nav{
  width: auto;
}

.touch .header .header-social-search .header-search-form.active .search-input{
  width: 8em;
}

.touch .header-1 {
  margin-top: 40px;
}

.touch .grid-18 .header-social-search {
  display: none;
}

.touch body {
  border-top: none;
}