@charset "UTF-8";
/* CSS Document */

/*General styles*/
html, body {height: 100%;}
* {font-family:  "Helvetica", Verdana, Arial, sans-serif; margin: 0px; padding: 0px; }
h1 {font-size: 18px; padding: 10px 0px 10px 0px; margin:0px;}
h1.about-heading {color:#F36E21;}
h1.video-heading {color:#329940;}
h1.works-heading {color:#329940;}
h1.timeline-heading {color:#6439A8;}
h1.essays-heading {color:#00C2F3;}
h1.videos-heading {color:#F56D9E;}
h1.acknowledgments-heading {color:#C61932}
h1.reference { boder-top: 1px dashed #000000; border-bttom: 1px dashed #000000; color:#00C2F3; }
h2 { font-size: 16px; padding: 10px 0px 10px 0px; margin: 0px; }
h2.essay-title {color:#00C2F3; font-size:14px;}
h3 { font-size: 14px; padding: 10px 0px 10px 0px; margin: 0px;}
h4 { font-size: 12px; padding: 10px 0px 10px 0px; margin: 0px;}
h5 { font-size: 10px; padding: 10px 0px 10px 0px; margin: 0px; color:#848484; font-weight:normal;}
h6 { font-size: 10px; padding: 5px 0px 10px 0px; margin: 0px; line-height: 15px; font-weight:normal; color: #232323;}
p { font-family:  "Helvetica", Verdana, Arial, sans-serif; font-size:12px; line-height: 23px; padding: 10px 0px 10px 0px;  }
p.directors-forward {line-height: 15px;}
p.nav-heading-timeline {font-szie: 12px; padding-left: 0px; background-color:#6439A8; color: #fff; width: 137px; text-align:center;}
p.nav-heading-works {font-size: 12px; padding-left: 10px; background-color:#329940; color: #fff; width: 157px;}
p.nav-heading-essays {font-szie: 12px; padding-left: 10px; background-color:#00C2F3; color: #fff; width: 157px; }
p.list-opening-para {padding-top: 0px;}
blockquote.works { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; padding: 20px 15px 20px 15px; color:#329940;}
blockquote.essays-col2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 24px; padding: 20px 15px 20px 15px; color:#00C2F3; }
a { color:#000; text-decoration:none;}
a.endnote {color:#00C2F3;}
a.endnote:hover {color:#50DEFF;}
hr { height: 1px; border: none; border-top: 1px dashed #000;}
sup {padding:0px; margin:0px; font-size: 9px;}
.caption {width: 395px; margin-top: 5px; padding: 0px 0px 0px 0px; text-align:left;}
.caption h6 {color: #000;}
.indent { padding-left: 10px;}

/*Main navigation*/
#inner-nav {width:1035px; margin: 0px auto; /*text-align:center;*/}
.brand {width:370px; float:left; padding-top: 50px; text-align:left;}
.nav-options { width:630px; height: 180px; float:right; }
.nav-options ul li {color:#fff; list-style-type:none; float:left; overflow: hidden; margin:0px auto; padding: 12px; font-size: 12px; height: 25px; padding-top: 112px; word-spacing:1px;}


/*Side Nav*/
#navigation-standard-works { width: 190px; float:left; position: relative; padding-top: 10px; margin-top: 30px;}
#navigation-standard-essays { width: 190px; float:left; position: relative; padding-top: 20px; margin-top: 30px;}
#navigation { width: 190px; float:left; position: fixed; padding-top: 5px; margin-left: 15px;}
#navigation {z-index: 999999; }
ul#sliding-navigation { list-style-type: none; padding: 0px; margin: 0px; line-height: 20px;}

/*slider for Timeline*/
ul#sliding-navigation li.sliding-element a { width: 130px; font-family: "Helvetica", Verdana, Arial, sans-serif;  font-size: 12px; border-bottom: 1px dashed #282828; padding: 7px 0px 7px 0px; display: block; text-align: center;}
ul#sliding-navigation li.sliding-element a:hover { background-color: #8D6BCE; color: #FFF;}

/*slider for thematic texts*/
ul#sliding-navigation li.sliding-works a { width: 160px; font-family: "Helvetica", Verdana, Arial, sans-serif;  font-size: 12px; border-bottom: 1px dashed #282828; padding: 7px 0px 7px 0px; display: block;}
ul#sliding-navigation li.sliding-works a:hover { background-color: #5AB762; color: #FFF;}


/*slider for essays texts*/
ul#sliding-navigation li.sliding-essays a { width: 160px; font-family: "Helvetica", Verdana, Arial, sans-serif;  font-size: 12px; border-bottom: 1px dashed #282828; padding: 7px 0px 7px 0px; display: block;}
ul#sliding-navigation li.sliding-essays a:hover { background-color: #50DEFF; color: #FFF;}

/*Page numbers */
.page-numbers { width: 150px; float:right; position: relative; }
.page-numbers ul{float: right;}
.page-numbers ul li {list-style-type:none; float:left; overflow: hidden; margin:0px auto; padding: 10px; font-size: 12px; height: 10px; background-color: #00C2F3; margin-right: 5px;color:#fff;}
.page-numbers ul li a {color:#fff; padding: 5px;}
.page-numbers ul li a:hover {background-color:#50DEFF}
.page-numbers ul li:hover {background-color:#50DEFF}
.page-numbers ul li.active {background-color: #50DEFF;}


/*Image Slider*/
#slides { position:absolute; top:10px; left:4px; padding-left:5px; z-index:100; }
.slides_container { width:1000px; overflow:hidden; position:relative; display:none; }
.slides_container div.slide {width:1000px; height:300px; display:block; }
#slides .next,#slides .prev { position:absolute; top:107px; left:10px; width:80px; height:80px; display:block; z-index:101; text-decoration: none; outline: none; }
#slides .next {background-image:url(../images/about-images/slider/arrow-next-idel.png);}
#slides .next:hover {background-image: url(../images/about-images/slider/arrow-next.png);}
#slides .prev {background-image:url(../images/about-images/slider/arrow-prev-idel.png);}
#slides .prev:hover {background-image:url(../images/about-images/slider/arrow-prev.png);}
#slides .next { left:920px; }
.pagination { margin:26px auto 0; width:100px; display:none; }
.pre-button {z-index: 999;}

/*Content wrapping*/
#wrap {min-height: 100%;}
#wrapper { width:1000px; padding-bottom:80px; margin:0 auto;  position:relative; z-index:0; clear:both; }
#content-area {width:1000px; position: relative; padding: 320px 10px 10px 10px; float:left; clear:both;}
#content-area-col1 {width: 800px; position: relative; float: right; }
#content-area-col2 {width: 800px; position:relative; float: right;}
.content-block { width: 800px; position:relative; display:block; margin-top: 20px;}
.content-block-col1 { width: 1000px; position:relative; display:block; padding-top: 20px; padding-bottom: 10px;}
.content-block-col2 { width: 800px; position:relative;}
.right-content { width:500px; margin-top: 50px; float:left; padding-left: 0px; margin-left: 0px;}
#image-wrap { width: 800px; float: left; padding: 25px 0px 25px 0px; }
.image-left { width: 260px; float:left;}
.image-middle { width: 260px; float:left; margin-left: 10px;}
.image-right { width: 260px; float:right;}
#right-col-image { width:405px; margin-left: 20px; margin-bottom: 10px; margin-top: 15px; float:right; z-index: 999;}
#right-col-image-small { width:405px; margin-left: 20px; margin-bottom: 10px; margin-top: 15px; float:right; z-index: 999; text-align:center;}
.left-content {width: 460px; margin-top: 50px; float: right; float:left;}
.left-essay-content {width: 370px; float:left; margin-bottom: 10px;}

/*List of Works*/
#list-works-wrap {width: 800px; float:left; padding-top: 20px;}
#list-works-wrap .list-works-left {width: 260px; height:290px; float:left; margin-right: 5px;}
#list-works-wrap .list-works-middle {width: 260px; height:290px; float:left; margin-left:2px;}
#list-works-wrap .list-works-right {width: 260px; height:290px; float:right; margin-right: 5px;}
.list-image {text-align: center;}
.list-image img {height: 173px;}
.list-caption {width: 260px; height:65px; padding-top: 10px; margin-top: 15px; margin-left: 2px; border-top: 1px dashed #000; border-bottom: 1px dashed #000;}
#list-works-wrap .list-works-left, .list-works-middle, .list-works-right { font-size: 11px; font-family:"Helvetica", Verdana, Arial, sans-serif; overflow:hidden; line-height: 15px; background-color: }
#navigation-standard-list-works { width: 190px; float:left; position: relative; padding-top: 10px; margin-top: 60px;}



/*media gallery*/

ul.thumb-listing {width: 1000px; padding: 0px; margin: 0px auto; overflow: hidden;}
ul.thumb-listing li {width:325px; height: 195px; float:left; list-style-type:none; margin:0px; padding:0px;}


/*Timeline*/
#outter-wrapper { width: 1050px; height:100%; margin: 0px auto; position:relative; clear:both;}
#timeline-outter-wrap {width: 1100px; padding: 10px; margin: 0px auto; clear:both;  }
#scroller-nav {width: 100px; float:right; padding-left: 1050px; position:fixed;}
#timeline {width:1000px; float:left;}
#timeline-content {width: 750px; float:right; }
.scroll-to-block {width: 750px; position: relative; display:block; clear:both; border-bottom: 1px dashed #6439A8; border-top: 0px;}
.year-heading-first { width: 750px;display:block; clear:both; padding: 0px 0px 20px 0px }
.year-heading { width: 750px;display:block; clear:both; border-top: 1px dashed #6439A8; padding: 20px 0px 20px 0px }
.year-block {width: 750px; position: relative; display:block; clear:both; border-bottom: 1px dashed #6439A8;  }
.year {width: 130px; height:45px; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; background-color: #6439A8; color:#fff; text-align:center; margin:40px 0px 40px 0px; padding-top: 15px;}
.year-group {width: 170px; height:45px; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; background-color: #6439A8; color:#fff; text-align:center; margin:40px 0px 40px 0px; padding-top: 15px;}
.year-content {width: 520px; float: right;  padding: 20px 0px 20px 0px; }
.year-text { width: 250px; float: right; padding-left: 10px; }
.year-image { width: 250px; float: left; padding: 15px 10px 10px 0px; }
.year-image-group { width:520px; height: 100px; padding: 20px 0px 20px 0px; }
.year-image-group .image-group-left {width: 160px; float:left; padding-right: 5px;}
.year-image-group .image-group-middle {width: 160px; float:left; padding-left: 5px; padding-right: 5px;}
.year-image-group .image-group-right {width: 160px; float:left; padding-left: 5px;}

/*Navigation Arrows*/
#prev {background: url(../images/timeline-images/nav/top-arrows.png) no-repeat; display:block; width: 86px; height: 69px; margin:0px 0px 5px 0px; padding:0px;}
#prev:hover {background-position:center bottom;}
#next {background: url(../images/timeline-images/nav/bottom-arrows.png) no-repeat; /*z-index: 999*/; display:block; width: 86px; height: 69px; margin:0px; padding:0px;}
#next:hover {background-position:center bottom;}

/*Reference List formatting*/
#reference-list { width: 800px; float:left; position:relative; margin: 20px 0px 20px 0px;}
.ref-col1 { width: 260px; float:left;}
.ref-col2 { width: 260px; float:left; margin-left: 10px;}
.ref-col3 { width: 260px; float:right;}

.ref-2-col-1 { width: 380px; float:left; margin-top: 10px;}
.ref-2-col-2 { width: 380px; float:right; margin-top: 10px;}
#reference-list ol li { font-family:"Helvetica", Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px; margin: 10px 0px 5px 15px;}

/*Acknowledgments*/
.trusties {width: 280px; float:left; margin-top: 20px}
.EMT {width: 280px; float:left; margin-top: 20px;}
.support {width: 380px; float:right; margin-top:20px;}
p.acknowledgment {line-height: 16px;}