/* CSS Document */

/* Neutralize styling: */
/* removing browser defaults for common elements */

    html, body, ul, ol, li, p,
    h1, h2, h3, h4, h5, h6,
    form, fieldset, a {
      margin: 0;
      padding: 0;
      border: 0;
    }

    html { 
      font-size:100.01%; 
    }	
    	
    body { 
      padding-bottom: 2em; 
      text-align: center; 
      font-family: "Trebuchet MS", helvetica, tahoma, geneva, arial, sans-serif;
      font-size: 0.8em;
    }
		
		#container {
			margin: 2em auto;
			width: 770px;
		}	
    	
		#header {
		  text-align: left;
			margin: 0.1em 2em 0.3em 2em;
			padding: 4em;
		}
		
		#navbar {
			margin: 2em 2em 0 2em;
			padding: 0em;
		}
		
		#sidebarwrapper {
		  text-align: left;
			width: 200px;
			margin-left: 2em;
			float: left;
			display: inline; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
		}
		
.sidecontent li {
  list-style-type: none;
  padding: 0 0 0.5em 1.5em;
}
		
		#content {
      text-align: left;
			margin-left: 230px;
			margin-right: 2em;
			padding: 2em 1em 1em 1.2em;
			border: 0px dashed black;
      width: 475px;
		}
		
		#footer {
		  text-align: left;
			margin: 2em 2em 0 2em;
			padding: 0.5em;
			clear: left;
		}
		
		.right {
      float: right;
      margin-left: 1em;
    }
    
    .left {
      float: left;
      margin-right: 1em;
    }
    
  
    cite {
    text-align: center;
    display: block;
    }
		
blockquote {
	padding: 1em;
	margin: 0 auto 2em auto;
	text-indent: 35px;
}

blockquote p {
	line-height: 1.8em;
	margin: 0;
	padding-right: 1.2em;
	font-style: italic;
}

h1 {
  width: 8em;
  font-size: 2em;
  }

h2, h3 {
  line-height: 1.2em;
  }
  
.thumbnail {
    float: left;
    border: 1px solid midnightblue;
    background: #FFFFFF;
    margin: 0 5px 5px 0;
    padding: 5px;
   }
   

/* formatting the navigation buttons */
/* that appear above the large photos */
/* in the photo gallery */
   
photonav.ul {
border: 1px solid greem;
}

.photonav ul li {
border:1px solid greem;
display: inline;
}

.photonav.right {
      float: right;
      border-right: 1px solid red;
      width: 5em;
      text-align: right;
    }
    
.photonav.left {
      float: left;
      width: 5em;
      text-align: left;
    }