Styling widgets

I decided to make my theme widget ready. I set up a test blog to do this so I don’t ruin it.

How do I style this from categories down to look like this?

I thought that since the categories li class was “categories-3” (and so on…) that I could do something like:

#categories-3{
	width: 136px; float: left;
	margin: 0 20px 0 0;
}

and

#text-2{
	width: 136px; float: left;
}

etc…

like in my non wigitized version but it does not work. What am I doing wrong?

Also how would I get rid of the bullet beside the widget name? I tried:

ul li{
list-style: none;
}

and

.widgettitle{
list-style-type: none;
}

neither worked.