/*************************************************************************
	@basic_tags
*************************************************************************/

	/*** @body ***/
		body, td, form, select, option, text, input, textarea { font: x-small/1.6 arial, helvetica, sans-serif; }
		
		body
		{
			background: #121212 url(../img/bg_body.gif) 0 0 repeat-x;
			margin: 0;
			padding: 0;
			color: #ccc;
			text-align: center;
		}
	
	/*** @navAccessibility ***/
		body ul#navAccessibility
		{
			margin: 0;
			padding: 0;
			position: absolute;
			left: 0;
			list-style: none;
			color: #666;
		}
		
		body ul#navAccessibility li
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		body ul#navAccessibility a
		{
			padding: .3em;
			color: #666;
		}
		
		body ul#navAccessibility a:hover
		{
			color: #439cc6;
		}
		
		
	/**************/
	/*** @forms ***/
	/**************/
		form
		{
			margin: 0;
			padding: 0;
			font-size: 1em;
		}
		
		button
		{
			background-color: #363636;
			border: 1px solid #595959;
			color: #fff;
		}
		
		button:focus
		{
			border: 1px solid #ccc;
		}
		
		label
		{
			margin: 0;
			padding: .5em 0;
			display: table;
			width: 100%;
		}
		
		label span
		{
			display: block;
			float: left;
			width: 60px;
		}
		
		input.txtFld, textarea
		{
			background-color: #1e1e1e;
			border: 1px solid #595959;
			margin: 0;
			padding: .2em 3px;
			color: #fff;
			font-size: 1em;
		}
		
		input.txtFld:focus, textarea:focus
		{
			border: 1px solid #ccc;
		}
		
		input.txtFld
		{
			width: 218px;
		}
		
		textarea
		{
			width: 282px;
		}

	/********************/
	/*** @header_tags ***/
	/********************/
		h1, h2, h3, h4, h5, h6
		{
			margin: 0 0 .2em 0;
			padding: 0;
			line-height: 1.1;
		}
		
		h1 { font-size: 2em; }
		h2 { font-size: 1.6em; }
		h3 { font-size: 1.4em; }
		h4 { font-size: 1.34em; }
		h5 { font-size:   1em; }
		h6 { font-size:  .9em; }
		
	/**************/
	/*** @links ***/
	/**************/
		a, a:link, a:visited, a:hover, a:active
		{
			color: #439cc6;
			text-decoration: underline;
		}
		
		a:hover
		{
			text-decoration: none;
		}
		
	/**************/
	/*** @other ***/
	/**************/
		img
		{
			margin: 0;
			border: none;
		}
		
		div
		{
			margin: 0;
			padding: 0;
		}

	/*******************/
	/*** @text_style ***/
	/*******************/
		p
		{
			margin: 0 0 1em 0;
			padding: 0;
		}
		
		*.date
		{
			background: transparent url(../img/icon_date.gif) 0 .2em no-repeat;
			padding-left: 14px;
			font-style: italic;
		}

		
/*************************************************************************
  @zones	
*************************************************************************/
	div#wrapper
	{
		margin: 0 auto 2em auto;
		font-size: 1.1em;/* font size adjustment for body tag */
		text-align: left;
		width: 900px;
	}
	
	div#zoneHeader
	{
		display: table;
		width: 100%;
	}
	
	div#zoneMain
	{
		min-height: 280px;
	}
	
	div#zone1
	{
		padding-top: 28px;
		width: 540px;
		float: left;
	}
	
	div#zone2
	{
		margin-left: 607px;
		width: 290px;
		clear: right;
	}
	
	div#zoneFooter
	{
		clear: both;
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px solid #2f2f2f;
	}

