/*
From http://www.nowcss.com/navigation/create-digg-style-pagination
*/

div#pages {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
   /*
   It's better to have the height specified if you have any floated
   divs (e.g. floated columns) below the pagination. Otherwise the 2nd
   column may get skewed unless you either ad a <br style="clear: both;" />
   after the pagination or a clear: both to a div wrapping the floated divs.
   
   This value may have to be tweaked depending on the font size of the pagination
   links.
   
   height: 24px;
   
   Note - using the overflow: auto; trick seems to work as well!
   */
   overflow: auto;
   clear: both;
}

div#pages ul {
	list-style-type: none;
   margin: 0;
   padding: 0;
}

div#pages li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
}

div#pages li a {
	color: #1c59a0;
	padding: 4px 5px;
	border: 1px solid #c4deff;
	text-decoration: none;
	float: left;
}

div#pages li a:hover {
	color: #000;
	background: #dff1ff;
	border: 1px solid #2e6ab1;
}

div#pages li.nolink {
	color: #CCC;
	border: 1px solid #E1E1E1;
	padding: 4px;
}

div#pages li.current {
	color: #FFF;
   font-weight: bold;
	border: 1px solid #9aafe5;
	padding: 4px 5px;
	background: #2e6ab1;
}
