/*
   New Perspectives on HTML and CSS
   Tutorial 4
   Case Problem 1

   History Style Sheet
   Author: David Katelansky
   Date:   05/22/2015

   Filename:         history.css
   Supporting Files: 

*/

body
{
   padding: 0px;
   margin: 0px;
}

header
{
   display: block;
   background-color: #333333;
   width: 55em;   
   text-align: center;   
}

header img
{  
   height: 4em;  
}

nav
{
   background-color: rgb(51, 51, 51);
   display: block;
   float: left;
   width: 15em;   
}

nav li
{  
   font-style: Century Gothic, 'sans-serif';
   font-size: 0.7em;
   list-style: none;
   line-height: 1.4em;
   margin-left: 1em;
   margin-bottom: 1.2em;
}

nav li a
{  
   color: rgb(212, 212, 212);
   text-decoration: none;
}

nav li a:hover
{
   color: white;
}

#speech
{
   display: block;
   background-color: rgb(212, 212, 212);
   width: 40em;
   float: left;
   font-style: 'Palantino Linotype', 'Book Antiqua', Palatino, serif;
}

#speech h1
{
   position: relative;
   top: -1em;
   background-color: rgb(51, 51, 51);
   color: rgb(212, 212, 212);
   font-size: 2em;
   text-align: center;
}

#speech p
{
   font-size: 0.9em;
   margin: 1em;  
}

#speech > p:first-of-type:first-line
{
   text-transform: uppercase;
}

#speech > p:first-of-type:first-letter
{
   float: left;
   font-size: 4em;
   line-height: 0.8em;
   margin-right: 0.3em;
   padding-right: 0.2em;
   padding-bottom: 0.2em;
   border-style: solid;
   border-right-color: black;
   border-bottom-color: black;
   border-right-width: 0.2em;
   border-bottom-width: 0.2em;
}

#speech img
{
   clear: right;
   float: right;
   height: 4em;
}