/*
	##     MYM BASIC STYLESHEET
	##     basic v6.1
	##     Updated: Oct 10, 2009
	##     brent@mimoYmima.com
	##     removed unused background images
*/


/* ÷ ÷ ÷ TAGS ÷ ÷ ÷ */

	/* Equilizes Most Cross-Browser Inconsistancies */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
	{ margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

	/* -- do not change font size here, instead see style.css body {}. This font size (62.5%) creates a relationship between em and px : .1em = 1px -- */
	html { font-size: 62.5%; }

	/* -- forms ~ also see Form Lists section -- */
	label, input, select, .Icon, .Button { vertical-align: middle; }
	label { font-weight: bold; cursor: pointer; }
	label em { font-weight: normal; }
	input, textarea { border: 0; font-size: 1em; padding: .2em .4em; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
	.Button { padding: .1em; cursor: pointer !important; }

	/* -- Text -- */
	p { margin-bottom: 1.5em; }
	sup, sub { font-size: 80%; }
	ins { border-bottom: 1px dotted #666; }
	del { text-decoration: line-through; }
	.Lowercase { text-transform: lowercase; }
	.Uppercase { text-transform: uppercase; }

	/* -- Lists -- */
	ol { margin: 0 50px 1.5em 50px; }
	ol li { margin-bottom: 1em; }
		
	/* -- Other -- */
	code { font-family: 'Andale Mono', 'Lucida Console', "courier new", courier, monospace; background-color: #069; color: #FFF; padding: .5em; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	pre code { line-height: 130%; display: block; padding: 1em; margin: 2em 0; overflow: auto; }
	pre { margin: 1em; }
	abbr, acronym { border-bottom: 1px dotted #666; }
	hr.Rule { border: 0 !important; color: #EEE; background-color: #EEE; height: 1px; clear: both; margin: 1em; }
	address { margin-bottom: 1.5em; }
	table { border-collapse: collapse; }
	.trans25 { opacity: 0.25; -moz-opacity:.25; filter:alpha(opacity=25); }
	.trans50 { opacity: 0.5; -moz-opacity:.5; filter:alpha(opacity=50); }
	.trans75 { opacity: 0.75; -moz-opacity:.75; filter:alpha(opacity=75); }


/* ÷ ÷ ÷ CLASSES ÷ ÷ ÷ */

	/* -- Tables -- */
	.DataTable { width: 100%; border-spacing: 0; margin-bottom: 1.5em; }
	.DataTable th,
	.DataTable td { padding: 2px 0; }

	/* - - Lists - - */
	.DictList { width: 90%; margin: 3em auto; }
	.DictList dt { font-weight: bold; color: #666; width: 150px; border-bottom: 1px dotted #333; text-transform: uppercase; }
	.DictList dd { margin: -20px 0 25px 150px; background: #EEE; padding: 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
	.DictList dd .IconList { margin-top: 1em; }

	/* add little down arrows on rollover with pngs in basic for all poundDnLists */
	.PoundDnList { margin-bottom: 1em; }
	.PoundDnList li { list-style-type: none; background: none !important; }

	.NoBullet { list-style-type: none; margin-bottom: 2em; }
	.NoBullet li { margin-bottom: .5em; }

	.BulletList { margin: 1em 0 2em 0; line-height: 150%; }
	.BulletList li { margin: 0 2em 1em 2em; list-style-type: square; }
	.BulletList li ul { margin: .5em 0 1.5em 0; }
	.BulletList li ul li { list-style-type: circle; margin: 0 2em .5em 2em; }

	/* maybe split out the right and left specific stuff into seperate classes later*/
	.HorizList ul { float: left; list-style-type: none; }
	.HorizList li { float: left; display: inline; }
	.HorizList li a { display: block; float: left; width: auto;  }

	.HorizListRt ul { float: right; list-style-type: none; }
	.HorizListRt li { float: right; display: inline; }
	.HorizListRt li a { display: block; width: auto; }

	/* Icon Lists */
	.IconList { margin-bottom: 1em; line-height: 150%; }
	.IconList li { list-style-type: none; padding-left: 22px; margin-bottom: 1em; }
	.IconList li a { padding-left: 22px; margin-left: -22px; }

	/* IconLists work for an entire list or you can specifically put them on an li */
	li.LinkList, ul.LinkList li { background: url(../images/icon_link_arrow.png) 3px 3px no-repeat; }
	li.PDFList, ul.PDFList li { background: url(../images/icon_link_pdf_sm.png) 0 0 no-repeat; }
	
	/* Form Lists */	
	.RadioList li { list-style-type: none !important; margin-bottom: .5em; text-indent: -20px; padding-left: 20px; vertical-align: top; }
	.RadioList li label { display: inline !important; vertical-align: bottom; margin-left: 7px; }

	.InputList li { list-style-type: none !important; margin-bottom: 1em; vertical-align: top; }
	.InputList li label { display: block; vertical-align: top; }
	.InputList li { clear: both; }

	/* Links */
	.LinkUp { text-align: right;}
	.LinkUp a { margin-left: 1.5em; }
	
	/* Columns */
	.Cols { width: 100%; } /* overflow: hidden; */
		/* Col */
		.Col { float: left; clear: none; }
		.Gap { margin-right: 10px; }
		
	/* System Messages */
	.Sys { font-weight: bold; color: #333 !important; padding: 10%; margin: 5px; line-height: 150%; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	.Sys a:link, .Sys a:visited { color: #333; text-decoration: underline; }
	.Sys a:hover, .Sys a:active { color: #333; text-decoration: none; }
	.Sys ul { margin-left: 3em; }
	.Msg { background: #0F0; }
	.Warn { background: #FF0; }
	.Error { background: #F66; }

	/* Clear Floats */
	.ClearFix { display: inline-block; } /* This needs to be first because FF3 is now supporting this */
	.ClearFix:after { content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }
	.ClearAll { visibility: hidden; clear: both; margin: 0 !important; padding: 0 !important; font-size: 0; height: 1px; }

    /* Alignment : don't change class names, they need to be this way for wordpress but could be used for other sites this way too */
	img.centered { display: block; margin-left: auto; margin-right: auto; }
    img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
    img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
    .alignright { float: right; }
	.alignleft { float: left; }