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

container {max-width: 960px;}

article, footer {
	float: left; clear: both; width: 100%;
}
aside {display:table-cell;}

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


/* Columns */
.sixteen, container {
	width:940px;display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}

.fifteen {
	width:880px;display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}

.fourteen {
	width:820px;display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}

.thirteen {
	width:760px;display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}

.twelve {
	width:700px;display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}

.eleven {
	width:640px;display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.ten {
	width: 580px;display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.nine {
	width: 520px; display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.eight {
	width: 460px; display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.seven {
	width: 400px; display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.six {
	width: 340px; display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.five {
	width: 280px; display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.four {
	width: 220px; display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.three {
	width: 160px; display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.two {
	width: 100px; display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}
.one {
	width: 40px;  display: block; float: left; margin-left:10px; margin-right:10px;  position: relative;
}


/* Column offsets */

.off-sixteen {
	margin-left:950px;
}

.off-fifteen {
	margin-left:890px;
}

.off-fourten {
	margin-left:830px;
}

.off-thirteen {
	margin-left:770px;
}

.off-twelve {
	margin-left:710px;
}
.off-eleven {
	margin-left:650px;
}

.off-ten {
	margin-left:590px;
}
.off-nine {
	margin-left: 530px;
}
.off-eight {
	margin-left: 470px;
}
.off-seven {
	margin-left: 410px;
}
.off-six {
	margin-left: 350px;
}
.off-five {
	margin-left: 290px;
}	
.off-four {
	margin-left: 230px;
}
.off-three {
	margin-left: 170px;
}
.off-two {
	margin-left: 110px;
}
.off-one {
	margin-left: 50px;
}


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


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