Now that we have a wider selection of paragraphs available, it's obvious from a css standpoint that we need some way to differentiate the paragraphs when they're displayed within differing layouts.

I think the solution is to add unique ID's that wrap the entire content areas to differentiate between right-col, left-col, both-col, and no-col layouts.

We already have .mainColumn-noright which allows us to target the left-col and no-col layouts.
We also have .mainColumn which targets the both-col and right-col layouts.
We also have .rightColumn with targets the right-col layout.
But we need to be able to differentiate between left-col and no-col layouts too

I think re-naming the ID "proj-contentwrapper" to something unique for each layout would work nicely. How about "proj_leftcol-layout" "proj_rightcol-layout" "proj_bothcol-layout" and "proj_nocol-layout" ?

This will allow me to correctly fix the code-block bug of extending out beyond the content area when used in a left-col layout.

Thanks!