/* MIXINS / VARIABLES ============================================================================= */
/* ITC Lubalin Graph Book */
/* RESPONSIVE STYLES ============================================================================= */
.site-header_tools {
  display: block;
  float: right;
  width: 200px;
}

.js .site-header, .js .site-header--blue {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 400;
}

.col .col-inner--image img {
  width: auto;
}

.contactform input, .contactform textarea {
  width: 200px;
}

.col-twoGrid {
  width: 384px;
  float: left;
}

.col-threeGrid {
  width: 576px;
  float: left;
}

/* SITE H1 -------------------------------------------------------------------- */
.site-h1 {
  left: 23px;
}
.site-h1 img {
  width: auto;
}

/* SITE SEARCH ---------------------------------------------------------------- */
.site-search {
  /* ND - content redundant */
  /*width: 190px;*/
  /*
  width: 265px;    
  position: relative;
  top: auto;
  left: auto;
  float: left;
  margin-right: 1px;    
  */
  /*position: absolute;*/
  /*top: 0px;*/
  /*left: 136px;*/
}

#site-search-summary-desktop {
  display: block;
}

.site-search .site-search_input {
  width: 83%;
}

/* SITE NAV MOBILE ------------------------------------------------------------ */
.site-nav_mobile, .site-nav_mobiletools {
  /*display: none;*/
}

/* SITE NAV ------------------------------------------------------------------- */
.site-nav {
  /*display: block;*/
  /*padding: 0px 0 0px 125px;*/
  padding: 0px 0 0px 214px;
  float: left;
}
.site-nav li {
  display: block;
  float: left;
  border-right: 1px #707176 solid;
  font-size: 16px;
  font-size: 1.6rem;
}
.site-nav li a {
  /*color: $light;*/
  color: #ffffff;
  padding: 40px 10px 0;
  display: block;
}
.site-nav li a:hover {
  background: #990000;
}
.site-nav li a.default,
.site-nav li a.selected {
  /*color: $light;*/
  color: #ffffff;
  padding: 40px 10px 0;
  display: block;
}
.site-nav li a.selected {
  background: #990000;
}
.site-nav li a.default:hover,
.site-nav li a.selected:hover {
  background: #990000;
}
.site-nav li.first {
  border-left: 1px #707176 solid;
}

/* LOGIN ---------------------------------------------------------------------- */
.site-login h2 {
  font-size: 23px;
  font-size: 2.3rem;
  margin-top: 11px;
}
.site-login p {
  font-size: 15px;
  font-size: 1.5rem;
}
.site-login .site-login_action {
  display: block;
}

.site-button_drop {
  float: left;
}
.site-button_drop .site-button_drop-btn {
  background: #990000;
  padding: 0 25px;
  /*color: $light;*/
  color: #ffffff;
  font-size: 19px;
  font-size: 1.9rem;
  height: 30px;
  display: block;
  font-weight: 100;
}

