* {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 100%;
	border: 0px solid #ccc;
}

html {
	overflow-y: scroll;  /*fixes scrollbar shift in firefox */
}
	
body {
	margin: 0;
	padding: 0;
	font: xx-small/1.4em Verdana, 'Lucida Grande', Arial, sans-serif;
	color: black;
	background-color: white;
	position: relative;
}

a:link img, a:visited img {
	border: none;
	padding: 0 0;
}

/* general typography */

a {
	text-decoration: none;
	color: black;
	outline: none;
}

a:hover {
	font-weight: bold;
}

h2 {
	text-indent: -10000em;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center left;
	overflow: hidden;
	margin-bottom: 14px;
}

h3 {
	font: bold xx-small Verdana, 'Lucida Grande', Arial, sans-serif;
}

ul, ol {
	list-style: none;
}

ol li {
	line-height: 1.75em;	
}

p {
	margin: 0 0 12px 0;
	line-height: 1.8em;
}

/* layout */

#header {
	width:  705px;
	margin: 0 auto;
	padding: 50px 20px 50px 20px;
	overflow: hidden;
}

#header.home {
	margin-top: 225px;
	/* preloads the first project nav image */
	background-image: url("/sections/projects/tacet/nav_background.jpg");	background-repeat: no-repeat;
	background-position: -1000px -1000px;
		overflow: visible;
}

#content {
	padding: 14px 0 20px 20px;
	width: 720px;
	margin: 0 auto;
	overflow: hidden;
}

#content #image {
	width: 275px;
	margin: 0px 50px 0 0px;
	float: left;
	padding-bottom: 50px;
}

#content #text {
	width: 355px;
	margin: 0 0;
	float: left;
	padding-bottom: 50px;
}

#content #pagenav {
	width: 132px;
	float: left;
	margin: 0px 50px 30px 0px;
	text-align: right;
	overflow: hidden;
}

.column {
	width: 345px;
	float: left;
	
}


/* header */

#header * {
	text-indent: -1000em;
}

#header h1 {
	width: 135px;
	height: 12px;
	float: left;
	margin-right: 37px;
}

#header h1 a {
	display: block;
	background: url(../resources/images/antonia.gif) top center no-repeat;
	/* margin-left: 65px; forces header to align to content */
}

#header ul {
	float: left;
	width: 350px;
	overflow: hidden;
}

#header.home ul {
	width: 500px;
}

#header li {
	padding: 0 11px 0 10px;
	margin: 0 0;
	float: left;
}

#header li a {
	display: block;
	-moz-outline-style: none;
  background-repeat: no-repeat;
  background-position: top center;
}

#header li a.projects {
	background: url(../resources/images/projects.gif) ;
	height: 15px;
	width: 118px;
}

#header li a.texts {
	background: url(../resources/images/texts.gif);
	height: 12px;
	width: 34px;
}

#header li a.cv {
	background: url(../resources/images/cv.gif);
	height: 9px;
	margin-top: 3px;
	width: 15px;
}

#header li a.contact {
	background: url(../resources/images/contact.gif);
	width: 52px;
	height: 12px;
}

#header li a:hover {
	background-position: bottom center;
}

/* content: project navagation */

#content.projectnav {
	height: 380px;
	position: relative
}

#content.projectnav #pagenav{
	margin-left: 393px;
	width: 300px;
}

#content.projectnav ol li {
	text-align: left;
}
	
#content.projectnav ol li a {
	-moz-outline-style: none;
}

#content.projectnav ol li a img {
	position: absolute;
	left: 20px;
	top: 46px;
	display: none;
	width: 350px;
	height: 250px;
	margin-bottom: 50px;
	color: white; /* stops alt text from displaying in Safari */
}

#content.projectnav ol li a:hover img {
	display: block; /* allows nav images to display if javascript is turned off */
}

#content {
	position: relative;
}

#content.projectnav li.middle {
	margin: 0 25px 25px 25px;
}

#content.projectnav ol li ol {
	position: absolute;
	bottom: 20px;
	left: -20px;
}

#content.projectnav ol li ol li {
	text-align: right;
	width: 215px;
	height: auto;
	margin: 0 0 0 0;
	float: none;
	position: relative;
	display: block;
	left: 0;
}

#content.projectnav ol li ol li a {
	display: inline;
}

#content.projectnav ol li a:link span, #content.projectnav ol li a:visited span {
	display: none;
	position: absolute;
	bottom: 15px;
	left: 20px;
	width: 175px;
	background: transparent;
	font: 22px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
}


#content.projectnav ol li ol li a:hover {
	background: transparent;
}

#content.projectnav ol li a:hover span {
	display: inline;
}

/* content: single selected project page */

