/*

	-- -- -- -- -- -- --
	thewailinjennys.com top and main navigation
	nav style, with style for scripted elements
	based on article from alistapart
	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
	height: 34px (34px x 4 = 136)
	width: 580px
*/


.topnav {
	width: 580px;
	height: 34px;
	position: relative;
	top: 0px;
	left: 34px;
}
.topnav li {
	float: left;
	list-style: none outside none;
}
.topnav li a {
	background: url(nav-top-2x.png) no-repeat;
	background-size: 390px 68px;
	display: block;
	height: 34px;
	text-indent: -9000px;
	overflow: hidden;
}
.topnav .contact a {
	background-position: -20px -0;
	width: 70px;
}
.topnav .contact a:hover {
	background-position: -20px -34px;
}
.topnav .mailinglist a {
	background-position: -90px -0;
	width: 110px;
}
.topnav .mailinglist a:hover {
	background-position: -90px -34px;
}

.topnav .credits a {
	background-position: -200px -0;
	width: 70px;
}
.topnav .credits a:hover {
	background-position: -200px -34px;
}
.topnav .media a {
	background-position: -270px -0;
	width: 60px;
}
.topnav .media a:hover {
	background-position: -270px -34px;
}
.topnav .links a {
	background-position: -330px -0;
	width: 50px;
}
.topnav .links a:hover {
	background-position: -330px -34px;
}