title: Multiple layouts with single style sheet
body: <p>So I'm thinking I'm either missing something very obvious and setting myself up for a nasty fall or this is so obviously ok that no one really talks about it.</p>
  
  <p>I want to use one style sheet for a small website, but I want a slightly different layout on some of the pages.</p>
  
  <p>Example: Home Page would have right sidebar; another page would be full width; and another would possibly have three columns.</p>
  
  <p>So that's it. What I'm creating is multiple <code>div</code> with different dimensions that would fit the various formats. </p>
  
  <p>Ie. <code>#rightSide;</code> <code>#leftSide;</code> <code>#fullWidth;</code> <code>#middleContent</code>. </p>
  
  <p>The idea is that I would use a certain combo of divs per page and the others would fade into the background until needed. </p>
  
  <p>So I created the index page and it worked fine. It was a 3/4 width + rightSide. Now I'm creating a full width... and it still seems fine.</p>
  
  <p>Yet all the research I do regarding multiple layouts on css insist that I use different style sheets even for small layout changes like double columns to full width.
  I have seen zero reference to using CSS this way but maybe I'm using the wrong key words. Creating 3 or 4 stylesheets for a 6-8 page website seems a little excessive.</p>
  
  <p>So what am I missing?</p>