/*
   New Perspectives on HTML and CSS
   Tutorial 8
   Case Problem 1
   Special Effects style sheet
   Author: David Katelansky
   Date:   07/10/2015

   Filename:         dweffects.css
   Supporting Files: 

*/


body
{
   -moz-box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px -0px 15px;
   -webkit-box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px -0px 15px;
   box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px -0px 15px;      
}

nav.horizontal li
{
   background-color: rgb(224, 238, 238);
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   
   -moz-box-shadow: inset rgb(147, 207, 207) -5px -5px 2px, inset white 3px 3px 2px;
   -webkit-box-shadow: inset rgb(147, 207, 207) -5px -5px 2px, inset white 3px 3px 2px;
   box-shadow: inset rgb(147, 207, 207) -5px -5px 2px, inset white 3px 3px 2px;
}

article
{
   -moz-box-shadow: inset rgb(171, 171, 171) -15px -15px 75px, rgb(101, 101, 101) 5px 5px 5px;
   -webkit-box-shadow: inset rgb(171, 171, 171) -15px -15px 75px, rgb(101, 101, 101) 5px 5px 5px;
   box-shadow: inset rgb(171, 171, 171) -15px -15px 75px, rgb(101, 101, 101) 5px 5px 5px;
}

blockquote
{
  background: -webkit-linear-gradient(left, rgb(166,230,230), rgb(231,231,231) 5%, rgb(255, 255, 255) 15%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgb(166,230,230), rgb(231,231,231) 5%, rgb(255, 255, 255) 15%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgb(166,230,230), rgb(231,231,231) 5%, rgb(255, 255, 255) 15%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgb(166,230,230), rgb(231,231,231) 5%, rgb(255, 255, 255) 15%); /* Standard syntax */
  background: -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(0, startColorStr=#DEF4F4, endColorStr=#FFFFFF)";
}