/*
	32 colums
	.column width: 30 px;

*/
.gutter{
	margin-right: 1.875em;
}
.gutter-line{
	padding-right: 1.875em;
	margin-right: 1.875em;
	border-right: 2px solid #000000;
	margin-left:-2px;
}
.gutter-h{
	margin-bottom: 1.875em;
}
.gutter-ht{
	margin-top: 1.875em;
}
.column1{
	width: 1.875em;
	float: left;
}
.column2{
	width: 3.75em;
	float: left;
}
.column3{
	width: 5.625em;
	float: left;
}
.column4{
	width: 7.5em;
	float: left;
}
.column5{
	width: 9.375em
	float: left;
}
.column6{
	width: 11.25em;
	float: left;
}
.column7{
	width: 13.125em;
	float: left;
}
.column8{
	width: 15em;
	float: left;
}
.column9{
	width: 16.875em;
	float: left;
}
.column10{
	width: 18.75em;
	float: left;
}
.column11{
	width: 20.625em;
	float: left;
}
.column12{
	width: 22.5em;
	float: left;
}
.column13{
	width: 24.375em;
	float: left;
}
.column14{
	width: 26.25em;
	float: left;
}
.column15{
	width: 28.125em;
	float: left;
}
.column16{
	width: 30em;
	float: left;
}
.column17{
	width: 31.875em;
	float: left;
}
.column18{
	width: 33.75em;
	float: left;
}
.column19{
	width: 35.625em;
	float: left;
}
.column20{
	width: 37.5em;
	float: left;
}
.column21{
	width: 39.375em;
	float: left;
}
.column22{
	width: 41.25em;
	float: left;
}
.column23{
	width: 43.125em;
	float: left;
}
.column24{
	width: 45em;
	float: left;
}
.column25{
	width: 46.875em;
	float: left;
}
.column26{
	width: 48.75em;
	float: left;
}
.column27{
	width: 50.625em;
	float: left;
}
.column28{
	width: 52.5em;
	float: left;
}
.column29{
	width: 54.375em;
	float: left;
}
.column30{
	width: 56.25em;
	float: left;
}
.column31{
	width: 58.125em;
	float: left;
}
.column32{
	width: 60em;
	float: left;
}
.column32-nofloat{
	width: 60em;
}
/*
	An easy way to zoom your entire layout in or out (as long as it's set in ems).
	Just change the media queries to activate them.
	Assuming your base font-size is 16:
	- the first one zooms out by a factor of (16-2)/16 = 0.875
	- the second one zooms in by a factor of (16+2)/16 = 1.125  
*/

@media screen and (max-width: 990px) {
body {
	font-size: 12px;
}
ol, ul, p{
	font-size: 100%;
}
}

@media screen and (max-width: 740px) {
body {
	font-size: 10px;
}
ol, ul, p{
	font-size: 100%;
}
}

@media screen and (max-width: 620px) {
	body {
		font-size: 14px;
		padding-left:5%;
		padding-right:5%;
	}
	ol, ul, p{
		font-size: 100%;
	}
	.column1,.column2,.column3,.column4,.column5,.column6,.column7,.column8,.column9,.column10,.column11,.column12,.column13,.column14,.column15,.column16,.column17,.column18,.column19,.column20,.column21,.column22,.column23,.column24,.column25,.column26,.column27,.column28,.column29,.column30,.column31,.column32,.gutter,.gutter-h,.column32-nofloat{
		width:100%;
	}
	.gutter-line{
		display:none;
	}
	.social{
		position:relative;
		clear:both;
		float:left;
	}
	#collectionlargeimg{
		display:none;
	}
}