.mixin-clear () {
	&:after {
		content: "";
		display: table;
		clear: both;
	}
}

.mixin-layout (@block, @width-1, @width-2) {
	& {
		width: @width-1;

		& + .@{block}__aside {
			width: @width-2;
		}
	}
}

.mixin-party-letters (@block) {

	.@{block} {

		&__party-letter {
			display: inline-block;
			background-color: #b32722;
			color: #FFF;
			font: 12px/1 "gibsonSemiBold";
			padding: 0.16666666667em 0;
			width: 1.33333333333em;
			height: 1.33333333333em;
			vertical-align: top;
			text-align: center;
			text-transform: uppercase;

			&--medium {
				font-size: 18px;
			}
			
			&--large {
				font-size: 24px;
			}
		}

		&__party-letter--a {
			background-color: @parti-a;
			color: #FFF;
		}

		&__party-letter--b {
			background-color: @parti-b;
			color: #FFF;
		}

		&__party-letter--c {
			background-color: @parti-c;
			color: #FFF;
		}

		&__party-letter--f {
			background-color: @parti-f;
			color: #FFF;
		}

		&__party-letter--el {
			background-color: @parti-el;
			color: #FFF;
		}

		&__party-letter--i {
			background-color: @parti-i;
			color: #FFF;
		}

		&__party-letter--k {
			background-color: @parti-k;
			color: #FFF;
		}

		&__party-letter--o {
			background-color: @parti-o;
			color: #FFF;
		}

		&__party-letter--v {
			background-color: @parti-v;
			color: #FFF;
		}

		&__party-letter--oe {
			background-color: @parti-oe;
			color: #FFF;
		}

		&__party-letter--aa {
			background-color: @parti-aa;
			color: #FFF;
		}
	}
	
}