let more-link change width of column

Hi, I’m using the latest version of wordpress with a theme called gumball-special and a plugin called read more right here.
This plugin allows you to display the rest of the post through AJAX upon clicking its more link. Since gumball-special uses several columns to display excerpts from posts this causes displayed post to be quite unreadable.
I’m trying to find a way to make the column not only expand height wise but also width wise.
I’m thinking of adding something like
document.getElementById("home-post").style.width = "600px";
(and something to revert it)
to the read more right here javascript (see below) but I do not know where or how to make it function correctly

the css code for the concerned div element is

#col01 .home-post {
	width:220px;
	margin:0 20px 20px 0;
	min-height:340px;
	overflow:hidden;
	float:left;
}

You can check it out @ faceblog.eu/testeli

Read more right here js

var $j = jQuery.noConflict();
$j("document").ready(function () {
    var f = RMRH_VALUES.pluginUrl + RMRH_VALUES.loadImageName,
        b = $j(new Image()).attr("src", f).css("margin-left", "10px");
    $j("a.more-link").each(function (h) {
        anchorEl = $j(this);
        c(anchorEl)
    });

    function g(h) {
        var i = h.lastIndexOf("-");
        return h.substr(++i)
    }
    function c(i) {
        var h = i.attr("href");
        i.bind("click", {
            el: i,
            url: h,
            postid: g(h)
        },
        e)
    }
    function e(h) {
        var j = h.data.el,
            i = b.clone();
        j.after(i);
        i.show();
        $j.ajax({
            type: "POST",
            url: h.data.url,
            dataType: "html",
            cache: false,
            data: {
                "wt-rmrh-redirect": "1",
                postid: h.data.postid
            },
            error: function (k, m, l) {
                data = '<b><font color="red">Sorry! There was an error retrieving content.<br />Click again to be taken to this entry\'s page.</font></b>';
                a(j, i, data, true)
            },
            success: function (k, l) {
                a(j, i, k, false)
            }
        });
        return false
    }
    function a(o, l, h, i) {
        var n = $j("<p>").html(h).hide(),
            k, m = function () {
            n.find("object").each(function () {
                $j(this).toggle()
            })
        },
            j = new Array(function () {
            m();
            n.slideToggle(1000, function () {
                l.fadeOut(500)
            })
        },

        function () {
            n.slideToggle(1000, function () {
                l.fadeOut(500);
                m()
            })
        });
        o.unbind("click", e);
        if ($j.browser.msie && (parseInt($j.browser.version) > 6)) {
            if (d(n)) {
                window.location = o.attr("href");
                return
            }
        }
        n.find("object").each(function () {
            $j(this).hide()
        });
        l.after(n);
        n.slideDown(1000, function () {
            l.fadeOut(500);
            m()
        });
        if (!i) {
            o.click(function () {
                o.after(l);
                l.show();
                j[0]();
                k = j[0];
                j[0] = j[1];
                j[1] = k;
                return false
            })
        }
    }
    function d(i) {
        var h = false;
        i.find("object").each(function () {
            h = true;
            console.log(this);
            return
        });
        return h
    }
});

Hopefully someone can help me with this, even if you can’t but took the time to read this, thanks.

SIncerely
jez