/* CSS Document */

/*
   Project Phase 1

   Characters Style Sheet
   Author:  Angela Lipscomb 
   Date:  17 June 2013   

   Filename:         char.css
   Supporting Files: 

*/

/* 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: 80%;
          margin-left: 10%;
          Margin-right: 10%;
          margin-bottom: 7em;
          -mox-box-shadow: rgba(173,255,4,0.7) 10px 0px 15px, rgba(173,255,4,0.7) -10px -0px 15px;
    -webkit-box-shadow: rbga(173,255,4,0.7) 10px 0px 15px, rbga(173,255,4,0.7) -10px -0px 15px;
box-shadow: rgba(173,255,4,0.7) 10px 5px 30px, rgba(173,255,4,0.7) -10px -0px 15px;
          }  
              
  header img         {height: 10em;
                      box-shadow: papayawhip 10px 5px 30px;}
  




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

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

section {
        width:80%;
        margin-left: 10%;
        margin-right: 10%;
        float: left;
        font-family: 'Palatino Linotype', 'Palatino', 'sans-serif';
        box-shadow: rgba(173,255,4,0.7) 10px 0px 30px, rgba(173,255,4,0.7) -10px 0px 30px;
        }   
        
     div {
    width: 200px;
    word-wrap: break-word;
}
     
h1 {
    color: rgb(139,0,0);
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    text-shadow: yellow 10px 5px 15px;}
    

    
    
p   {font-size: 1em;
    font-weight: bold;
    margin: 1em;
    margin-left: 2em;
    margin-right: 2em;
    text-align: left;
    color: rgb(139,0,0);
    }

p 
img {
   margin-right: 2em;
   padding:5px;
   border:5px solid #ADFF2F;
   background-color:#FFFAF0;
   box-shadow: rgb(102,0,0) -10px 5px 30px;}
   
h2 {
    color: rgb(139,0,0);
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    text-shadow: palegreen 10px 5px 15px;}
    
section#right {
     margin-top: 20px;
     margin-bottom: 15px;}
    
section#right h1 {
   font-size: 20px;
   margin-left: 10%;
   margin-bottom: 15px;
}

   
section#right form {
    font: normal small-caps bold 1em/2em 'Times New Roman', Times, serif;
    text-align: center;} 
    
/* Footer styles */
footer address {
background-color: rgba(173,255,4,0.7);
color: darkred;
color: rgba(139,0,0,0.8);
font: normal small-caps bold 1em/2em 'Times New Roman', Times, serif;
text-align: center;
text-shadow: gold 10px 5px 15px;
}