/* Effects Style Sheet

   Author: Brittani Vogt     
   Date:  02/13/13

   Filename:         ceffects.css
   Supporting Files: back.png, corner.png

*/
header{
background-color:white;
background-image:url('back.png');
background-position: top right; 
background-repeat:no-repeat;
-webkit-background-size: contain;
-o-background-size: contain;
-moz-background-size: contain;
background-size: contain;
}

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


.vertical ul	{
background-image: -o-linear-gradient(right top , rgba(170,89,27, 0.7), rgba(16,76,61, 0.4) 50%, rgba(255,255,255, 0.4) 85%, );
background-image: -moz-linear-gradient(right top , rgba(170,89,27, 0.7), rgba(16,76,61, 0.4) 50%, rgba(255,255,255, 0.4) 85%);
background-image: -webkit-linear-gradient(right top , rgba(170,89,27, 0.7), rgba(16,76,61, 0.4) 50%, rgba(255,255,255, 0.4) 85%);
background-image: -ms-linear-gradient(right top , rgba(170,89,27, 0.7), rgba(16,76,61, 0.4) 50%, rgba(255,255,255, 0.4) 85%);
background-image: linear-gradient(right top , rgba(170,89,27, 0.7), rgba(16,76,61, 0.4) 50%, rgba(255,255,255, 0.4) 85%);
}

section {
background-position: bottom left;
background-repeat:no-repeat;
background-image:url('corner.png'),
-moz-linear-gradient(left, rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent),
-moz-linear-gradient(bottom, rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent); 

background-image:url('corner.png'),
-o-linear-gradient(left, rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent),
-o-linear-gradient(bottom , rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent);

background-image:url('corner.png'),
-webkit-linear-gradient(left, rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent),
-webkit-linear-gradient(bottom , rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent);

background-image:url('corner.png'),
-ms-linear-gradient(left, rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent),
-ms-linear-gradient(bottom, rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent);

background-image:url('corner.png'),
linear-gradient(left, rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent),
linear-gradient(bottom , rgba(170, 90, 27,0.7) 0%, rgba(16, 77, 61,0.7) 2%, rgba(255, 255, 255, 0.1) 5%, transparent);
}

section p:first-of-type:first-letter { 
color: rgb(170, 90, 27); 
font-size: 400%;  
margin-top:15px;
margin-bottom:5px;
margin-right:5px;
margin-left:0px;
font-family: serif;
float: left; 
}

aside	{
border: 1px solid rgb(127, 90, 0);

box-shadow:10px 10px 15px rgba(0,0,0,0.6);
-o-box-shadow: 10px 10px 15px rgba(0,0,0,0.6);
-moz-box-shadow: 10px 10px 15px rgba(0,0,0,0.6);
-webkit-box-shadow: 10px 10px 15px rgba(0,0,0,0.6);

box-shadow:5px 5px 20px rgba(127, 90, 0,0.5);
-o-box-shadow:5px 5px 20px rgba(127, 90, 0,0.5);
-moz-box-shadow:5px 5px 20px rgba(127, 90, 0,0.5);
-webkit-box-shadow:5px 5px 20px rgba(127, 90, 0,0.5);

width: 180px;
margin: 10px;
padding: 5px;
font-size: 12px;
float: right;

}