/* CSS Document */

/*
   Project Phase 2

   Books Style Sheet
   Author:  Angela Lipscomb 
   Date:  211 October 2013   

   Filename:         music.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: 80%;
          margin-left: 10%;
          Margin-right: 10%;
          margin-bottom: 5em;
          margin-top: none;
          -mox-box-shadow: rgb(255,160,122) 10px 0px 15px, rgb(255,160,122) -10px -0px 15px;
    -webkit-box-shadow: rbg(255,160,122) 10px 0px 15px, rbg(255,160,122) -10px -0px 15px;
box-shadow: rgb(255,160,122) 10px 5px 30px, rgb(255,160,122) -10px -0px 15px;
          }
    
            
  header img         {height: 10em;
                      box-shadow: darkslategray 10px 5px 30px;}
  



  
a:link {color: orangered;}
a:visited {color: blue;}
a:hover {color: aqua;}
a:active {color: darkviolet;}

body {
   
   background-color: white;
   float: none;
   margin: 0px 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: rgb(255,160,122) 10px 5px 30px, rgb(255,160,122) -10px -0px 15px;
        }
        
section img {border-width: 10px;
-o-border-image: url("./images/borderimg.png") 50 repeat;
-moz-border-image: url("./images/borderimg.png") 50 repeat;
-webkit-border-image: url("./images/borderimg.png") 50 repeat;
border-image: url("./images/borderimg.png") 50 repeat;}   
        
     div {
    width: 200px;
    word-wrap: break-word;
}
     
h1 {
    color: chocolate;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
    text-shadow: lightsalmon 10px 5px 15px;}
    

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

   
h2 {
    color: orangered;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
    text-shadow: lightsalmon 10px 5px 15px;}
    
h3 {
    color: red;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    margin-left: 30px;
    margin-bottom: 1em;
}

mark.yellow {
    color:#ffff00;
    background: none;}
    
mark.darkred {
    color:#8B0000;
    background: none;}
    
/* Footer styles */
footer address {
background-color: rgba(255,160,122, 0.8);
color: snow;
color: rgba(255, 250, 250, 0.8);
font: normal small-caps bold 1em/2em 'Times New Roman', Times, serif;
text-align: center;
text-shadow: floralwhite 10px 5px 15px;
}