ul#nav-sites li {
	margin: 0;
	padding: 0;
}

ul#nav-sites li a {
	margin: 0;
	padding: 0;

	padding-top: 35px; /* height of background image */

	width: 142px;

	/* hide text */
	height: 0;
	overflow: hidden;

	background-repeat: no-repeat;
	background-position: top left;

	text-decoration: none;

	display: block;
}

ul#nav-sites li a span {
	/* FIXME: this fucks it up for most screen-readers */
	visibility: hidden;
}

/* freelance */
ul#nav-sites li.freelance a {
	background-image: url(/images/site-links/freelance/link.png);
}
ul#nav-sites li.freelance a:visited {
	background-image: url(/images/site-links/freelance/visited.png);
}
ul#nav-sites li.freelance a:hover {
	background-image: url(/images/site-links/freelance/hover.png);
}
ul#nav-sites li.freelance#current-site a {
	background-image: url(/images/site-links/freelance/active.png);
}

/* personal */
ul#nav-sites li.personal a {
	background-image: url(/images/site-links/personal/link.png);
}
ul#nav-sites li.personal a:visited {
	background-image: url(/images/site-links/personal/visited.png);
}
ul#nav-sites li.personal a:hover {
	background-image: url(/images/site-links/personal/hover.png);
}
ul#nav-sites li.personal#current-site a {
	background-image: url(/images/site-links/personal/active.png);
}

/* photography */
ul#nav-sites li.photography a {
	background-image: url(/images/site-links/photography/link.png);
}
ul#nav-sites li.photography a:visited {
	background-image: url(/images/site-links/photography/visited.png);
}
ul#nav-sites li.photography a:hover {
	background-image: url(/images/site-links/photography/hover.png);
}
ul#nav-sites li.photography#current-site a {
	background-image: url(/images/site-links/photography/active.png);
}