I’m trying to put the nav in the theme’s category header section… This is all the CSS for categories.
#categories-back a {
color:#6e6960;
display:block !important; display:inline-block;
height:55px;
}
.category a {
margin:0 0 6px 0; padding:5px 10px;
background:url(images/category.gif) no-repeat top left;
font:bold 0.85em Arial, Helvetica, sans-serif;
color:#FFF; text-transform:uppercase;
display:inline-block;
}
#categories-back a:hover {
margin:0; padding:0;
color:#443842; text-decoration:none;
}
.category a:hover {
background:url(images/category.gif) no-repeat bottom center;
text-decoration:none;
}
#categories {
margin:0; padding:0;
width:auto; height:101px;
background:url(images/categories.gif) repeat-x;
}
#categories-back {
margin:0;
width:auto;
height:81px;
background:url(images/categories-back.gif) no-repeat center left;
list-style:none;
padding-top: 20px;
padding-right: 0;
padding-bottom: 0;
padding-left: 40px;
}
#categories-back li, #categories-back li.blank {
margin:0 0 0 20px; padding:0 20px 0 0;
float:left;
background:url(images/category-divider.gif) no-repeat top right;
}
#categories-back li.blank {
margin:0 0 0 20px; padding:0 20px 0 0;
float:left;
background:none;
}
and here is the code calling categories
<div id="categories">
<ul id="categories-back">
<?php wp_list_pages('title_li=&depth=2'); ?>
</ul>
</div><!--categories-->