/* GRID ITEMS AND NAV --------------------------------------------------------- */
.grid-items {
  width: 577px;
}
.grid-items .grid-item img {
  width: auto;
}
.grid-items .grid-item--size-4x6 {
  width: 383px;
  height: 575px;
}
.grid-items .grid-item--size-4x6 .grid-item_content .grid-item_header, .grid-items .grid-item--size-4x6 .grid-item_content .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-items .grid-item--size-4x2 {
  width: 383px;
  height: 191px;
}
.grid-items .grid-item--size-4x4 {
  width: 383px;
  height: 383px;
}
.grid-items .grid-item--size-4x4 .grid-item_content .grid-item_header, .grid-items .grid-item--size-4x4 .grid-item_content .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-items .grid-item--size-6x4 {
  width: 575px;
  height: 383px;
}
.grid-items .grid-item--size-6x4 img {
  width: 555px;
  height: 321px;
}
.grid-items .grid-item--size-6x4 .grid-item_content .grid-item_header, .grid-items .grid-item--size-6x4 .grid-item_content .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-items .grid-item--size-8x4 {
  width: 767px;
  height: 383px;
}
.grid-items .grid-item--size-8x4 .grid-item_content .grid-item_header, .grid-items .grid-item--size-8x4 .grid-item_content .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-items .grid-item--size-6x6 {
  width: 575px;
  height: 575px;
}
.grid-items .grid-item--size-6x6 .grid-item_content .grid-item_header, .grid-items .grid-item--size-6x6 .grid-item_content .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-items .grid-item--text {
  width: 383px;
  height: 575px;
}
.grid-items .grid-item--size-2x4 {
  width: 191px;
  height: 383px;
}
.grid-items .grid-item--size-2x3 {
  width: 191px;
  height: 287px;
  overflow: hidden;
}
.grid-items .grid-item--size-2x3 .grid-item_content--fullbleed .grid-item_header, .grid-items .grid-item--size-2x3 .grid-item_content--fullbleed .grid-item_body {
  font-size: 26px;
  font-size: 2.6rem;
}
.grid-items .grid-item--size-2x3 .grid-item_content--fullbleed .grid-item_header_smaller, .grid-items .grid-item--size-2x3 .grid-item_content--fullbleed .grid-item_body_smaller {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
.grid-items .grid-item--portrait-staff,
.grid-items .grid-item--portrait-c {
  width: 191px;
  height: 255px;
}
.grid-items .grid-item--portrait-staff .grid-item_text,
.grid-items .grid-item--portrait-c .grid-item_text {
  position: absolute;
  bottom: 6px;
  padding-right: 11px;
}
.grid-items .grid-item--size-2x6 {
  width: 191px;
  height: 575px;
}
.grid-items .grid-item--size-2x6 .grid-item_content .grid-item_header, .grid-items .grid-item--size-2x6 .grid-item_content .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-items .grid-item--fontset-2x4-major .grid-item_content .grid-item_header, .grid-items .grid-item--fontset-2x4-major .grid-item_content .grid-item_body,
.grid-items .grid-item--fontset-2x6-major .grid-item_content .grid-item_header,
.grid-items .grid-item--fontset-2x6-major .grid-item_content .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-items .grid-item--fontset-2x4-minor .grid-item_content .grid-item_header, .grid-items .grid-item--fontset-2x4-minor .grid-item_content .grid-item_body,
.grid-items .grid-item--fontset-2x6-minor .grid-item_content .grid-item_header,
.grid-items .grid-item--fontset-2x6-minor .grid-item_content .grid-item_body {
  font-size: 12px;
  font-size: 1.2rem;
}
.grid-items .grid-item--size-2x2 {
  width: 191px;
  height: 191px;
  overflow: hidden;
}
.grid-items .grid-item--size-2x2 .grid-item_content--fullbleed .grid-item_header {
  font-size: 26px;
  font-size: 2.6rem;
}
.grid-items .grid-item--size-2x2 .grid-item_content--fullbleed .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
  width: 169px;
}
.grid-items .grid-item--size-2x2 .grid-item_content--fullbleed .grid-item_header_smaller, .grid-items .grid-item--size-2x2 .grid-item_content--fullbleed .grid-item_body_smaller {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
}
.grid-items .grid-item--size-2x2-stock {
  width: 191px;
  height: 191px;
  overflow: hidden;
}
.grid-items .grid-nav_item {
  width: 191px;
  height: 95px;
}
.grid-items .grid-nav_title {
  width: 191px;
  height: 191px;
}
.grid-items .grid-item--size-10x6,
.grid-items .grid-item--size-8x6 {
  width: 576px;
}
.grid-items .grid-item--size-10x6 .grid-item_content .grid-item_header, .grid-items .grid-item--size-10x6 .grid-item_content .grid-item_body,
.grid-items .grid-item--size-8x6 .grid-item_content .grid-item_header,
.grid-items .grid-item--size-8x6 .grid-item_content .grid-item_body {
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-items .grid-item--size-10x6 .grid-item_content--fullbleed .grid-item_header, .grid-items .grid-item--size-10x6 .grid-item_content--fullbleed .grid-item_body,
.grid-items .grid-item--size-8x6 .grid-item_content--fullbleed .grid-item_header,
.grid-items .grid-item--size-8x6 .grid-item_content--fullbleed .grid-item_body {
  font-size: 26px;
  font-size: 2.6rem;
}
.grid-items .grid-item--size-10x6 img,
.grid-items .grid-item--size-8x6 img {
  width: 100%;
}
.grid-items .grid-item--size-2x1 {
  width: 383px;
  height: 287px;
}
.grid-items .grid-item--feature {
  width: 384px;
  height: 420px;
}
.grid-items .grid-item--feature .grid-item_content .grid-item_header, .grid-items .grid-item--feature .grid-item_content .grid-item_body {
  font-size: 13px;
  font-size: 1.3rem;
}
.grid-items .grid-item_content--fullbleed .grid-item_header {
  font-size: 26px;
  font-size: 2.6rem;
}
.grid-items .grid-item_content--stock .grid-item_header {
  font-size: 26px;
  font-size: 2.6rem;
}
.grid-items .grid-item--compilation-arrangement {
  float: none;
  height: 389px;
  width: 576px;
}
.grid-items .grid-item--feature-arrangement {
  float: none;
  height: 432px;
  width: 576px;
}
.grid-items .grid-item-arrangement-Feature-360x490-container img {
  width: 300px;
  height: 408px;
}
.grid-items .grid-item-arrangement-Feature-490x490-container img {
  width: 490px;
  height: 490px;
}
.grid-items .grid-item-arrangement-Feature-740x490-container img {
  width: 520px;
  height: 344px;
}
.grid-items .grid-item--compilation-text {
  float: none;
  width: 576px;
}
.grid-items .grid-item--arrangement-PLL-container {
  height: 389px;
}
.grid-items .grid-item--arrangement-PLL-container .grid-item-arrangement-PLL-content {
  width: 416px;
}
.grid-items .grid-item--arrangement-PLL-container .grid-item-arrangement-PLL-content .grid-item-arrangement-PLL-left {
  height: 365px;
  width: 202px;
}
.grid-items .grid-item--arrangement-PLL-container .grid-item-arrangement-PLL-content .grid-item-arrangement-PLL-right {
  height: 365px;
  width: 202px;
}
.grid-items .grid-item--arrangement-PP-container {
  height: 389px;
}
.grid-items .grid-item--arrangement-PP-container .grid-item-arrangement-PP-content {
  width: 416px;
}
.grid-items .grid-item--arrangement-PP-container .grid-item-arrangement-PP-content .grid-item--arrangement-PP-left {
  height: 365px;
  width: 202px;
}
.grid-items .grid-item--arrangement-PP-container .grid-item-arrangement-PP-content .grid-item--arrangement-PP-right {
  height: 365px;
  width: 202px;
}
.grid-items .grid-item--arrangement-S-container {
  height: 389px;
}
.grid-items .grid-item--arrangement-S-container .grid-item--arrangement-S {
  height: 365px;
  width: 415px;
}
.grid-items img.arrangement-rectangle {
  height: 365px;
  width: 415px;
}
.grid-items img.arrangement-portrait {
  height: 365px;
  width: 202px;
}
.grid-items img.arrangement-rectangle-small {
  height: 177px;
  width: 202px;
}

.grid-items--nonav {
  width: 577px;
}

.grid-items--spotlight-latest {
  width: 577px;
}

.grid-items {
  width: 100%;
}
.grid-items .grid-item .grid-item_content {
  padding: 0;
}
.grid-items .grid-item .grid-item_content .grid-item_header, .grid-items .grid-item .grid-item_content .grid-item_header_smaller, .grid-items .grid-item .grid-item_content .grid-item_body, .grid-items .grid-item .grid-item_content .grid-item_body_smaller {
  padding-left: 11px;
}
.grid-items .grid-item .grid-item_label--story,
.grid-items .grid-item .grid-item_label--exclusive {
  bottom: auto;
  top: 10px;
}
.grid-items .grid-item--size-8x6 {
  width: 575px;
  height: 480px;
}

/* ITEM OVERLAY --------------------------------------------------------------- */
.lt-ie8 .item-overlay .item-overlay_close {
  top: 100px;
}

.item-overlay {
  left: 11.7%;
  top: 80px;
  width: 76%;
}
.item-overlay .item-overlay_content .item-overlay_col--minor {
  /*width: 46%;*/
  /*float: left;*/
  width: 100%;
}
.item-overlay .item-overlay_content .item-overlay_col--major {
  /*width: 54%;*/
  /*float: left;*/
  width: 100%;
}
.item-overlay .item-overlay_content .item-overlay_topmeta {
  list-style: none;
  padding: 0;
  margin: 0;
}
.item-overlay .item-overlay_content .item-overlay_topmeta h3 {
  color: #666666;
  font-size: 12px;
  font-size: 1.2rem;
}
.item-overlay .item-overlay_content .item-overlay_topmeta h3, .item-overlay .item-overlay_content .item-overlay_topmeta p {
  margin: 0;
}
.item-overlay .item-overlay_content .item-overlay_topmeta li {
  display: block;
  float: left;
  padding-right: 40px;
}
.item-overlay .item-overlay_content .item-overlay_footer {
  display: block;
  border-top: 1px #e0e0e0 solid;
}
.item-overlay .item-overlay_content .item-overlay_footer h2 {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666666;
  margin: 0;
}
.item-overlay .item-overlay_content .item-overlay_alert {
  background: #f8d803;
  padding: 11px;
}
.item-overlay .item-overlay_content .item-overlay_alert h2, .item-overlay .item-overlay_content .item-overlay_alert p {
  font-size: 11px;
  font-size: 1.1rem;
}
.item-overlay .item-overlay_content .item-overlay_alert h2 {
  color: #000000;
}
.item-overlay .item-overlay_content .item-overlay_alert p {
  color: #333333;
  margin: 0;
}
.item-overlay .item-overlay_largeNav {
  width: 100%;
  display: block;
}
.item-overlay .item-overlay_largeNav li a {
  display: block;
  width: 37px;
  height: 49px;
  background: url(/graphics/chevron-nav--big.png) no-repeat;
  position: absolute;
  top: 200px;
}
.item-overlay .item-overlay_largeNav li .prev {
  background-position: top left;
  left: -60px;
}
.item-overlay .item-overlay_largeNav li .next {
  background-position: top right;
  right: -60px;
}
.item-overlay .item-overlay_largeNav li .first {
  background-position: bottom left;
  left: -60px;
}
.item-overlay .item-overlay_largeNav li .last {
  background-position: bottom right;
  right: -60px;
}

/* ITEM OVERLAY --------------------------------------------------------------- */
.item-overlay .item-overlay_content .item-overlay_bodycopy {
  display: block;
  border-top: 1px #e0e0e0 solid;
  padding-top: 22px;
  margin-top: 22px;
}
.item-overlay .item-overlay_content .item-overlay_header h1 {
  margin: 11px 0 22px;
}
.item-overlay .item-overlay_content .item-overlay_topmeta {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.item-overlay .item-overlay_content .item-overlay_topmeta h3 {
  color: #666666;
}
.item-overlay .item-overlay_content .item-overlay_topmeta h3, .item-overlay .item-overlay_content .item-overlay_topmeta p {
  margin: 0;
}
.item-overlay .item-overlay_content .item-overlay_topmeta li {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  float: left;
  padding-right: 20px;
}
.item-overlay .item-overlay_content .item-overlay_col--major .inner .inner-image,
.item-overlay .item-overlay_content .item-overlay_col--minor .inner .inner-image {
  min-height: 270px;
}
.item-overlay .item-overlay_content .item-overlay_alert h2, .item-overlay .item-overlay_content .item-overlay_alert p {
  font-size: 15px;
  font-size: 1.5rem;
}

.overlay-thumbs {
  display: block;
  background: #ffffff;
  margin-top: 11px;
  position: relative;
  overflow: hidden;
  height: 190px;
}
.overlay-thumbs .overlay-thumb_scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 5000em;
}
.overlay-thumbs .overlay-thumb_scroll li {
  display: inline-block;
  float: left;
}
.overlay-thumbs .overlay-thumb_scroll li a {
  display: block;
  padding: 10px;
}
.overlay-thumbs .overlay-thumb_scroll li a:hover {
  background: #990000;
}
.overlay-thumbs .overlay-thumb_nav li {
  height: 100%;
}
.overlay-thumbs .overlay-thumb_nav .prev, .overlay-thumbs .overlay-thumb_nav .next {
  position: absolute;
  top: 0;
  background: transparent url(/graphics/transparent-black_70.png);
}
.overlay-thumbs .overlay-thumb_nav .prev a, .overlay-thumbs .overlay-thumb_nav .next a {
  display: block;
  width: 32px;
  height: 100%;
}
.overlay-thumbs .overlay-thumb_nav .prev {
  left: 0;
}
.overlay-thumbs .overlay-thumb_nav .prev a {
  background: transparent url(/graphics/chevron-left.png) center center no-repeat;
}
.overlay-thumbs .overlay-thumb_nav .next {
  right: 0;
}
.overlay-thumbs .overlay-thumb_nav .next a {
  background: transparent url(/graphics/chevron-right.png) center center no-repeat;
}
.overlay-thumbs .overlay-thumb_nav .prev:hover, .overlay-thumbs .overlay-thumb_nav .next:hover {
  background: transparent url(/graphics/transparent-black_90.png);
}