/*
   New Perspectives on HTML and CSS
   Final Project
      
   United States of America/ Presidents Style Sheet
   Author: Claudia Lindsay
   Date:   10/12/2015
   Filename:         uspreseffects.css
   Supporting Files: 

*/

/* Navigation image styles */
nav#presidentsLinks {
   -moz-box-shadow: inset rgba(0, 0, 0, 0.6) -10px 0px 15px;
   -webkit-box-shadow: inset rgba(0, 0, 0, 0.6) -10px 0px 15px;
   box-shadow: inset rgba(0, 0, 0, 0.6) -10px 0px 15px;
}

nav#presidentsLinks img {
   -moz-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
   box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
   opacity: 0.6;
}

nav#presidentsLinks img:hover {
   -o-transform: rotate(-8deg);
   -moz-transform: rotate(-8deg);
   -webkit-transform: rotate(-8deg);
   -ms-transform: rotate(-8deg);
   transform: rotate(-8deg);  
   opacity: 1.0;  
}

/* Page article styles */
article {
   background: -ms-linear-gradient(left, rgb(151, 151, 151),  rgb(231, 231, 231));
   background: -o-linear-gradient(left, rgb(151, 151, 151),  rgb(231, 231, 231));
   background: -moz-linear-gradient(left, rgb(151, 151, 151),  rgb(231, 231, 231));
   background: -webkit-linear-gradient(left, rgb(151, 151, 151),  rgb(231, 231, 231));
   background: linear-gradient(left, rgb(151, 151, 151),  rgb(231, 231, 231));

}

/* Heading text style */
h1 {
  text-shadow: black 3px 1px 0px,
               rgba(30, 57, 0, 0.8) 5px 5px 10px;
}

/* Border image style */
article img {
   border-width: 10px;
   -o-border-image: url("patriotic-stars.jpg") 30 repeat;
   -moz-border-image: url("patriotic-stars.jpg") 30 repeat;
   -webkit-border-image: url("patriotic-stars.jpg") 30 repeat;
   border-image: url("patriotic-stars.jpg") 30 repeat;
}