/**
 * @file
 * CSS for the three-three-four layout.
 */
.layout-test-layout #header div.section,
.layout-test-layout #main,
.layout-test-layout #footer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.layout-test-layout #content .section,
.layout-test-layout .sidebar .section {
  padding: 0 15px;
}

@media all and (min-width: 851px) {
  .layout-test-layout #content,
  .layout-test-layout #sidebar {
    display: inline;
    float: left; /* LTR */
    position: relative;
  }
  [dir="rtl"] .layout-test-layout #content,
  [dir="rtl"] .layout-test-layout #sidebar {
    float: right;
  }
  .layout-test-layout #content {
    margin-right: 30%;
    width: 70%;
  }
  [dir="rtl"] .layout-test-layout #content {
    margin-left: 30%;
    margin-right: 0;
  }
  .layout-test-layout #sidebar {
    width: 30%;
    margin-left: -30%; /* LTR */
  }
  [dir="rtl"] .layout-test-layout #sidebar {
    margin-right: -30%;
  }
}
