I pulled up the code you have using view source. Sorry for the gold text, it's just my theme in my browser.
Anyway, to change the background color of the frame, you're going to edit the "table table table" tag which I've put a box around in the picture below.
You need to add a "background-color: COLOR HERE;" tag to that bit of code. For example, if you want your background to match the color of your entries it should look like this:
You can change that background color code to any color you want.
Now, to change the links beneath the userpic you need to add the following code to your style sheet (between the GLOBAL_HEAD and style tags, where you have everything else defined):
You can add or subtract any text-manipulating codes to that tag and it should affect those links.
Also, just a few other things I noticed while looking at your code:
1) Something that might help you/others debug in the future - duplicate tags can be melded into one overall tag. For example you have this bit of code way up in your global head:
And just a few bits of code later you have:
You can actually move that margin-top to the first bit of code. Anything that has the same tag (i.e. body{ } in the above example or if you have two a:link{ } tags or whatever) can be put into one part. It's sort of important when you start piecing together code to condense it as much as possible, because you can end up with two conflicting codes without realizing it if you don't.
2) Your alignment of your entries was way off in Google Chrome. I noticed it when I snuck in to take a peak at your code at work. The image below is a screenshot:
It looks fine to me in Opera, IE, and Firefox, so it's just Chrome that's being buggy. I'm not sure how to fix it, though so you might want to play with the code a bit.
Sorry for the premature post earlier, my dog decided jumping on my laptop was a good idea.