@charset "UTF-8";

h2 { text-transform: lowercase; font-variant: small-caps; font-size: 1.4em; color: #666; }
h3 { text-transform: lowercase; font-variant: small-caps;color: #666; margin: 0 0 5px 0; font-style: normal !important;}

body { margin: 0; padding:0; min-height: 100%; height: 100%; }
body * { font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif; }
a, a:active, a:visited { color: #999; text-decoration: none;}
a:hover { color: #999;}

li.active a, li.active span {color: #333 !important; }

header {  width: 191px; height: auto; padding: 0; margin: 15px auto;  border-bottom: 1px solid #CCC; font-variant: small-caps;	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
}
header h1 { width: inherit; height: inherit; display: block; font-size: 17px; line-height: 5px; margin: 0 0 10px 0;}
header span { font-size: 1em;}

header h1 a, header h1 a:hover { text-decoration: none; color: #111 !important; letter-spacing: .5px;	  }


p { margin: 0; white-space:normal; }

div.container {
	display:flex;
    vertical-align:top;
    min-height: 100%;
 }

nav {
	display: inline-block;
	height: 100%;
	padding: 80px 60px 80px 80px;
	vertical-align:top;
	background-color: white;
}

nav.sticky { position: fixed; top:0;left:0;}

div.content { 
max-width: 800px;
display: flex;
flex-wrap: wrap;
padding-top: 50px;
position: relative;
flex-direction: column;
}

div.content article p { 
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
	font-size: 18px;
	color: #666;
	padding: 1em 0; 

article.tetx-block p { max-width: 300px; }

}
article:not(.work-title, .link) { 
	display: inline-flex; align-items: flex-end; 


}
article { 
	padding-bottom: 4em;
}


ul.anchors { list-style-type: none;}

article.text-box * { width: 100%;}

article {      flex-grow:2;
}
img { padding: 0 20px;}

article.button-block { 
    position: relative;
    display: inline-block;
    width: 400px;
    padding: 0;
    height: 700px;

}

a.button {  vertical-align: bottom; font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif; text-align: center; font-variant: small-caps; padding: 60px; font-size: 24px; margin: auto; color: #666; display: block;	 }
a.button:hover { background: #666; text-decoration: none; color: #FFF;}
article.work-title.sticky { position: fixed; top: 0; display: none; z-index: 10; background: rgba(255,255,255,.95);}

article.work-title.sticky p {  }
.work-title div a {  font-size: 14px;}
.work-title div p { text-align :left; }
article.text-block.work-title {
	/*margin-top: auto;*/
}
div.subnav { padding: 2em 0; width:800px; position: relative; top: 0; display: inline-flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;}
div.subnav .clone { display: none;}
div.subnav.sticky { padding: 2em 0; display: none; position: fixed; top: 0; z-index: 10; background: rgba(255,255,255,.95);}
div.subnav.sticky.shadow {box-shadow: 0 0 40px 30px rgba(255,255,255,.95); -webkit-box-shadow: 0 0 40px 30px rgba(255,255,255,.95); -moz-box-shadow: 0 0 40px 30px rgba(255,255,255,.95); }
div.subnav span { justify-content: space-between;}
a.button { padding: 10px; border: 1px solid #666; background: none; display: inline-block;}
.sticky-nav { display: none; }
.sticky div div.sticky-nav { display: block;  }
.sticky-nav .LeftMainColumn { text-align: left; padding: 0 20px; }

ul.list-buttons { 
list-style-type: none;
display: inline-flex;
flex-direction: column;

padding:0;
}

i { display: inline-block; width: 12px; content: " • "; font-size: 12px; }
i:after { padding-left: 3px;  content: " • ";}

ul.list-buttons li {

	display: inline-block;
	padding: 5px;
	white-space: normal;
	max-width: 300px;

}

article.text-block { 
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    padding: 1em 0;
    overflow: hidden;
    flex-direction: column;
    width:760px;

}

article.statement { border-bottom: 2px solid #666; }
article.text-block.right { text-align:right; }
article.text-block p.right, article.text-block.right h3 { align-self:flex-end;}
article.text-block p.caption { padding-top:0; margin-top: 0; display: none;}
article.readings { border-top: 1px solid #ccc; font-style: italic;}

/*article.work-title { position: absolute; left: 0; bottom:0; }*/

div.spacer { width: 300px; display: inline-block; }
article.text-block * {  }
article.text-block p { 
	font-size: 18px;
    color: #999;
    vertical-align: bottom;
    padding: 0 60px 20px 0;
    line-height: 1.35em;
    /*text-indent: 2em;*/
     }
article.video { margin-top: 30px; }
article.text-block.indent p { margin-left: 15%;}
article.text-block.indent p.right { text-align: right; }
article.text-block p { 

/*margin-left: 15% !important;*/
width: 760px !important;
}

article.text-block.work-title p:last-child { 


}
     article.text-block p:last-child { 
/*     	border-bottom: 2px solid #999;
*/    display: block;
     }

article:not(.text-block) img { padding: 0; width: 580px !important; height: auto !important; }
article.text-block img { }
article, iframe, img  { display: inline-block; vertical-align:top;}

iframe { width: 580px !important; height: 320px !important; }

article { position: relative;}
article iframe { padding:0;}
.caption { padding: 10px 0; opacity: 0;

    position: absolute;
    bottom: 60px;
    background: rgba(255,255,255,0.95);
    width: 100%;
    padding: 1em !important;
    -webkit-transition: opacity 250ms ease-in;
    -moz-transition: opacity 250ms ease-in;
    -o-transition: opacity 250ms ease-in;
    -ms-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in;

}

article.captioned:hover p.caption { opacity: 1;
    -webkit-transition: opacity 250ms ease-in;
    -moz-transition: opacity 250ms ease-in;
    -o-transition: opacity 250ms ease-in;
    -ms-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in;

}

.LeftMainColumn {
	list-style-type: none;
	display: inline-block;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	line-height: 19px;
	clip: rect(0px,0px,0px,0px);
	width: 128px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	font-variant: small-caps;
	vertical-align: top;
	text-align:right;
}

.subnav { padding: 1em 0; width: 74	0px; width: 100%;}

.subnav .LeftMainColumn { width: 100%; text-align:left; padding-top: 10px; display: inline-flex; justify-content: flex-start;}
.subnav.justify .LeftMainColumn { justify-content: space-between;}

.IndexMain {
	display: block;
}
.RightMainColumn {
	list-style-type: none;	
	display: inline-block;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
	font-size: 16px !important;
	color: #999;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	clip: rect(0px,0px,0px,0px);
	font-style: italic;
	line-height: 17px;
	font-weight: 100;
	min-width: 240px;
}
.RightMainColumn a:link {
	color: #999;
	font-size: 16px;
	font-style: italic;
	font-weight: 100;
	font-variant: normal;
	text-decoration: none;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
}
.RightMainColumn a:hover {
	text-decoration: none;
	font-style: italic;
	font-weight: 100;
	font-size: 16px !important;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
	color: #333 !important	;
}
.RightMainColumn a:visited {
	color: #999;
	font-style: italic;
	font-weight: 100;
	font-size: 16px;
	text-decoration: none;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
}
.RightMainColumn a:active {
	color: #242424;
	text-decoration: none;
	font-style: italic;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
}
.LeftMainColumn a:link {
	text-decoration: none;
	color: #333333;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
}
.LeftMainColumn a:hover {
	text-decoration: underline;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
	color: #333333;
}
.LeftMainColumn a:visited {
	color: #333333;
	text-decoration: none;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
}
.LeftMainColumn a:active {
	color: #333333;
	text-decoration: none;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
}

.MainArea {
	font-size: 18px;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
	line-height: 17pt;
	color: #000000;
	width: 740px;
}
.dates {
	font-size: 10px;
	color: #999;
	font-style: italic;
}
.SelectedProject {
	font-size: 11px;
	color: #666;
	font-style: italic;
}
.centermovie {
	text-align: center;
}
.project-title {
	font-size: 24px;
	font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", "Times New Roman", serif;
	font-style: italic;
	padding-right: 5px;
	flex-grow:2;
	width: 50%;

}

.project-dates { align-selft: flex-end; font-size: 14px; 
text-transform: uppercase;
font-weight: 800;
line-height: 24px;
flex-grow:2;
min-width: 50%;
}



.location, .venue { flex-grow: 2; text-align: right;min-width: 30%;}
.object { border:0px; }
.MainAreaLarger {
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-size: 15px;
	font-style: normal;
	line-height: 13px;
}