проблема со стилями css

Здравствуйте. Есть проблема с css таблицей стилей.
Вот такая ситуация, есть таблица стилей:

* --- rubriki --- */

#rubriki {
 margin: 0;
 padding: 0;
}
#cat {
 float: left;
 margin: 0 2px;
 width: 170px;
 padding: 0;
 margin-bottom: 12px;
 list-style-type: none;
}
ul> #cat {
 width: 171px;
}
#cat div {
 background-color: #FFFFC4;
 border-top: 1px dashed silver;
 border-bottom: 1px dashed silver;
 padding: 1px 0 1px 5px;
 height: 17px;
}
#cat div a {
 color: #383838;
 font-weight: bold;
}
#cat ul.children {
 padding: 0 0 0 1px;
 margin: 3px 5px;
 list-style-type: none;
 text-align: left;
}
#cat ul.children li {
 padding: 3px 0
}

/* ---/ rubriki --- */

Надо чтобы рубрики в s-catalog.info на главной, были отсортированы по таблице стилей. В итоге, должно выйти приблизительно вот так, как тут – articlebox.ru
Как сделать, чтобы рубрики сортировались по таблице, вывод рубрик чер

<?php wp_list_cats
('sort_column=menu_order&optioncount=1&hierarchical=1&hide_empty=0'); ?>

Заранее спасибо за ответ. Извините, если вопрос глупый.
Возможно платное решение, стучите в 409734761