div#main {
	padding-left: 1px;
	padding-right: 1px;
}
div#main > div.wrapper {
	display: -webkit-box;			/* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex;			/* NEW - Chrome */
	width: 100%;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
div#main > div.wrapper > div#sidecol {
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	width: 230px;
	flex: 0 0 auto;
	-webkit-box-ordinal-group: 1;	/* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-order: 1;				/* NEW - Chrome */
	order: 1;
}
div#main > div.wrapper > div#maincol {
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	width: 100%;
	flex: 1 1 auto;
	-webkit-box-ordinal-group: 2;	/* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-order: 2;				/* NEW - Chrome */
	order: 2;
}
@media all and ( min-width: 720px ) {
	div#main {
		padding-left: 30px;
		padding-right: 30px;
	}
	div#main > div.wrapper {
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	div#main > div.wrapper > div#sidecol {
		margin-right: 30px;
	}
	div#main > div.wrapper > div#maincol {
		width: calc( 100% - 230px - ( 2 * 30px ) );
	}
}