/*------------------------------------------------------------- */
/* 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;}
.italic     {font-style: italic;}

/*------------------------------------------------------------- */
/* Clear
--------------------------------------------------------------- */
.clear      {clear: both;}
.clear-left {clear: left;}
.clear-right{clear: right;}
span.clear  {display: block; width: 10px; height: 0.1px; line-height: 0; font-size: 0; overflow: hidden;}
br.clear, br.clear-left, br.clear-right
            {line-height: 1px; font-size: 1px; overflow: hidden; height: 0; }

/*------------------------------------------------------------- */
/* Debug
--------------------------------------------------------------- */
.debug      { background: #777777; border: 1px solid #FF9900;}