/* removes one line comments */
/* removes 
   multiple
   line
   comments */
/*
.andWhenItWrapsABlock {
    color: red;
}
*/
.andACommentInABlock {
    color: #7fffd4; /* and a comment within a block */
}
.removesTrailingSemicolons {
    color: #f0ffff;
}
.removesExtraSemicolons {
    color: #f5f5dc;;
}
.removesAllWhiteSpace {
 color : #8a2be2 ;
}
.removesTabsAndNewLines     {
	color: 
#ffe4c4; /* tab and then a new line */
}
.removesEmptyBlocks {
}
.likeThisOne {
    ;
}
.andThisOne {
 /* comment */
}
.removesDecimals {
    font-size: 0.5em; /* should change to ".5em" */
}
.removesUnitsForZero {
    width: 0%; /* should change to 0 */
    border-width: 0px; /* should change to 0 */
    font-size: 0em; /* should change to 0 */
}
.removesURLSingleQuotes {
    background-image: url('/some/url'); /* should change to "url(/some/url)" */
}
.removesURLDoubleQuotes {
    background-image: url("/some/url"); /* should change to "url(/some/url)" */
}
.reducesMargin {
    margin: 1px 2px 1px 2px; /* should change to "margin:1px 2px" */
}
.reducesPadding {
    padding: 3px 4px 5px 4px; /* should change to "padding:3px 4px 5px" */
}
.reducesBorderWidth {
    border-width: 6px 7px 6px 7px; /* should change to "border-width:6px 7px"  */
}
.compressesHexes {
    color: #FFEEDD; /* should change to #fed */
}
.compressesColors {
    color: #008080; /* should change to "teal" */
    background-color: fuchsia; /* should change to "#0f0" */
}
.convertsRGBHexes {
    color: rgb(250, 150, 50); /* should change to #fa9632 */
    background-color: rgb(255, 0, 0); /* should change to "red"  */
}
.convertsRGBPercentages {
    color: rgb(100%, 75%, 50%); /* should change to #ffbf80 */
    background-color: rgb(100%, 0%, 0%); /* should change to "red" */
}

/* Unconventional */
.removesDuplicateRules {
    width: 4%;
    width: 4%; /* should be removed  */
}
.removesOverwrittenRulesInSameBlock {
    color: blue; /* should be removed  */
    color: aqua;
}
.removesOverwrittenRulesInDifferentBlocks {
    height: 6%; /* should be removed  */
}
.removesOverwrittenRulesInDifferentBlocks {
    height: 7%;
}
.compressesFontWeight1 {
    font-weight: normal; /* should change to "400" */
}
.compressesFontWeight2 {
    font-weight: bold; /* should change to "700" */
}
.changesColorNamesToLowercase {
    color: BLUE; /* The color names are case-insensitive. http://www.w3.org/TR/css3-color/ Should change to "red" for gzip compression */
}
.changesColorHexValuesToLowercase {
    color: #FEFEFE; /* should change to "#fefefe" */
}

/* Dangerous */
DIV.makesLowercaseTagsNames { /* should change to "div"  */
    color: #FFEBCD;
}
.combineStylesForSameElements {
    width: 2%; /* should be combined with following block */
}
.combineStylesForSameElements {
    font-variant: small-caps; /* should be combined with preceding block */
}
.combinesFontStyles {
    font-style: normal; /* should change to "font:bold 10px monospace" */
    font-variant: normal;
    font-weight: bold;
    font-size: 10px;
    font-family: monospace;
}
.combineIndividualMargins1 {
    margin-left: 1px;  /* should not change */
}
.combineIndividualMargins2 {
    margin-left: 2px;
    margin-top: 2px; /* should change to "margin:2px 2px 0" */
}
.combineIndividualMargins3 {
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 2px; /* should change to "margin:2px 2px 2px 0"  */
}
.combineIndividualMargins4 {
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px; /* should change to "margin:2px" */
}
.combineIndividualPaddings {
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px; /* should change to "padding:2px" */
}
.combineBorders {
    border-width: 1px;
    border-style: solid;
    border-color: red; /* should change to "border:1px solid red" */
}
.combineSameStyles1 {
    float: left;
}
.combineSameStyles2 { /* should be combined with previous block  */
    float: left;
}