Indent Side Boxes?

I would like to use a background for my main wrapper that has rather thick borders on each side. In order to use this background, I need to be able to indent both my left and right sideboxes. I fooled around with padding and margins for most of last night and today and wasn't able to get anything to work. I also searched the forums using every search term I could think of and found nothing that would help me. Is it possible to indent the sideboxes? I'm using a template based on the template_default.

Thanks,

Jan

Do this by editing the stylesheet for your custom template(the one you created)
Find this code:

.leftBoxContainer, .rightBoxContainer {
    margin: 0em;
    border: 1px solid #000000;
    border-bottom: 3px solid #000000;
    margin-top: 1.5em;
	}

Separate and change to this:

.leftBoxContainer {
    border: 1px solid #000000;
    border-bottom: 3px solid #000000;
    margin-top: 1.5em;
    margin-left: 5px;
	}

.rightBoxContainer {
    border: 1px solid #000000;
    border-bottom: 3px solid #000000;
    margin-top: 1.5em;
    margin-left: -5px;
	}

You can adjust the values but should also adjust the column width in the admin >
configuration > layout settings. If you add 5 or 10 px margin add that to the left and right coulmn widths.

Note the right has the margin-left as a negative value...I have tried margin-right as a positive value and this does not render correctly, the negative value does

Thanks for your help, Kobra, but I still can't get it to work. I posted a new thread showing how the layout is falling apart.

Thanks,

Jan