/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */

* {
  margin: 0;
  padding: 0;
}

#page {
  width: 100%;
  margin: 0 auto;
}

#main {
  height: 100%;
  margin: 0 auto;
}

#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}
#main-wrapper{
    background: #444c58;
}
#content {
  width: 100%;
  height: auto;
}

body.page-user #content {
  width: 100%;
  height: auto;
}
body.sidebar-first #content {
  width: 76.38888888888889%;
  left: 340px; /* LTR */
}
body.sidebar-second #content {
  width: 79.16666666666667%;
  height: 100%;
}
body.two-sidebars #content {
  width: 55.55555555555556%;
  left: 340px;
}

#sidebar-first {
  width: 20.83333333333333%;
  left: 1100px; /* LTR */
  min-height: 625px;
}

body.two-sidebars #sidebar-first {
  left: -800px; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20.83333333333333%;
  min-height: 625px;
  height: 100%;
  position: fixed;
  right: 0;
  bottom: 0;
  top:68px;
  z-index: 10;
}

.section {
  /*margin: 10px;*/
}