changing table widths

Hi,
I'm wondering where I would need to change the settings for the widths of columns in the sermonspeaker "sermonslist" list with the "table" layout (the table has title, scripture, date and length displayed).

I noticed that only title had a with set through ss-title. However, when I changed it, it could take 20%, 30% and 70%, but other percentages messed up with the width of the entire layout.

Maybe I was trying to do it wrong? Is there a different class I should have been setting the width to?

You're doing it right. The widths are set using CSS. You can do so for every single column. Either by using the generic ss-col class or the specific classes for each column.
By default only ss-title has a width of 20% set, all other columns are left for the browser to decide. But of course you can set them as you wish.

Thanks so much for your reply--your support of sermonspeaker has always impressed me.

I am unfortunately having trouble with percentages other than 20%, 30%, 70%. For example, I've set it to 50% here:
[removed because it was a testing site]
And the table now fails to wrap across the page...

The only thing I could think of was that other certain percentages have not been defined or are somehow unavailable in sermonspeaker (?)

Any clues on this one?

try also to apply width to those elements.

Thanks for the reply. I've applied the classes you suggested and it changed the overall width a little, but definitely not 100%. I'm not sure how it's figuring the math (!)

This is the code I used:

OK, I think I've tracked it down. I'm not sure what caused it, but the percentages were being applied to the table which sat in an undefined class called "category." So, instead of defining new classes, I put this code for the category class in the css/sermonspeaker.css file
And it seems to be behaving now. Thanks again for your suggestions.