The Juice Box Bandit's blog: "Your Profile Breakdown"

This is the area including your Display Picture,

Fan, Add, Rate, FuPal, etc.. links.

This image is a little longer than I'd like, but I've outlined each of the tables in different colors to help you skip ahead

to parts you're more concerned with. Just go through the image, find the color, and scroll down.

Some things to know: the table outlined in red is the main table. You'll notice there's 2 sections associated, the main, and a smaller box above it.

This kinda screws with general borders, but you can put a border on a sub table for the same effect.

The main thing you're concerned with is there's a background on this table that puts a gray glow border look on the right side of it.

If this screws with your profile look, just disable it by putting background-image: none; into it's css.

This is the section outlined in red. I used a repeatable image for the background, and as you can see it shows through all the layers. If you have a background image, the default profile puts the image midway up on the right side, and repeats it vertically. This means you'll have to designate where the image is anchored (background-position: top left; for example), and designate if it will repeat (or not) more than just vertically (background-repeat: repeat!important;)

Here's the background image LC/CT/FuBar uses on this table:

Not very big, but can cause problems for you when coding.

If you wish to border this section, typically the easiest way to go around the 2nd table issue, is to blank this section with a transparent background color, background-image set to none!important, no border, and move to the next table down (cyan).

#userpagecontentstyle .userprofile_primarycolumn {
  border: 1em red ridge!important;
  background-color: transparent!important;
  background-image: url()!important;
  background-repeat: repeat!important;
}

This is the cyan outlined area, it's a bit smaller in area, but the good news is that it's one table, not multiple tables. If you want to set a general background, or add a border to this entire section, this is one of the best ways to do so. Simply put your background css into the {css section} and have at it.

#userpagecontentstyle .userprofile_primarycolumn_linkbox {
  border: .5em cyan ridge!important;
}

This is the base table for the interaction buttons (cam pm fam friend fan fupal).

#userpagecontentstyle .user_action_buttons {
  border: .5em blue ridge!important;
}

This is the base table for the rate/like stats, and rating box (1-11/? cherries).

#userpagecontentstyle .dark {
  border: .5em purple ridge!important;
}

This is the main table for the cherry rating box. You can adjust it's size and put a custom background on it, say an increasing explosion towards the 11 cherry? Maybe some thumbs starting at a thumbs down going to a thumbs up? Bunch of x's and a couple green check marks on 10 and 11? Up to you really, be creative! =]]

#userpagecontentstyle .cherry_voting_container {
  border: .5em yellow ridge!important;
}

This is the rating / likes stat box. Shows your average rating, with the number of rates below it. A green number and text below it explaining that's the number of people that liked you today (within the 24 hour period after reset). Don't like the fubar grayscale cherry background? You can make your own and put it in here if you'd like! On the outline picture I made it so there's no image just to show it's editable.

#userpagecontentstyle .rating_count_wrapper {
  background-image: none!important;
  border: .5em green ridge!important;
}

This is the main apparent table for your primary (display) photo. You can size this to your liking or leave it, this is customizable.

#userpagecontentstyle .userprofile_primary_photo {
  border: .5em orange ridge!important;
}

This outline mainly shows there's a 3 part layer here that divides up your display pic, rating/likes area, UIL (User Interaction Links), and (not shown I have it blocked with NoScript) the facebook widget.

#userpagecontentstyle .userprofile_primarycolumn_linkbox table td {
  border: .5em white ridge!important;
}

This is the 1-11/? cherries box.

#userpagecontentstyle img#userratingimg {
  border: .3em pink ridge!important;
}

This is the 2 boxes containing your avg rating+number of rates, and likes+"likes today".

#userpagecontentstyle .rating_count {
  border: .2em beige ridge!important;
}

These two boxes are the number of rates (under avg rating), and the "likes today" text.

#userpagecontentstyle .subscript {
  border: .2em navy ridge!important;
}

These are the 6 tables each containing a user interaction link (1.Cam 2.PM 3.Fam 4.Friend 5.Add 6.FuPal). You can add backgrounds, but they share the same coding so individual backgrounds would be an issue. The boxes (tables) are as wide as the main table below it.

#userpagecontentstyle .user_action_buttons li {
  border: .2em orangered ridge!important;
}

These are the UIL's themselves. These also appear in the tooltip window (pops up when you hover over someone's pic) as the like or dislike buttons. Although they share the same attribute, the tooltip window is uneditable.

#userpagecontentstyle a.btn {
  border: .4em salmon ridge!important;
}

This is the "FuPal" image on the last UIL. Basically like this:  (button[FuPalImg]button). You can hide it, change the size, and I'll have to check but I think you can hide the image and make your own cool looking image to put in it's place.

#userpagecontentstyle a.btn img {
  border: .3em black solid!important;
}

This is the dashed gold box containing your Average Rating red numbers.
#userpagecontentstyle #rating_total {
  border: 2px gold dashed!important;
}

This is the gold box next to it containing your number of likes today (just the number, not text).
#userpagecontentstyle #likes_total {
  border: .1em gold ridge!important;
}