.alignleft {
	float: left;
}

img.alignleft {
	margin-right: $gutter * 1px;
}

.alignright {
	float: right;
}

img.alignright {
	margin-left	: $gutter * 1px;
}

.aligncenter {
	display: block;
	margin: {
		left: auto;
		right: auto;
	}
}

.clearfix {
	&:before,
	&:after{
		content: '';
		display: table;
		line-height: 0;
	}
	&:after{
		clear: both;
	}
}