A sample stylesheet to illustrate coding standards.

sample_css_file.css

/* =============================================

        Name:               Josh McDonald
        Company:            CrystalCommerce
        Copyright:          2013, All Rights Reserved


        Table of Contents:

        _General Site Globals
        _Image Sprite Elements
        _Header Elements
        _Sidebar Elements
        _Footer Elements

        Please refer to shame.css for any browser
        hacks, or "brute forcing" that has been used
        to accomplish layout

============================================== */



/* =============================================
/* ===== _General Site Globals
/* =========================================== */

body {
        background: #FFF;
        font: 14px/20px "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

a { color: blue; }

a:hover {
        color: red;
        text-decoration: underline;
}


/* =============================================
/* ===== _Image Sprite Elements
/* =========================================== */

.logo, .icon-twitter, .icon-facebook, .icon-github,
.footer, .sidebar .widget {
        background-image: url(files/assets/img/site-sprite.png);
        background-position: 0 0;
}


/* =============================================
/* ===== _Header Elements
/* =========================================== */

.header.main .logo {
        background-position: 0 10px;
        text-indent: -9999px;
}

.header.main .slogan {...}

.header.main .phone {...}


/* =============================================
/* ===== _Sidebar Elements
/* =========================================== */

.sidebar .widget {
        background: #F00;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;

        color: #000;
        margin: 0 auto;
        padding: 10px 20px;
        z-index: 1;
}

.sidebar.secondary .widget {
        background: #00F;
}


/* =============================================
/* ===== _Footer Elements
/* =========================================== */

.footer-container {
        background: #000;
        color: #FFF;
}