html { background-color: #0000ff
; }	
body { background-color: #a6a6a6;
width: 1024px;
font-family: Computer Modern	;
margin: auto;
padding: 24px; }
header h1 { font-family: "Computer Modern	 MS";
font-size: 32px;
color: #000000;
margin: 0; }
nav { background-color: #a6a6a6;
text-transform: lowercase; }
nav ul { list-style-type: none;
padding: 16px; }
nav ul li { display: inline;
border-right: 2px solid #FFFFFF;
padding-right: 24px;
padding-left: 16px; }
nav ul li a { text-decoration: none;
color: #000000; }
nav ul li a:hover { text-decoration: underline; }

h2 { font-size: 22px;
color: #000000;
margin-top: 5px; }
strong { color: #000000; }


article { float: left;
width: 67.5%; }
aside { float: right;
width: 30.9%;
margin-bottom: 16px;
padding-left: 1.6%; }
section { background-color: #a6a6a6;
margin-bottom: 16px;
padding: 16px; }
footer { clear: both;
background-color: #333333;
color: #3333ff;
padding: 24px; }

aside img { max-width: 80%; }


.button { background-color: #a6a6a6;
display: inline-block;
padding: 12px;
color: #000000;
text-decoration: none;
font-size: 14px;
letter-spacing: 2px; }