/*
 * OWNER: layout.css
 * Page structure and chrome:
 *   App grid helpers (column_*, photo grids, album columns) beyond 960.gs
 *   #body, footer, mainview / sidebar / leftbar shells
 *   mobile nav, page content wrappers, column / list wrappers
 * Titles/headers → titles.css; section boxes → sections.css.
 * Includes viewport @media for container_12 / grid / column widths and
 * hide/show / no_float mobile helpers (peeled from responsive.css).
 * Not for feed/comments (forum), forms (forms), or generic ui_* widgets (interface).
 */

/* Grid extensions — column layouts, photo grids, album columns */

body.full_bleed .container_12 .grid_4 { margin: 0 1.2% 1.2% 0; width: 32.5%; }
body.full_bleed .container_12 .grid_4.omega { margin: 0 0 1.2% 0; }

.body_2_10 .container_12 .grid_4, .body_12_narrow .container_12 .grid_4 {
    margin: 0 2% 2% 0;
    width: 32%;
}

.body_12_narrow .container_12 .grid_8 {
    margin: 0 2% 2% 0;
    width: 66%;
}

.body_12_narrow .grid_4.alpha { margin-left: 0; }
.body_12_narrow .grid_8.omega { margin-right: 0; }

.container_12 .grid_4:last-child,
body.full_bleed .container_12 .grid_4:last-child,
.body_12_narrow .container_12 .grid_4:last-child { margin-right: 0; }

/* COLUMNS */

/* Two equal blocks side-by-side; stacks below 762px */
.grid_half {
  display: flex;
  gap: 20px;
}

.grid_half > * {
  flex: 1 1 0;
  min-width: 0;
}

