css guide part 1

I have written the first part of the css guide - currently i have omitted most of the smaccs naming conventions and variable / mxins guidlines for CSS preprocessors. however i think there is enough to review currently and get feelings for what is here so far. 

ac- tive = active?