/*
   New Perspectives on HTML and CSS
   Tutorial 8
   Review Assignment

   Special Effects style sheet
   Author: David Katelansky
   Date:   07/09/2015

   Filename:         dfeffects.css
   Supporting Files: paper.png

*/

#familyLinks
{
   -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;   
}

#familyLinks li 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;   
}

#familyLinks li img:hover
{
   -o-transform: rotate(-5deg);
   -moz-transform: rotate(-5deg);
   -webkit-transform: rotate(-5deg);
   -ms-transform: rotate(-5deg);
   transform: rotate(-5deg);
   opacity: 1.0;
   filter: alpha(opacity=100); /* For IE8 and earlier */
}

#artic
{   
  background: -webkit-linear-gradient(left, rgb(151,151,151) , rgb(231,231,231)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgb(151,151,151), rgb(231,231,231)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgb(151,151,151), rgb(231,231,231)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgb(151,151,151) , rgb(231,231,231)); /* Standard syntax */
}

#artic h1
{  
   text-shadow: black 1px 1px 0px, rgba(30, 57, 0, 0.8) 5px 5px 10px;
}

#artic img
{
   border-width: 10px;
   
   -o-border-image: url("http://school.community-info.org/Chapter8/review/paper.png") 70 repeat;
   -moz-border-image: url("http://school.community-info.org/Chapter8/review/paper.png") 70 repeat;
   -webkit-border-image: url("http://school.community-info.org/Chapter8/review/paper.png") 70 repeat;
   border-image: url("http://school.community-info.org/Chapter8/review/paper.png") 70 repeat;
}