.column .ui_group_img,
.photo_column {
  line-height: 0;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.photo_grid li {
	float: left;
	margin: 0 2% 2% 0;
	width: 32%;
}

.photo_grid li:nth-child(3n),
.photo_grid li:last-child {
	margin: 0;
}

.grid .column .ui_group_content { 
  overflow: visible;
  margin-top: 15px; 
}

.column .ui_group_img img.pic {
  display: block;
	width: 100%;
}

ul.grid .column {
  box-sizing: border-box;
  float: left;
  position: relative;
}

  ul.grid .column .main_group .ui_group_img {
    float: none;
    width: 100%;
  }

ul.list .column { border-color: #ddd !important; }


  ul.list .column .ui_group_img {
    display: table-cell;
    float: left;
	}
	
	ul.list .column.column_2 .ui_group .ui_group_img,
	ul.list .column.column_3 .ui_group .ui_group_img,
	ul.list .column.column_4 .ui_group .ui_group_img,
	ul.list .column.column_5 .ui_group .ui_group_img {
    margin-right: 15px;
	}
	
  
/* COLUMN 2 */

.grid_8 ul.grid .column_2 {
  box-sizing: border-box; 
  margin: 0 2% 2% 0;
  width: 49%;
}

.grid_12 ul.grid .column_2 {
  box-sizing: border-box; 
  margin: 0 2% 2% 0;
  width: 49%;
}

ul.list .column_2 .ui_group_img:not(.dc-wrap) {
  width: 230px;
}

/* COLUMN 3 */

ul.grid .column_3 {
  box-sizing: border-box; 
  width: 32%;
  margin: 0 2% 2% 0;
}

ul.grid .column:last-child { margin-right: 0; }

ul.list .column_3 .ui_group_img:not(.dc-wrap) {
  margin-right: 15px;
  width: 25%;
}

/* COLUMN 4 */

ul.grid .column_4 {
  width: 24.25%;
  margin: 0 1% 1% 0;
}

ul.list .column_4 .ui_group_img:not(.dc-wrap) {
  width: 20%;
}

/* COLUMN 5 */

ul.grid .column_5 {
  width: 18.8%;
  margin: 0 1.5% 1.5% 0;
}

ul.list .column_5 .ui_group_img:not(.dc-wrap) {
  width: 19%;
}

/* COLUMN 6 */

ul.grid .column_6 {
  width: 15.416%;
  margin: 0 1.5% 1.5% 0;
}

ul.list .column_6 .ui_group_img:not(.dc-wrap) {
  width: 10%;
}

/* COLUMN 8 */

ul.grid .column_8 {
  width: 10.4%;
  margin: 0 2.4% 2.4% 0;
}

.grid_12 ul.grid .column_8 {
  margin: 0 12px 12px 0;
  width: 107px;
}

.body_12_narrow .grid_12 ul.grid .column_8 {
  margin: 0 0.57% 0.57% 0;
  width: 12%;
}

.grid_7 ul.grid .column_8 { 
  margin: 0 4px 4px 0; 
  width: 64px; 
}

ul.list .column_8 .ui_group_img { width: 44px; }
ul.list .column_8 .ui_group_img.dc-wrap { width: 50px; }

/* COLUMN_12 */

.grid_8 ul.grid .column_12 {
  width: 48px;
  margin: 0 4px 4px 0;
}

.grid_12 ul.grid .column_12 {
  margin: 0 8px 8px 0;
  width: 71px;
}

/* PHOTO COLUMN */

.grid_10 .photo_column .img_thumb {
  width: 100%;
}

.grid_12 .photo_column.last,
.grid_8 .photo_column.last,
.photo_column.last {
  margin-right: 0;
}

.grid_8 .ui_section .with_label .column_4 {
  width: 114px;
}

ul.list ul.grid .img_thumb {
  width: 105px;
}

/* PHOTO GRID */

.ui_group_img .img_thumb,
.photo_column .img_thumb {
  float: none;
  line-height: 0;
}

/* ALBUM COLUMN */

.grid_8 a.album_outer,
.grid_8 a.album_outer span.album i {
  height: 132px;
  width: 176px;
}

.grid_12 a.album_outer,
.grid_12 a.album_outer span.album i {
  height: 215px;
  width: 284px;
}

.grid_12 a.album_outer span.album {
  left: 5px;
  top: 5px;
}

span.album i {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

/* LASTS */

.column.last {
  margin-right: 0 !important;
}

.column.last,
.column_2.last,
.column_3.last,
.column_4.last,
.column_5.last,
.column_6.last,
.column_8.last,
.column_12.last,
.grid_8 .column.last,
.grid_8 .column_2.last,
.grid_8 .column_3.last,
.grid_8 .column_4.last,
.grid_8 .column_5.last,
.grid_8 .column_8.last,
.grid_8 .column_12.last,
.grid_12 .column.last,
.grid_12 .column_2.last,
.grid_12 .column_3.last,
.grid_12 .column_4.last,
.grid_12 .column_5.last,
.grid_12 .column_8.last,
.grid_12 .column_12.last {
    margin-right: 0px;
}

/* OTHER */

body.three_column .container_12 { width: 1000px; }
body.three_column .container_12 .grid_12 { width: 980px; }
body.three_column .container_12 .grid_10 { width: 820px; }

/* LAYOUT */
 
/* BODY */

body {
  -webkit-transition: opacity 0.5s linear;
}

#body {
  position: relative;
  z-index: 1;
}

#body .ui_page_body { padding: 20px 0; }
body.form #body .ui_page_body { padding: 10px 0; }
body.form.trans-form #body .ui_page_body,
body.form.body_2_10 #body .ui_page_body { padding: 10px 0; }

body.fixed_nav #body .ui_page_body { padding-top: 68px; }

body.email_preview #body { background: #f4f4f4; }

body.full_bleed #body .ui_page_body { padding: 10px 0; }

body.messages #body .ui_page_body { padding: 0; }
body.messages.is_mobile #body .message_thread {
    border-top: 0 !important;
}

body.full_bleed .container_12 {
  padding: 0 10px;
  min-width: 960px;
  width: auto;
}

body.full_bleed .container_12 .grid_12 {
  margin: 0;
  min-width: 940px;
  width: 100%;
}

footer {
  background: #fff;
  border-top: 1px solid #dce1e5;
  padding: 20px 0;
}

body.login #body { background: #f3f3f3; }

body.login footer {
  background: #fff;
  border-top: 1px solid #dce1e5;
  padding: 20px 0;
}

/* THEATER */

#video_theater {
  background: #222;
}

