/* Global reset */
html, html body { width: 100%; height:100%               }
*               { margin: 0;   padding:0;  border:0; font-smooth:always; background-color: transparent; color: inherit }
:focus          { outline:0                              }
:link, :visited { text-decoration:none                   }
a               { background:inherit;      color:inherit }

/* Width */
.w_all     { width:100%!important}
.w_most    { width:75%!important}
.w_half    { width:50%!important}
.w_third   { width:33.333%!important}
.w_quarter { width:25%!important}
.w_fifth   { width:20%!important}
.w_auto    { width:auto!important}
.w_all_plus{ min-width:100%!important}

/* Height */
.h_all     { height:100%!important}
.h_most    { height:75%!important}
.h_half    { height:50%!important}
.h_third   { height:33.333%!important}
.h_quarter { height:25%!important}
.h_fifth   { height:20%!important}
.h_auto    { height:auto!important}
.h_all_plus{ min-height:100%!important}

/* Padding */
.pa_auto { padding:       auto}
.pt_auto { padding-top:   auto}
.pr_auto { padding-right: auto}
.pb_auto { padding-bottom:auto}
.pl_auto { padding-left:  auto}
.pa_zero { padding:       0}
.pt_zero { padding-top:   0}
.pr_zero { padding-right: 0}
.pb_zero { padding-bottom:0}
.pl_zero { padding-left:  0}
.pa_half { padding:       .5em}
.pt_half { padding-top:   .5em}
.pr_half { padding-right: .5em}
.pb_half { padding-bottom:.5em}
.pl_half { padding-left:  .5em}
.pa_one  { padding:       1em}
.pt_one  { padding-top:   1em}
.pr_one  { padding-right: 1em}
.pb_one  { padding-bottom:1em}
.pl_one  { padding-left:  1em}
.pa_two  { padding:       2em}
.pt_two  { padding-top:   2em}
.pr_two  { padding-right: 2em}
.pb_two  { padding-bottom:2em}
.pl_two  { padding-left:  2em}
.pa_five  { padding:       5em}
.pt_five  { padding-top:   5em}
.pr_five  { padding-right: 5em}
.pb_five  { padding-bottom:5em}
.pl_five  { padding-left:  5em}

/* Padding */
.ma_auto { margin:       auto}
.mt_auto { margin-top:   auto}
.mr_auto { margin-right: auto}
.mb_auto { margin-bottom:auto}
.ml_auto { margin-left:  auto}
.ma_zero { margin:       0}
.mt_zero { margin-top:   0}
.mr_zero { margin-right: 0}
.mb_zero { margin-bottom:0}
.ml_zero { margin-left:  0}
.ma_half { margin:       .5em}
.mt_half { margin-top:   .5em}
.mr_half { margin-right: .5em}
.mb_half { margin-bottom:.5em}
.ml_half { margin-left:  .5em}
.ma_one  { margin:       1em}
.mt_one  { margin-top:   1em}
.mr_one  { margin-right: 1em}
.mb_one  { margin-bottom:1em}
.ml_one  { margin-left:  1em}
.ma_two  { margin:       2em}
.mt_two  { margin-top:   2em}
.mr_two  { margin-right: 2em}
.mb_two  { margin-bottom:2em}
.ml_two  { margin-left:  2em}
.ma_five  { margin:       5em}
.mt_five  { margin-top:   5em}
.mr_five  { margin-right: 5em}
.mb_five  { margin-bottom:5em}
.ml_five  { margin-left:  5em}
.ma_ten  { margin:       10em}
.mt_ten  { margin-top:   10em}
.mr_ten  { margin-right: 10em}
.mb_ten  { margin-bottom:10em}
.ml_ten  { margin-left:  10em}

/* Box position */
.pos_left   { left:0  }
.pos_right  { right:0 }
.pos_bottom { bottom:0}
.pos_top    { top:0   }

.absolute { position:absolute }
.relative { position:relative }
.fixed    { position:fixed    }
.static   { position:static   }

.float_left { float: left }
.float_right { float: right }

/* Box display */
.inline           { display:inline }
.none, .invisible { display:none   }
.block,.visible   { display:block  }

