@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One');

 
body {font-family: arial;
	
	background-image: url(sky.jpg);
		background-size: cover;   /*stretches the image to cover 
		the whole browser page*/
}

h1 {
	color: sienna;
font-family: 'Alfa Slab One', cursive;
text-shadow: -5px -5px 5px #666;letter-spacing: 10px;
}

h1 {text-align: center;
  font-family: 'Abril Fatface', monospace;
}

h2 {font-family: time new roman; 
	margin-left: 10px;
}

.copy {margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}

#wrapper {  width: 1240px;	
    margin-right: auto; 
    margin-left: auto;  
    border: 1px dotted; 
    background-color: peachpuff; 
}

header {  height: 200px; 
	border: 6px inset;  
	background-color: #f6cee3; 
} 

.menu{

	text-align: center;
	margin-top: 50px;
}

p {margin: 0px 20px 0px 30px;
	font-size: 1.0em;
	line-height: 1.2em;
}

.nav1 { width: 200px;   
	height: 600px;   
	float: left;   
	margin: 20px 14px 0px 10px;
	text-align: center;  
	border: 4px inset;   
	background-color: #98FB98;
}

.nav2 { width: 200px;   
	height: 600px;   
	float: left;   
	margin: 20px 14px 0px 10px;
	text-align: center;  
	border: 4px inset;   
	background-color: #00CED1;
}


article {  width: 720px;  
	float: left; 
	margin: 20px 0px 20px 0px;  
	border: 5px double;  
	background-color: #FFFFFF;  
} 

.aside1 {  width: 250px;   
	height: 600px;   
	float: right;  
	margin: 20px 8px 0px 0px;  
	border: 4px inset;   
	background-color: #00CED1; 
}

.aside2 {  width: 250px;   
	height: 600px;   
	float: right;  
	margin: 20px 8px 0px 0px;  
	border: 4px inset;   
	background-color: #98FB98; 
}

footer {  width: 1200px;  
	height: 75px;
	clear: both; 
	border: outset 4px;  
	margin-left: 10px;  
	margin-right: 20px;   
	margin-bottom: 10px;  
	background-color: #f6cee3;  
}
form{

	margin-left: 30px;
}

fieldset {

	width: 540px;

	background-color: #ddeeff;

	border: solid medium #053972; 

}

legend {

	border: solid 1px #053972;

	background-color: #fff;

	padding: 2px;

}



iframe {
	float:left;
	margin: 20px;
}

video {
	float: right;
	margin: 20px;
}

audio {
	margin-left: 200px;
	}

	img.thumbnail{
	border: 1px solid #ddd; /* Gray border */
    	border-radius: 8px;  /* Rounded border */
    	padding: 5px; /* Some padding */
    	width: 200px; /* Small size for thumbnail*/
    	margin: 20px;
}

img[class="thumbnail"] :hover {
	box-shadow: 0 0 2px 1px khaki;
}
/*
@import url('https://fonts.googleapis.com/css?family=Lora|Noto+Sans|Open+Sans+Condensed:300')

<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet"> */