/* MOBILE NAV */

.mobile_nav_wrap {
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,.2);
  margin: -10px -10px 10px;
}

.ui_page_header_wrap.full-header .mobile_nav_wrap {
  background-color: #fff;
}

.mobile_nav_wrap a.mobile-nav-item {
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 15px;
  text-decoration: none;
}

.mobile_nav_wrap a.mobile-nav-item.top-item {
  padding: 12px 15px;
}

.mobile_nav_wrap.open-nav a.mobile-nav-item.top-item .hidden { display: block; }
.mobile_nav_wrap.open-nav a.mobile-nav-item.top-item .shown { display: none; }

.mobile_nav_wrap a.mobile-nav-item.top-item:hover {
  background-color: rgba(0,0,0,.05);
}

.mobile_nav_wrap .mobile-nav-items a.mobile-nav-item {
  border-bottom: 1px solid rgba(0,0,0,.03);
  color: #333;
  font-weight: normal;
}

.mobile_nav_wrap .mobile-nav-items span.mobile-nav-header {
  background-color: rgba(0,0,0,.03);
  color: #999;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 8px 15px;
  text-transform: uppercase;
}

.mobile_nav_wrap .mobile-nav-items a.mobile-nav-item:not(.active-item):hover {
  background: rgba(0,0,0,.05);
}

.mobile_nav_wrap .mobile-nav-items a.mobile-nav-item.active-item {
  color: #999;
}

.mobile_nav_wrap .mobile-nav-items a.mobile-nav-item:last-child {
  border: 0;
}

.mobile_nav_wrap.open-nav {
  background: rgba(0,0,0,.05);
}

.mobile_nav_wrap.open-nav a.mobile-nav-item.top-item {
  background-color: #eee;
  border-bottom: 1px solid rgba(0,0,0,.05);
  color: #333;
}

#persistent_header {
	position: fixed;
	top: 51px;
	width: 100%;
	z-index: 1500;
}

/* PAGE CONTENT */

#pagecontent,
#pageletcontent {
  position: relative;
}

#pageletcontent .fader {
  background: rgba(255,255,255,.5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#pageletcontent .fader center { margin-top: 200px; }

.body_2_10 #leftbar #secondary-nav { margin-bottom: 20px; }
.body_2_10.form #leftbar #secondary-nav { margin-right: -20px; margin-top: 61px; }

body.form #leftbar #secondary-nav li.ui_menu_item > a {
	border-radius: 0;
	border-top: 1px solid #ddd;
	padding: 10px;
}

body.form #leftbar #secondary-nav li.ui_menu_item > a.active {
  background-color: rgba(0,0,0,.05);
  color: #111;
}

body.form.grouped_form #leftbar #secondary-nav li.ui_menu_item > a {
  border-color: #ccc;
  padding: 10px 8px;
}

/*
 *
 * COLUMN STYLES
 *
 */
 
ul.list:not(.plain) > .column,
ul.list:not(.plain) > li.mainview_list_item > .column { 
  border-top: 1px solid #eee; 
  padding: 15px 0;
}

#popup ul:not(.autospace) .mainview_list_item {
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

#popup ul:not(.autospace) .mainview_list_item:first-child {
  border-top: 0;
  padding-top: 0;
}

.mainview_section ul.list > li.mainview_list_item:first-child > .column {
  border-top: 0;
  padding-top: 0;
}

