/* Extracted and interpreted from adcstyle.css and frameset_styles.css */


/* ################################## STYLESHEET IMPORTS ##################################*/

/* FONTS */
/* typography.css defaults to Proxima Nova */
@import url("https://ianthekirkland.com/style/icons.css") all;
@import url("https://ianthekirkland.com/style/typography.css") all;
/*@import url("https://ianthekirkland.com/style/typography-proxima.css") all;*/
/*@import url("https://ianthekirkland.com/style/typography-runda.css") all;*/
/*@import url("https://ianthekirkland.com/style/typography-heroic.css") all;*/
/*@import url("https://ianthekirkland.com/style/typography-graphik.css") all;*/
/*@import url("https://ianthekirkland.com/style/typography-gibson.css") all;*/
/*@import url("https://ianthekirkland.com/style/typography-chalet.css") all;*/
/*@import url("https://ianthekirkland.com/style/typography-anchor.css") all;*/


/* CODE */
@import url("https://ianthekirkland.com/style/solarized_dark.css");

/* 
VARIABLES
=============
itk green (bg): #66df9e
itk green (text): #00CC99
*/

/* ################################## MEDIA : ALL ##################################*/
@media all 
{
	
	html 
		{
		/*this sets the font-size root value*/
		font-size: 14px;
		} 
	
	/* ________________________________ font families ________________________________ */
	
	body, ul ul ul, ol ol ol, ul ul ul li, ol ol ol li
		{
		font-family: "font-regular", "AvenirNext-Regular", "Avenir-Roman", -apple-system, Helvetica, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
		}
	
	h1, h2, h3, h4, h5, header, footer, strong, .bold, .tiny, dt, ul, ol, li, table th p
		{
		font-family: "font-medium", "AvenirNext-Bold", "Avenir-Bold", -apple-system, "Helvetica Bold", "Helvetica Neue Bold", HelveticaNeue-Bold, "Arial Bold", "Arial-Bold", sans-serif;
		/*font-family: "font-medium", "Helvetica Bold", "Helvetica Neue Bold", "HelveticaNeue-Bold", "Arial Bold", sans-serif;*/
		}


	h4, h5
		{
		font-family: "font-medium", "AvenirNext-Bold", "Avenir-Bold", -apple-system, "Helvetica Bold", "Helvetica Neue Bold", HelveticaNeue-Bold, "Arial Bold", "Arial-Bold", sans-serif;
		/*font-family: "font-medium", "Helvetica Bold", "Helvetica Neue Bold", "HelveticaNeue-Bold", "Arial Bold", sans-serif;*/
		}


	
	h1.giant
		{
		font-family: "font-light", "AvenirNext-Light", "Avenir-Light", -apple-system, "Helvetica Neue Light", HelveticaNeue-Light, sans-serif !important;
		font-size: 40px;
		}
	
	h6
		{
		font-family: "font-light", "AvenirNext-Light", "Avenir-Light", -apple-system, "Helvetica Neue Light", HelveticaNeue-Light, sans-serif !important;
		/* font-family: "font-light", "Helvetica Neue Light", HelveticaNeue-Light, Helvetica, Arial, sans-serif !important; */
		}

	pre, code 
		{
		font-family: menlo, courier, consolas, monaco, monospace;
		}

	x, afx, doc
		{
		font-family: -apple-system, helvetica, arial, sans-serif;
		}

	
	
	
	
	/* ________________________________ global font/text settings ________________________________ */
	*
		{
		/*Web-kit Bug Workaround*/
		/* https://css-tricks.com/forums/topic/weird-mobile-safari-font-face-problem-font-doubled-and-offset-to-the-left/ */
		font-weight: normal !important;
		text-rendering: optimizeLegibility !important; 
		/*-webkit-font-smoothing: antialiased !important;*/
		/* above was disabled due to weak rendering */
		/* ________________ */
		/*-webkit-font-smoothing: subpixel-antialiased !important;*/
		*/
		}

	
	
	
	
	
	
	/* ________________________________ body ________________________________ */
	body
		{
		max-width: 960px;
		/*margin: 20px 40px;*/
		margin: 0 auto 6em;
		padding-left: 3em !important;
		padding-right: 3em !important;
		/*background-color: #FFFFFF;*/
		background-color: #F7F7F7;
		color: #666666;
		font-size: 14px;
		letter-spacing: .25px;
		line-height: 160%;
		zoom: 97%;
		}
	
	
	#fauxbody 
		{
		margin: 0 auto 6em;
		padding-left: 3em;
		padding-right: 3em;
		background-color: #FFFFFF;
		color: #666666;
		font-size: 14px;
		letter-spacing: .25px;
		line-height: 160%;
		/*padding: 3em;*/
		}
	
	#wrapper
		{
		background-color: #fff;
		/*margin: 0 3em 3em 3em;*/
		/*
		-moz-box-shadow:    2px 2px 10px 3px #F1F1F1;
		-webkit-box-shadow: 2px 2px 10px 3px #F1F1F1;
		box-shadow:         2px 2px 10px 3px #F1F1F1;
		*/
		}
	
	#ribbon
		{
		width:100%;
		height: 36px;
		/*height:45px;*/
		/*background-color:#666666;*/
		/*background-color: #459B3B;*/
		/*background-color: #A1FFCD;*/
		/*margin-bottom: -.5em;*/
		background-color: #66df9e;
		color: #FFFFFF;
		}

	#ribbon.bhgre
		{
		/* background-color:#459B3B !important; */
		}

	#content
		{
		width: 100%;
		background-color: #ffffff;
		}
	
	#contentdiv
		{
		padding: 4em 4em 2em 4em;
		overflow-wrap: break-word;
		background-color: #FFFFFF;
		width: auto;
		}

	hr 
		{
		color: #F0F0F0;
		width: 100%;
		}

		
	/*  ________________________________ links ________________________________ */
	a:link
		{
		color: #00CC99;
		text-decoration: none !important;
		}
	
	a.bhgre:link
		{
		color: #00CC99;
		text-decoration: none !important;
		}
	
	a:visited
		{
		color: #45966B;
		text-decoration: none !important;
		}
	
	a:hover
		{
		color: #ffffff;
		background-color: #66DF9E;
		/* background-color: rgba(152, 243, 208, .5); */
		transition:all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		}
		
	a:active 
		{
		color: #ffda40;
		text-decoration: underline;
		}
	
	p>a:link, li>a:link
		{
		color: #00CC99;
		text-decoration: none !important;
		}
	
	p>a.bhgre:link, li>a.bhgre:link
		{
		color: #00CC99;
		text-decoration: none !important;
		}
	
	p>a:visited, li>a:visited
		{
		color: #00CC99;
		text-decoration: none !important;
		}
	
	p>a:hover, li>a:hover
		{
		color: #ffffff;
		background-color: #66DF9E;
		/* background-color: rgba(152, 243, 208, .5); */
		transition:all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		}
		
	p>a:active, li>a:active
		{
		color: #333333;
		text-decoration: underline;
		}
	
	
	
	
	/* ________________ 151229 ________________ */
	
/*	a:link, a:link
		{
		color: #00CC99;
		text-decoration: none !important;
		}
	
	a.bhgre:link, a.bhgre:link
		{
		color: #00CC99;
		text-decoration: none !important;
		}
	
	a:visited, a:visited
		{
		color: #00CC99;
		text-decoration: none !important;
		}
	
	a:hover, a:hover
		{
		color: #ffffff;
		background-color: #66DF9E;
		/* background-color: rgba(152, 243, 208, .5); *!/
		transition:all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		}
		
	a:active, a:active
		{
		color: #333333;
		text-decoration: underline;
		}*/
	
	
	/*  ________________________________ links - downloads ________________________________ */
	a.dl::before, a.dl:before
		{
		display: inline-block;
		margin-right: 4px;
		font-family: "itk-glyphs";
		content: "\e93f";
		}

	/* additional options */
	a.dl::before, a.dl:before
		{
		padding-right: .5em;
		color: #00CC99;
		}


		/* or you can specify the 'download' glyph in html using ...
		<i class="icn-download">  
		*/
		
	
	/*  ________________________________ html tags ________________________________ */
	
	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
	
	* html code	
		{
		font-size: 101%;
		}
	
	* html pre 
		{
		font-size: 101%;
		}
	
	
	/* ________________________________ code ________________________________ */
	
	pre, 
	code 
		{
		font-size: 11px; 
		/* overflow: scroll; */  
		/* above is contained in solarized_dark.css */
		}
	
	pre 
		{
		margin: 20px 0 10px 0;
		text-align: left;
		}
	
	
	p+pre, 
	p+code 
		{
		margin-top: -.5em;
		}
	
	pre+p,
	code+p 
		{
		margin-top: .5em;
		}
	
	code
		{
		background-color: #F1F1F1 !important;
		padding:.25em;
		}
	
	
	hr 
		{
		/*color: rgba(215, 215, 215, .25);*/
		color: #F0F0F0;
		size: 1px;
		width: 100%;
		noshade: "noshade";
		}
	
	.light-hr hr 
		{
		color: #999999;
		size: .5;
		width: 100%;
		noshade: "noshade";
		margin-bottom: 1em;
		}

	

	/* ________________________________ headers, etc. ________________________________ */
	
	h1, 
	h2, 
	h3, 
	h4, 
	h5	{
		color: #666666 !important;
		letter-spacing: -.5px;
		line-height: 1.25em;
		margin-bottom: 20px !important;
		}

	h1
		{
		/*color: #66df9e !important;*/
		color: #60D590 !important;
		}

	h6	{
		color: #666666 !important;
		}

	
	.bold,
	dt 
		{
		color: #666666 !important;
		margin-bottom: 10px;
		padding-top: 5px;
		}
	
	dd
		{
		margin-bottom: 2em !important;
		}
	
	dd:last-child
		{
		margin-bottom: 20px;
		}
	
	h1	{
		margin-top: 2.5em;
		margin-bottom: .5em;
		font-size: 28px;
		}
	
	h2	{
		margin-top: 2.5em;
		font-size: 20px;
		padding-bottom: 10px;
		border-bottom: 1px solid #A9A9A9;
		}
	
	h3	{
		margin-top: 2.5em;
		margin-bottom: .5em;
		font-size: 18px;
		line-height: 140%;
		}

	
	h4	{
		margin-top: 2.5em;
		margin-bottom: .5em;
		font-size: 16px;
		padding-bottom: 4px;
		line-height: 140%;
		/*border-bottom: 1px solid #A9A9A9;*/
		}

	
	h5	{
		margin-top: 2.25em;
		margin-bottom: .5em;
		font-size: 15px;
		font-size: 95%;
		text-transform: uppercase;
		letter-spacing: .1ex;
		line-height: 140%;
		}


	h6	{
		margin-top: 2em;
	  padding: 0;
		font-size: 12px;
		/*line-height: 140%;*/
		}


	h1+h1,
	h1+h2,
	h1+h3,
	h1+h4,
	h1+h5,
	h1+h6,
	h2+h1,
	h2+h2,
	h2+h3,
	h2+h4,
	h2+h5,
	h2+h6,
	h3+h1,
	h3+h2,
	h3+h3,
	h3+h4,
	h3+h5,
	h3+h6,
	h4+h1,
	h4+h2,
	h4+h3,
	h4+h4,
	h4+h5,
	h4+h6,
	h5+h1,
	h5+h2,
	h5+h3,
	h5+h4,
	h5+h5,
	h5+h6,
	h6+h1,
	h6+h2,
	h6+h3,
	h6+h4,
	h6+h5,
	h6+h6,
		{
		margin-top: 50% !important;
		margin-bottom: 50% !important;
		}

	h6
		{
		margin-top: -.5em;
		margin-bottom: -.5em;
		/* line-height: 2.5em !important; */
		}
	
	p
		{
	    margin-top: 0px;
	    margin-bottom: 10px;
		}
		
		
	.tiny 
		{
		font-size: 80% !important;
		line-height: 125%;
		letter-spacing: .25px;
		/*line-height: 98% !important;*/
		/*letter-spacing: 110% !important;*/
		}
		
	.red 
		{
		color: #e9663d !important;
		}
	
	.blue
		{
		color: #3aa8ea !important;	
		}
		
	.gray
		{
		color: #AAAAAA !important;	
		}
		
	.green
		{	
		color: #00CC99 !important;
		}
		
	.yellow
		{
		color: #dbb600 !important;	
		}

	.red-bg 
		{
		background-color: #e9663d !important;
		}
	
	.blue-bg
		{
		background-color: #3aa8ea !important;	
		}
		
	.gray-bg
		{
		background-color: #c9c9c9 !important;	
		}
		
	.green-bg
		{	
		background-color: #66df9e !important;
		}
		
	.yellow-bg
		{
		background-color: #ffeb88 !important;	
		}

	.spacer
		{
		/*margin: 5px;*/
		padding: .25ex;	
		}
		
	.faded
		{
		opacity: .5 !important;	
		}
	
	/* ________________________________ lists ________________________________ */
	
	ol 			
		{
		list-style-type: decimal;
		}
	
	ol ol 		
		{
		list-style-type: lower-alpha;
		}
	
	ol ol ol	
		{
		list-style-type: lower-roman;
		}
	
	ul
		{
		list-style-type: disc;
		}
	
	ul ul
		{
		list-style-type: square;
		}
	
	ul ul ul,
	ol ol ol
		{
		list-style-image: url(https://ianthekirkland.com/imgs/bull_arrow-r01.png);
		}
	
	ol, 
	ol ol, 
	ol ol ol, 
	ul, 
	ul ul, 
	ul ul ul 
		{
		margin: 15px 0 30px 15px;
		padding-bottom: 0px; 
		padding-left:10px;		
		list-style-position: outside;
		/*  
		As an example, you can also do this:
		list-style: square outside;
		*/
		}
			
	li			
		{
		/*margin: 0 0 15px 5px*/
		margin-bottom: 8px; 
		margin-left: 5px;
		line-height: 140%;
		}
		
	li>p
		{
		display: inline;
		}
	
	li>p+p
		{
		display: block;
		}
	
	li>a+p
		{
		display: block;
		}
	
	li ul li, li ol li
		{	
		font-weight: normal !important;
		font-family: font-light, "ProximaNova-Light", "AvenirNext-Light", "Avenir-Light", -apple-system, "Helvetica Neue Light", HelveticaNeue-Light, sans-serif !important;
		}
		
	/* ________________________________ table ________________________________ */
	
	table
		{
		/*border-top: 1px solid #919699;*/
		/*border-left: 1px solid #919699;*/
		/*border-spacing: 0;*/
		border-spacing: 4px;
		margin-bottom: 1.5em;
		}
		
	table th
		{
		/*padding: 6px 10px 6px 10px;*/
		background: #E2E2E2;
		font-size: 12px;
		/*border-bottom: 1px solid #919699;*/
		/*border-right: 1px solid #919699;*/
		/*border-right: 4px solid #ffffff;*/
		}
	
	table th p
		{
		font-weight: bold;
		margin-bottom: 0px; 
		}
		
	table td
		{
		padding: 6px 10px 6px 10px;
		font-size: 12px;
		vertical-align: top;
		
		/*border-bottom: 1px solid #E2E2E2;*/
		
		/*border-bottom: 1px solid #E2E2E2;*/
		/*border-right: 4px solid #ffffff;*/
		/*border-bottom: 1px solid #919699;*/
		/*border-right: 1px solid #919699;*/
		}
	
	table td p
		{
		margin-bottom: 0px; 
		}
	
	table td p + p  
		{
		margin-top: 5px; 
		}
	
	table td p + p + p 
		{
		margin-top: 5px; 
		}
	
	th, td
		{
		/*padding-left: 3.5em;*/
		/*padding-right: 3.5em;*/
		padding: .5em 1em .5em 1em;
		text-align: center !important;
		vertical-align: middle !important;
		}
	
	td
		{
		border-bottom: 1px solid #E2E2E2;
		}
		
	tr:last-of-type>td
		{
		border-bottom: none !important;
		}
	
	/* ________________________________ forms ________________________________ */
	
	form
		{
		margin: 0;
		}
	
	button
		{
		margin: 3px 0 10px 0;
		}
	
	input
		{
		vertical-align: middle;
		padding: 0;
		margin: 0 0 5px 0;
		}
	
	select
		{
		vertical-align: middle;
		padding: 0;
		margin: 0 0 3px 0;
		}
	
	textarea
		{
		margin: 0 0 10px 0;
		width: 100%;
		}
	
	
	/* ________________________________ custom tags ________________________________ */
	
		
	x, 
	afx, 
	doc
		{
		font-size: 90%;
		-moz-border-radius:16px;
		-moz-transition:all .2s ease-in-out;
		-o-transition:all .2s ease-in-out;
		-webkit-border-radius:16px;
		-webkit-transition:all .2s ease-in-out;
		background:#D4E6FB;
		border-color:#A4BDEC !important;
		border-radius:5px;
		box-shadow:-.5px 1px 2px rgba(0,0,0,.2);
		color:#333 !important;
		font-size:14px;
		font-weight:400;
		margin:3px 3px;
		padding:2px 10px 2px 10px;
		text-decoration:none;
		text-shadow:0 1.5px .2ex #FAFFFF;
		transition:all .2s ease-in-out;
		display: inline-block;
		float: left;
		white-webkit-space: pre-wrap;
		-moz-space: pre-wrap;
		-ms-space: pre-wrap;
		-o-space: pre-wrap;
		space: pre-wrap;
		/* 
		to-do:
		find a way to put use a given tag's href as 'bookmarklet' that (using URL scheme, whether public or nvALT) to search for the tag
		 */
		}
	
	x:hover, 
	afx:hover, 
	doc:hover
		{
		background:#498FEB;
		border-color:#A4BDEC !important;
		color:#fff !important;
		text-shadow:0 -1.5px .2ex #333;
		}
		
		
		
	x>a,
	afx>a,
	doc>a
		{
		color:#333 !important;
		}
	
	x:hover>a, 
	afx:hover>a, 
	doc:hover>a
		{
		color:#fff !important;
		}


	#tags-container
		{
		margin-top: 7em;
		margin-bottom: 5em;
		}

	img
		{
		max-width: 100%;
		padding: 15px 0px 10px 0;
		padding: 1rem 0 .5rem 0;
		}
		
	
	
	/* ________________________________ buttons ________________________________ */
	
	.btn 
		{
		-webkit-border-radius: 60;
		-moz-border-radius: 60;
		border-radius: 60px;
		border-width: 1.5px;
		/*font-family: Helvetica, Arial, sans-serif;*/
		font-family: "font-regular", "AvenirNext-Regular", "Avenir-Roman", -apple-system, Helvetica, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
		color: #ffffff;
		font-size: 14px;
		background: #3498db;
		padding: 8px 20px 8px 20px;
		text-decoration: none;
		}
	
	.btn:hover 
		{
		background: #C5FFEE;
		background-image: -webkit-linear-gradient(top, #C5FFEE, #92F3CF);
		background-image: -moz-linear-gradient(top, #C5FFEE, #92F3CF);
		background-image: -ms-linear-gradient(top, #C5FFEE, #92F3CF);
		background-image: -o-linear-gradient(top, #C5FFEE, #92F3CF);
		background-image: linear-gradient(to bottom, #C5FFEE, #92F3CF);
		text-decoration: none;
		}
	
	
	
	
	/* ________________________________ custom header ________________________________ */
	/* 
	
	.logo
		{ 
		text-decoration: none !important;
		float: left;
		border: none !important;
		margin-left:-30px; 
		margin-top:-50px; 
		margin-bottom:-20px; 
		min-width:2rem;
		clear: both;*/
		/*max-width:40% !important;*/
		/* 
		} 
	*/
	
	input 
		{
		font-family: "font-medium", "font-regular", "AvenirNext-Regular", "Avenir-Roman", -apple-system, Helvetica, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
		color: #666666;
		font-size: 14px;
		letter-spacing: .25px;
		line-height: 160%;
		margin-bottom: .75em;
		padding: .5em;
		width: 14ex;
		border-style: inset; 
		border-width: 3px;
		/*border-color: #CCCCCC; */
		border-color: rgba(215, 215, 215, .25);
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}

	input[type=text], input.bold 
		{
		font-family: "font-medium", "AvenirNext-Bold", "Avenir-Bold", -apple-system, "Helvetica Bold", "Helvetica Neue Bold", "HelveticaNeue-Bold", "Arial Bold", sans-serif;
		}
	
	
	/*media query conditionals would be good here */
	input.sm-a
		{
		width: 4em;
		}
	
	input.sm-b
		{
		width: 6em;
		}

	input.sm-c
		{
		width: 9em;
		}
	
	
	/*could you do this starting with the "input.sm" then adjust from there (via adjusting the inherited values)?*/
	
	input.med-a
		{
		width: 12em;
		}
	
	input.med-b
		{
		width: 14em;
		}
	
	input.med-c
		{
		width: 16em;
		}
	
	
	input.lg-a
		{
		width: 18em;
		}
	
	input.lg-b
		{
		width: 24em;
		}
	
	input.lg-c
		{
		width: 30em;
		}
	
	
	/* ________________________________ Quiver Output Overrides ________________________________ */
	
	#titlearea
		{
		border-bottom: none !important;
		padding: none !important;
		}
	
	#contentarea
		{
		padding: none !important;
		margin: none !important;
		}
	
	/* ________________________________ Bootstrap Overrides ________________________________ */
	.navbar, .navbar.navbar-inverse.navbar-static-top, .navbar.navbar-inverse.navbar-static-top .container
		{
		border-color: 0 !important;
		border-color: #888888 !important;
		}
	

		/* ________________________________ Tweet Style Additions ________________________________ */

	hr.footer-line
		{
		color: #66df9e !important;
		size: .5;
		width: 100%;
		noshade: "noshade";
		opacity:.25 !important;
		margin-bottom: 1em;
		}
	
	header 
		{
		display: block;
		margin-top: 20px;
		margin-right: auto;
		min-height: 2em;
		}
	
	footer
		{
		margin: 6em auto .5ex 0;
		}


	footer, footer a
		{
		display: block;
		font-size: 12px;
		color: #00CC99;
		}
	
	footer div
		{
		display: block;
		font-size: 12px;
		color: #00CC99;
		float:left;
		/*margin-right: 1.25em;*/
		/*margin-top: .25rem;*/
		}
		
	footer div#right
		{
		display: block;
		float:right;
		margin-right: -2em;
		}
		
	footer div#left
		{
		display: block;
		float:left;
		}
		
	.cleared-container:after
		{ 
		content: "";
		display: block; 
		clear: both;
		}
		
	.footer-item::after
		{
		/* content: " | "; */
		}
		
	.footer-item>a, .footer-item>a:active, .footer-item>a:focus, .footer-item>a:link, .footer-item>a:visited, .footer-item a
		{
		text-decoration: none !important;
		color: #00CC99 !important;
		}
		
	.footer-item-container
		{
		/*margin-top: 1rem !important;*/
		}
	
	#footer-item-unique
		{
		/*margin-left: -20px;*/
		color: #C5EED1 !important;
		}
		
	#footer-item-unique.footer-item {
		padding-left: 1em;
		padding-right: 1em;
		}
	
	/* ________________________________ Hidden ________________________________ */

	.hidden
		{
		visibility: hidden !important;
		padding: 0px !important;
		margin: 0px !important;
		width: 0px !important;
		height: 0px !important;
		display: none !important;
		}


	pre+*
		{
		margin-top: 4em;
		}

	/*	
	pre+*::before
		{
		white-webkit-space: pre-wrap;
		-moz-space: pre-wrap;
		-ms-space: pre-wrap;
		-o-space: pre-wrap;
		space: pre-wrap;
		}
	*/
		
	iframe
		{
		width: 100%;
		margin-top: 2em;
		}

	img.logo
		{
		padding: 1.4px 0 0 0;
		width: 75%;
		top: -1px;
		position: relative;
		}

		
	/* ________________________________ Misc Additions ________________________________ */
	
	.logo-ian 
		{
		/* any style you want to apply to the logo container*/		
		}
	
	.icn-ian 
		{
		color: #00CC99;
		}
	
	#logo-header 
		{
		font-size: 3em;
		}
		
	#logo-footer 
		{
		font-size: 1em;
		bottom:-1.5px;
		position: relative;
		}
	
	#upload_container
		{
		margin-top: 0 !important;
		/* background-color: #FFFFFF; */
		}

	#uploader 
		{
		width: 75%;
		margin: 1em auto;
		padding: 0 1em 1em 1em;
		color: #666666;
		font-family: font-bold, sans-serif;
		font-size: 1em;
		/* border: 1px solid #bbb; */
		/* background: #f9f9f9; */
		}

	#uploader h1
		{
		font-family: font-bold, sans-serif;
		margin: 0;
		padding: 1em 0;
		/* text-align: center; */
		}
		
		
	#uploader label
		{
		float: left;
		width: 7em;
		margin-top: 1ex;
		padding-right: 1ex;
		}
	
	#uploader p
		{
		clear: both;
		}
		
	.red
		{
		color: red;
		}

	input#file
		{
		width:100%;
		}
		
	/* ________________________________ Float ________________________________ */
	.float
		{
		float: left !important;
		}

	
	/* ________________________________ Pad ________________________________ */
	.pad
		{
		padding: .5em 1em .5em 1em;
		}
	
	/* ________________________________ Clearfix ________________________________ */
	.clearfix:before,
	.clearfix:after {
		content: "";
		display: table;
		}
	
	.clearfix:after {
		clear: both;
		}
	
	.clearfix {
		zoom: 1; /* ie 6/7 */
		}
	
	
	.left {
		text-align: left;
		margin: 0 auto;
		width: auto;
		position: relative;
		}
	
	
	.center {
		text-align: center;
		margin: 0 auto;
		width: auto;
		position: relative;
		padding-left: 25%;
		padding-right: 25%;
		padding-left: calc(960px * .1);
		padding-right: calc(960px * .1);
		}
	
	.right {
		text-align: right;
		margin: 0 auto;
		width: auto;
		position: relative;
		}
	
	.spaced {
		letter-spacing: .05em;
		}
		
		/* ________________________________ Misc EOF Additions ________________________________ */
		
		/*	
	
		hr+* {
			top: -16px;
			position: relative;
			}	
	
		*/


		/* ________________________________ Last Resort Overrides ________________________________ */
		dd
			{
			margin-bottom: 2em !important;
			}
		

}






/* ################################## MEDIA : PRINT ##################################*/


@media print 
{


	body
		{
		/*margin: 20px 40px;*/
		margin: 0;
		padding: 0 !important;
		color: #666666;
		font-size: 11px;
		line-height: 130%;
		zoom: 97%;
		}

	header {
		visibility: hidden !important;
		padding: 0px !important;
		margin: 0px !important;
		width: 0px !important;
		height: 0px !important;
		display: none !important;
		}
	
	#content {
		margin-top: -30px;
		position: relative;
		top: -20px;
		}	
	
	#fauxbody 
		{
		margin: 0;
		padding: 0;
		font-size: 11px;
		line-height: 140%;
		}
	
	#contentdiv
		{
		padding: 0;
		overflow-wrap: break-word;
		width: auto;
		}
	
	pre, 
	code 
		{
		font-size: 11px;
		white-space: pre-wrap !important;
		/*white-space: normal; */
		}
	
	img.logo
		{
		padding: 1.4px 0 0 0;
		width: 95%;
		top: -1px;
		position: relative;
		}
	
	a:link,
	a.bhgre:link,
	a:visited,
	a:active 
		{
		color: #00CC99 !important;
		} 
		
	a:hover
		{
		/*color: #FFFFFF !important;*/
		color: #333333 !important;
		} 
	
	footer {
		visibility: hidden !important;
		padding: 0px !important;
		margin: 0px !important;
		width: 0px !important;
		height: 0px !important;
		display: none !important;
		}
	
}