@charset "utf-8";
body  {
	font: 80% Helvetica, Arial, sans-serif;
	margin: 3em 0 0 3em;
	padding: 0;
	text-align: left;
}


p {
	margin:0;
	padding:0;
}

div p.title{
	margin:0;
	padding:0;
	font: 300% Eurostile, Helvetica, Arial, sans-serif;
	color: #FF0000;
}

div .date{
	color:#000000;
}

div .small{
	font: 40% Helvetica, Arial, sans-serif;
}

div .right-justify{
	text-align:right;
	padding-top: 5em;
}

div .bold{
	font-weight:bold;
}

div .red{
	color:#FF0000;
}

div .italic{
	font-style:italic;
}

div .orange{
	color:#FF9900;
}

div p.summary, p.subtitle{
	margin:1em 0 1em 0;
	padding:0;
	font: 175% Helvetica, Arial, sans-serif;
	color:#ABABAB;
	line-height:1.4em;
}

div p.current{
	font: 125% Helvetica, Arial, sans-serif;
	color:#ABABAB;
	line-height:1.1em;
	width:14em;
	height:7em;
	border:0;	
	float: left;
	padding-right:1em;
	padding-bottom:1em;	
}

div p.subtitle:hover, p.more:hover{
	cursor:pointer;
	color:#FF0000;
}

div p.more{
	color:#ABABAB;
	margin-bottom: 1em;
}

div p.more:visited{
	color:#FFFFFF;
}



div p.description{
	text-align:left;
	margin-bottom:1em;
}

#content, #sidebar, #footer, #holder, #container {
	float: left; 
	width: 60em; 
	margin-bottom:3em;
} 

#container { 
	margin-bottom:6em;
} 


#holder{
	margin-bottom:1em;
}

#description {
	float: left; 
	width: 19em; 
	margin-right:2em;
}  

#current {
	float: left; 
	width: 14em; 
	margin-right:1em;
}

#resume_right{
	float: right;
	width: 32em;
}

#resume_left{
	float: left;
	width: 28em;
}

/** images, video **/
img, embed
{
	float:right;
	width:39em;
	margin-bottom:1em;
}

.splash{
	float:left;
	width:29em;
	margin-right:1em;
	border:0;
}

.head_splash{
	float:left;
	width:23em;
	margin-right:37em;
	border:0;
}

img.focus{
	float:left;
	width:26em;
	margin:2em 2em 1em 0;
}

.full{
	float:left;
	width: 60em;
}

#projectImage, imageElement {
	float: right; 
	height: 26em;
	width: 39em;
}  


#tallImage {
	float: right; 
	height: auto;
	width: 29em;
	margin-bottom:3em;
}
 

#fullImage {
	float: right; 
	height: auto;
	width: 60em;
	margin-bottom:4em;
}  



#thumbnailImage {
	float: left;
	width: 14em;
	margin-right:1em;
}

#thumbnailImage.right{
	margin-left:21em;
}


#imgBox {
	width:39em;
	height:26em;
}

#projectImage ul{
	margin-top: 1em;
}

#backLink {
	margin-top:1.75em;
}

div img.thumbImg {
	width:14em;
	height:14em;
	border:0;
}




ul { 
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-weight:normal;
}
 
li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	display:inline;
	
}

#sidebar li{
	padding-right:1em;
}





a{
	text-decoration: none;
	color:#000000;
	outline:none;
}

a.gray{
	color: #ABABAB;
}

a.back {
	color:#FFFFFF;
	background: #ABABAB;
	padding: 0.5em;
	margin: 0 0 10em 0;
}


a:hover {
	color:#FF0000;
}

a.back:hover {
	color: #FFFFFF;
	background: #FF0000;
	cursor: pointer;
}


/* font embedding */


@font-face {
	font-family: 'Eurostile';
	src: url('eurostile.eot');
	src: local('Eurostile'), local('EurostileRegular'), url('eurostile.woff') format('woff'), url('eurostile.ttf') format('truetype');
}