.autospace ul.list .column,
.autospace ul.list > li.mainview_list_item > .column {
  border: 0;
  padding: 0;
}

ul.list .after_break .column {
  border-top: 0;
}

ul.list .column_12 { 
  padding: 10px 0; 
}

.autospace ul.list .column {
  border: 0;
  padding: 0;
}
 
/* IMAGE WRAPPER */

.column .ui_group_img.dc-wrap,
.column .ui_group_img.img_thumb {
  border: 0;
  padding: 0;
}

.column .ui_group_img.img_thumb,
.column_12 .ui_group_img,
.grid_8 .column_8 .ui_group_img,
.grid_8 .column_12 .ui_group_img {
  padding: 0;
}

/* TEXT WRAPPER */

ul.list .column_4 .ui_group_content p.ui_node_desc,
ul.list .column_5 .ui_group_content p.ui_node_desc,
ul.list .column_6 .ui_group_content p.ui_node_desc,
ul.list .column_8 .ui_group_content p.ui_node_desc,
ul.grid .column_2 .ui_group_content p.ui_node_desc,
ul.grid .column_3 .ui_group_content p.ui_node_desc,
ul.grid .column_4 .ui_group_content p.ui_node_desc {
  margin-top: 5px;
}

ul.list .column_2 .ui_group_content p.ui_node_desc,
ul.list .column_3 .ui_group_content p.ui_node_desc,
ul.list .column_4 .ui_group_content p.ui_node_desc {
  margin-top: 10px; 
}

.column_12 h4 {
  font-size: 16px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.column_12 .ui_group .ui_group_img.dc-wrap,
.column_12 .ui_group .ui_group_img {
  width: 30px;
}

ul.list .column.column_12 .ui_group_img img.pic {
  border-radius: 3px;
}

ul.grid .column h4 {
  font-size: 16px;
  line-height: 1.333;
}

ul.grid .column .xlg-group h4,
.body_12 ul.grid .column_4 h4,
.body_12 ul.grid .column_5 h4 {
  font-size: 16px;
}

ul.list .edge_node_item .ui_group_content h6,
ul.list .column_6 .ui_group_content h4,
.grid_12 ul.grid .column_4 .ui_group_content h4,
.grid_12 ul.grid .column_4 .ui_group_content h4
ul.grid .column_5 .ui_group_content h4 {
  font-size: 16px;
  line-height: 1.333;
}

.column .ui_group_content.text_img_thumb h4,
ul.list .column_3 .ui_group_content h4,
ul.list .column_4 .ui_group_content h4,
ul.list .column_5 .ui_group_content h4,
ul.list .column_8 .ui_group_content h4,
.grid_12 ul.grid .column_2 .ui_group_content h4,
.grid_12 ul.grid .column_3 .ui_group_content h4 {
  font-size: 18px;
  line-height: 1.333;
}

ul.list .column_5 .ui_group_content h4 {
  font-size: 20px;
  line-height: 1.3;
}

ul.list .column_5 .ui_group_content .ui_node_subtitle,
ul.list .column_5 .ui_group_content .ui_node_desc {
  font-size: 15px;
  line-height: 1.4;
}

body.body_12_narrow ul.list .column_3 .ui_group_content h4,
body.body_12 ul.list .column_3 .ui_group_content h4 {
  font-size: 22px;
}

body.body_12_narrow .ui_page_header_wrap.basic-header .grid_12,
body.body_12_narrow .ui_page_header_wrap.full-header .grid_12,
body.body_12_narrow .ui_page_body .grid_12,
body.narrow .ui_page_header_wrap.basic-header .grid_12,
body.narrow .ui_page_header_wrap.full-header .grid_12,
body.narrow .ui_page_body .grid_12 {
  float: none;
  margin: 0 auto;
  max-width: 760px;
}

body.body_12_narrow .ui_page_body .container-header .grid_12,
body.narrow .ui_page_body .container-header .grid_12 {
  max-width: 940px;
}

body.body_12_narrow.full_bleed .ui_body_block,
body.narrow.full_bleed .ui_body_block {
  max-width: none;
}

ul.list .column .ui_group_content h4.ellipsis {
  line-height: 1.5 !important;
}

#mainview .grid_wrap .column:not(.column_12) .ui_group_img.with_img { border-radius: 4px; }

#mainview .grid_wrap .column:not(.column_12) .ui_group_img.with_img:hover {
  box-shadow: rgba(0,0,0,.15) 0px 1px 5px;
  border-color: rgba(0,0,0,.1);
  opacity: 1;
}

