/*
Sheila Hart-Fowler CSS for Week 11
*/
/*Al, I know we should do a reset at the top of the CSS ("* {margin: 0; padding: 0;}") but when I did this it threw all the other steps of the tutorial off. Wasn't sure if that was your intent, but I opted to follow the tutorial as I figured you would prefer we understand how we arrived where we do rather than getting there in a state of confusion. Let me know if that is wrong.*/

body {font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #dcdcdc;
	line-height: 125%;
	padding: 0;
	margin: 0;}

h1, h2, h3 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}

h1 {font-size: x-large;
	background-color: #000;
	color: white;
	padding-top: 2em;
	padding-bottom: .2em;
	padding-left: 30px;
	margin: 0;}

h2 {color: black;
	font-size: 130%;
	font-weight: normal;
	padding-top: 15px;}

h2, ul {margin-top: 15px;}

li {font-size: small;
	list-style-type: none;}

p {font-size: small;
	color: black;}

#tagline p {font-style: italic;
	font-family: Georgia, Times, serif;
	background-color: #aaa;
	border-top: 3px solid red;
	border-bottom: 3px solid red;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: 30px;
	margin: 0;}

em {text-transform: uppercase;}

#topnav a {font-size: .75em;
	padding: 30px;
	color: white;
	font-weight: normal;
	margin: 0;
	text-decoration: underline;}

#navigation {width: 200px;
	background-color: #444;}

a {font-weight: bold;
	padding: 0; text-decoration: none;}

a:link {color: #888;}

a:visited {color: red;}

a:hover {text-decoration: none;
  	color: white;
	background-color: navy;}

a:active {color: aqua;
	background-color: navy;}

.fun {color: red;
	font-family: Georgia, Times, serif;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 125%}

#header, #navigation, #bodycontent, #topnav {position: absolute;}

#navigation, #bodycontent {top: 107px;}

#bodycontent {left: 220px;
	margin-right: 30px;}

#header, #tagline {width:100%;}

#header {border-top: 3px solid red;}

#pullquote {width: 40%;
	height: 120px;
	background-color: white; 
	float: right;
	padding-left: 20px;
	margin-left: 10px;
	border-left: 8px solid red;}
	
#pullquote p {font-family: garamond;
	font-size: 1.25em;
	line-height: 125%;}

.bigquote {font-size: 5em;
	position: relative;
	left: -20px;
	top:-5px;
	letter-spacing: -.05em;
	color: #aaa;}

.quote {position: relative;
	top: -70px;}

.smallquote {font-size: 1.5em;
	color: #aaa;}

.copyright {font-size:.65em;
	position: absolute;
	bottom: 1em;
	left: 30px;}