/* *** Universals *** */
html, body {
	margin: 0;
	padding: 0;
} 
 
body {
	font-family: Tahoma, Verdana, Arial,  sans-serif;
	background-color: #4a2d2a;
	background: url(/images/texture.png) repeat;
	color: #524b33;
}


/* *** frame  *** */
#header
{
	width: 100%;
	height: 192px;
	background: url(/images/header.png) repeat-x;
	overflow: hidden;
	margin: 0;
}
	
#title
{
	
}
a#title 		{ display: block; margin: 55px auto 0px auto;
	/*background: url(/images/title.png) no-repeat;*/
	height: 100px;
	width: 336px;
	padding: 0;}
a#title img 	{ border: none; margin: 0;}


#nav{
	background: #cdc489 url(/images/navBack.png) repeat-x;
	display: block;
	overflow: hidden;
	margin: 0;
	border-top: solid 1px #4d2a00;
	border-bottom: solid 1px #4d2a00;
}

#nav ul 	{ width: 813px; margin: 0 auto; padding: 0; font-size: 1.2em; }

#nav ul li {
	list-style: none;
	height: 20px;
	float: left;
	margin: 5px 0;
	padding: 3px 5px 5px 5px;
	border-right: solid 1px #4d2a00;
}

#nav ul li.first			{ border-left: solid 1px #4d2a00; }
#nav ul li.first a			{ padding-left: 33px;  padding-right: 33px; }
#nav ul li a 				{ color: #6b3a00; text-decoration: none; padding: 3px 29px; border-bottom: none; }
#nav ul li a:visited		{ color: #251400; }
#nav ul li.current a 		{ color: #fffbe1; background: url(/images/navHoverBack.png) repeat-x; }
#nav ul li a:hover			{ color: #fffbe1; background: url(/images/navHoverBack.png) repeat-x; }
#nav ul li a:active 		{ color: #fff3a0; }


#dropShadow{
	width: 100%;
	background: url(/images/textureShadow.png) repeat-x;
}

#main{
	overflow: hidden;
	padding: 0 0 30px 0;
}

#content{
	width: 808px;
	margin: 0 auto;
	background: url(/images/contentBack.png) repeat-y;
	overflow: hidden;
	border-left: solid 2px #bc441d;
	border-right: solid 2px #bc441d;
	border-bottom: solid 2px #bc441d;
}

#content a 				{ color: #91855a; text-decoration: none; border-bottom: thin dashed #91855a; }

#subnav{
	width: 808px;
	height: 50px;
	background: url(/images/headerShadow.png) no-repeat;
	display: block;
	overflow: hidden;
}

#subnav ul 				{ margin: 0 0 0 5px; padding: 0; }
#subnav ul li 				{ list-style: none; float: left; margin: 0 5px 0 0; }
#subnav ul li a 			{ border-bottom: none; }
#subnav ul.subnavNarrow li a span	{ display: block; width: 106px; height: 50px; background: no-repeat 0 -18px;}
#subnav ul.subnavWide li a span		{ display: block; width: 152px; height: 50px; background: no-repeat 0 -18px;}

#subnav ul li a span.current			{ background-position: 0 -15px;}
#subnav ul li a:hover span			{ background-position: 0 -15px;}

/* HOME TABS */
#subnav ul li a span.WelcomeTab		{ background-image: url(/images/WelcomeTab.png); }
#subnav ul li a span.BlogTab			{ background-image: url(/images/BlogTab.png); }
#subnav ul li a span.ResumeTab		{ background-image: url(/images/ResumeTab.png); }
#subnav ul li a span.LinksTab		{ background-image: url(/images/LinksTab.png); }
#subnav ul li a span.AboutTab		{ background-image: url(/images/AboutTab.png); }
#subnav ul li a span.ContactTab		{ background-image: url(/images/ContactTab.png); }

/* PORTFOLIO TABS */
#subnav ul li a span.DemoReelTab		{ background-image: url(/images/DemoReelTab.png); }
#subnav ul li a span.AnimationsTab	{ background-image: url(/images/AnimationsTab.png); }
#subnav ul li a span.ShortFilmsTab	{ background-image: url(/images/ShortFilmsTab.png); }
#subnav ul li a span.StillWorksTab	{ background-image: url(/images/StillWorksTab.png); }

/* CODE SAMPLES TABS */
#subnav ul li a span.codeTricksTab			{ background-image: url(/images/codeTricksTab.png); }
#subnav ul li a span.laserTrackingTab		{ background-image: url(/images/laserTrackingTab.png); }
#subnav ul li a span.collisionHandlingTab		{ background-image: url(/images/collisionHandlingTab.png); }

/* THESIS TABS */
#subnav ul li a span.ConceptTab				{ background-image: url(/images/conceptTab.png); }
#subnav ul li a span.ProposalTab			{ background-image: url(/images/proposalTab.png); }
#subnav ul li a span.GamesTab		{ background-image: url(/images/gameDesignTab.png); }
#subnav ul li a span.ResultsTab		{ background-image: url(/images/resultsTab.png); }

