body{
	background-image: url("https://s-media-cache-ak0.pinimg.com/originals/54/03/06/5403065beee365f68d9cc0c4f11b39b4.jpg");
}

p{
	font: 20px segoi ui, arial, sans-serif;
	color: oldlace;
}

li{
	font: 20px segoi ui, arial, sans-serif;
	color: oldlace;
}

#nav{
	padding: .5%;
}

small{
	font-family: segoi ui, arial, sans-serif;
	color: white;
}
h1{
	font-family: segoi ui, arial, sans-serif;
	color: #003366;
}

h2{
	font-family: segoi ui, arial, sans-serif;
	color: #003366;
}

#quote{
	color: #560319;
	font-style: italic;
}

table{
	background-color: darkslategray
}

th{
	color: oldlace;
}

tbody{
	background-color: oldlace;
}

article{
	background-color: rgba(50, 150, 50, .2);
	padding: 2%;
	margin: 2%;
	width: 70%;
}

footer{
	background-color: rgba(50, 150, 50, .2);
}

#photo{
	background-color: rgba(50, 150, 50, .2);
	padding: 2%;
	width: 20%; <!-- will also shrink the image inside the figure -->
}

figure>img{
	width: 100%;
}

small{
	color: oldlace;
	font-style: italic;
}

h3{
	color: #FAF0BE;
	font-size: 22px;
}