/*************************************************************************
	@zoneHeader
*************************************************************************/
	
	/*********************/
	/*** @zoneBranding ***/
	/*********************/
		div#zoneBranding
		{
			margin-left: auto;
			margin-right: auto;
		 	padding-bottom: 5px;
			width: 349px;
		}

		div#zoneBranding h1 a
		{
			background: transparent url(../img/logo_screen.gif) center bottom no-repeat;
			margin-bottom: 0;
			display: block;
			height: 100px;
			width: 349px;
		}

		
		/* set the image dimensions for print width, then hide */
		div#zoneBranding h1 img, div#zoneBranding strong img
		{
			height: .5in;
			display: none;
		}
		
		/* This is typically the tagline */
		div#zoneBranding p
		{
			margin-bottom: 0;
		}
		
		div#zoneBranding em
		{
			font-size: 1px;
			line-height: 0;
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		
		
/*************************************************************************
	@zoneMain
*************************************************************************/
	div#zoneMain div.containerMyPortfolio, div#zoneMain div.containerPieceDetails
	{
		margin-top: 28px;
		width: 290px;
		float: right;
	}
	
	div#zoneMain div.containerMyPortfolio h2
	{
		background-image: url(../img/header_my_portfolio.gif);
		background-position: left top;
		background-repeat: no-repeat;
		margin-bottom: 7px;
		color: #febe00;
		font-family: georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-style: italic;
		font-size: 1px;
		line-height: 0;
		text-indent: -9999px;
		overflow: hidden;
		height: 16px;
	}
	
	div#zoneMain div.containerPieceDetails h2
	{
		margin-bottom: 7px;
		color: #febe00;
		font-family: georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-style: italic;
	}


/*************************************************************************
	@zone1
*************************************************************************/
	
	div#zone1 h2, div#zone1 h3, div#zone1 h2, div#zone1 h4
	{
		font-family: georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}
	
	div#zone1 h2
	{
		color: #febe00;
	}
	
	div#zone1 h3
	{
		margin-bottom: 1em;
		color: #f55b14;
		font-size: 1.8em;
	}

	/***********************/
	/*** @containerPiece ***/
	/***********************/
		div.containerPiece
		{
			background: #121212 url(../img/bg_piece.gif)  left top repeat-y;
			margin-bottom: 21px;
			position: relative;
			overflow: hidden;
		}
		
		div.containerPiece h3, div.containerPiece h4
		{
			background: transparent url(../img/rounded_piece_tl_tr.png)  left top no-repeat;
			padding: 14px 284px 0 14px;
			position: relative;
			z-index: 100;
		}
		
		div#zone1 div.containerPiece h3, div#zone1 div.containerPiece h4
		{
			color: #fff;
			font-size: 1.55em;
		}
		
		div.containerPiece h3 a, div.containerPiece h4 a
		{
			color: #fff;
			text-decoration: none;
		}
		
		div.containerPiece img
		{
			position: absolute;
			right: 0;
			top: 0;
			z-index: 50;
		}
		
		div.containerPiece div.extraDiv
		{
			background: transparent url(../img/rounded_piece_bl_br.png) left bottom no-repeat;
			width: 100%;
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 105;
		}
		
		div.containerPiece div.metaD
		{
			padding: 7px 284px 7px 14px;
			min-height: 112px;
		}
	
		div.containerPiece h2, div.containerPiece h3, div.containerPiece h4
		{
			color: #fff;
		}
		
		div.containerPiece span.involvement
		{
			background-color: #363636;
			padding-right: .2em;
			padding-left: .2em;
			color: #fff;
		}


/*************************************************************************
	@zone2
*************************************************************************/
	div#zone2 h3
	{
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-top: 35px;
		margin-bottom: 7px;
		font-family: georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-style: italic;
		font-size: 1px;
		line-height: 0;
		text-indent: -9999px;
		overflow: hidden;
		height: 16px;
	}
	
	div.containerAboutMe h3
	{
		background-image: url(../img/header_about_me.gif);
		color: #a2af13;
	}
	
	div.containerContact h3
	{
		background-image: url(../img/header_contact.gif);
		color: #f55b14;
	}
	
	div.containerContact a, div.containerContact a:link, div.containerContact a:visited, div.containerContact a:hover, div.containerContact a:active
	{
		color: #fff;
	}
			 
/*************************************************************************
	@zoneFooter 
**************************************************************************/
	div#zoneFooter p
	{
		margin-bottom: 0;
	}