/* ssilesson12.css */

/* Universal style rule */
*{
  /* Block all browser default margins and paddings */
  margin:0;
  padding:0;

  /* Temporary borders */


}

#wrapper{
  width:40em;
  background-color:#B0FFF0;
  /* Center the wrapper */
  /* Put 20px margin above the wrapper */
  /* Set right and left to auto for centering */
  margin: 20px auto 0 auto;
}
#branding{
   height:5em;
   background-color:#553C35;
   color:#F4DEC8;
   text-align:center;
   position:relative;
}
#branding h1{
   font-family:'Arial Black', Charcoal, Impact, Sans-serif;
   font-size:2em;
   padding-top:0.25em;
}
#branding a{
   position:absolute;
   text-decoration:none;
   color:#000;
   font-size:0.8em;
}
#branding a;link, #branding a:visited{
   color:#000;
}
#branding a:hover{
   color:#0F0;
}
#branding a:active{
   color:#1BB498;
}
/* Fixes the mysterious image gap */
#branding img{
   display:block;
}

#leftcolumn{
   /* Remember, content and navbar left margins must match this width */ 
   width:10em;
   float:left;
}

#navbar{

    /* Left margin must match leftcolumn width */
    margin-left:10em;
    background:#aaa url(images/navbak.jpg) repeat-x center;
    height:1.6em;
}
/* Remove bullets from ul in the navbar */
#navbar ul{
   list-style-type:none;
}
/* List items in the navbar */
#navbar li{
   float:left;
}

/* Applies to navbar links, unvisited and visted */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  background:#aaa url(images/navbak.jpg) repeat-x center;
  display:block;
  height:2em;
  width:6em;
  border-right:solid 1px #ddd;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active,
.homepage #nav-home a,
.aboutpage #nav-about a,
.linkspage #nav-links a,
.photospage #nav-photos{
  background:#ddd url(images/navhover.jpg) repeat-x center;
  color:#000;
}



body{
   background-color:#117B6F;
   font-family: Arial, Helvetica, sans-serif;
  
}

#content{
/* Left and right margins must match sidebar column widths */
	margin-left:10em;
	padding:10px 20px;
	background-color:#FFF;
	color:#000;
}

#content h1, #content h2, #content h3{
	font-family: Charcoal, Impact, sans-serif;
	color:#000;
        font-weight:normal;
        font-style:italic;
	font-variant:small-caps;
	letter-spacing:0.08em;
}

#content p, #content ul, #content ol{
	text-align:left;
	line-height:1.25;
	font-size:0.8em;
}

#content ul, #content ol{
	padding: 5px 0px 5px 30px;
}
#footer{ 
	background-color:#fff;
	border-top: solid 1px #117b6f;
	padding:0.5em;
	text-align:center;
}
#footer a:link,
#footer a:visited{
/* No underline on links */
	text-decoration:none;
}
#footer a:hover,
#footer a:active{
	color:#0c0;
	border:dotted 1px #333;
}
.hotkey{
	text-decoration:underline;
}

@media print{
/* Start printer-friendly styles */
/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
display:none;
}


/* Get rid of content div margins and padding. Use a different font for print */
#content{
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}
/* End printer-friendly styles */
}