@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700);

/* CSS RESET */
	html, body, div, form, fieldset, legend, label { margin: 0; padding: 0; font-size: 100%; }
	article, aside, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	img, object, embed, canvas { /*display: block;*/ margin: 0; padding: 0; max-width: 100%; border: 0; font-size: 0.9em; font-style: italic; }
	sup, sub { line-height: 0; }
	table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL */
	article section+section h1 { margin-top: 2.5em; }
	dd+dt { margin-top: 0.5em; }
	header h1>* { margin-bottom: 0; }	/* Removes spacing between contents of header. */

/* TYPOGRAPHY */
	body { font-family: "open sans", verdana, helvetica, arial, sans-serif; color: #444; }
	h1, h2, h3, h4, h5, h6 { font-family: verdana, helvetica, arial, sans-serif; line-height: normal; color: #333; }
	p { line-height: 1.5em; margin-top: 1.5em; }
	abbr, acronym { font-variant: small-caps; }
	code, samp, kbd, var { font-family: monaco, "ludica console", "courier new", courier, monospace; }
	p code, p samp { font-size: smaller; }
	kbd { }
	var { font-style: italic; }
	del, strike { opacity: 0.5; }
	sub, sup { line-height: 0; }
	mark { padding: 0 0.25em; border-radius: 4px; }
	time { }
	a { text-decoration: none; color: #349; }
	a:visited { text-decoration: none; color: #349; }
	a:hover, a:focus { text-decoration: underline; }
	a:active { text-decoration: underline; color: gray; }
	a[target="_blank"] { background: url(../_images/target_blank.png) center right no-repeat; padding-right: 0.6em; }
	.justify { text-align: justify; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	.hyphenize { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	.textemboss { text-shadow: 0 1px 0 rgba(255,255,255,0.5); }
	.textshadow { text-shadow: 0 2px 4px rgba(0,0,0,1); color: #fff; }
	.textshadowemboss {	text-shadow: 0 1px 0 #ccc, 0 1px 3px #151c3e; }
	.text3d { text-shadow: 0px 1px 0px #888, 0px 2px 0px #999, 0px 3px 0px #aaa, 0px 4px 0px #bbb; }
	.text3dlight { text-shadow: 0px 1px 0px #666, 0px 2px 0px #555, 0px 3px 0px #444, 0px 4px 0px #333, 0px 5px 6px #001135; }
	.fontlight { font-weight: lighter; }
	.fontbold { font-weight: bold; }
	.fontitalic { font-style: italic; }
	.fontsize15 { font-size: 1.5em; }
	.fontsize20 { font-size: 2em; }
	.fontsize25 { font-size: 2.5em; }
	.fontsize30 { font-size: 3em; }
	.fontsize40 { font-size: 4em; }
	.fontsize50 { font-size: 5em; }
	.fontsize60 { font-size: 6em; }
	.opensans { font-family: "open sans", verdana, helvetica, arial, sans-serif; }
	.verdana { font-family: verdana, helvetica, arial, sans-serif; }

/* COMMON CLASSES */
	/* Floats */
		.right { float: right; margin-left: 4%; }
		.left { float: left; margin-right: 4%; }
		.center { display: block; clear: both; margin: 0 auto; text-align: center; }
	/* Visibility */
		.hide { display: none; }
		.invisible { visibility: hidden; }
	/* Width */
		.maxwidth75 { max-width: 75%; }
		.maxwidth66 { max-width: 66.6%; }
		.maxwidth50 { max-width: 50%; }
		.maxwidth33 { max-width: 33.3% }
		.maxwidth25 { max-width: 25%; }
	/* Clears floats */
		.clear:after,
		.clear1:after,
		.clear2:after,
		.clear3:after {
			display: table;
			content: '';
			clear: both;
		}
		.clear1:after { height: 1em; }
		.clear2:after { height: 2em; }
		.clear3:after { height: 3em; }
	/* Appearance */
		.dropshadow { box-shadow: 0 2px 8px 0 rgba(0,0,0,0.5); } 
		.round { border-radius: 16px; }
		.round1 { border-top-right-radius: 16px; }
		.round3 { border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
		.roundtop { border-top-left-radius: 16px; border-top-right-radius: 16px; }
		.roundbottom { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }

/* OBSIDIAN'S GRID SPACE
	flexible width up to 1200 pixels (or greater if need be)
	1200 pixel wide pages is confortable to read
	1200 fits on a 1280 monitor and is divisible by 12
	12 divides well by 2, 3, 4, 6 or itself
	12 columns, 4% columns, 4% margins
	12*4% columns + 13*4% margins = 100%
	*/
	/* .row { width: 100%; max-width: 1200px; min-width: 704px; margin: 0 auto; margin-left: 4%; } */
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col9, .col10, .col11, .col12 { margin-left: 4%; float: left; min-height: 1px; }
	.col1 { width: 4%; } /*1/12*/
	.col2 { width: 12%; } /*1/6*/
	.col3 { width: 20%; } /*1/4*/
	.col4 { width: 28%; } /*1/3*/
	.col5 { width: 36%; } /*5/12*/
	.col6 { width: 44%; } /*1/2*/
	.col7 { width: 52%; } /*7/12*/
	.col8 { width: 60%; } /*2/3*/
	.col9 { width: 68%; } /*3/4*/
	.col10 { width: 76%; } /*5/6*/
	.col11 { width: 84%; } /*11/12*/
	.col12 { width: 92%; float: none; clear: both; }

/* FIGURE */
	/*
	figure { displa7y: table-caption; margin: 0; max-width: 100%; box-shadow: 0 4px 8px 0 #888; }
	figcaption { font-size: x-small; padding: 6px; color: #eee; background-color: #222; }
	*/

/* TABLE */
	.drawtable { width: 90%; margin: 0 auto 2em auto; border-collapse: collapse; background-color: #fafafa; }
	.drawtable caption { font-weight: bold; color: #eee; padding: 4px; background-color: #444; }
	.drawtable thead, .drawtable tfoot { background-color: #eee; }
	.drawtable tfoot { color: #888; font-size: 0.7em; }
	.drawtable td, .drawtable th { font-size: 0.85em; padding: 0.25em ; border: 1px solid #ddd; }
	.drawtable td { width: 50%; }
	.drawtable tbody tr:nth-child(odd) { background-color: #f1f4f7; }
	/* .drawtable tr:nth-of-type(2n + 2) { } */

/* jQuery Objects */
	/* CODE BLOCKS */
		ol.lncode {
			max-height: 39.5em;
			margin: 2em 4%;
			overflow: auto;
			background: #eee;
			border: 1px solid #ccc;
			border-radius: 8px;
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
			font-size: 0.8em;
		}
		ol.lncode li {
			margin-left: 1em;
			line-height: 1.5em;
			/*list-style: decimal-leading-zero;*/
			word-wrap: break-word;
			border-left: 1px solid #ccc;
			color: #aaa;
			background: #fafafa;
		}
		ol.lncode li:nth-child(even) { background-color: #f1f4f7; }
		ol.lncode li code {
			margin: 0;
			padding: 0 0 0 0.5em;
			color: #666;
			font-family: monaco, "lucida console", "courier new", courier, monospace;
			white-space: pre-wrap;
			-moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;
		}
		ol.lncode li:hover { background-color: #e0e8ef; }

	/* EXPAND & COLLAPSE BUTTONS */
		.expandbutton, .collapsebutton {
			display: none;
			color: #eee;
			background-color: #555;
			border: 2px solid #444;
			cursor: pointer;
		}
		.expandbutton:hover, .collapsebutton:hover { background-color: #666; }
		.expandbutton {
			min-width: 6em;
			text-align: center;
			margin-top: 0.5em;
			padding: 0.25em;
			border-radius: 8px 0 8px 0;
			box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5);
		}
		.expandarea {
			margin-left: 8px;
			border-left: 6px solid #444;
			padding: 0.5em 0.5em;
		}
		.collapsebutton {
			position: relative;
			top: 0.5em;
			right: 0.5em;
			padding: 0 4px;
			text-align: center;
			border: 2px solid #444;
			border-left: 0;
			border-radius: 0 2px 2px 0;
		}