ul.pagenav {
	list-style-type: none;
	margin: 0;
	padding: 0.5em;
	overflow: hidden;
}

ul.pagenav > li {
	float: left;
	margin: 5px;
}

ul.pagenav > li > a {
	padding: 0.5em;
	color: #00f;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	background: #ccc;
}

ul.pagenav > li > a:visited {
	color: #00c;
}

ul.pagenav > li > a:hover {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	background: #eee;
}

ul.pagenav > li > a:active {
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: #eee;
}

ul.pagenav > li > a.currentpage,
ul.pagenav > li > a.currentpage:hover,
ul.pagenav > li > a.currentpage:active {
	color: #f00;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: #ccc;
}

p.footer {
	font-size: x-small;
	text-align: right;
}