/*
   New Perspectives on HTML and CSS
   Final Project

   All About Bears Styles
   Author: Briana Beyerl
   Date:  January 30, 2016

   Filename:         bearstyles.css
   Supporting Files: none

*/


/* Layout styles */


body {
   font-family: "Verdana", "Geneva", sans-serif;
   margin: 0px auto;
   padding: 0px;
   width: 98%;
   max-width: 800px;
   min-width: 250px;
   color: blue;
   line-height: 200%;
   background-color: linen;
}

header, footer {
   margin: 0px auto;
   text-align: center;
   color: blue;
}

article img {
   float: right;
   margin: 15px 0px 15px 15px;
}


/* Navigation list styles */

#links {
	position: absolute;
	top: 25px;
	left: 0px;
   	width: 200px;
    	margin: 75px 0px 10px 0px;
}

#links li {
	display: inline;
	float: left;
	margin-left: -15px;
	width: 200px;
  	margin-bottom: 5px;
  
}

#links li a {
   display: block;
   width: 200px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   color: linen;
   font-size: 1.25em;
   background-color: blue;
   font-weight: bold;
}

/* Span Styles */
span {
	color: red
}

span1 {
	color: red
}

/*Content Styles */
#content {
	position: absolute;
	top: 125px;
	left: 230px;
	width: 650px;
	max-height:1000px;
	margin: 5px;
	padding: 5px;
	line-height: 1.5em;
}