Горизонтальные Primary Links вместо вертикальных
Добрый день!
Подскажите пожалуйста, как сделать Primary Links горизонтальным, а не вертикальным. Вот в этой теме BEACH очень хотелось бы поменять.
Конечно я понимаю, что это нужно делать через CSS и править шаблон, но к сожалению не могу найти где конкретно в этих файлах.
Вот что я смог увидеть, что судя по всему, относится к Главным ссылкам
и
#primary-menu {
float: right;
width: 220px;
padding: 0;
margin: 0 0 20px 0;
}
#primary-menu ul,
#primary-menu ul li {
margin: 0;
padding: 0;
list-style: none;
}
#primary-menu ul li {
display: block;
background: url(../images/white-trans-25.png) 0 0 repeat;
}
#primary-menu ul li:hover {
background: transparent url(../images/blue-trans-50.png) 0 0 repeat;
}
#primary-menu a {
display: block;
padding: 4px 10px;
color: #000;
font-size: 1.2em;
line-height: 1.5em;
font-weight: bold;
text-align: right;
text-decoration: none;
background: transparent url(../images/drop-trans.png) 10px 50% no-repeat;
}
#primary-menu a:hover,
#primary-menu a.active {
color: #fff;
background: transparent url(../images/drop.png) 10px 50% no-repeat;
}
#primary-menu li.active,
#primary-menu li.active:hover {
