/* reset selector */
* {
	margin: 0;
	padding: 0;
}

/* the styles for the html element */
html {
	background: white;
}

/* the styles for the body */
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    width: 40%;
    margin: 1em auto;
	border: 3px solid brown;
	background: #d3d3d3;
}

/* the styles for the header */
header {
	border-bottom: 3px solid #931420;
	padding: .5em 0 .5em 35%;
	background: linear-gradient(
		20deg, #8b4513 0%, #8b4513 40%, white 50%, #8b4513 60%, #8b4513 100% );
}

/* the styles for the main */
main a:hover, main a:focus {
	font-style: italic;
	color: #8b4513;
}

/* the styles for the aside */
aside {
	float: right;
	width: 70%;
}
aside img {
	float: right;
	padding: 3% 3% 3% 3%;
	min-width: 5%;
	max-width: 45%;
}
aside p {
	padding: 3% 0 0 0;
}

/* tha style for the nav */
nav {
    padding: 1em .5em 1em .5em;
    float: left;
	border-right: .25em solid #931420;
	border-bottom: .25em solid #931420;
}

/* the styles for the footer */
footer {
	clear: both;
}
footer p {
	text-align: center;
	padding: 1em 0;
	background: #8b4513;
	color: white;
}