/* CSS Document */

/*
   Project Phase 1

   Index Style Sheet
   Author:  Angela Lipscomb 
   Date:  16 June 2013   

   Filename:         spn.css
   Supporting Files: 

*/

/* Display HTML5 structural elements as blocks */
  * {padding: 0;
    margin: 0;
    }
    
body {
   
   background-color: white;
   float: none;
   margin: 0px auto;
   width: 90%;
   max-width: 90%;
   min-width: 90%;
  
}
  header, section, nav { display: block; }
  
    header {background-color: hsla(0,0,0,1);
          text-align: center;
          width: 100%;
          margin-bottom: 2em;
          margin-top: none;
          -mox-box-shadow: rgba(220,220,220,0.5) 10px 0px 15px, rgba(220,220,220,0.5) -10px -0px 15px;
    -webkit-box-shadow: rbga(220,220,220,0.5) 10px 0px 15px, rbga(220,220,220,0.5) -10px -0px 15px;
box-shadow: rgba(220,220,220,0.5) 10px 5px 30px, rgba(220,220,220,0.5) -10px -0px 15px;
          }
    
            
  header img         {height: 10em;}


nav {float: left;
     width: 15%;
     margin-bottom: 1em;
     margin-top: 0px;
     margin-left: 5px;
     margin-right: 10px;
     
     border: 5px solid rgb(132, 223, 218);

   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   border-radius: 25px;}

   
nav ul li:hover {
background-color: rgb(83, 142, 213);
}
  
nav ul li:first-of-type {
text-transform: uppercase;
}
     
nav li {
     list-style-type: none;
     line-height: 2em;
     margin-bottom: 1em;}

   
     
nav a {font-family: 'Palatino Linotype', 'Geneva','sans-serif';
       text-decoration: none;
       color: rgb(255,204,153);
       font-size: 1.25em;
       font-weight: bold;
       margin-left: 2em;} 

  
a:link {color: deepskyblue}
a:visited {color: mistyrose;}
a:hover {color: red;}
a:active {color yellow;}



section#intro {
        width:65%;
        margin-left: auto;
        margin-right: auto;
        float: left;
        font-family: 'Palatino Linotype', 'Palatino', 'sans-serif';
        text-align: center;
        color: rgb(255,250,240);
        
        }

section img {
            -mox-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            border:5px solid rgb(255,250,240);
            box-shadow: rgb(220,220,220) 10px 5px 30px;}     

h3 {color: rgb(255,255,0);
    font-size: 2em;
    text-align: center;
    margin-bottom: 1.5em;}
    
h1 {color: rgb(255,255,0);
    font-size: 2em;
    text-align: center;
    margin-bottom: 1em;}
     

    
p {font-size: 1.1em;
    margin: 1em;
    } 
p:first-of-type:first-letter {
float: left;
font-size: 3em;
line-height: 0.8em;
margin-right: 0.3em;
padding-right: 0.2em;
padding-bottom: 0.2em;
border-right: 0.1em double floralwhite;
border-bottom: 0.1em double floralwhite;
}

h2 {
    color: rgb (255,250,240);
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5em;
    text-shadow: gainsboro 10px 5px 15px;} 
    
/* Footer styles */
footer address {
background-color: rgba(220,220,220, 0.7);
color: gainsboro;
margin-bottom: 0px;
color: rgba(255,250,240, 0.8);
font: normal small-caps bold 1em/1.5em 'Times New Roman', Times, serif;
text-align: center;
text-shadow: gainsboro 10px 5px 15px;
}