/*
   New Perspectives on HTML
   Tutorial 2
   Case Problem 2

   Fiddler Style Sheet
   Author: Tasha Juroszek 
   Date:   3/1/2014

   Filename:         fidstyles.css
   Supporting Files: none

*/

/* Section Styles */

body {
margin: 0px auto;
padding: 0px;
line-height: 1.5em;
width: 98%;
max-width: 880px;
min-width: 700px;
font-family: Verdana, Geneva, sans-serif;
}

header {
display: block;
width: 100%;
margin: 0px auto 10px;
}

nav {
display: block;
float: left;
}

nav ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

nav h2 {
font-size: 1em;
font-weight: bold;
margin: 0px;
}

nav ul li {
display: block;
width: 150px;
background-color: rgb(255, 192, 192);
color: black;
border: 1px solid black;
text-indent: 10px;
margin-bottom: 2px;
line-height: 1.5em;
}

section {
display: block;
width: 600px;
float: left;
margin-left: 20px;
}

section h1 {
font-size: 1.8em;
font-weight: normal;
clear: left;
padding-top: 5px;
}

section h2 {
font-size: 1.2em;
font-weight: normal;
}

section ul {
list-style-type: none;
padding: 0px;
margin: 0px 0px 10px 0px;
}

section ul li {
font-size: 1em;
}

figure {
display: block;
clear: left;
width: 600px;
margin: 0px auto;
text-align: center;
}

figure figcaption {
display: block;
text-align: center;
width: 600px;
font-size: 0.9em;
margin: 0px;
font-style: italic;
}

footer {
display: block;
width: 100%;
clear: left;
margin-top: 30px;
font-size: 0.9em;
text-decoration: small-caps;
text-align: center;
color: rgb(175, 122, 122);
border-top: 1px solid rgb(175, 122, 122);
}

img {
border-width: 0px;
}

section nav {
display: block;
width: 100%;
text-align: center;
}

section nav ul {
display: block;
width: 100%;
list-style-type: none;
padding: 0px;
margin: 0px;
}


section nav ul li {
display: block;
text-align: center;
width: 24%;
float: left;
background-color: rgb(255, 192, 192);
color: black;
border: 1px solid black;
line-height: 1.5em;
}