/* GRID 12 PHOTO */

.grid_12 .photo_column .img_thumb:link {
  border-color: transparent;
  box-shadow: rgba(0,0,0,.05) 0px 0px 5px;
  padding: 5px;
}

.grid_12 .photo_column .img_thumb:hover {
  border-color: #3270b5;
}

/* GRID 7 */

.grid_7 .img_thumb { width: 169px; }
.grid_7 .grid .column h4 { font-size: 13px; line-height: 1.4; }


/* WIDER */

body.three_column #leftbar .ui_group.stacked-group .ui_group_img {
  border: 1px solid #ddd;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  float: none;
  margin-bottom: 10px;
  width: 100%;
}

body.left_nav .container_12 { width: 1040px; }
body.left_nav .container_12 .grid_12 { width: 1020px; }
body.left_nav .container_12 .main_area { float: left; margin: 0 10px; width: 860px; }

body.left_nav .container_12 .grid_10 { width: 860px; }

/* ==========================================================================
   RESPONSIVE — container / grid widths (from responsive.css)
   ========================================================================== */

body {
  min-width: 0 !important;
}

/* Mobile phones */
@media screen and (max-width: 570px) {

  .grid_8 ul.grid .column_4 { margin: 0 4% 4% 0; width: 48%; }
  .grid_8 ul.grid .column_4.no_2 { margin-right: 0; }
  
  .grid_8 ul.grid .column_8 { margin: 0 2.3% 2.3% 0; width: 23.2%; }
  .grid_8 ul.grid .column_8:nth-child(4n) { margin-right: 0; }
	
  .grid_8 ul.grid .column_4.no_2,
  .grid_8 ul.grid .column_5.no_4,
  .grid_8 ul.grid .column_4.last { margin-right: 0; }
  
  .grid_8 .photo_column {
    float: none;
    width: 100%;
  }
  
}

/* Mid desktop (slightly narrower mainview) */
@media screen and (max-width: 1000px) and (min-width: 880px) {

	.container_12 { width: 860px; }
	.container_12 .grid_12 { width: 840px; }
	.container_12 .grid_10 { width: 680px; }
  .container_12 .grid_9 { width: 600px; }
	.container_12 .grid_8 { width: 520px; }
	.container_12 .grid_5 { width: 280px; }
  
  .grid_8 ul.grid .column_6 { width: 78px; }
	
	.grid_10 ul.grid .column_4 { width: 155px; }
	
	.grid_12 ul.grid .column_2 { width: 410px; }
  
	.grid_12 ul.grid .column_8 { width: 94px; }
	
	.grid_12 .photo_column { width: 266px; }
  
	.container_12 .grid_12 > .grid_4 { width: 266px }
	.container_12 .grid_6 { width: 410px; }
	.container_12 .grid_4.grid_shrink { width: 270px; }
	
	.container_12 .grid_12 .grid_2 { width: 120px; }
  
}