/* Simple color schemes */
.black { background-color:#000; color:#EEE }
.grey  { background-color:#222; color:#EEE }
.white { background-color:#fff; color:#222 }
.blue  { background-color:#4A678F; color:#D4E3F7}
.navy  { background-color:#114466; color:#D4E9F7 }
.red   { background-color:#881111; color:#DEE }
.trans { background-color:transparent; color: inherit }

/* Font weight and style */
.bold    { font-weight:700     }
.bolder  { font-weight:bolder  }
.lighter { font-weight:lighter }
.italic  { font-style:italic   }
.normal  { font-weight:400; font-style: normal }

/* Text alignment */
.a_left    { text-align:left   }
.a_center  { text-align:center }
.a_right   { text-align:right  }
.a_justify { text-align:justify}

/* Text size */
.tiny    { font-size:  .5em }
.smaller { font-size:  .7em }
.small   { font-size:  .9em }
.large   { font-size: 1.1em }
.larger  { font-size: 1.5em  }
.huge   { font-size: 1.75em  }
.giant   { font-size: 3em   }
.omfg    { font-size:20em   }

/* Border styles */
.bt_one   { border-top-width:1px; margin-top:-1px }
.bt_two   { border-top-width:2px; margin-top:-2px }
.bt_three { border-top-width:3px; margin-top:-3px }
.br_one   { border-right-width:1px; margin-right:-1px }
.br_two   { border-right-width:2px; margin-right:-2px }
.br_three { border-right-width:3px; margin-right:-3px }
.bb_one   { border-bottom-width:1px; margin-bottom:-1px }
.bb_two   { border-bottom-width:2px; margin-bottom:-2px }
.bb_three { border-bottom-width:3px; margin-bottom:-3px }
.bl_one   { border-left-width:1px; margin-left:-1px }
.bl_two   { border-left-width:2px; margin-left:-2px }
.bl_three { border-left-width:3px; margin-left:-3px }

.b_red   { border-color: #F00 }
.b_green { border-color: #0F0 }
.b_blue  { border-color: #00F }
.b_black { border-color: #000 }
.b_grey  { border-color: #333 }
.b_white { border-color: #FFF }
.b_solid { border-style: solid  }
.b_dashed{ border-style: dashed }

/* Cursors */
.busy,.progress { cursor:progress  }
.crosshair      { cursor:crosshair }
.e_resize       { cursor:e-resize  }
.hand,.pointer  { cursor:pointer   }
.help           { cursor:help      }
.move 			{ cursor:move      }
.n_resize 		{ cursor:n-resize  }
.ne_resize 		{ cursor:ne-resize }
.nw_resize 		{ cursor:nw-resize }
.w_resize 		{ cursor:w-resize  }
.wait 			{ cursor:wait      }
.s_resize 		{ cursor:s-resize  }
.se_resize 		{ cursor:se-resize }
.sw_resize 		{ cursor:sw-resize }
.text 			{ cursor:text      }

/* Clear */
.c_both, .clear { clear:both  }
.c_left { clear:left  }
.c_right{ clear:right }

/* Round corners on good browsers */
.round_upper_left_ten   { -khtml-border-radius-topleft:    10px; -moz-border-radius-topleft:    10px; -webkit-border-top-left-radius:    10px }
.round_upper_right_ten  { -khtml-border-radius-topright:   10px; -moz-border-radius-topright:   10px; -webkit-border-top-right-radius:   10px }
.round_lower_right_ten  { -khtml-border-radius-bottomright:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px }
.round_lower_left_ten   { -khtml-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px }
.round_upper_left_five  { -khtml-border-radius-topleft:     5px; -moz-border-radius-topleft:     5px; -webkit-border-top-left-radius:     5px }
.round_upper_right_five { -khtml-border-radius-topright:    5px; -moz-border-radius-topright:    5px; -webkit-border-top-right-radius:    5px }
.round_lower_right_five { -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px }
.round_lower_left_five  { -khtml-border-radius-bottomleft:  5px; -moz-border-radius-bottomleft:  5px; -webkit-border-bottom-left-radius:  5px }

/* Transparency */
.trans_0  { -moz-opacity: 1; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) }
.trans_40 { -moz-opacity:.4; opacity:.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40)  }
.trans_50 { -moz-opacity:.5; opacity:.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)  }
.trans_60 { -moz-opacity:.6; opacity:.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)  }
.trans_70 { -moz-opacity:.7; opacity:.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)  }
.trans_80 { -moz-opacity:.8; opacity:.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)  }
.trans_90 { -moz-opacity:.9; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)  }

/* z-index */
.z_zero { z-index:0 }
.z_one { z-index:1 }
.z_two { z-index:2 }
.z_three { z-index:3 }
.z_four { z-index:4 }
.z_five { z-index:5 }
.z_ten { z-index:10 }
.z_twenty { z-index:20}
.z_auto { z-index:auto }

/* Random silly stuff */
.li:before {  content:" · " }
.delete { text-decoration:line-through }

.indent_half { text-indent: .5em }
.indent_one { text-indent: 1em }
.indent_two { text-indent: 2em }
.indent_three, .indent { text-indent: 3em }
.indent_five { text-indent: 5em }

/*
.fifteen { width:15em}

.fifteen_ {
margin-right:15em!important
}

.five { width:5em}

.five_ { margin-right:5em}


.left {
float:left!important
}


.one {
width:1em!important
}

.one_ {
margin-right:1em!important
}

.one__ {
padding-right:1em!important;
margin-right:-1em!important
}

.ten {
width:10em!important
}

.ten_ {
margin-right:10em!important
}

.three {
width:3em!important
}

.three_ {
margin-right:3em!important
}


.twenty {
width:20em!important
}

.twenty_ {
margin-right:20em!important
}



.ten_ {
margin-right:7em!important
}

.small {
font-size:10px
}

._min_fifty_ {
min-width:50em!important
}

._min_forty_ {
min-width:40em!important
}

._min_thirty_ {
min-width:30em!important
}

._min_ten_ {
min-width:10em!important
}

._min_seven_ {
min-width:7em!important
}

._min_five_ {
min-width:5em!important
}

._min_three_ {
min-width:3em!important
}

._min_one_ {
min-width:1em!important
}

._fifty_ {
width:50em!important
}

._forty_ {
width:40em!important
}

._thirty_ {
width:30em!important
}

._twenty_ {
width:20em!important
}

._ten_ {
width:10em!important
}

._seven_ {
width:7em!important
}

._five_ {
width:5em!important
}

._three_ {
width:3em!important
}

._one_ {
width:1em!important
}
*/