On one of my current projects, I decided to try organizing the CSS differently.

Instead of a single big style sheet, or couple or minor segments, I divided up the styles by logical use.

This led to the following categories:

• Base – The layout
• Color
• Type
• Forms
• Navigation
• Ajax

To my surprise, this really saved time, specially when making changes.

For example, the color definitions shrank considerably, since I could layer ids, classes and tags on a single color definition.

It also was invaluable in finding and fixing those pesky IE issues. Since I knew right where to look when the issues arose.

It may seem like common sense, to CSS pros, but this really was an eye opener and productivity booster for me.