/* ==========================================================================
   General layout - uses Scss, Compass and Susy v2 for responsive grid support.
   For more info on Susy: 
   http://susy.oddbird.net/
   ========================================================================== */

// Susy v2 Settings
$susy: (
  columns: 8,
  gutters: 30px/70px,
  column-width: 70px,
  global-box-sizing: border-box,
);

// Breakpoints
$computer: min-width 960px;

.container {
	padding: 0 30px;
	@include container;
}

@include susy-breakpoint($computer, 12) {
	.container {
		@include container(12);
		.main-content {
			@include span(8 of 12);
		}
		.right-sidebar {
			@include span(last 4 of 12);
		}
	}
  .full-width  {
		.main-content {
			@include span(12 of 12);
		}
	}
}

.main-inner {
	padding: $base-line-height*2 0 0 0;
}