// Layout rules for Obtain Corn Hoop.
//
// Copyright (C) 2013 Damien Dart, <damiendart@pobox.com>.
// This file is distributed under the MIT licence. For more information,
// please refer to the accompanying "LICENCE" file.

@import "functions";
@import "mixins";
@import "variables";

.layout-content {
  margin: 0 auto;
  // TODO: Remove poor-man's responsive layout bullshit.
  @media screen and (min-width: 872px) {
    width: calculate_em(872px, $base-font-size); }
  .layout-content__content {
    // The use of "inline-block" means that there cannot be any whitespace
    // between the main and side content elements.
    display: inline-block; }
  .layout-content__content--maincontent {
    width: calculate_em(($base-layout-unit * 2) + 500px, $base-font-size); }
  .layout-content__content--sidecontent {
    margin: 0 0 0 calculate_em($base-layout-unit, $base-font-size);
    width: calculate_em(300px, $base-font-size); } }

.layout-siteheader {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }

// Layout rules for Obtain Corn Hoop.
//
// Copyright (C) 2013 Damien Dart, <damiendart@pobox.com>.
// This file is distributed under the MIT licence. For more information,
// please refer to the accompanying "LICENCE" file.

@import "functions";
@import "mixins";
@import "variables";

.layout-content {
  margin: 0 auto;
  // TODO: Remove poor-man's responsive layout bullshit.
  @media screen and (min-width: 872px) {
    width: calculate_em(872px, $base-font-size); }
  .layout-content__content {
    // The use of "inline-block" means that there cannot be any whitespace
    // between the main and side content elements.
    display: inline-block;
    vertical-align: top; }
  .layout-content__content--maincontent {
    width: calculate_em(($base-layout-unit * 2) + 500px, $base-font-size); }
  .layout-content__content--sidecontent {
    margin: 0 0 0 calculate_em($base-layout-unit, $base-font-size);
    width: calculate_em(300px, $base-font-size); } }

.layout-siteheader {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }

Fix vertical alignment of content grid columns.
Fix vertical alignment of content grid columns.
