/*

	
	
	 Author: Leogie Barrios
  


	first.css



*/







article, aside, figure, figcaption, footer, hgroup, header, 
section, nav {
   display: block;
}

body {
  background-image: url(back.jpg);
  float: center;
  margin: 0;
  padding: 0;
  line-height: 2.5em;
  width: 90%;
  margin: auto;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 20px;
  color: #FFF; 
  border: 15px solid #000;
  
}

h1 {

   color: red;
   font-size: 75px;
 margin-top: 57px;
  margin-left: 350px;  
}

p {
  text-align: center;
  color: #FFF;
  
}

nav p {
  text-align: right;
  color: #FFF;
  background: #000;
}

section#iframe {
margin-top: 700px;
margin-right: 45px;

}



nav {
  background: #000;
  height: 2.5em;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 2.5em;
}

nav ul li {
  color: #FFF;
  background: #000;
  float: left;
  padding: 0;
  margin: 0;
  height: 2.5em;
}

nav ul li a {
  text-decoration: none;
  padding: 0 5px 0 5px;
  margin: 0;
  display: block;
  height: 2.5em;
}

nav ul li a:hover {
   background: #333;
}


/* footer styles */

footer {
   clear: both;
   padding-top: 20px;
}

footer address {
   border-top: 10px solid gray;
   background-color: transparent;
   font-size: 15px;
   color: rgb(117, 117, 163);
   font-style: normal; 
   font-variant: small-caps; 
   text-align: center;
}