/**
 * @file
 * Layout
 * ------
 *
 * 1. Header
 * 2. Navigation
 * 3. Content
 * 4. Sidebar Left
 * 5. Sideabr Right
 */
#header,
#navigation,
#page {
  margin: 0 auto;
  width: 960px;
}

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

.sidebar {
  float: left;
}

#sidebar-second {
  float: right;
}

/* 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: 150px;
}

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

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

#sidebar-second {
  width: 220px;
}

/* Layout Helpers */
#preface,
#postscript,
#page-footer {
  margin: 0 auto;
}

.breadcrumb,
.node {
  clear: both;
}

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