/* Align */
.text-center		{ text-align: center;	}
.text-left			{ text-align: left;		}
.text-right			{ text-align: right;	}
.baseline				{ vertical-align: baseline; }
.bottom					{ vertical-align: bottom; }
.middle					{ vertical-align: middle; }
.text-top				{ vertical-align: text-top; }
.top 						{ vertical-align: top; }

/* Borders */

.b-none 				{ border: none;}
.border-left 			{ border-left: 1px solid  #333; }
.border-right 			{ border-right: 1px solid  #333; }

/* Buttons */


/* Color */
.black 					{ color: #000; }
.white 					{ color: #fff; }
.off-black				{ color: #262626; }

.grey-c 				{ color: #ccc;}
.grey-3 				{ color: #333; }
.grey-6 				{ color: #666; }
.grey-9 				{ color: #999; }
.grey-9F 				{ color: #9F9F9F;}

.b-black 				{ background: #000; }
.b-white 				{ background: #fff; }
.b-off-black			{ background: #262626; }
.b-blue-hover:hover		{ background: #009BE7; }
.blue					{ color: #009BE7;}



/* Display */
.block 					{ display: block; }
.display-inline { display: inline; } /* this has extra display- as drupal outputs inline as a class sometimes */
.inline-block		{ display: inline-block; }
.hide						{ display: none !important; }
.sr 						{ position: absolute !important;
									clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
									clip: rect(1px, 1px, 1px, 1px); }/* '.sr' = Screen reader */

/* Font display */
.bold,
.strong					{ font-weight: bold; }
.normal					{ font-weight: normal; }
.italic					{ font-style: italic;	}
.not-italic			{ font-style: normal;	}
.small-caps			{ font-variant: small-caps; }
.uppercase			{ text-transform: uppercase; }

/* Float */
.f-left 				{ float: left; display: inline; }
.f-right 				{ float: right; display: inline; }

/* Margins/Padding */
.pan					{ padding:0}
.pas					{ padding:3px 4px}
.pam					{ padding:9px}
.pal					{ padding:18px}
.paxl					{ padding:27px}
.paxxl				{ padding:36px}
.ptn					{ padding-top:0}
.pts					{ padding-top:4px}
.ptm					{ padding-top:9px}
.ptl					{ padding-top:18px}
.ptxl					{ padding-top:27px}
.ptxxl				{ padding-top:36px}
.prn					{ padding-right:0}
.prs					{ padding-right:4px}
.prm					{ padding-right:9px}
.prl					{ padding-right:18px}
.prxl					{ padding-right:27px}
.prxxl				{ padding-right:36px}
.pbn					{ padding-bottom:0}
.pbs					{ padding-bottom:3px}
.pbm					{ padding-bottom:9px}
.pbl					{ padding-bottom:18px}
.pbxl					{ padding-bottom:27px}
.pbxxl					{ padding-bottom:36px}
.pbxxxl  				{ padding-bottom:45px}
.pbxxxxl			{padding-bottom: 54px}
.pln					{ padding-left:0}
.pls					{ padding-left:4px}
.plm					{ padding-left:9px}
.pll					{ padding-left:18px}
.plxl					{ padding-left:27px}
.plxxl				{ padding-left:36px}
.phn					{ padding-left:0;padding-right:0}
.phs					{ padding-left:4px;padding-right:4px}
.phm					{ padding-left:9px;padding-right:9px}
.phl					{ padding-left:18px;padding-right:18px}
.phxl					{ padding-left:27px;padding-right:27px}
.phxxl				{ padding-left:36px;padding-right:36px}
.pvn					{ padding-top:0;padding-bottom:0}
.pvs					{ padding-top:3px;padding-bottom:3px}
.pvm					{ padding-top:9px;padding-bottom:9px}
.pvl					{ padding-top:18px;padding-bottom:18px}
.pvxl					{ padding-top:27px;padding-bottom:27px}
.pvxxl				{ padding-top:36px;padding-bottom:36px}
.man					{ margin:0}
.mas					{ margin:3px 4px}
.mam					{ margin:9px}
.mal					{ margin:18px}
.maxl					{ margin:27px}
.maxxl				{ margin:36px}
.mtn					{ margin-top:0}
.mts					{ margin-top:3px}
.mtm					{ margin-top:9px}
.mtl					{ margin-top:18px}
.mtxl					{ margin-top:27px}
.mtxxl				{ margin-top:36px}
.mrn					{ margin-right:0}
.mrs					{ margin-right:4px}
.mrm					{ margin-right:9px}
.mrl					{ margin-right:18px}
.mrxl					{ margin-right:27px}
.mrxxl				{ margin-right:36px}
.mbn					{ margin-bottom:0}
.mbs					{ margin-bottom:3px}
.mbm					{ margin-bottom:9px}
.mbl					{ margin-bottom:18px}
.mbxl					{ margin-bottom:27px}
.mbxxl				{ margin-bottom:36px}
.mln					{ margin-left:0}
.mls					{ margin-left:4px}
.mlm					{ margin-left:9px}
.mll					{ margin-left:18px}
.mlxl					{ margin-left:27px}
.mlxxl				{ margin-left:36px}
.mhn					{ margin-left:0;margin-right:0}
.mhs					{ margin-left:4px;margin-right:4px}
.mhm					{ margin-left:9px;margin-right:9px}
.mhl					{ margin-left:18px;margin-right:18px}
.mhxl					{ margin-left:27px;margin-right:27px}
.mhxxl				{ margin-left:36px;margin-right:36px}
.mvn					{ margin-top:0;margin-bottom:0}
.mvs					{ margin-top:3px;margin-bottom:3px}
.mvm					{ margin-top:9px;margin-bottom:9px}
.mvl					{ margin-top:18px;margin-bottom:18px}
.mvxl					{ margin-top:27px;margin-bottom:27px}
.mvxxl				{ margin-top:36px;margin-bottom:36px}


/* Overflow */
.o-hidden 		{	overflow: hidden;}
.o-auto 			{	overflow: auto;}
.o-scroll 		{	overflow: scroll;}
.o-scroll-y 	{	overflow-y: scroll;}
.o-scroll-x 	{	overflow-x: scroll;}

/* Position */
.p-left				{	position: absolute; left: 0; }
.p-right			{ position: absolute; right: 0; }
.p-top				{	position: absolute; top: 0; }
.p-bottom 		{	position: absolute; bottom: 0; }

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

/* Rounded */
.rounded-a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.rounded-t {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.rounded-b {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* Miscellaneous classes */
.clear 				{ clear: both; }
.hidden				{ visibility: hidden; }
.nowrap				{ white-space: nowrap; }

.clearfix:before,
.clearfix:after,
.wrapper:before,
.wrapper:after {
	color: transparent;
	content: ' ';
	display: block;
	height: 0;
	overflow: hidden;
}

.wrapper:after,
.clearfix:after { clear: both; }

/* http://sonspring.com/journal/clearing-floats */

.super-clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.ir { height: 0; overflow: hidden; }

/* Remove things that require javascript if it isn't present */
.no-js .requires-js { display: none; }