/**
 *  ~/include/styles/utility.css
 *  
 *  Utility Stylesheet
 *  Todd Cytra <tcytra@gmail.com>
**  --------------------------------------------------------------------------------- */

.absolute
{ position:		absolute; }
.relative
{ position:		relative; }
.remainder
{ position: relative;	overflow: hidden; }


.floatleft
{ float:		left; }
.floatright
{ float:		right; }
.clearfloat
{ clear:		both; }


.xfull
{ width:		100%; }
.x1quarter
{ width:		25%; }
.x1third
{ width:		33%; }
.xhalf
{ width:		50%; }
.x2third
{ width:		66%; }
.x3quarter
{ width:		75%; }


.x48
{ width:		48px; }
.x64
{ width:		64px; }
.x96
{ width:		96px; }
.x128
{ width:		128px; }
.x192
{ width:		192px; }
.x256
{ width:		256px; }
.x512
{ width:		512px; }
.x768
{ width:		768px; }


.autoright
{ margin-right:		auto; }
.autoleft
{ margin-left:		auto; }

.separated
{ margin:		16px 0px; }

.outerpad4
{ margin:		4px; }
.outerpad8
{ margin:		8px; }

.innerpad2
{ padding:		2px; }
.innerpad4
{ padding:		4px; }
.innerpad8
{ padding:		8px; }
.innerpad16
{ padding:		16px; }
.innerpad24
{ padding:		24px; }

.squeeze4
{ padding-left: 4px;	padding-right: 4px; }
.squeeze8
{ padding-left: 8px;	padding-right: 8px; }
.squeeze16
{ padding-left: 16px;	padding-right: 16px; }

.pinch2
{ padding-top: 2px;	padding-bottom: 2px; }
.pinch4
{ padding-top: 4px;	padding-bottom: 4px; }
.pinch8
{ padding-top: 8px;	padding-bottom: 8px; }
.pinch16
{ padding-top: 16px;	padding-bottom: 16px; }
.pinch24
{ padding-top: 24px;	padding-bottom: 24px; }
.pinch32
{ padding-top: 32px;	padding-bottom: 32px; }

.indent24
{ padding-left:		24px; }
.indent192
{ padding-left:		192px; }

.indent1quarter
{ padding-left:		25%; }
.indent1third
{ padding-left:		33%; }

.block
{ display:		block; }
.inline
{ display:		inline; }
.hidden
{ display:		none; }
.item
{ padding:		2px 0px; }


.bglight
{ background-color:	#F9F9F9; }
.bgred
{ background-color:	#C90000; }
.bgblue
{ background-color:	#4977B5; }
.bggrey
{ background-color:	#C6C6C6; }


.huge
{ font-size:		18pt; }
.xlarge
{ font-size:		14pt; }
.large
{ font-size:		12pt; }
.normal
{ font-size:		10pt; }
.medium
{ font-size:		9pt; }
.small
{ font-size:		8pt; }
.tiny
{ font-size:		7pt; }


.left
{ text-align:		left; }
.right
{ text-align:		right; }
.center
{ text-align:		center; }
.justify
{ text-align:		justify; }


.bold
{ font-weight:		bold; }
.italic
{ font-style:		italic; }
.underline
{ text-decoration:	underline; }
.red
{ color:		#C90000; }
.amber
{ color:		orange; }
.green
{ color:                #00C900; }
.blue
{ color:                #003366; }
.gold
{ color:		#FFD700; }
.yellow
{ color:		#FFFF00; }
.white
{ color:		#FFFFFF; }
.black
{ color:		#000000; }
.golden
{ color:		#FFD100; }


.link
{ cursor:		pointer; }
.disabled
{ color:		gray; }



/**
 *  broken browser fixes
**  --------------------------------------------------------------------------------- */

.clearfix:after {
  content:		"."; 
  display:		block; 
  height:		0px; 
  clear:		both; 
  visibility:		hidden;
}

* html>body .clearfix {
  display:		inline-block; 
  width:		100%;
}

* html .clearfix {
  height:		1%;
}