@charset "UTF-8";
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-=-=-= THESE STYLES DESIGNED AND BUILT WITH LOVING CARE -=-=-=
=-=-=-=- ENTIRELY BY HAND JUST FOR YOU BY IAN BESLER -=-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=
-=-=-= CSS RESET =-=-=-
=-=-=-=-=-=-=-=-=-=- */

* {
	margin: 0;
	padding: 0;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-= HTML5 SEMANTIC TAGS =-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

	body {
		background-color: #fff;
	}

	main#canvas {
		margin: 4.9vw auto 0 auto;
		width: 52.1vw;
		height: 41.15vw;
		background-color: pink;
	}

		section {
			height: 100%;
			float: left;
		}

			section#column-one {
				width: 9%;
			}

			section#column-two {
				width: 7.3%;
			}

			section#column-three {
				width: 4.2%;
			}

			section#column-four {
				width: 4.8%;
			}

			section#column-five {
				width: 5.3%;
			}

			section#column-six {
				width: 9.2%;
			}

			section#column-seven {
				width: 4.3%;
			}

			section#column-eight {
				width: 4.8%;
			}

			section#column-nine {
				width: 1.3%;
			}

			section#column-ten {
				width: 4.9%;
			}

			section#column-eleven {
				width: 4.3%;
			}

			section#column-twelve {
				width: 9.2%;
			}

			section#column-thirteen {
				width: 5.3%;
			}

			section#column-fourteen {
				width: 4.8%;
			}

			section#column-fifteen {
				width: 4.2%;
			}

			section#column-sixteen {
				width: 7.5%;
			}

			section#column-seventeen {
				width: 9.6%;
			}

		aside {
			font-size: 0.8em;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			padding-top: 0.2em;
		}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-= COLOR CLASSES =-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.fanny-goldenrod {
	background-color: #ffe7ae;
}

	.fanny-goldenrod:hover {
		background-color: #413644;
	}

.fanny-indigo {
	background-color: #413644;
}

	.fanny-indigo:hover {
		background-color: #ffe7ae;
	}

.fanny-olive {
	background-color: #5e584c;
}

	.fanny-olive:hover {
		background-color: #8e6e54;
	}

.fanny-khaki {
	background-color: #c3b392;
}

	.fanny-khaki:hover {
		background-color: #5e584c;
	}

.fanny-brown {
	background-color: #8e6e54;
}

	.fanny-brown:hover {
		background-color: #c3b392;
	}