 <p>I would suggest you narrow down the items that you want to change on the page, since the CSS file would already be loaded and jQuery would just be applying the css after the static css is loaded. You could leave these specific style declarations out of the css or keep them as default. For example, if the background image changes, you could set it to white in the default css declaration. This way, on load, it looks normal and you're only using JavaScript to load necessary items.</p> <p>You could then use the JavaScript month function to get the current month</p> <pre><code>var month = new Date(); month = month.getMonth(); </code></pre> <p>Then, you could use jQuery to apply those styles to the head with the jQuery ready function. You could have a simple switch of if/else statement to select one of four statements depending on the month number. For example, if you want to change the background</p> <pre><code>$("head").append("&lt;style type=\"text/css\"&gt;body {background-color: #FFF !important;}&lt;/style&gt;"); </code></pre> <p>Just a quick example, but it would make it more efficient than loading a whole sheet I think.</p>