/* PixelBrite is a nice, neat, little CSS toolchest */


/* Micro ClearFix */ 
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; }
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf { *zoom: 1;
}
/* Use HR with class applied */
.divider { border: 0; color: transparent; clear: both; }

/* Replace Text With Image */
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.cornerShadow:before, .cornerShadow:after { content: ""; position: absolute; z-index: -1; -ms-transform: skew(-3deg, -2deg); -webkit-transform: skew(-3deg, -2deg); /* Safari and Chrome */ -o-transform: skew(-3deg, -2deg); /* Opera */ -moz-transform: skew(-3deg, -2deg); /* Firefox */ bottom: 14px; box-shadow: 0 15px 5px rgba(0, 0, 0, 0.3); height: 50px; left: 1px; max-width: 50%; width: 50%; }
.cornerShadow:after { -ms-transform: skew(3deg, 2deg); /* IE 9 */ -webkit-transform: skew(3deg, 2deg); /* Safari and Chrome */ -o-transform: skew(3deg, 2deg); /* Opera */ -moz-transform: skew(3deg, 2deg); /* Firefox */ left: auto; right: 1px; }
.cornerShadow { border-radius: 2px; position: relative; padding: 1em; background: #fcfcfc; margin-bottom: 20px; /* box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 1px 1px  rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 1px 1px  rgba(0,0,0,0.2); */
}