/* iPad / tablet portrait */
@media screen and (max-width: 880px) and (min-width: 763px) {

	.container_12 { width: 760px; }
	.container_12 .grid_12 { width: 740px; }
	.container_12 .grid_10 { width: 580px; }
  .container_12 .grid_9 { width: 480px; }
	.container_12 .grid_8 { width: 440px; }
  .container_12 .grid_8.lg_on_tablet { width: 570px; }
	.container_12 .grid_7 { width: 390px; }
	.container_12 .grid_6 { width: 360px; }
	.container_12 .grid_5 { width: 330px; }
	.container_12 .grid_4 { width: 280px; }
    
  .body_3_9 .grid_3 { display: none; }
  .body_3_9 .grid_9 { float: none; margin: 0 auto; }
  
  .grid_8 ul.grid .column_6 { width: 100px; }
	
	.grid_10 ul.grid .column_4 { width: 173px; }

	.grid_12 ul.grid .column_2 { width: 360px; }
  
	.grid_12 ul.grid .column_8 { width: 82px; }
  
  body.body_4_8:not(.force_layout) .grid_4 { display: none; }
	
  body.body_12_narrow .ui_page_body .grid_12,
  body.narrow .ui_page_body .grid_12 { margin: 0 6%; width: auto; }
  
  body.body_12_narrow.full_bleed #pagecontent,
  body.narrow.full_bleed #pagecontent { margin: 0; }
	
  .no_float_on_tablet {
		float: none !important;
    margin-bottom: 15px;
		width: auto !important;
	}
  
  .hide_on_tablet { display: none; }
  .show_on_tablet { display: block; }
  
}

/* Single column (phones + small tablets) */
@media screen and (max-width: 762px) {

  .grid_half {
    display: block;
  }

  .grid_half > * {
    margin-bottom: 15px;
  }

  .grid_half > *:last-child {
    margin-bottom: 0;
  }

  body.full_bleed .container_12,
  body.full_bleed .container_12 .grid_12 {
    min-width: auto;
    width: auto;
  }

  body.body_12_narrow .ui_page_body .grid_12,
  body.narrow .ui_page_body .grid_12 { margin: 0 10px; }
  
  body.body_4_8:not(.force_layout) .grid_4 { display: none; }

  .grid_12 ul.grid .column_8 {
    margin: 0 4px 4px 0;
    width: 44px;
  }
	
  .container_12,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
  .container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_12,
  .grid_10 ul.grid .column_3,
	.grid_12 ul.grid .column_2,
	.grid_12 ul.grid .column_3,
	.no_float_on_mobile {
		float: none !important;
		width: auto !important;
	}
    
    .body_2_10 .grid_10 { margin: 0; }

  .grid_12 ul.grid .column_4,
  .grid_12 ul.grid .column_6 {
    float: left !important;
    margin: 0 2% 2% 0;
    width: 49%;
  }

  .grid_12 ul.grid .column_4:nth-child(2n),
  .grid_12 ul.grid .column_6:nth-child(2n) {
    margin-right: 0;
  }
  
  .body_3_9 .container_12 .grid_3,
  .body_9_3 .container_12 .grid_3 { display: none; }
	
	body.bleed_header header .container_12 .grid_12 {
	  margin: 0 10px;
	}

  .grid_8 ul.grid .column_2,
  .grid_8 ul.grid .column_3,
  .grid_8 ul.grid .column_4 {
    width: 100%;
  }
	
	.grid_12 ul.grid .column_2,
	.grid_12 ul.grid .column_3,
  .body_12_narrow .container_12 .grid_4 {
	  margin-right: 0;
	}
	
	.grid_12 .grid_2,
	.grid_12 .grid_3,
	.grid_12 .grid_4,
	.grid_12 .grid_5,
	.grid_12 .grid_6,
	.grid_12 .grid_7,
	.grid_12 .grid_8,
	.grid_12 .grid_9,
	.grid_12 .grid_10 {
	  margin: 0;
	}
	
	.no_float_on_mobile {
	  margin-bottom: 15px;
	}
	
  .grid_10 ul.grid .column_4 { width: 44%; }
  
  .grid_12 ul.grid .photo_column,
  .grid_12 ul.grid .column_5 {
    margin: 0 0 10px 0;
    width: 100%;
  }
	
	.container_12 .grid_8,
	.grid_8 {
		float: none;
		width: auto;
	}
	
  body.bleed_header header .container_12,
	body .container_12 {
		padding-left: 0px;
		padding-right: 0px;
		width: auto;
	}

  .block_on_mobile { display: block; }
  .mbl_on_mobile { margin-bottom: 10px; }
  .mbxl_on_mobile { margin-bottom: 20px; }
  .center_on_mobile { text-align: center; }
  
  .fl_r_on_mobile { float: right !important; }
  .hide_on_mobile { display: none !important; }
  .show_on_mobile.hidden { display: block !important; }
  .show_on_mobile_inline,
  .show_on_mobile_inline.hidden { display: inline !important; }

}

