@import '../../stylesheets/reset.css';
@import '../../stylesheets/demo.css';
@import '../../stylesheets/scss/grid.scss';


//////////
// GRID //
//////////

// Specify the number of columns and set column and gutter widths
$columns: 12;
$column-width: 60;
$gutter-width: 20;

// Uncomment the definition below for a percentage-based layout
// $total-width: 100%;


////////////
// LAYOUT //
////////////

// center the contents
div.center {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

// header
header#top {
	@include column(12);
	margin-bottom: 1em;
}

// push
#push {
	@include column(8);
	@include push(4);
	margin-bottom: 1em;
}

// pull
#pull {
	@include column(8);
	@include pull(4);
	margin-bottom: 1em;
}