/*
   New Perspectives on HTML and CSS
   Tutorial 8
   Tutorial Case

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

   Filename:         effects.css
   Supporting Files: borderimg.png

*/

#main
{
   -moz-box-shadow: inset rgba(0, 0, 0, 0.3) -5px -5px 10px;
   -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) -5px -5px 10px;
   box-shadow: inset rgba(0, 0, 0, 0.3) -5px -5px 10px;
}

/* Heading text style */

#main h1
{
   color: rgb(90, 127, 0);
   text-shadow: black 1px 1px 0px, rgba(90, 127, 0, 0.7) 5px 5px 10px;
}

/* Box shadow styles */

#main table
{
   -moz-box-shadow: black 5px 5px 5px;
   -webkit-box-shadow: black 5px 5px 5px;
   box-shadow: black 5px 5px 5px;
}

figure img
{
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   border-radius: 25px;
   
   -moz-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 10px;
   box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 10px;
}

/* Rotate Styles */

figure#photo4
{
   -o-transform: rotate(-30deg);
   -moz-transform: rotate(-30deg);
   -webkit-transform: rotate(-30deg);
   -ms-transform: rotate(-30deg);
   transform: rotate(-30deg);
   opacity: 0.7;
   filter: alpha(opacity=70); /* For IE8 and earlier */
}

figure#photo5
{
   -o-transform: rotate(30deg);
   -moz-transform: rotate(30deg);
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   transform: rotate(30deg);
   opacity: 0.7;
   filter: alpha(opacity=70); /* For IE8 and earlier */
}

#artic
{   
   background: -o-linear-gradient(black, rgb(51, 101, 51) 20%, white 80%);
   background: -ms-linear-gradient(black, rgb(51, 101, 51) 20%, white 80%);
   background: -moz-linear-gradient(black, rgb(51, 101, 51) 20%, white 80%);
   background: -webkit-linear-gradient(black, rgb(51, 101, 51) 20%, white 80%);
   background: linear-gradient(black, rgb(51, 101, 51) 20%, white 80%);
}

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