/* Layout
 * ------
 * Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
 *
 * 1. Header
 * 2. Content
 * 3. Navigation menus
 * 4. Sidebar Left
 * 5. Sideabr Right */
/* remove 'auto' and the width to switch to a fluid width */

body {
  background: #000 url("../images/headerBg.jpg") no-repeat 47% 0;
}
body.admin-menu {
  background: #000 url("../images/headerBg.jpg") no-repeat 47% 21px;
}

#page { }
#page-inner { }
.wrap { margin: 0 auto; width: 990px; text-align: center; }
.text-reset { text-align: left; margin: 0 10px; }


#home-slideshow {
  width: 962px;
  height: 231px;
}
.front #home-slideshow {
  height: 488px;
}

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0;
}

.sidebar {
  float: left;
}

#sidebar-second {
  float: right;
}

#footer {
  float: none;
  clear: both;
}

/* Layout Helpers */
#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

.breadcrumb {
  width:540px;
}

/* Sidebars width
 * --------------
 * Changing the width of the sidebars is dead easy, just change the
 * values below corresponding to the sidebar you want to modify.
 * Make sure you keep negative values as negative values.
 * For example, if I want to increase the width of the left sidebar
 * to 300px, I would have to change each '190' to '300'. */
.two-sidebars .center,
.sidebar-first .center {
  margin-left: 194px;
}

#sidebar-first {
  width: 214px;
  margin-right: -194px;
}

.two-sidebars .center,
.sidebar-second .center {
  margin-right: 270px;
}

#sidebar-second {
  width: 255px;
}


/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
.inner {
  padding: 0;
}

/* Front
 * -------------
 * 
 */
.front h1.title,
.front #content-header .tabs {
  display: none;
}

/* Menus */
#menu-1708-2, #menu-1718-2, #menu-1723-2, #menu-1727-1, #menu-1922-1 { display: none; }
#superfish-1 { margin-left: 12px; }
#superfish-2 { margin-left: 10px; }
#block-menu_block-4 { display: none; }

#edit-field-date-value-1-wrapper {
  position: relative;
  top: -22px;
}

/*** Responsive Media Queries ***/
@media screen and (max-width: 990px) {
  body {
    background: #000 url("../images/headerBg.jpg") no-repeat 17% 0;
  }
  body.admin-menu {
    background: #000 url("../images/headerBg.jpg") no-repeat 17% 21px;
  }
  .wrap {
    width: 758px;
  } 
  #home-slideshow {
    width: 726px;
    height: 150px;
  }
  .front #home-slideshow {
    height: 325px;
  }

  /* Menus */
  #menu-1697-1, #menu-1702-1, #menu-1668-2, #menu-1666-2 { display: none; }
  #menu-1718-2, #menu-1723-2 { display: block; }
  #superfish-1 { margin-left: 2px; }
  #superfish-2 { margin-left: 35px; }
  #edit-field-date-value-1-wrapper {
    position: static;
  }
}

@media screen and (max-width: 758px) {
  body {
    background: #000 url("../images/headerBg.jpg") no-repeat 5% 0;
  }
  body.admin-menu {
    background: #000 url("../images/headerBg.jpg") no-repeat 5% 21px;
  }
  .wrap { width: 524px; }
  #home-slideshow {
    width: 495px;
    height: 150px;
  }
  .front #home-slideshow {
    height: 230px;
  }
  #block-search-form { display: none; }
  #menu-1697-1, #menu-1702-1, #menu-1671-1, #menu-1667-2, #menu-1668-2 { display: none; }
  #menu-1718-2, #menu-1723-2, #menu-1708-2, #menu-1665-2, #menu-1666-2 { display: block; }
  #superfish-1 { margin-left: 2px; }
  #superfish-2 { margin-left: 14px; }
  .main-menus ul li a span {
    padding: 10px 13px;
  }
  #content-wrap {
    background: url("../images/contentBg.jpg") repeat-y top right !important;
  }
  #content-wrap-top {
    background: url("../images/contentTopBg.jpg") no-repeat top right !important;
  }
  #content {
    margin-right: 0;
  }
  #content-inner {
    margin-left: 0;
  }
  #content-wrap-bottom {
    background: url("../images/contentBottomBg.jpg") no-repeat top right !important;
  }
  #sidebar-first {
    width: 100%;
    margin: 0;
  }
  #sidebar-first .block {
    background: url('/sites/all/themes/bwm/images/judgeBlockBorder.jpg') bottom center no-repeat !important;
    width: 218px;
    float: left;
  }
}

@media screen and (max-width: 524px) {
  body {
    background-image: none !important;
  }
  .wrap { width: 318px; }
  #home-slideshow {
    display: none;
  }
  .front #home-slideshow {
    height: 125px;
    width: 290px;
    display: block;
  }
  #sidebar-first .block {
    width: 260px;
  }
  #logo img {
    width: 100%;
  }
  #top-right { display: none; }
  #content-inner {
    padding: 0 20px 25px 20px !important;
  }
  #block-menu_block-4 { display: block; }
  #block-menu_block-4 .menu-block-wrapper {
    background: #FEF1E1;
    margin: 0;
    display: none;
    font-size: 1.7em;
    padding-bottom: 5px;
  }
  #block-menu_block-4 .menu-block-wrapper ul {
    margin-left: 15px;
  }
  #block-menu_block-4 .toggleMenu {
    color: #FFF;
    font-size: 1.8em;
    padding: 10px;
    display: block;
    background: #000;
    text-decoration: none;
    border-top: 1px solid #8D8D8D;
  }
  #superfish-1 { display: none; }
  #secondary-navigation { display: none; }
  .view-opinions-orders th.views-field-field-report-type,
  .view-opinions-orders td.views-field-field-report-type {
    display: none;
  }
}