/*------------------------------------------------------------- */
/* Display & Visibility
--------------------------------------------------------------- */
.block      {display: block;}
.none       {display: none;}
.inline     {display: inline;}
.hidden     {visibility: hidden;}
/*------------------------------------------------------------- */
/* Alignment & Typography
--------------------------------------------------------------- */
.center     {margin: 0 auto !important; text-align: center !important;}
.left       {float: left;}
.right      {float: right;}
.text-left  {text-align: left;}
.text-right {text-align: right;}
.uppercase  {text-transform: uppercase;}
.strong     {font-weight: bold;}
.capitalize {text-transform: capitalize;}
.lowercase  {text-transform: lowercase;}
.justify    {text-align: justify;}
.auto       {width: auto !important;}
/*------------------------------------------------------------- */
/* Clear
--------------------------------------------------------------- */
.clear              {clear: both;}
.clear-left         {clear: left;}
.clear-right        {clear: right;}
br.clear, div.clear {height: 0px; line-height: 0; font-size: 0; overflow: hidden;}
span.clear  {display: block; width: 1px; height: 0.001%; line-height: 0; font-size: 0; overflow: hidden;}
/*------------------------------------------------------------- */
/* Colors
--------------------------------------------------------------- */
.white      {color: #FFFFFF !important;}
.black      {color: #000000 !important;}
/*------------------------------------------------------------- */
/* Debug
--------------------------------------------------------------- */
.debug      { background: #777777; border: 1px solid #FF9900;}