adjusting widths

https://greenintheghetto.com/wp-content/themes/WPThemeGen080111/wpthemegen/reset-fonts-grids-tabs.css

.yui-t1 .yui-b {
    float: left;
    width: 12.3207em;
}
.yui-g .yui-gc div.first, .yui-gc div.first, .yui-gd .yui-g, .yui-gd .yui-u {
    width: 66%;
}
.yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
    float: left;
    margin-left: 2%;
    width: 32%;
}

Ok. So, what represents what? :\

Sorry, I swear I’m html (and even css) competent. but this stuff is killing me.

I’d suggest using Firefox and the Firebug add-on for locating which bits of CSS are affecting what page elements.