/** basic styles **/
	body {
		background-color:#b4adae;
		color:#333;
		font-size:0.625em;
		font-family:Georgia,serif;
		margin:0px;
		padding:0px;
	}
	p {
		margin-top:1em;
		margin-bottom:1em;
		line-height:1.333em;
	}
	a {
		color:#cccccc;
		text-decoration:none;
		border:none;
		outline:none;
	}
	a:hover {
		color:#00ccff;
		text-decoration:underline;
		border:none;
	}
	dd {
		line-height:1.333em;
	}
	
/** structure **/
	#mastheadwrapper {
		background:transparent url(../images/masthead.jpg) bottom center no-repeat;
	}
	#masthead {
		position:relative;
		width:896px;
		margin:0 auto;
		height:144px;
	}
	#pagetitle {
		position:absolute;
		top:65px;
		left:0px;
		margin:0px;
		padding:0px;
		height:33px;
		width:166px;
		overflow:hidden;
		background:transparent url(../images/pagetitle.gif) top left no-repeat;
	}
	#pagetitle a {
		display:block;
		width:166px;
		height:33px;
		overflow:hidden;
		text-indent:-999em;
		background-image:none;
	}
	#pagetitle a:hover {
		background-image:url(../images/pagetitle.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	#contentwrapper {
		background:transparent url(../images/content.jpg) top center repeat-y;
	}
	#contentbottom {
		background:transparent url(../images/contentbottom.jpg) bottom center no-repeat;
	}
	#content {
		width:896px;
		padding:0px 0px 96px 0px;
		margin:0 auto;
		font-size:1.2em;
	}
	#content a {
		color:#000;
		text-decoration:none;
		border-bottom:1px #999 solid;
	}
	#content a:hover {
		color:#8599ad;
		text-decoration:none;
		border-bottom:1px #e1e6eb solid;
	}
	
/** content area **/	
	#content h3 {
		font-size:1.5em;
		padding-top:0.75em;
		margin-bottom:1em;
		line-height:1em;
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:0.0625em;
		font-family:"Equilateral New",Georgia,serif;
	}
	#content h3.firstheading {
		margin-top:0px;
		padding-top:0px;
	}

/** columns **/
	#leftcolumn {
		float:left;
		width:280px;
	}
	#leftcolumn .visualpadding {
		margin:8px 0;
		padding:0 24px 0 0;
		background-color:#fff;
	}
	#rightcolumn {
		float:left;
		width:616px;
		background:transparent url(../images/pagedivider.gif) top left no-repeat;
	}
	#rightcolumn .visualpadding {
		margin:8px 0 8px 40px;
		background-color:#fff;
	}

/** left column content **/
	.intro {
		font-size:1.333em;
		line-height:1.375em;
		margin-top:0em;
		margin-bottom:2em;
	}
	.skills {
	}
	.skillicons {
		margin:0px;
		padding:0px;
		height:36px;
		overflow:hidden;
	}
	.skillicons li {
		list-style:none;
		float:left;
		width:40px;
		height:36px;
		margin:0px;
		padding:0px;
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	.skillicons li a {
		display:block;
		width:32px;
		height:36px;
		overflow:hidden;
		text-indent:-999em;
		background-color:transparent;
		border:none;
	}
	#dreamweaver { background-image:url(../images/dreamweaver.gif); }
	#flash { background-image:url(../images/flash.gif); }
	#illustrator { background-image:url(../images/illustrator.gif); }
	#indesign { background-image:url(../images/indesign.gif); }
	#photoshop { background-image:url(../images/photoshop.gif); }
	#drupal { background-image:url(../images/drupal.gif); }
	#joomla { background-image:url(../images/joomla.gif); }
	#wordpress { background-image:url(../images/wordpress.gif); }
	#plone { background-image:url(../images/plone.gif); }
	#html { background-image:url(../images/html.gif); }
	#xml { background-image:url(../images/xml.gif); }
	#javascript { background-image:url(../images/javascript.gif); }
	#css { background-image:url(../images/css.gif); }
	#actionscript2 { background-image:url(../images/actionscript2.gif); }
	

/** right column content **/
	#experiences dt, #education dt {
		clear:left;
		float:left;
		width:112px;
		font-size:1.333em;
		line-height:100%;
		color:#ff4d00;
		margin-bottom:1em;
		text-transform:uppercase;
	}
	#experiences dd, #education dd {
		margin-left:112px;
		margin-bottom:1.333em;
	}
	#experiences .duration {
		text-transform:none;
		font-style:italic;
		font-size:0.75em;
		text-transform:none;
	}
	#experiences .company, #education .degree {
		margin-bottom:2px;
		font-size:1.333em;
	}
	#education a#pratt {
		display:block;
		width:96px;
		height:30px;
		overflow:hidden;
		text-indent:-999em;
		background-image:url(../images/pratt.gif);
		background-repeat:no-repeat;
		background-color:transparent;
		border:none;
	}
	#education a#duke {
		display:block;
		width:96px;
		height:42px;
		overflow:hidden;
		text-indent:-999em;
		background-image:url(../images/duke.gif);
		background-repeat:no-repeat;
		background-color:transparent;
		border:none;
	}