/* CSS Document */

/*
   Project Phase 2

   Cast Style Sheet
   Author:  Angela Lipscomb 
   Date:  13 July 2013   

   Filename:         seasons.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;
          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;
                      box-shadow: snow 10px 5px 30px;}
  

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


  
a:link {color: blue}
a:visited {color: yellow;}
a:hover {color: floralwhite;}
a:active {color: green;}

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: rgb(220,220,220) 10px 5px 30px, rgb(220,220,220) -10px -0px 15px;
        }   
        
     div {
    width: 200px;
    word-wrap: break-word;
}
     
h1 {
    color: white;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
    text-shadow: snow 10px 5px 15px;}
    

    
    
p   {font-size: 1em;
    
    margin: 1em;
    margin-left: 2em;
    margin-right: 2em;
    text-align: left;
    color: #FFFAFA;
    }

p 
img {
   padding:5px;
   border:5px solid #021a40;
   background-color:#ff0;
   box-shadow: rgb(243,130,126) 10px 5px 30px;}
   
h2 {
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
    text-shadow: snow 10px 5px 15px;}
    
h3 {
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
    text-shadow: snow 10px 5px 15px;}  
    
/* Footer styles */
footer address {
background-color: rgba (0,0,0,0.7);
color: white;
color: rgba(255, 255, 255, 0.8);
font: normal small-caps bold 1em/2em 'Times New Roman', Times, serif;
text-align: center;
text-shadow: snow 10px 5px 15px;
}