Выравнивание виджетов в сайдбаре

Вопрос такой. Скачал темку http://www.wpbot.ru/?p=1559 но не могу выравнить ни как виджеты в ней. Вообщем после долгих ковыряний нашел в style.css строки которые отвечают за нужный мне side bar

.bottom-widget{width:300px;float:left;display:inline;border: 1px solid black;font-size:12px;margin:10px}
.bottom-heading {background:url(images/right-head.png) no-repeat;height:39px;padding:20px 0 0 80px;width:195px; font-weight:bold;width:210px;font-size:14px;color:#fff;margin:0 0 20px 0}
.bottom-widget ul {list-style:url(images/bullet.png) outside;padding-left:25px;margin-left:30px;}
.bottom-widget li {font-size:12px;line-height:14px;margin-bottom:5px}
.bottom-widget a {color:#292929;text-decoration:none}
.bottom-widget a:hover {color:#47B3CD;}

. Но проблема в том что заголовок и виджет находятся в одном блоке и если двигать то двигаются они вместе. Мне кажется что единственный вариант это каким то образом дописать в стиле именно только блок виджета чтобы перемешать только его. Вообщем обвел рамкой http://s54.radikal.ru/i145/1004/c6/a60dfca2f275.jpg — здесь вместе с заголовком, а тут — http://s53.radikal.ru/i140/1004/f0/8138dd9455b2.jpg только заголовк. Как управлять отдельно виджетом подскажите пожалуйста