/* FLASH TABS */
#subnav ul li a span.npTab				{ background-image: url(/images/npTab.png); }
#subnav ul li a span.orthochronosTab		{ background-image: url(/images/orthochronosTab.png); }
#subnav ul li a span.imagePlaneTab		{ background-image: url(/images/imagePlaneTab.png); }

#footer{
	display: block;
	margin: 0;
	text-align: center;
	background: url(/images/footer.png) #321f1d;
	width: 808px; 
	padding: 0 0 10px 0;
	margin: 0 auto;
	font-size: 1.0em;
	color: #71443f; 
}

#footer ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#footer ul li {
	list-style: none;
	float: left;
	margin: 6px 15px;
}
#footer ul li.first	{ margin-left: 180px; }
#footer a 		{ border-bottom: none; color: #eaafa9; text-align: center; text-decoration: none; }
#footer a:hover	{ color: #ffe7e4; }
#footer a:active	{ color: #eaafa9; }

#footer #myName 					{ font-size: 1.5em; margin: 10px 0; display: block;}
#footer #electronicMail			{ margin: 10px 0; }
#footer #meatSpaceCoordinates 	{ margin: 10px 0; display: block;}


/* *** general main content  *** */
#pageMain{
	width: 744px;
	margin: 10px auto 20px auto;
	overflow: hidden;
	padding: 0 0 5px 0;
}

#pageMain a:hover			{ color: #726847; border-bottom-color: #726847;}
#pageMain h3					{ width: 95%; font-size: 1.5em; margin: 0; color: #524b33; border-bottom: thin dashed #524b33;}

#content a.imageAnchor,
#content a.imageLink			{ border: none; }

#content a.imageAnchor img,
#content a.imageLink img		{ padding: 4px; border: solid 1px #9b8e60; margin: 15px 15px 0 0;}

#content a.imageLink.floatRight img	{ margin-left: 0; }
#content a.imageAnchor:hover img,
#content a.imageLink:hover img		{ border-color: #524b33;}
h2							{ font-size: 1.3em; margin: 15px 0 0 0; color: #524b33; }
p							{ text-align: justify; width: 95%; text-indent: 30px;}

/* *** proposal *** */
#pageMain.blog h2		{ margin: 18px 0 0 0;}
#pageMain.blog h4		{ margin: 0;}

#Proposal				{ font-family: Times New Roman; width: 80%; margin: 20px auto 5px auto;}
#Proposal p#abstract		{ width: 80%; text-indent: 0; margin: 0 auto 15px auto; font-weight: bold; }

#Proposal h2				{ margin: 0;}
#Proposal h3				{ display: block; border: none; margin: 15px auto 5px auto; text-align: center; font-size: 1.0em; }
#Proposal h4				{ margin: 0; }
#Proposal h5				{ margin: 0; }

#Proposal p						{ margin: 0 0 15px 0; }
#Proposal ol#proposalSections	{ margin: 0 0 5px 0; list-style-type:upper-roman; }
#Proposal #APGuidelines			{ margin: 0 0 20px 30px; }
#Proposal #IDGuidelines			{ margin: 0 0 20px 30px; font-size: 0.9em; }
#Proposal ul						{ margin: 0 0 5px 0; }
#Proposal ul li strong				{ display: block; }

#Proposal .quote			{ font-style: italic; }
#Proposal p.longQuote	{ text-indent: 0; display: block; width: 80%; font-size: 0.9em; margin: 10px 0 10px 50px;}

#Proposal ol#ReferencesList			{ margin: 0 auto; width: 80%; }
#Proposal ol#ReferencesList li			{ margin: 0 0 10px 0;}

.bookTitle		{ font-style: italic; }
.chapterTitle	{ text-decoration: underline; }

#ProposalTitle
{ 
	width: 80%;%;
	text-align: center;
	margin: 32px auto 10px auto;
	padding: 8px 0;
	border-top: solid 1px;
	border-bottom: solid 1px;
}
#ProposalTitle h2			{font-size: 1.8em;}

/* *** Links *** */
#pageMain.links ul					{ width: 70% }
#pageMain.links ul li					{ margin: 0 0 10px 0; } 
#pageMain.links ul li a					{ font-size: 1.1em; overflow: hidden; }
#pageMain.links ul li .description		{ display: block; font-style: italic;}

/* *** Contact *** */
#ContactForm{
	font-weight: bold;
}

#ContactForm #Message{
	width: 90%;
	height: 150px;
}

#ContactForm textarea,
#ContactForm select,
#ContactForm input{ 
	display: block;
	margin: 5px 1px;
	font-family: Microsoft Sans Serif, GillSans, Tahoma;
	font-size: 1.1em;
	border: solid 1px #7c7767;
	background-color: #fff8df;
	color: #7c7767;
}
#SnailMail { display: block; font-weight: bold; margin: 0 0 20px 15px;}
	
#ContactForm #QuestionTitle	{ font-size: 0.8em; display: block; }
.button	{width: 100px; height: 30px; background: url(/images/buttonBack.png) repeat-x; }

