/* pk pagination as buttons */
#xo-pagenav{float:right}
#xo-pagenav a.xo-pagarrow { /* page navigation arrows */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#xo-pagenav a.xo-pagarrow:hover{ /* page navigation arrows HOVER */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
background-color: #eee;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#xo-pagenav .xo-pagact { /* active page */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
background-color: #98C93B;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#xo-pagenav a.xo-counterpage { /* visited page */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#xo-pagenav a.xo-counterpage:hover { /* visited page HOVER */
display:block;
float:left;
width: 30px;
height:30px;
text-align:center;
padding-top: 3px;
margin: 0 4px 0 4px;
border: 1px solid #ccc;
background-color: #eee;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
You're absolutely right, and Bleekk is working very hard to make it all very user friendly.