@import url('https://fonts.googleapis.com/css?family=Roboto|Staatliches');

body {
	background-color: #13293D;
	color: #000000;
	/*font-family: 'Roboto', sans-serif;
	font-family: 'Staatliches', cursive;*/
}
	
#wrapper {
	position:relative;
	background-color: #006494;
	color: #000000; 
	width: 720px;
	min-height: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 280px;
	bottom: 20;
	
}

#header {
	position: absolute;
	width: 700px;
	height: 100px;
	margin-left: auto;
	margin-right: auto; 
	background-color: white;
	margin-top: -240px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#article { background-color: #00A0B8;
			color: #000000;
			font-family: 'Roboto', sans-serif;
			text-decoration: none;
			padding: 2em;
			min-height: 500px;
}
#footer {
	background-color: #00A0B8;
	color: #000000;
	width: 720px;
	min-height: 100px;
	position: absolute;
	padding-top: 15px;
	margin-top: 20;
	margin-bottom: -200px;
	margin-right: auto;
	bottom: 10px;
}

h1 { font-family: 'Roboto', sans-serif;
	font-size: 300%; 
	margin-top: -70px;
	padding-left: 230px;
	color: #000000;
}
h1, h3, h5{ font-family: 'Libre Baskerville', serif;
}
h5 { 	font-size: 150%; 
}
 
#nav {  position: absolute;
		background-color: #00A0B8;           
		padding: auto;                        
		width: 720px; 
		margin-left: auto;
		margin-right: auto; 
		height: 50px;
		margin-top: -130px;		
} 
#header a { position: absolute;
			margin-top: -5px;
			margin-left: -20px;
}
#header h1 { margin-top: 25px;
			padding-left: 20px;
}
#nav li {	font-family: 'Staatliches', cursive;
			display: inline;
			padding-left: auto;
}

#nav a {	color: #000000;
			text-decoration: none;
			padding:20px 30px;
}
#nav a:hover { background-color: #0c1a27;
				color: white;
}

#article { background-color: #00A0B8;
			color: #000000;
			font-family: 'Roboto', sans-serif;
			text-decoration: none;
			padding: 2em;
}
#footer a { font-family: 'Staatliches', cursive;
			text-decoration: none;
  color: black;
}
#article a { text-decoration: none;
}
#footer a:hover { color: white;
}
#footer p { font-family: 'Roboto', sans-serif;
			padding-right: 250px;
}
a:link {
  color: #0c1a27;
}
article a:visited {
  color: #13293D;
}
article li:hover { background-color: #8FBC8F }