@import '/stylesheets/reset.css';
@import '/stylesheets/main.css';
@import '/stylesheets/less/grid.less';


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

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

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

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

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

// main columns
#twitter {
	.column(2);
}
#blog {
	.column(2);
}
#skyscheduler {
	.column(2);
}
#foursquare {
	.column(2);
}
#flickr {
	.column(2);
}
#lastfm {
	.column(2);
}

#bottom_fade {
	.column(12);
}