/*------------------------------------------------------------------------------------------
// IMPORT OTHER STYLE SHEETS
//----------------------------------------------------------------------------------------*/

@import url('reset.css');
@import url('color.css');
@import url('type.css');

/*------------------------------------------------------------------------------------------
// GLOBAL
//----------------------------------------------------------------------------------------*/


html
{
	height:					100%;
}

body
{
	width:					800px;
	max-width:				50em;
	min-width:				800px;
	margin:					0 auto;
	height:					100%;
}

p
{
	margin-bottom:			1em;
}

h1
{
	margin-bottom:			.5em;
}

h2
{
	margin:					1.5em 0 .5em;
}

h3
{
	margin:					.5em 0;
}


input
{
	display:				block;
	margin:					.2em 0 1em;
	width:					15em;
}

	input#submit
	{
		width:				auto;
	}

textarea
{
	display:				block;
	margin-bottom:			1em;
	width:					30em;
	height:					8em;
}

ol
{
	list-style-type:		decimal;
	margin-left:			40px;
}

	ol li, ul li
	{
		margin-bottom:		0.5em;
	}

dt
{
	margin-bottom:			0.3em;
}

dd
{
	margin-bottom:			1em;
}

	dd p
	{
		margin-bottom:		0.3em;
	}

sup
{
	vertical-align:			text-top;
}

/*------------------------------------------------------------------------------------------
// SITE BRANDING
//----------------------------------------------------------------------------------------*/

h1#logo
{
	padding-top:		100px;
}


/*------------------------------------------------------------------------------------------
// NAVIGATION
//----------------------------------------------------------------------------------------*/

.lastNavItem
{
	padding-right:			0;
	margin-right:			0;
}

#utilityNav
{
	float:					left;
/*	width:					14em */
	width:					225px;
	padding-top:			1.5em;
}

	#utilityNav li a
	{
		padding:			.2em 1em;
		display:			block;
	}

#mainNav
{
	padding-top:			1.5em;
	clear:					left;
	float:					left;
/*	width:					14em; */
	width:					225px;
}

	#mainNav li
	{
		margin-bottom:		0;
	}
	
		#mainNav li a
		{
			padding:		.2em 1em;
			display:		block;
		}

#resume
{
	padding-left:			25px;
}

/*------------------------------------------------------------------------------------------
// CONTENT AREA
//----------------------------------------------------------------------------------------*/

#container
{
	position:				relative;
	min-height:				100%;
}

* html #container
{
	height:					100%;
}

#content
{
	margin-left:			16em;
	padding:				1.5em 0 9em;
}

#portfolioList
{
}

	#portfolioList img
	{
		margin:				.5em 0 1em;
		outline:			1px solid #dadada;
	}


	#portfolioList > li
	{
		margin:				0 1em 2em 0;
	}

	#portfolioList ul
	{
		list-style-type:	disc;
		margin:				0 0 1em 15px;
	}

	#portfolioList ul li
	{
		float:				none;
	}

.usable, .experience
{
	list-style-type:		disc;
	margin:					0 0 1em 15px;
}

dl#education dd
{
	margin-bottom:			1em;
}

/*------------------------------------------------------------------------------------------
// SITE INFORMATION & SUPPLEMENTAL NAVIGATION
//----------------------------------------------------------------------------------------*/

#siteInfo
{
	position:				relative;
	margin-top:				-6.5em;
	text-align:				center;
	padding-top:			1em;
}

#supplementalNav
{
	margin-bottom:			1em;
}

	#supplementalNav li
	{
		display:			inline;
		padding-right:		1em;

	}

	#supplementalNav a
	{
	
	}