/* So the HTML5 structural tags work in older browsers */article, aside, figure, footer, header, nav, section {
    display: block; 
}
/* the styles for the elements */
* {
	margin: 2px;
	padding: 3px;
}
html {
	background-color: white;
	background-image: url("http://content.wallpapers-room.com/resolutions/1920x1200/s/Wallpapers-room_com___simple_wall_glass_by_lassekongo83_1920x1200.jpg");
}
body {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 87.5%;
	color: blue;
	background-color: #C6F8FF;
	width: 930px;
	margin: 0 auto;
}
a:focus, a:hover {
	font-style: italic;
}
/* the styles for the header */

header {
	border-bottom: 2px solid blue;
	text-shadow: 2px 2px 3px #989898 ; 
	text-align: center;
	font-size: 130%;
    height: 180px;
}
header h2 {
	font-style: italic;
	text-align: center;
}

header img {
	padding: .5em;
	height: 150px;
	width: 230px;
	margin: 0;
	float: left;
    border: none;
}
.shadow {
	color: blue;
	text-shadow: 2px 2px 2px black;
}

/* the styles for the navigation bar */
nav {
	clear: both;
}
nav ul {
	list-style: none;
	text-align: center;
	padding: 1em 0;       /* padding above and below li elements */
	background-color: #000066; }
nav li {
	display: inline; }
nav a {
	padding: 1em 1.5em;
	text-decoration: none;
	color: white;
	font-weight: bold;
}
nav a.current { color: #00CCFF; }
/* the styles for the section, form, aside */
section {
	clear: left;
}
section h1 {
	color: #000072;
	text-shadow: 2px 2px 3px grey; 

}
section h2 {
	text-decoration: none;
	color: black;
	font-size: 120%;
	font-style: italic;
}
/*
section img {
	padding-left: 10px;
	padding-bottom: 10px;
}

aside {
	float: left;
}
*/

/* the styles for the footer */
footer {
	border-top: 2px solid blue;
	clear: both;
}
footer p {
	text-align: center;
}