/* Main background colors */
body.html,
#main-content {
  background: rgba(157, 199, 219, 0.1) url('../images/light_toast_blue.png');
}
body.not-front, body.not-front #main-content,
body.page-admin, body.page-admin #main-content {
  background: #fff;
}
body.page-taxonomy, body.page-taxonomy #main-content,
body.page-issues, body.page-issues #main-content {
  background: rgba(157, 199, 219, 0.1) url('../images/light_toast_blue.png');
}
body.page-taxonomy-term-judges, body.page-taxonomy-term-judges #main-content {
  background: #fff;
}
.body-contaier {
  position: relative;
}

/* Max page width */
.content-inner {
  max-width: 1400px;
  margin: 0 auto;
}
.node-type-webform .content-inner {
  max-width: 720px;
}

/* Main Content (Wraps most of the page) */
#main-content {
  z-index: 9;
  position: relative;
}
.faux-columns {
  background: url(../images/sidebar-bg-dark-wide.png) top center repeat-y;
}
.page-taxonomy .faux-columns {
  background: url(../images/sidebar-bg-light-wide.png) top center repeat-y;
}
.page-admin .faux-columns,
.page-issues .faux-columns,
.node-type-webform .faux-columns {
  background: none;
}

/* Content (left side) */
#content {
  display: block;
  position: relative;
  z-index: 2;
}
.page-issues #content {
  width: 100%;
}
.node-type-webform #content {
  width: 97%;
}

/* Sidebar (right side) */
#right-sidebar {
  position: relative;
  background: url('../images/starcheck-background-large.png') no-repeat 50% -140px;
}
.not-front #right-sidebar {
  padding-top: 30px;
}

/* Content/Sidebar Padding */
#content .region,
#right-sidebar .region {
  padding: 0 30px 0 30px;
}

/* Column Headers */
.column-headers {
  background: #488cb4 url(../images/sidebar-bg-dark-wide.png) top center repeat-y;
  position: relative;
  z-index: 5;
  box-shadow: 0 1px 10px rgba(0,0,0,0.4);
}
.column-headers.no-shadow {
  background: #488cb4;
}
.column-headers-inner {
  max-width: 1400px;
  margin: 0 auto;
}
.node-type-page .column-headers,
.node-type-webform .column-headers,
.page-user .column-headers {
  display: none;
}

/* Desktop */
@media (min-width: 1025px) {
  #main-content {
    margin-top: 117px;
  }
  #content {
    width: 67%;
    float: left;
    margin-right: 0%;
    padding-top: 30px;
  }
  #content > .region {
    padding: 0 15px 10px 15px;
  }
  #right-sidebar {
    width: 33%;
    float: left;
  }
  .column-headers {
    height: 46px;
  }
}

/* Wide Desktop */
@media (min-width: 1025px) and (max-width: 1400px) {
  .faux-columns {
    background: url(../images/sidebar-bg-dark-67.png) 67% 0 repeat-y;
  }
  .page-taxonomy .faux-columns {
    background: url(../images/sidebar-bg-light-67.png) 67% 0 repeat-y;
  }
  .column-headers {
    background: #488cb4 url(../images/sidebar-bg-dark-67.png) 67% 0 repeat-y;
  }
  .column-headers.no-shadow {
    background: #488cb4;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  #main-content {
    margin-top: 68px;
  }
  .faux-columns {
    background: url(../images/sidebar-bg-dark-50.png) 50% 0 repeat-y;
  }
  .not-front .faux-columns {
    background: url(../images/sidebar-bg-dark-67.png) 67% 0 repeat-y;
  }
  .page-taxonomy .faux-columns {
    background: url(../images/sidebar-bg-light-50.png) 50% 0 repeat-y;
  }
  .page-admin .faux-columns,
  .page-issues .faux-columns,
  .node-type-webform .faux-columns {
    background: none;
  }

  #content {
    width: 50%;
    float: left;
    padding-top: 30px;
  }
  .not-front #content {
    width: 67%;
  }
  .page-taxonomy-term #content {
    width: 50%;
  }

  #right-sidebar {
    width: 50%;
    float: left;
  }
  .not-front #right-sidebar {
    width: 33%;
  }
  .page-taxonomy-term #right-sidebar {
    width: 49%;
  }

  .column-headers {
    height: 48px;
    background: #488cb4 url(../images/sidebar-bg-dark-50.png) 50% 0 repeat-y;
  }
  .column-headers.no-shadow {
    background: #488cb4;
  }
  .not-front .column-headers {
    background: #488cb4 url(../images/sidebar-bg-dark-67.png) 67% 0 repeat-y;
  }
  .not-front .column-headers.no-shadow {
    background: #488cb4;
  }
  .page-taxonomy .column-headers {
    background: #488cb4 url(../images/sidebar-bg-dark-50.png) 50% 0 repeat-y;
  }
  .page-taxonomy .column-headers.no-shadow {
    background: #488cb4;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.html {
    background: white;
  }
  .node-type-issue {
    overflow-x: hidden;
  }

  #main-content {
    background: white;
    margin-top: 51px;
  }
  .faux-columns {
    background-image: none !important;
  }

  .not-front #content {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .node-type-issue #content {
    margin: 0;
    width: 100%;
  }

  #right-sidebar {
    background: white;
  }
  .not-front #right-sidebar {
    display: none;
  }

  .column-headers {
    background-image: none;
  }
  .column-headers > div {
    padding: 0;
  }
  .column-headers div.right {
    display: none;
  }
  .column-headers div.left {
    width: 100%;
  }
}