/* So the HTML5 structural tags work in older browsers */article, aside, figure, footer, header, nav, section {
    display: block;
}

html {
	background-color: white;
	background-image: url("https://secure.static.tumblr.com/190b155fc28b3d97a4aee2aec25f0e03/jiey49l/2Xumv72pl/tumblr_static_vintage2f.png");
}
body {
	font-family:  Century Gothic, sans-serif;
    font-size: 87.5%;
	width: 800px;
	margin: 0 auto;
	border: 5px outset grey;
	background-color: #F4F4F4;
}
a:focus, a:hover {
	font-style: italic;
}
/* the styles for the header */

header {
	border-bottom:  5px double grey;
	text-shadow: 2px 2px 3px #73A2FF;  
	background-image: url("http://www.hdwallpapersimages.com/wp-content/uploads/2013/06/Abstract-HD-White-Background.jpg");
}
header h2 {
	font-style: italic;
}

header img {
	padding: 10px;
}
.shadow {
	color: blue;
	text-shadow: 2px 2px 2px black;
}
/* the styles for the navigation bar */
nav ul {
	margin-bottom: .5em;	
}
nav a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}
nav a.current { color: blue; }
/* the styles for the section, form, aside */
section {
	clear: left;
	padding: 0 20px;
	width: 525px;
	float: right;
	border-left:  5px double grey;
}
section h1 {
	color: #000072;
	text-shadow: 2px 2px 3px grey;
	text-align: center;
}
section h2 {
	text-decoration: none;
	color: #000072;
	font-size: 120%;
}
section h3 {
	color: black;
	font-style: italic;
	font-size: 80%;

}
/*
section img {
	padding-left: 10px;
	padding-bottom: 10px;
}
/*
aside {
	float: left;
}
/* the styles for the footer */
footer {

	border-top:  5px double grey;
	clear: both;
}
footer p {
	text-align: center;
}