/*
COLOR PALETTE
#c0c0c0 - back-grey
#00acee - bright blue
#90bbcc	- pale blue
#6b6b6c - copy grey
#808183 - copy lighter-grey
*/

/* css reset ----------------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,legend,input,p,blockquote,th,td
							{ margin:0; padding:0; }
table						{ border-collapse:collapse; border-spacing:0; }
fieldset,img				{ border:0; }
address,caption,cite,code,dfn,em,
h1,h2,h3,h4,h5,h6,th,var
							{ font-style:normal; font-weight:normal; }
ol,ul 						{ list-style:none; }
caption,th					{ text-align:left; }
h1,h2,h3,h4,h5,h6			{ font-size:100%; }

/* typography ----------------------------------------------------------------------------------------------------*/
body						{ font-family:Helvetica, Arial, sans-serif; font-size:76%; color:#6b6b6c; }
h1							{ font-size: 2em; }
h2 							{ font-size: 1.7em; }
h3 							{ font-size: 1.4em; }
h4,h5,h6			 		{ font-size: 1em; line-height: 1.4em; font-weight:bold; }
p							{ font-size: 1em; line-height: 1.4em;}

/* anchors ------------------------------------------------------------------------------------------------------*/
a,a:link,a:active 			{ color:#fff; text-decoration:none; outline:none; } 
a:visited 					{ color: #90bbcc; }
a:hover 					{ color:#00acee; text-decoration:underline; }
a img 						{ border: none; }

/* margins and padding ------------------------------------------------------------------------------------------*/
body						{ margin:0 0 40px 0; padding:40px 40px 0 40px; background:#c0c0c0; }
h2,h3						{ margin:0 0 .4em 0; padding:0; }
h4,h5,h6,p,pre,ul,table,blockquote
							{ margin:0 0 1.4em 0; padding:0; }

/* misc ---------------------------------------------------------------------------------------------------------*/
.clear                      { overflow:hidden; width:100%; }
.clear-el                   { clear:both; height:0px; overflow:hidden; }

/* layout --------------------------------------------------------------------------------------------------------*/
#content					{ position:relative; }
#l-column					{ float:left; width:180px; margin:0;}
#r-column					{ margin:0 0 0 200px; }


/* head ---------------------------------------------------------------------------------------------------------*/
#head 						{ margin:0 0 50px 0; padding:0 }
#head h1					{ float:left; margin:0 110px 0 -10px; }
#head h1 a					{ display:block; width:100px; height:36px; text-indent:-1000px; background:transparent url('img/nav.gif') -560px -20px no-repeat; }
#head h1 a:hover			{ background-position:-660px -20px; }
#index #head h1 a:hover		{ background-position:-560px -20px; }
#nav						{ float:left; margin:16px 0 0 0; }
#nav li						{ float:left; margin-right:20px; }
#nav li	a					{ display:block; height:15px; padding:0; margin:0; text-indent:-1000px; background:transparent url('img/nav.gif') -560px -102px no-repeat; }
#nav li#nav-work a			{ width:76px; }
#nav li#nav-work a:hover	{ background-position:-560px -158px; }
#work #nav li#nav-work a	{ background-position:-560px -130px; }
#nav li#nav-resume a		{ width:55px; background-position:-660px -102px; }
#nav li#nav-resume a:hover	{ background-position:-660px -158px; }
#resume #nav li#nav-resume a { background-position:-660px -130px; }
#nav li#nav-about a			{ width:46px; background-position:-738px -102px; }
#nav li#nav-about a:hover	{ background-position:-738px -158px; }
#about #nav li#nav-about a	{ background-position:-738px -130px; }

/* category headings -----------------------------------------------------------------------------------------------------*/
.project-category 			{ width:180px; height:18px; margin:0 0 0 0; text-indent:-1000px; background:transparent url('img/nav.gif') no-repeat; }
#projects-featured			{ background-position:-560px -220px; }
#projects-archive			{ background-position:-560px -238px; }
#projects-interactive		{ background-position:-560px -256px; }
#projects-motion			{ background-position:-560px -274px; }
#projects-other				{ background-position:-560px -292px; }

/* project menu -----------------------------------------------------------------------------------------------------*/
#l-column li				{ margin:0 0 0 0; padding:0 0 0 0; }
#l-column li a				{ display:block; height:22px; text-indent:-1000px; background:transparent url('img/nav.gif') -20px -40px no-repeat; } 
li#eigo-no-sensei a			{ background-position:-20px -40px; }
li#eigo-no-sensei a.selected{ background-position:-200px -40px; }
li#eigo-no-sensei a:hover	{ background-position:-380px -40px; }
li#cook-kiosk a				{ background-position:-20px -62px; }
li#cook-kiosk a.selected	{ background-position:-200px -62px; }
li#cook-kiosk a:hover		{ background-position:-380px -62px; }
li#inaka a					{ background-position:-20px -84px; }
li#inaka a.selected			{ background-position:-200px -84px; }
li#inaka a:hover			{ background-position:-380px -84px; }
li#gembob a					{ background-position:-20px -106px; }
li#gembob a.selected		{ background-position:-200px -106px; }
li#gembob a:hover			{ background-position:-380px -106px; }
li#pernot-hudson a			{ background-position:-20px -128px; }
li#pernot-hudson a.selected	{ background-position:-200px -128px; }
li#pernot-hudson a:hover	{ background-position:-380px -128px; }
li#motion-reel-2003 a		{ background-position:-20px -150px; }
li#motion-reel-2003 a.selected { background-position:-200px -150px; }
li#motion-reel-2003 a:hover	{ background-position:-380px -150px; }
li#aac a					{ background-position:-20px -172px; }
li#aac a.selected			{ background-position:-200px -172px; }
li#aac a:hover				{ background-position:-380px -172px; }
li#curry-and-donuts a		{ background-position:-20px -194px; }
li#curry-and-donuts a.selected { background-position:-200px -194px; }
li#curry-and-donuts a:hover	{ background-position:-380px -194px; }
li#weber-microsite a		{ background-position:-20px -216px; }
li#weber-microsite a.selected { background-position:-200px -216px; }
li#weber-microsite a:hover	{ background-position:-380px -216px; }
li#archive-interactive a	{ background-position:-20px -282px; }
li#archive-interactive a.selected { background-position:-200px -282px; }
li#archive-interactive a:hover { background-position:-380px -282px; }
li#archive-motion a			{ background-position:-20px -304px; }
li#archive-motion a.selected { background-position:-200px -304px; }
li#archive-motion a:hover	{ background-position:-380px -304px; }
li#archive-other a			{ background-position:-20px -326px; }
li#archive-other a.selected { background-position:-200px -326px; }
li#archive-other a:hover	{ background-position:-380px -326px; }

/* resume -----------------------------------------------------------------------------------------------------*/
#resume #r-column			{ margin:0 0 0 0; }
.resume-section				{ overflow:hidden; width:100%; margin-bottom:2em; }
.resume-section-left		{ width:180px; float:left; text-align:right; margin:0 20px 0 0; }
.resume-section-right		{ width:420px; float:left; margin:0 0 0 0; }
#resume .resume-section h4	{ margin:0 0 0 0; } 
#resume .resume-section h5	{ font-size:.8em; margin:.3em 0 0 0; }
#resume .resume-section h6	{ margin:0 0 0 0; padding:0 0 0 0; }
#resume .resume-section li	{ line-height:1.4em; margin:0 0 .7em 0; }
#resume .resume-section #resume-experience li { margin:0 0 1.4em 0; }
#resume .resume-section p	{ margin:0 0 0 0; }
.resume-section #resume-pdf { display:block; padding:16px 0 30px 55px; text-align:left; background:transparent url('img/pdf.gif') no-repeat left top; }

/* about -----------------------------------------------------------------------------------------------------*/
#about #r-column			{ width:420px; }
#about #l-column div		{ margin:0 0 1.4em 0; }
.vcard						{ line-height:1.4em; }
#about .email				{ display:block; margin:0 0 1.4em 0; }
#about .adr	.street-address	{ margin:0 0 0 0 !important; }

/* project -----------------------------------------------------------------------------------------------------*/
.project,.project-grouping	{ margin:0 0 60px 0; width:680px; }
* html .project				{ width:700px; }
.project-assets				{ width:420px; float:left; margin:0 20px 0 0;  }
.project-details			{ width:240px; float:left; margin:0 0 0 0;  }
.project-asset				{ margin:0 0 10px 0; }
.project-asset p			{ margin:3px 0 0 0; font-style:italic; }
.project-assets img			{ border:1px solid #fff; }
.project-details h4			{ margin:0 0 0 0; }
.project-details h5			{ color:#808183; }
a.project-link				{ padding:.3em .7em; background:#DDD; border:1px solid #FFF; color:#666; }
a.project-link:hover		{ color:#00acee; }
.project-thumb				{ width:210px; float:left; margin:0 10px 20px 0; }
.project-thumb img			{ border:1px solid #fff; display:block; margin:0 0 .4em 0; }
.project-thumb a:hover img	{ border:1px solid #00acee; }
.project-thumb .thumb-title { color:#6b6b6c; }
.project-thumb a:hover 		{ text-decoration:none; }
.project-grouping .project-category { margin:0 0 5px 0; }
.project-details h6			{ font-weight:normal; margin:0 0 0 0; }
.project-details .production { font-weight:normal; font-style:italic; }

/* hacks -----------------------------------------------------------------------------------------------------*/
* html #r-column			{ margin:0 0 0 190px; }
* html .project				{ width:700px; }