#image a {
	-moz-outline-style: none;	
}

#image img {
	margin-bottom: 10px;
	width: 275px
}

#imagenav {
	margin-top: -6px;
}
	
#imagenav li {
	float: left;
	margin: 0 25px 15px 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

#imagenav li.backwardoff {
	background: white url(../resources/images/minus_off.gif) no-repeat center center;
	height: 23px;
	width: 23px;
	text-indent: -1000em;
}

#imagenav li.forwardoff {
	background: white url(../resources/images/plus_off.gif) no-repeat center center;
	height: 23px;
	width: 23px;
	text-indent: -1000em;
}

#imagenav a.backward {
	display: block;
	text-indent: -1000em;
	background: white url(../resources/images/minus.gif) no-repeat center center;
	height: 23px;
	width: 23px;
}

#imagenav a.backward:hover {
	background-color: black;
}

#imagenav a.forward {
	background: white url(../resources/images/plus.gif) no-repeat center center;
	display: block;
	text-indent: -1000em;
	height: 23px;
	width: 23px;
}

#imagenav a.forward:hover {
	background-color: black;
}

#imagenav li.video a {
	background: white url(../resources/images/video.gif) no-repeat left top;
	display: block;
	height: 23px;
	width: 23px;
	text-indent: -1000em;
	position: relative;
}

#imagenav li.video a:hover {
	background: white url(../resources/images/video.gif) no-repeat left bottom;
}

#imagenav li.audio a {
	background: white url(../resources/images/audio.gif) no-repeat left top;
	display: block;
	height: 23px;
	width: 23px;
	text-indent: -1000em;
	position: relative;
}

#imagenav li.audio a:hover {
	background: white url(../resources/images/audio.gif) no-repeat left bottom;
}

#imagenav li.video a span,
#imagenav li.audio a span {
	width: 110px;
	display: none;
	height: 1.3em;
	line-height: 1em;
	overflow: hidden;
	color: black;
	position: absolute;
	left: 45px;
	top: 7px;
	text-indent: 0;
}

#imagenav li.video a:hover span,
#imagenav li.audio a:hover span {
	display: block;
	font-weight: normal;
}

#imagenav a.lightbox {
	display: block;
	text-indent: -1000em;
	height: 23px;
	width: 23px;
}

a.lightbox {
	background: white url(../resources/images/lightbox.gif) no-repeat center center;
	/* seperated out for DOM scripting */
}

a.lightbox:hover {
	background-color: black !important;
}

#imagenav.oneimage {
	height: 38px;
	display: block;
	margin-top: -6px;
}

#imagenav.oneimage li {
	width: 2px;
	overflow: hidden;
	color: white;
	margin: 0 0;
	height: 38px;
	display: block;
	float: left;
}

#caption li {
	color: #AFAFAF;
}

#caption li a:link, #image #caption li a:visited {
	color: #AFAFAF;
	text-transform: uppercase;
}

#caption ul#longcaption {
	margin: 0 0 16px 0;
	position: relative;
}

#caption ul#longcaption li {
	margin: 10px 0;
}

#caption ul#longcaption li.date {
	line-height: 1.4em;
  	font: bold xx-small Verdana, 'Lucida Grande', Arial, sans-serif;
  	position: absolute;
  	left: 0;
  	top: .2em;
	margin: 0;
}

#caption ul#longcaption li.projectdetails {
	line-height: 1.4em;
	margin: 0 0 0 6em;
}

#image #video .video {
	margin-top: -8px;
}

#image #video {
	clear: both; /* fixes firefox 1.5  display glitch when image navagation is hovered */
}

#text  ul#projectdetails {
	margin: 0 0 16px 0;
	position: relative;
}

#text ul#projectdetails li {
	line-height: 1.4em;
	width: 290px;
	margin-left: 6em;
}

#text ul#projectdetails li.date {
	line-height: 1.4em;
  	font: bold xx-small Verdana, 'Lucida Grande', Arial, sans-serif;
  	position: absolute;
  	left: 0;
  	top: .1em;
	margin-left: 0px;
}


/* content: related content */

.relatedcontent {
	padding-left: 35px;
	height: 2.7em;
	background: white url(../resources/images/paper_white.gif) no-repeat top left;
	position: relative;
	margin-bottom: 2em;
	margin-top: 1em;
	width: 300px;
}

#text .relatedcontent {
	margin-top: 30px;
	margin-bottom: -10px;
}

.relatedcontent:hover {
	background: white url(../resources/images/paper_black.gif) no-repeat top left;
}

.relatedcontent h3 {
	text-transform: uppercase;
	font-weight: normal;
	height: 1.3em;
	overflow: hidden;
}

