/* 
	Less Framework 1.0 	http://lessframework.com 
	by Joni Korpi 		http://www.jonikorpi.com	
	============================================	*/

body {max-width: inherit;}

header, article, aside, footer {
	float: left; clear: both; width: 100%;
}

article header, article footer, aside header, aside footer {
	float: none; clear: none; width: auto;
}


/* Columns */

.eight, body {
	width: 936px;
}
.seven {
	width: 816px; display: block; float: left; margin-left: 24px;
}
.six {
	width: 696px; display: block; float: left; margin-left: 24px;
}
.five {
	width: 576px; display: block; float: left; margin-left: 24px;
}
.four {
	width: 456px; display: block; float: left; margin-left: 24px;
}
.three {
	width: 336px; display: block; float: left; margin-left: 24px;
}
.two {
	width: 216px; display: block; float: left; margin-left: 24px;
}
.one {
	width: 96px;  display: block; float: left; margin-left: 24px;
}


/* Leftmost column in each row */

.first {
	margin-left: 0;	clear: left;
}


/* Column offsets */

.off-seven {
	margin-left: 840px;
}
.off-six {
	margin-left: 720px;
}
.off-five {
	margin-left: 600px;
}	
.off-four {
	margin-left: 480px;
}
.off-three {
	margin-left: 360px;
}
.off-two {
	margin-left: 240px;
}
.off-one {
	margin-left: 120px;
}


/* Pins element to the left or right corner */

.pin-left  {
	position: absolute; top: 0; margin-left: 0; left: 0;
}
.pin-right {
	position: absolute; top: 0; margin-left: 0; right: 0;
}


/* Combine with a column class */

.hang {
	float: right;
}


/*	============================================	*/