/*
   New Perspectives on HTML and CSS
   Tutorial 10

   Author: Samuel Adams
   Date: 1/10/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;
   padding: 0px;
   text-decoration: none;
   vertical-align: baseline;
   color: rgb(255,255,255);
}


/* Body Styles */

body {
   font-family: Verdana, Geneva, sans-serif;
   font-weight: normal;
   background-image: url("confetti.jpg");
   background-repeat: repeat;
}


header {
   color: white; 
   width: 100%; 
   height: 50px; 
   padding: 2px; 
   letter-spacing: 4px; 
   word-spacing: 15px; 
   text-indent: 5px; 
   margin-top: 5px;
   margin-bottom: 5px;
   font-weight: bold; 
}


header h1 {
   position: relative;
   display: block;
   width: 450px;
   color: white;
   margin-top: 20px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
}

header nav ul li {
   display: block;
   float: left; 
   width: 23%;
   margin: auto 5px;
   text-align: center;
}

header nav ul li a {
   display: block;
   border: 1px solid black;
   width: 100%;
   background-color: rgb(107,142,35);
   color: black;
}

header nav ul li a:hover {
   color: red;
}

section {
   clear: left;
}

section #dateBox {
   width: 900px; 
   height: 150px; 
   margin-top: 250px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
   font-weight: normal;
   border: 1px solid red; 
   background-color: rgb(107,142,35); 
   color: black;
   font-size: 20px; 
   text-align: center; 
   letter-spacing: 1px; 
   word-spacing: 1px;
}

section #Button1 {
   position: relative;
   clear: left;
   display: block;
   width: 525px;
   margin-top: 20px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
}