Remove border around main menu

I have a similar problem.

I want to remove the chunky box-tabs of the primary menu in the top of my blog (History of Bad Parties – Contango theme) and show only the links on the main background colour without the box or any other decoration necessarily.

If that is not possible, then I would like to remove the vertical borders between the tabs and make the box slimmer / less chunky.

If none of that is possible, then I’ll just remove the primary menu from the top and put it somewhere else. However, then there’s some sort of stripe or frame left there, which I would like to get rid of.

I can found the “Primary Menu” section of the CSS, but can’t see what I need to change. I tried to make a few adjustments to try to identify the relevant bit of code, but it didn’t seem to have any effect, so I changed it back reasoning it wasn’t the right bits.

I managed to remove the vertical borders between tabs under :

/** Top Level List */
.menu ul li {
background: #fff;
border-right: solid 1px #e7e7e7;
}

(changed solid to none)

That’s better, but I would still like to remove the whole box, and I can’t find otgher settings there.

Any help appreciated.

Thanks:-)