ÿþ/*
   New Perspectives on HTML
   Tutorial 3
   Review Assignment

   Sunny Acres Text and Color Styles
   Author: David Katelansky
   Date:   05/12/2015

   Filename:         hs_styles.css
   Supporting Files: CloisterBlack.eot, CloisterBlack.svg,
                     CloisterBlack.ttf, CloisterBlack.woff

*/

@font-face 
{
   font-family: 'CloisterBlack';
   src: url('CloisterBlack.eot');
   src: local(':&'), 
        url('CloisterBlack.woff') format('woff'), 
        url('CloisterBlack.ttf') format('truetype'), 
        url('CloisterBlack.svg#cloister') format('svg');
}

body
{
   background-color: white;
   font-family: Trebuchet MS, Helvetica, sans-serif;
}

nav ul
{
   background-color: rgb(248,175,175);
   line-height: 3.5em;
   list-style-type: none;
   padding-left: 0px;
   text-indent: 5px;
}

nav ul li:first-of-type
	{
	   font-size: 150%;
	   font-variant: small-caps;
	   font-weight: bold;
	}

nav ul li a
{
   color: white;
   text-decoration: none;
}

nav ul li:hover
{
   background-color: rgb(148, 51, 62);
   color: yellow;
}

figure
{
    background-color: rgb(248, 175, 175);      
	font-style: italic;
    text-align: center;	
	display: table;    
    margin: auto;
}

figure.image 
{
    width: 100%;	
}

section h1
{
   background-color: rgb(148, 51, 62);
   color: white;
   font-family: CloisterBlack, fantasy;
   font-size: 2.5em;
   font-weight: normal;
   letter-spacing: 0.3em;
   line-height: 2em;
   text-indent: 5px;
}

section h2
{
   background-color: rgb(182, 134, 52);
   color: white;
   color: rgba(255, 255, 255, 0.8);
   font-weight: normal;
   letter-spacing: 0.7em;
   text-indent: 1em;
}

section h2+ul
{
   list-style-image: url(flake.png);
}

footer address
{
   background-color: rgb(148, 51, 62);
   color: white;
   color: rgba(255, 255, 255, 0.8);
   font: normal small-caps 0.8em/4em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
   text-align: center;
}