/*
   New Perspectives on HTML, CSS, and JavaScript
   Final Project: Typeography

   Media Arts and Animation

   Author: Josh Robertson     
   Date:   August 26, 2015     
   Filename:  TypeStyle.css, Type5.jpg

*/


/* Body Style */

body {
   background: black;
}

/* Header Styles */

h1 {
   display: block;
   font-family: Times;
   color: white;
   font-size: 35px;
   height: 100px;
   width: 1650px;
   background: url(Type5.jpg);
   background-position: 50% 50%;
   background-size: 900px 400px;
   background-repeat: no-repeat;
}

/* Navigation Styles */

nav.horizontal {
   margin-top: -30px;
   padding-left: 17%;
   padding-top: 0%;
}

nav.horizontal ul {
   height: 22px;
   background-color: rgb(255, 255, 255);
   border-radius: 40px 40px 40px 40px;
   width: 75%;
}

nav.horizontal ul li {
   padding: 0px;
   float: left; 
   width: 11.6%; 
   line-height: 22px;
   height: 20px; 
}

nav.horizontal ul li a {
   display: block; 
   text-align: center;
   width: 73%; 
   font-size: 10px; 
   font-family: Century Gothic;
   text-decoration: none; 
   color: black;
}

nav.horizontal ul li:hover {
   background-color: rgba(0, 0, 0, 0.6);

}

/* Figure Styles */

figure1 {
   display: block;
   float: right;
   padding-left: 3%;
}

/* Article Styles*/

article {
   display: block;
   background: white;
   border-radius: 40px 40px 40px 40px;
   width: 65%;
   height: 750px;
   padding-left: 5%;
   padding-top: 2%;
}

h2 {
   color: back;
}

p {
   color: black;
   font-size: 19px;
}