/*
Standard classes
©2008+ Mark Iliff, Talespinner (www.talespinner.co.uk) 
*/

@charset "utf-8";


/*Text style & alignment
**************************************************/
	.plain { font-style: normal; font-weight: normal; }
	.ital { font-style: italic; }
	.bold { font-weight: bold; }

	.cNormal { text-transform: none; }
	.cProper { text-transform: capitalize; }
	.cLower { text-transform: lowercase; }
	.cUpper { text-transform: uppercase; }

	.feint { color: #606060; }
	.feinter { color: #909090; }
	.black { color: black; }
	.grey { color: gray; }
	.silver { color: silver; }
	.white { color: white; }
	.red, .err { color: #cd2748; }
	.orange { color: orange; }
	.green { color: #006400; }

	.left { text-align: left; }
	.mid { text-align: center; }
	.right { text-align: right; }
	.both { text-align: justify; }
	.vTop { vertical-align: top; }
	.vMid { vertical-align: middle; }
	.vBot { vertical-align: bottom; }
	
	.floatL { float: left; }
	.floatR { float: right; }
	.floatM { margin: 0 auto; }
	
	.clear { clear: both; }
	.clearL { clear: left; }
	.clearR { clear: right; }
	.clearA { overflow: auto; } /* clear after */

	.strike { text-decoration: line-through; }

	.mono { font-family: "Courier New", Courier, monospace; }


/*Text size
**************************************************/
	/* Down to 50: em-based */
	.s300 { font-size: 3em; }
	.s240 { font-size: 2.4em; }
	.s200 { font-size: 2em; }
	.s180 { font-size: 1.8em; }
	.s165 { font-size: 1.65em; }
	.s150 { font-size: 1.5em; }
	.s135 { font-size: 1.35em; }
	.s125 { font-size: 1.25em; }
	.s120 { font-size: 1.2em; }
	.s115 { font-size: 1.15em; }
	.s110 { font-size: 1.1em; }
	.s105 { font-size: 1.05em; }
	.s100 { font-size: 1em; }
	.s95 { font-size: 0.95em; }
	.s90 { font-size: 0.9em; }
	.s85 { font-size: 0.85em; }
	.s80 { font-size: 0.8em; }
	.s75 { font-size: 0.75em; }
	.s70 { font-size: 0.7em; } /*Normal legal min for small print*/
	.s60 { font-size: 0.6em; }
	.s50 { font-size: 0.5em; } /*Use only for spanning within an enlarging tag (eg h1)*/
	.s40 { font-size: 0.4em; } /*Use only for spanning within an enlarging tag (eg h1)*/
	
	/* Below 50: px-based */
	.s20 { font-size: 20px; }
	.s18 { font-size: 18px; }
	.s12 { font-size: 12px; }
	
	
/* Line height/spacing
**************************************************/
	.lh0 { line-height: 1em; }
	.lh10 { line-height: 1; }
	.lh11 { line-height: 1.1em; }
	.lh12 { line-height: 1.2em; }
	.lh14 { line-height: 1.4em; }
	.lh17 { line-height: 1.7em; }
	
	.ls0 { letter-spacing: 0; }
	.ls1 { letter-spacing: 0.1ex; }
	

/*Object width
**************************************************/
	.wA { width: auto; }
	.w640 { width: 640px; }
	.w24m { width: 24em; }
	.w18m { width: 18em; }
	.w12m { width: 12em; }
	.w8m { width: 8em; }
	.w7m { width: 7em; }
	.w6m { width: 6em; }
	.w5m { width: 5em; }
	.w4m { width: 4em; }

	.w600 { width: 600px; }
	.w500 { width: 500px; }
	.w200 { width: 200px; }
	.w150 { width: 150px; }

	.w100 { width: 100%; }
	.w99 { width: 99%; /*Chrome doesn't like w100 with borders*/}
	.w98 { width: 98%; }
	.w95 { width: 95%; }
	.w90 { width: 90%; }
	.w85 { width: 85%; }
	.w80 { width: 80%; }
	.w75 { width: 75%; }
	.w70 { width: 70%; }
	.w65 { width: 65%; }
	.w60 { width: 60%; }
	.w55 { width: 55%; }
	.w50 { width: 50%; }
	.w45 { width: 45%; }
	.w40 { width: 40%; }
	.w35 { width: 35%; }
	.w30 { width: 30%; }
	.w25 { width: 25%; }
	.w20 { width: 20%; }
	.w16 { width: 16%; }
	.w15 { width: 15%; }
	.w12 { width: 12%; }
	.w10 { width: 10%; }
	.w8 { width: 8%; }
	.w5 { width: 5%; }
	.w4 { width: 4%; }
	.w0 { width: 0; }

	.w5m { width: 5em; }
	.w4m { width: 4em; }
	.w3m { width: 3em; }
	.w2m { width: 2em; }
	.w1m { width: 1em; }
	.w1x { width: 1ex; }
	
	.xw1250 { max-width: 1250px; }
	.xw1000 { max-width: 1000px; }
	.xw800 { max-width: 800px; }
	.xw640 { max-width: 640px; }
	.xw500 { max-width: 500px; }
	.xw100 { max-width: 100%; }
	.xw64m { max-width: 64em; }
	.xw36m { max-width: 36em; }
	
	.nw500 { min-width: 500px; }


/*Object padding & margins
**************************************************/
	.m2m { margin: 2em; }
	.m1m { margin: 1em; }
	.m5 { margin: 5px; }
	.m0 { margin: 0; }
	.pm0 { padding: 0; margin: 0; }
	.mA, .mAuto { margin: auto; }
	.mAh { margin-left: auto; margin-right: auto; }

	.mT100 { margin-top: 100px; }
	.mTop-4 { margin-top: -4em; }
	.mT-2 { margin-top: -2em; }
	.mT-1 { margin-top: -1em; }
	.mTop-h { margin-top: -0.5em; }
	.mT0 { margin-top: 0; }
	.mT1x { margin-top: 1ex; }
	.mTh { margin-top: 0.5em; }
	.mT1 { margin-top: 1em; }
	.mT2 { margin-top: 2em; }
	.mT3 { margin-top: 3em; }
	.mT4 { margin-top: 4em; }
	
	.mR2 { margin-right: 2em; }
	.mR1 { margin-right: 1em; }
	.mR5 { margin-right: 5px; }

	.mB0 { margin-bottom: 0; }
	.mB1 { margin-bottom: 1em; }
	.mB2 { margin-bottom: 2em; }
	.mB3 { margin-bottom: 3em; }
	.mB4 { margin-bottom: 4em; }

	.mL200 { margin-left: 200px; }
	.mL2 { margin-left: 2em; }
	.mL1 { margin-left: 1em; }
	.mL1x { margin-left: 1ex; }
	.mL5 { margin-left: 5px; }

	.pm5 { padding: 5px; margin: 5px; }
	.pm0 { padding: 0; margin: 0; }

	.p2m { padding: 2em; }
	.p20 { padding: 20px; }
	.p10 { padding: 10px; }
	.p10-20 { padding: 10px 20px; }
	.p20-10 { padding: 20px 10px; }
	.p5-10 { padding: 5px 10px; }
	.p5 { padding: 5px; }
	.p3 { padding: 3px; }
	.p2 { padding: 2px; }
	.p1 { padding: 1px; }
	.p0-5 { padding: 0 5px; }
	.p0 { padding: 0; }
	
	.pT4 { padding-top: 4em; }
	.pT3 { padding-top: 3em; }
	.pT2 { padding-top: 2em; }
	.pT1 { padding-top: 1em; }
	.pT5 { padding-top: 5px; }
	.pB5 { padding-bottom: 5px; }
	.pB1 { padding-bottom: 1em; }
	.pB2 { padding-bottom: 2em; }
	.pL1 { padding-left: 1em; }
	.pR1 { padding-right: 1em; }


/*Backgrounds
**************************************************/
	.bg0 { background: none; }
	.bgWhite { background-color: white; }
	.bgLemon, .err { background-color: #ffffc0; }
	.bgSilver { background-color: #eee; }
	.bgGrey { background-color: gray; }
	.bgOrange { background-color: #ffd687; }

	
	.o20 { opacity: 0.2; }
	.o50 { opacity: 0.5; }
	.o90 { opacity: 0.9; }
	
		
/*Borders 
**************************************************/
	.bdr1 {border: 1px solid black}
	.bdr2 {border: 2px solid black}
	.b_silv { border: 1px solid silver; }
	.bdr1Red {border: 1px solid #cd2748}
	.bdr0, a.bdr0:hover { border: 0; }
	.bdrBot { border-bottom: 1px solid gray; }
	.bT_silv { border-top: 1px solid silver; }
	.bB_silv { border-bottom: 1px solid silver; }
	

/* Display
**************************************************/
	.block { display: block; }
	.none, .hide, .jsOnly { display: none; }
	.inline { display: inline; }
	.inBlo { display: inline-block; }
	.vOff { visibility: hidden; }
	.vOn { visibility: visible; }

	.posA, .ap, .absolute { position: absolute; }
	.posR, .rp, .relative { position: relative; }
	.fixed { position: fixed; }

	.clip { overflow: hidden; }
	.clipNot { overflow: visible; }
	.clipAuto, .hugFloat { overflow: auto; }
	@media print { .noPrint { display: none; } }
	@media screen { .noShow { display: none; } }

	.pointy { cursor: pointer; }


/* CSS3 
**************************************************/
	.r90anti { transform: rotate( -90deg ); }

	.shad3 { box-shadow: 3px 3px 5px #ccc; }
	.shad3t { box-shadow: 3px 3px 5px rgba( 0, 0, 0, 0.5 ); }

	.txtShad { text-shadow: 3px 3px 5px #ccc; }

	.round6 { border-radius: 6px; }
	.round6W { /*West (left) corners rounded*/
		border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

	.round12 { border-radius: 12px; }
	.round12N { /*North (top) corners rounded*/
		border-top-left-radius: 12px; border-top-right-radius: 12px; }
	.round12E { /*East (right) corners rounded*/
		border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
	.round12S { /*South (bottom) corners rounded*/
		border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
	.round12W { /*West (left) corners rounded*/
		border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
	.round12NE { /*Northeast (top right) corner rounded*/
		border-top-right-radius: 12px; }
	.round12SE { /*Southeast (bottom right) corner rounded*/
		border-bottom-right-radius: 12px; }
	.round12SW { /*Southwest (bottom left) corner rounded*/
		border-bottom-left-radius: 12px; }
	.round12NW { /*Northwest (top left) corner rounded*/
		border-top-left-radius: 12px; }

	.round24 { border-radius: 24px; }
	.round24W { /*West (left) corners rounded*/
		border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
	.round24E { /*East (right) corners rounded*/
		border-top-right-radius: 24px; border-bottom-right-radius: 24px; }
	.round24S { /*South (bottom) corners rounded*/
		border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }
	.round24NE { /*Northeast (top right) corner rounded*/
		border-top-right-radius: 24px; }
	.round24SW { /*Southwest (bottom left) corner rounded*/
		border-bottom-left-radius: 24px; }
		
	.round36 { border-radius: 36px; }
	.round36NE { /*Northeast (top right) corner rounded*/
		border-top-right-radius: 36px; }
	.round36SW { /*Southwest (bottom left) corner rounded*/
		border-bottom-left-radius: 36px; }
		
	.round48 { border-radius: 48px; }
	.round48S { /*South (bottom) corners rounded*/
		border-bottom-left-radius: 48px; border-bottom-right-radius: 48px; }
	.round48NE { /*Northeast (top right) corner rounded*/
		border-top-right-radius: 48px; }
	.round48SW { /*Southwest (bottom left) corner rounded*/
		border-bottom-left-radius: 48px; }
		
	.round76NE { /*Northeast (top right) corner rounded*/
		border-top-right-radius: 76px; }
	.round76SW { /*Southwest (bottom left) corner rounded*/
		border-bottom-left-radius: 76px; }

	.round96 {
		border-radius: 96px; }
	.round96NE { /*Northeast (top right) corner rounded*/
		border-top-right-radius: 96px; }
	.round96SW { /*Southwest (bottom left) corner rounded*/
		border-bottom-left-radius: 96px; }

	.round120NE { /*Northeast (top right) corner rounded*/
		border-top-right-radius: 120px; }
	.round120SW { /*Southwest (bottom left) corner rounded*/
		border-bottom-left-radius: 120px; }