Structure CSS Logically & Provide an index

gistfile1.css

/* 1. NORMALISE ======================================================== */
/* Normalises default styles cross browser.  Like a gloabl reset but better */
		
/* 2. PAGE LAYOUT   ==================================================== */
/* Header, footer, columns, main nav... stuff like that */

/* 3. FORMS	======================================================== */
/* Default form styles & specific forms */
 
/* 4. LISTS    ========================================================= */
/* Anything that has multiples of the same item: table rows, list items, sections etc */

/* 5. BOXES  =========================================================== */
/* A box visually surrounds an area and make it stand out.  Usually has a background or border & padding */

/* 6. ICONS ============================================================ */
/* Small graphical cues to the user */

/* 7. GRAPHS & CHARTS ================================================== */
/* SVG or SVG like stuff */

/* 8. iPad Landscape =================================================== */
/* Media query for tablets */