I'm working on a site that uses a master stylesheet for header, menu, footer and basic content positioning as well as typography.
However, the site has about six variations on content layout depending on where you are in the site.
Right now I'm importing the master style sheet and then importing any unique styles for a particular layout that override declarations in the master style sheet.
I'm trying to use as few classes as possible and get by with my basic element selectors, so I'd rather not have something like #layout1, #layout2, #layout 3, etc.
I'm using an ID selector on the body tag to switch content in the menus and I've thought about doing the same thing to switch layouts depending on the body's ID, but honestly I think it's unnecessary.
Also, the various layouts will eventually be turned into templates for use in Contribute so I think it makes more sense to keep the specific CSS tied to each layout. I'd like to import the style to avoid low-brow incompatability.
I'm just wondering if there's a smarter way to do this. Am I shooting myself in the foot?