/* site
----------------------------------------------- */
body { background: #c4d5f3 url(../images/body_background.jpg) repeat-x 0 0; }

#container {
	margin: 30px auto 0 auto;
	padding-top: 20px;
	width: 980px;
	height: 100%;
	background-color: #fff;
	border: 1px solid #d3dceb;
}

ul#nav {
	margin-top: 4px;
	margin-bottom: 26px;
	text-indent: -8000px;
}

	ul#nav li {
		float: left;
		margin: 0;
		padding: 0;
	}
	
	ul#nav li a {
		display: block;
		height: 24px;
		background-image: url(../images/nav_sprites.gif);
		background-repeat: no-repeat;
	}
	
	ul#nav li a#home {
		width: 95px;
		background-position: 0 0;
	}
	
	ul#nav li a#about {
		width: 265px;
		background-position: -95px 0;
	}
	
	ul#nav li a#projects {
		width: 138px;
		background-position: -360px 0;
	}

	ul#nav li a#research {
		width: 138px;
		background-position: -499px 0;
	}
	
/*
	ul#nav li a#photos {
		width: 138px;
		background-position: -499px 0;
	}
*/
	
	ul#nav li a#contact {
		width: 114px;
		background-position: -636px 0;
	}
	
	ul#nav li a#links {
		width: 190px;
		background-position: -750px 0;
	}
	
	ul#nav li a:hover#home, ul#nav li.yah a#home { background-position: 0 -24px; }
	ul#nav li a:hover#about, ul#nav li.yah a#about { background-position: -95px -24px; }
	ul#nav li a:hover#projects, ul#nav li.yah a#projects { background-position: -360px -24px; }
/*	ul#nav li a:hover#photos, ul#nav li.yah a#photos { background-position: -499px -24px; }*/
	ul#nav li a:hover#research, ul#nav li.yah a#research { background-position: -499px -24px; }
	ul#nav li a:hover#contact, ul#nav li.yah a#contact { background-position: -636px -24px; }
	ul#nav li a:hover#links, ul#nav li.yah a#links { background-position: -750px -24px; }

#footer {
	padding-top: 20px;
	color: #666;
	font-size: 0.8em;
}

.content img { margin-bottom: 10px; }
h1,h2,h3,h4,h5,h6 { color: #1d4f73; }
a { color: #7e4057; }
a img.latest-photos { border: 1px solid #ddd; }
a:hover img.latest-photos { border: 1px solid #7e4057; }