/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 950px; }


/* Header
-------------------------------------------------------------- */

#header { margin-top: 20px; }

#header .tabs { border-bottom: 1px solid #ddd; }
#header .tabs li { margin-right: 1px; }
#header .tabs a { padding: 5px 15px; background: #ddd; color: #666; text-decoration: none; }


/* Body
-------------------------------------------------------------- */

#body { margin-top: 20px; }


/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin-top: 20px; }

#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }


		body	.dtr	span	{	width: 100%; height: 100%;	}
		body	li span.hiBlu,
		body ol	li a.af	{	display: inline; width: auto; height: auto;	}
		body	.hiBlu		{	display: block;	}
		body	table strong		{	width: auto; display: inline;	}
		#header		{
			border-bottom: 1px solid rgb(238, 238, 238); margin-top: 25px;
		}
		#header	h1	{
			float: left; width: 380px; height: 55px;
		}
		
		#header	h2	{
			float: right; width: 310px; margin-right: 0px; text-align: center;
		}
		
		#header	.tabs	{
			border: 0pt none ; float: left; top: 20px; margin-top: 0px; padding-top: 10px; margin-left: 0px; width: 616px;
		}
		
		#header	dl	{
			float: right; margin-right: 77px; margin-top: -93px;
		}
		#aside	{
			padding-left: 0px; margin-left: 0px;
			float: right;
			width: 300px;
		}
		.intro	{
			width: 615px;
			margin: 4px 0 14px 10px;
		}
		h1, h2, h3, h4, h5	{
			border: none;
		}
		h2, h3, h4, dt	{	color: #AF1010; font-variant: small-caps;	}
		
		table	{
			width: 90%;
			margin: 10px auto;
			border-collapse: separate; 
		}
		td	{
		  vertical-align: top;
		  padding: 3px;
		  width: auto;
		  height: auto;
		}
		.lft	{
		  text-align: left;
		}
		.rgt	{
		  text-align: right;
		}

		#body	{
			padding-left: 25px;
		}

		#body	#aside	{
			margin-left: 0;
		}

		#body	.wrapper	{
			width: 100%;
		}

		#body	ol	{
			padding-left: 10px;
		}

		#body	ol	li	{
			text-align: left;
		}

		.cen	{
			width: 72%;
			margin: 5px auto 5px auto;
		}

		#footer	{
			margin: 4px 0;
		}

		#footer	.tabs	{
			float: left; 
			width: 400px;
		}

		#footer	p.quiet	{
			float: right; 
			width: auto;
			margin: 5px 0;
		}
		#hsiClips	{	text-align: center; width: 225px; margin-left: 5px;	}
		#hsiPics	{	margin-left: 5px; text-align: center; width: 225px;	}
		#hsiPics	img	{	margin: 5px;	}

		#contactFrm	{	float: left; width: 530px;	}
		#contactFrm	form	{	width: 497px; margin-left: 0px;	}
		#contactFrm	fieldset	{	margin-left: 63px;	}
		#contactFrm	textarea	{	width: 187px;	}
		#contactFrm	.button	{	margin-left: 480px;	}

		#contactTxt	{
			float: left;
			margin-left: 30px; width: 315px;
		}
		#Affiliations			{float: left; margin-left: 95px; width: 350px; height: auto; }
		#IndustryQualifications	{float: left; margin-left: 25px; width: 350px; height: auto; }
		#IndustryQualifications	p	{margin: 0; padding: 0;}

		

#henrysgigs	{
	margin: 1.614em auto .614em auto;
	font-size: 120%;
	line-height: 160%;
}

#henrysgigs	.notice {
	color: #F95E04;
}

#henrysgigs	.notice strong	{
	text-transform: uppercase;
}

#henrysgigs	.notice a {
	color: #F95E04;
}

#henrysgigs	.cloudcast	{
	text-align: center;
}

#henrysgigs	.cloudcast a {
	text-transform: uppercase;
	color: #0049BD;
}

#henrysgigs	em {
	color: #F95E04;
	font-style: normal !important;
}