/* *** Resume *** */
#Resume{
	font-family: Times New Roman;
	font-size: 0.9em;
}

#Resume p				{ margin: 0; }
#Resume ul				{ margin: 0; }
#Resume .reference		{ display: block; margin:0 0 10px 0;}

#Resume #ProgramminLanguages{
	margin: 0;
}

#Resume .position{
	font-weight: bold;
}

#Resume .positionDetails{
	display: block;
	margin: 2px 0 17px 0;
	padding: 0 0 0 15px;
}

#Resume .positionDetails ul{
	padding: 0 0 0 18px;
}

#Resume .school{
	font-weight: bold;
}

#Resume .referenceName{
	font-weight: bold;
}

/**** BLOG *** */

#RSS{
	font-family: Georgia, Time New Roman;
	padding: 0 0 0 30px;
	background: url(/images/icons/rssicon.png) no-repeat;
	height: 25px;
	margin: 20px 30px 0 0;
	font-size: 1.1em;
	float: right;
}

#BlogEntries{
	width: 220px;
	float: right;
	list-style: none;
	margin: 10px 0 0 40px;
	padding: 0;
	font-family: Georgia, Time New Roman;
}
#BlogEntries li				{ color: #a59667;  margin: 0 0 10px 0; padding: 0 0 0 10px;}
#BlogEntries li.currentBlog	{ color: #524b33; padding-left: 6px; border-left: solid 4px #524b33;}
#BlogEntries li.currentBlog a	{ color: #524b33; }

.BlogListDate 			{ font-size: 1.3em; }
.BlogListTitle 			{ font-weight: bold; }
.BlogListDescription	{ font-style: italic; }

#BlogPost			{ font-family: Georgia, Time New Roman; width: 480px; float: left;}
#BlogPost .BlogText	{ margin: 0 0 30px 0; }
h2.BlogDate			{ font-size: 1.2em; margin: 20px 0 0 0; color: #a59667; }
h2.BlogTitle		{ font-size: 1.2em; margin: 0 0 10px 0;}

#PageStep		{ width: 100%; text-align: center; }
#PageStep a		{ margin: 0 10px; }

/* *** Portfolio *** */
#content a.flowPlayer	{ border: solid 1px #524b33; padding: 4px; display: block; margin: 0 auto 20px auto;}
#content a.flowPlayer img	{ border: none; }
#content .NTSC640		{ width: 640px; height: 503px; }
#content .HD640			{ width: 640px; height: 387px; }

#BreakDown ol		 	{ padding: 0; }
#BreakDown ol li			{ font-weight: bold; margin: 0 0 10px 25px; }
#BreakDown ol li p			{ font-weight: normal; margin: 10px 0 0 0; padding: 0;}
#BreakDown ul			{ margin: 0; list-style: none; padding: 0; } 
#DemoReel a img			{ border: none; margin: 0; padding: 0; }
#Animations a img			{ border: none; margin: 0; padding: 0; }
#ShortFilms a img			{ border: none; margin: 0; padding: 0; }

#StillWorks				{ overflow: hidden; }
#StillWorks ul			{ list-style: none;  }
#StillWorks a			{ display: block; border: none; float: left; }
#StillWorks ul li			{ margin: 0; padding: 0; }

/* *** Flash *** */
#OrthochronosScreens		{ width: 700px; margin: 0 auto;}
#OrthochronosScreens a img	 { margin: 15px 10px 0 0 !important;}

/* *** utility  *** */
.firstLetter{
	font-size: 1.3em;
	display: normal;
}

.noIndent{
	text-indent: 0;
}

.bigText{
	font-size: 1.6em;
	font-weight: bold;
}

.pdfFile,
.zipFile {
	padding: 0 0 0 22px;
	margin: 10px 0 0 0;
	display: block;
}

.zipFile { background: url(/images/zipFile.png) no-repeat; }
.pdfFile { background: url(/images/pdfFile.png) no-repeat; }

.ErrorMessage,
.SuccessMessage{
	font-weight: bold;
	display: block;
	width: 90%;
	padding: 5px;
	border: solid 1px #000000;
	margin: 10px 0;
}
.SuccessMessage{
	color: #65986e;
	border-color: #729561;
	background-color: #cfe1c6;
}
.SuccessMessage a	{ color: #336f3e !important; border-color: #336f3e !important; }

.ErrorMessage{
	color: #cc7d5e;
	border-color: #cd8264;
	background-color: #ffd1bf;
}
.ErrorMessage a		{ color: #a15030 !important; border-color: #a15030 !important; }

.inlineImage	{ text-align: center; margin: 10px 20px; font-style: italic; font-size: 0.9em; display: inline-block; }
.inlineImage img	{ margin: 0 auto; }
.indentBlock{
	display: block;
	padding: 0 0 0 25px;
}

.hidden{
	display: none;
}

.block{
	display: block;
}

.right{
	float: right;
}

.left{
	float: left;
}

#pageMain a.noBorder{
	border: none;
}

.note{
	font-style: italic;
}

.floatRight{
	float: right;
}

.hidden{
	visibility: hidden;
}

.clear{
	clear: both;
}