/* CSS Document */

/*
   Project Phase 1

   season6 Style Sheet
   Author:  Angela Lipscomb 
   Date:  14 June 2013   

   Filename:         season6.css
   Supporting Files: 

*/

/* Display HTML5 structural elements as blocks */
  * {padding: 0;
    margin: 0;  }
  header, nav, section { display: block; }
  
    header {background-color: hsla(0,0,0,0.8);
          text-align: center;
          width: 60%;
          margin-left: 20%;
          Margin-right: 20%;
          margin-bottom: 5em;
          -mox-box-shadow: rgba(100,149,237,0.7) 10px 0px 15px, rgba(100,149,237,0.7) -10px -0px 15px;
    -webkit-box-shadow: rbga(100,149,237,0.7) 10px 0px 15px, rbga(100,149,237,0.7) -10px -0px 15px;
box-shadow: rgba(100,149,237,0.7) 10px 5px 30px, rgba(100,149,237,0.7) -10px -0px 15px;
          }
    
            
  header img         {height: 10em;
                      box-shadow: rgba(0,255,255,0.5) 10px 5px 30px;}

audio, video {
    background-color: white;
    display: block;
    margin: 3px auto;
    text-align: center;
    width: 40%;
    border:10px ridge #6495ED;
    }

  
a:link {color: red}
a:visited {color: green;}
a:hover {color: orange;}
a:active {color: blue;}





body {
   
   background-color: white;
   float: none;
   margin: 0px auto;
   max-width: 100%;
   min-width: 100%;
}


 

section {
        width:60%;
        margin-left: 20%;
        margin-right: 20%;
        float: left;
        font-family: 'Palatino Linotype', 'Palatino', 'sans-serif';
        box-shadow: rgba(100,149,237,0.7) 10px 5px 30px, rgba(100,149,237,0.7) -10px -0px 15px;
        }   
        
     div {
    width: 200px;
    word-wrap: break-word;
}

     
h1 {
    color: rgb(100,149,237);
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
    text-shadow: rgb(30,144,255) 10px 5px 15px;}
    
p {font-size: 1.1em;
    font-weight: bold;
    margin: 1em;
    text-align: left;
    color: rgb(65,105,225);
    margin-left: 5em;
    margin-right: 5em;} 


         
h2 {
    color: rgb(100,149,237);
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
    text-shadow: rgb(30,144,255) 10px 5px 15px;}
    
h3 {
    color: rgb(100,149,237);
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
    text-shadow: rgb(30,144,255) 10px 5px 10px;}  
    
/* Footer styles */
footer address {
background-color: rgba(100,149,237,0.6);
color: black;
color: rgba(0, 0, 0, 0.8);
font: normal small-caps bold 1em/2em 'Times New Roman', Times, serif;
text-align: center;
text-shadow: rgba(100,149,237,0.7) 10px 5px 15px;
}