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

body {max-width: 936px;}

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 */

.ten, body {
	width: 936px;
}
.nine {
	width: 840px; display: block; float: left; margin-left: 24px;
}
.eight {
	width: 744px; display: block; float: left; margin-left: 24px;
}
.seven {
	width: 648px; display: block; float: left; margin-left: 24px;
}
.six {
	width: 552px; display: block; float: left; margin-left: 24px;
}
.five {
	width: 456px; display: block; float: left; margin-left: 24px;
}
.four {
	width: 360px; display: block; float: left; margin-left: 24px;
}
.three {
	width: 264px; display: block; float: left; margin-left: 24px;
}
.two {
	width: 168px; display: block; float: left; margin-left: 24px;
}
.one {
	width: 72px;  display: block; float: left; margin-left: 24px;
}


/* Leftmost column in each row */

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


/* Column offsets */

.off-nine {
	margin-left: 864px;
}
.off-eight {
	margin-left: 768px;
}
.off-seven {
	margin-left: 672px;
}
.off-six {
	margin-left: 576px;
}
.off-five {
	margin-left: 480px;
}	
.off-four {
	margin-left: 384px;
}
.off-three {
	margin-left: 288px;
}
.off-two {
	margin-left: 192px;
}
.off-one {
	margin-left: 96px;
}


/* 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;
}


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