body { 
	   background: #92AAAC;
}

#container { margin: 3em auto;
	   max-width: 700px;
}

img.source-image { position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}

h1, h2, h3 { margin: 0;
}

a:hover { text-decoration: none;
		color: #FF3F47;
}

#navbar li a:hover { text-decoration: none;
		color: #FF3F47;
	   background: #92AAAC;
}

#navbar { float: right;
		  width: 140px;
}

.content { max-width: 75%;
		 float: left;
		 margin-right: -142px;
		 margin-left: 8px;
}

.box { padding: 8px;
	   border: 1px solid black;
	   overflow: auto;
}

.box img { float: left;
	 	   margin: 0 8px 1px 0;
		   clear: both;
}

a:hover img { border-right: 1px solid black;
			  border-bottom: 1px solid black;
	 	   	  margin: 0 7px 0px 0;
}


ul { padding-left: 0;
   	 margin-left: 0;
}

#navbar li { list-style-type: none;
		   	 text-align: center;
			 margin: 2px 0;
			 font-weight: bold;
			 background: #929AAC;
}

#navbar li a { text-decoration: none;
			   color: black;
			   display: block;
}