XF 1.2 Adding more space between the main content and the sidebar

How would this be accomplished? I have no visible section div's anymore, so it feels like the two columns are too close to each other. I tried adding padding or margins to the left of the sidebar, but that didn't work.
 
Add to EXTRA.css:
Code:
.mainContainer {
margin-right: -{xen:calc '@sidebar.width + 8'}px;
}

.mainContent {
margin-right: {xen:calc '@sidebar.width + 8'}px;
}

Adjust the value to suit.
 
Top Bottom