/*
   New Perspectives on HTML and CSS
   IT-270
   Final Project

   Author: Samuel Adams
   Date:  2/2/2016 
                     


*/

/* Display HTML5 structural elements as blocks */

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


/* Set the default page element styles */

body * {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 100%;
   font-weight: inherit;
   line-height: 1.2em;
   list-style: none;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
   vertical-align: baseline;
}

body {
   margin: 10px auto;
   width: 90%;
   min-width: 820px;
   max-width: 1400px;
   min-height: 820px;
  
}


header {
   background-color: white; 
   border-bottom: 1px solid rgb(81,105,165);
   width: 99%; 
}

nav {
   background-color: rgb(107,142,35);
   float: left; 
   min-height: 890px;
   width: 15%;
}

nav ul {
   list-style-type: none; 
   padding-left: 0px;
   margin-left: 15px;
}

nav ul li {
   font-size: 0.8em;
}

nav li.linktitle {
   color: rgb(229, 247, 165); 
   font-size: 0.9em;
   margin: 20px 0px 2px;
}

nav ul li a {
   color: white;
   text-decoration: none; 
}

nav ul li a:hover {
   color: black;
}

section {
   float: left; 
   min-height: 820px;
   width: 60%; 
   padding: 0x 10px;
   background-color: white;
}

section hgroup h1 {
   font-size: 1.5em;
   font-weight: normal;
   color: rgb(0, 78, 156);
   letter-spacing: 5px;
   margin: 5px 0px 0px 5px;
   text-align: center;
}

section hgroup h2 {
   font-size: 1em;
   color: rgb(80, 158, 235);
   text-align: center;
   font-weight: normal;
   margin: 5px 0px 0px 5px;
}


section p {
   font-size: 0.9em;
   margin: 10px;
}

/* Figure and photo styles */

img#photo1 {
   position: absolute;
   display: block;
   width: 200px;
   top: 300px;
   left: 600px;
}

figure {
   position: absolute;
   width: 220px;
   height: 303px;
   margin: 0px auto;
}

figure img {
   display: block;
   width: 90%;
   margin: 0px auto;
}

figure figcaption {
   font-size: 12px;
   font-style: italic;
   line-height: 12px;
   text-align: center;
   padding: 5px 0px;
}

figure#photo2 {
   position: absolute;
   top: 300px;
   left: 305px;
}

figure#photo3 {
   position: absolute;
   top: 300px;
   left: 925px;
}

figure#photo4 {
   position: absolute;
   top: 600px;
   left: 405px;;
}

figure#photo5 {
   position: absolute;
   top: 600px;
   left: 855px;
}