/* Large laptop / wide desktop */
@media screen and (min-width: 1200px) {

  .container_12 { width: 1110px; }
  .container_12 .grid_12 { width: 1090px; }
  .container_12 .grid_10 { width: 910px; }
  .container_12 .grid_9 { width: 840px; }
  .container_12 .grid_8 { width: 770px; }
  .container_12 .grid_8.lg_on_tablet { width: 730px; }
  body:not(.left_nav) .container_12 .grid_7 { width: 640px; }
  .container_12 .grid_6 { width: 535px; }
  .container_12 .grid_5 { width: 420px; }
	.container_12 .grid_2 { width: 160px; }

	.container_12 .grid_12 .grid_4 { width: 350px; }
    .container_12 .grid_12 .grid_8 { width: 720px; }
  
  .grid_8 ul.grid .column_5 { width: 144px; }
  .grid_8 ul.grid .column_6 { width: 118px; }
  
  .grid_10 ul.grid .column_4 { width: 215px; }
  
  .grid_12 ul.grid .column_2 { width: 530px; }
  
  .grid_12 ul.grid .column_8 { width: 124px; }
  
	body.body_12_narrow .ui_page_header_wrap.basic-header .grid_12,
	body.body_12_narrow .ui_page_header_wrap.full-header .grid_12,
  body.body_12_narrow .ui_page_body .grid_12,
	body.narrow .ui_page_header_wrap.basic-header .grid_12,
	body.narrow .ui_page_header_wrap.full-header .grid_12,
  body.narrow .ui_page_body .grid_12 { max-width: 920px; }
  
  body.body_12_narrow.full_bleed .ui_body_block,
  body.narrow.full_bleed .ui_body_block { max-width: none; }

  body.body_12_narrow #body .container-header .grid_12,
  body.narrow #body .container-header .grid_12 { max-width: 1080px; }
  
  footer .container_12 .grid_2 { width: 12%; }
  
}

/* Widescreen / large display */
@media screen and (min-width: 1360px) {

  .container_12 { width: 1170px; }
  
  .container_12 .grid_12 { width: 1150px; }
  .container_12 .grid_10 { width: 930px; }
  body:not(.left_nav):not(.body_12_narrow) .container_12 .grid_7 { width: 680px; }
  .container_12 .grid_6 { width: 560px; }
  .container_12 .grid_5 { width: 450px; }
	.container_12 .grid_12 .grid_4,
  .container_12 .grid_4 { width: 360px; }
  .container_12 .grid_3 { width: 300px; }
  .container_12 .grid_2 { width: 200px; }
	.container_12 .grid_1 { width: 50px; }
  
	.container_12 .grid_12 .grid_2 { width: 180px; }
  
  .grid_12 ul.grid .column_2 { width: 570px; }
  
  .grid_12 ul.grid .column_8 { width: 134px; }
  
  .grid_10 ul.grid .column_4 { width: 235px; }
  
  .grid_12 .photo_column { width: 373px; }
  
  body.body_12_narrow #body .container-header .grid_12,
  body.narrow #body .container-header .grid_12 { max-width: 1160px; }
  
  footer .container_12 .grid_2 { 
    text-align: right;
    width: 155px; 
  }
  
}