I made an entire copy of the Dark Knight skin and container sets to use on a blog so I could make some changes. At present I have actually installed a new skin. But I am still wanting to use some of the containers from the copy of Dark Knight I made.

I made some CSS changes to the copy, which I have set to my default container. One simple change was to turn text-transform from uppercase to none.

Sometimes when I view a page I see the changes being rendered properly. Other times they are being rendered without the changes.

When I go into Inspect Element in Chrome I can see that my copy CSS was loaded but then the original container CSS overwrites it.

Is there something else I need to modify in the copy of the container to ensure that it references the new CSS? I have looked at the CSS and ASCX files and cannot figure it out. You can look at this page and do an Inspect Element where it says CONTACT CLIFF and you will see the issue with the .c_DNN6_SubTitle .Head CSS being overwritten.

http://www.cliffhammock.com/Contact 

I have considered uninstalling the Dark Knight containers but figured it would be best to actually figure out what is happening first. I am typically testing this in IE, Chrome, FF and Safari and all have this issue.