/* CSS Document */

/*
   Project Phase 2

   Monsters Style Sheet
   Author:  Angela Lipscomb 
   Date:  16 July 2013   

   Filename:         monsters.css
   Supporting Files:jquery.min.js,plusimageviewer1.js 

*/

/* Display HTML5 structural elements as blocks */
  * {padding: 0;
    margin: 0;  }
  header, nav, section { display: block; }
  
    header {background-color: hsla(128,128,128,1);
          text-align: center;
          width: 60%;
          margin-left: 20%;
          Margin-right: 20%;
          margin-bottom: 5em;
          margin-top: none;
          }
    
            
  header img         {height: 15em;
                      box-shadow: gold 10px 5px 30px;}
  



  
a:link {color: gold}
a:visited {color: red;}
a:hover {color: floralwhite;}
a:active {color: blue;}

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

body
img {box-shadow: rgb(112,128,144) 10px 5px 30px;} 

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: #FFFAFA;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
    margin-top: 1em;
    text-shadow: gainsboro 10px 5px 15px;}
    

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

p 
img {
   padding:5px;
   border:5px solid #C0C0C0;
   background-color:#FFFAFA;
   box-shadow: rgb(220,220,220) 10px 5px 20px;}
   
h2 {
    color: #DCDCDC;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
    text-shadow: gainsboro 10px 5px 15px;} 
    
/* Footer styles */
footer address {
background-color: rgb (220,220,220);
color: gainsboro;
color: rgba(220,220,200, 0.8);
font: normal small-caps bold 1em/1.5em 'Times New Roman', Times, serif;
text-align: center;
text-shadow: snow 10px 5px 15px;
}