Howdy folks:

 I'm new to skinning. I'm going ok so far, but have a question regarding CSS files.

I copied the gravity skin and created my new sample skin from it. In this sampleskin folder, i have a default.ascx and skin.css.

in my default.ascx, I created a div with a class called "footer" and in skin.css, set some properties (background color). 

 In using Firebug to look at the HTML, my style is being overridden from the Home.css file. I don't understand why skin.css isn't winning the battle and why home.css is?

(I figured out that if I just change the style name and class reference to something other than footer, my custom css does apply. )

But I'm just trying to figure out why home.css would override skin.css of my skin for the div class and style 'footer'

thanks for any insights you can provide.