.relatedcontent span a {
	position: absolute;
	padding: 1.5em 0 .5em 40px;
	bottom: -.5em;
	left: -5px;
	width: 300px;
	-moz-outline-style: none;
}

/* content: single selected text page */

#content.text #image {
	width: 200px;
	padding-top: 32px;
}

#content.text #text {
	width: 440px;
}

#content.text #image a.thumbnail {
	position: relative;
	width: 200px;
	height: 200px;
	overflow: hidden;
	display: block;
}

#content.text #image a.thumbnail img {
	width: 200px;
	height: 200px;
}

#content.text #image a.thumbnail span {
	display: block;
	width: 200px;
	height: 200px;
	text-indent: -1000em;
	position: absolute;
	left: 0;
	top: 0;
}

#content.text #image a.thumbnail span:hover {
	background: url(../resources/images/transparency.png);
	text-indent: -1000em;
}

#content.text h3 {
	margin-bottom: 16px;
}

/* content: CV*/

#content.cv #pagenav a {
	-moz-outline-style: none;
}

#content.cv #pagenav a:hover {
	font-weight: bold;
}

#content.cv #text {
	width: 475px;
	margin: -25px 0 50px 0;
	float: left;
}

#content.cv #text ol li {
	margin-left: 1.4em;
	margin-bottom: .5em;
	line-height: 1.4em;
	list-style: circle outside;
}

#content.cv span.publication {
	color: #AFAFAF;
}

#content.cv #text span.publication {
	color: #AFAFAF;
	font-weight: bold;
}

#content.cv #text h2 {
	margin-top: 25px;
	margin-bottom: 14px;
}

#content.cv h3 {
	margin: .75em 0 .25em 0;
}


/* content: high resolution file listing */

#termsofuse {
	width: 275px;
	margin: 35px 50px 0 0px;
	float: left;
}

#termsofuse h3, #termsofuse p {
  	margin: 0 0 6px 0;
}

#filelisting {
	width: 355px;
  float: left;
}

#filelisting h3 {
	text-transform: uppercase;
	line-height: 1.75em;	
}

#filelisting ol {
	list-style: decimal inside;	
	margin-bottom: 20px;
}

 
/* H2 text replacement */

#content.projectnav h2 {
	background-image: url(../resources/images/selected_projects.gif);
	background-position: left top;
	text-indent: 1000em;
	color: white; /*fixes safari glitch */
	margin-top: 33px;
}

h2.cv {
	background-image: url(../resources/images/curriculumvitae.gif);
	background-position: right top;
	text-indent: 1000em;
	margin-top: 1px;
	margin-bottom: 12px;
}

h2.texts {
	background-image: url(../resources/images/selected_texts.gif);
	background-position: left top;
}


h2.awards {
	background-image: url(../resources/images/awards.gif);
}

h2.collections {
	background-image: url(../resources/images/collections.gif);
	margin-bottom: 7px;
}

h2.solo {
	background-image: url(../resources/images/solo.gif);
}

h2.group {
	background-image: url(../resources/images/group.gif);
}

h2.bibliography {
	background-image: url(../resources/images/bibliography.gif);
	margin-bottom: 7px;
}

h2.publications {
	background-image: url(../resources/images/publications.gif);
}

h2.highres {
	background-image: url(../resources/images/highres.gif);
  margin-bottom: 20px;
}

h2.publicprojects {
	background-image: url(../resources/images/publicprojects.gif);
	margin-bottom: 7px;
}



/* extras */

.footnote {
  color: red;
  padding-left: .5em;
  position: inherit;
}

.footnote:hover {
  color: #000;
  cursor: pointer;
}

.footnote:hover span {
  display: block;
}


.footnote span {
  color: black;
  position: absolute;
	background: white;
	width: 335px;
  margin-top: 10px;
  display: none;
  border: 1px solid black;
  padding: 10px;
	line-height: 1.4em;
}

.footnote span > em:first-child {
  color: red;
  padding-right: .5em;
  font-style: normal;
}

a.figure {
  color: red;
}

a.figure:hover {
  color: #000;
  font-weight: normal;
}

div.clear {
	clear: both;
}

li.badge {
	width: 92px;
	margin-top: -35px !important;
	margin-left: 20px !important;
}

li.badge img {
	width: 92px;
	display: block;
}


/* image detail */

.image-detail #caption {
  width: 500px;
  margin-top: 15px;
  float: left;
}

.image-detail #back {
	display: block;
	float: right;
	width: 11px;
	height: 17px;
	background: #FFF url(../resources/images/back.gif) no-repeat top right;
	margin: 10px 30px 0 0;
	overflow: hidden;
	text-indent: -100px;
}

.image-detail #back:hover {
  background-color: #000;
}