/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* The *:focus rule is reset and suppresses link outlining. You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g. *:focus   outline: #ccc dotted medium */
html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

body { font-size: 13px; font-family: GillSans-Light,Gill Sans,Gill Sans Light, 'Gill Sans MT', Trebuchet MS,sans-serif; line-height: 1.231; *font-size: small; *font: x-small; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

ul { list-style: none; }

a { text-decoration: none; }

body { background-color: #392e2a; }

h1 { margin: 26px 0 16px -6px; display: block; }

em { font-style: italic; }

.big { font-size: 138.462%; }

img.float-right { float: right; margin-left: 20px; }
img.float-left { float: left; margin-right: 20px; }
img.left { display: block; text-align: right; }

div.smalltext { font-family: 'Verdana-Italic','Verdana',sans-serif; color: #c1996c; text-align: right; text-transform: none; margin-left: 25px; }
div.smalltext p, div.smalltext blockquote { font-size: 10px; }
div.smalltext blockquote { font-style: italic; margin-bottom: 10px; }

#page { width: 1050px; margin: auto; padding: 0 10px; padding-bottom: 30px; }

.topbar { background: #49423f url(img/top-column.gif) repeat-y; height: 20px; }
.topbar ul.admin { float: right; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; padding-right: 8px; }
.topbar ul.admin { display: block; }
.topbar ul.admin li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
.topbar ul.admin li.first { padding-left: 0px; }
.topbar ul.admin li.last { padding-right: 0px; }
.topbar ul.admin li { color: #f6f4dd; }
.topbar ul.public { float: left; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
.topbar ul.public { display: block; }
.topbar ul.public li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 12px; padding-right: 12px; }
.topbar ul.public li.first { padding-left: 0px; }
.topbar ul.public li.last { padding-right: 0px; }
.topbar ul { font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif'; font-size: 92.308%; letter-spacing: .12em; lineheight: 15px; }
.topbar ul li { height: 16px; padding-top: 2px; padding-bottom: 2px; color: #f8c58b; font-weight: bold; }
.topbar ul li.about, .topbar ul li.current, .topbar ul li.featured { padding-left: 0; padding-right: 0; text-align: center; }
.topbar ul li.about { width: 105px; }
.topbar ul li.current { width: 77px; }
.topbar ul li.featured { width: 78px; }
.topbar ul li.hilite { background-color: #635d5b; }
.topbar ul a { color: #f6f4dd; font-weight: normal; }
.topbar ul a:hover { color: #B69A73; }

.botbar { position: relative; height: 37px; background-color: #49423f; }
.botbar .address { position: absolute; top: 5px; left: 12px; text-indent: -9999px; text-align: left; background: url(img/bot-bar-address.png) no-repeat -0 -0; width: 250px; height: 30px; overflow: hidden; display: inline-block; }
.botbar .right { position: absolute; height: 25px; bottom: 0; right: 20px; width: 600px; text-align: right; }

body.site.index .botbar .right { font-size: 107.692%; height: 27px; letter-spacing: 2px; color: #f7f5da; }
body.site.index .botbar .right .mottos { text-align: right; }
body.site.index .botbar .right .motto { width: 600px; }
body.site.index #slidewrap, body.site.index #slideshow { width: 1050; height: 640px; }
body.site.index .frontimage { position: relative; width: 1050; height: 640px; }
body.site.index .frontimage .attribution { position: absolute; bottom: 12px; right: 19px; text-align: right; }
body.site.index .frontimage .attribution .title { font-size: 100%; }
body.site.index .frontimage .attribution .location { font-size: 84.615%; }
body.site.index .frontimage .attribution .description { font-size: 76.923%; }
body.site.index .frontimage .attribution .one { line-height: 15px; }
body.site.index .frontimage .attribution .two { line-height: 11px; }
body.site.index .frontimage .attribution .three { line-height: 11px; }
body.site.index .front-news { position: relative; padding-top: 8px; padding-bottom: 30px; color: #9b816c; font-size: 84.615%; }
body.site.index .front-news .left { width: 900px; float: left; }
body.site.index .front-news .right { float: right; }
body.site.index .front-news a { color: #9b816c; }

.two-pane { width: 1050px; height: 640px; background: url(img/mid-column.gif) repeat-y; }
.two-pane .leftpane { float: left; position: relative; width: 234px; height: 616px; padding: 24px 10px 0 16px; text-transform: uppercase; font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif'; font-size: 84.615%; }
.two-pane .leftpane h2 { letter-spacing: 6px; color: #9b816c; margin-bottom: 26px; }
.two-pane .leftpane img.smallimage, .two-pane .leftpane div.smalltext { position: absolute; bottom: 30px; right: 30px; }
.two-pane .leftpane ul { margin-bottom: 60px; }
.two-pane .leftpane ul li { color: #9b816c; padding: 0 0 13px 0; letter-spacing: 1px; }
.two-pane .leftpane ul li ul { margin: 10px 0 5px 27px; }
.two-pane .leftpane ul li ul ul { margin: 4px 0 0 27px; }
.two-pane .leftpane ul li ul li { padding: 0 0 3px 0; text-transform: none; font-weight: normal; }
.two-pane .leftpane ul li ul li a { font-weight: normal; }
.two-pane .leftpane a { font-weight: normal; color: #9b816c; letter-spacing: 1px; }
.two-pane .leftpane a:hover { color: #f8c58b; }
.two-pane .leftpane .title { display: block; }
.two-pane .leftpane .location { text-transform: none; font-weight: normal; letter-spacing: 0; line-height: 13px; }
.two-pane .leftpane .selected { font-weight: bold; color: #f8c58b; }
.two-pane .leftpane .selected .location { font-weight: normal; }
.two-pane .rightpane { position: relative; float: left; width: 790px; height: 640px; }
.two-pane .rightpane .content { width: 579px; margin-left: 90px; color: #f7f5da; }
.two-pane .rightpane .content h2 { font-size: 92.308%; letter-spacing: 1px; text-transform: uppercase; margin-top: 62px; margin-bottom: 25px; }
.two-pane .rightpane .content h2:first-letter { font-size: 138.462%; }
.two-pane .rightpane .content h3 { font-size: 92.308%; text-transform: uppercase; margin-bottom: 0.2em; letter-spacing: 1px; line-height: 14px; }
.two-pane .rightpane .content p { font-size: 92.308%; line-height: 13px; letter-spacing: 1px; margin-bottom: 1em; text-align: justify; }
.two-pane .rightpane .content .twocolumns { overflow: hidden; display: inline-block; }
.two-pane .rightpane .content .twocolumns { display: block; }
.two-pane .rightpane .content .twocolumns .leftcolumn { width: 274px; float: left; margin-right: 30px; }
.two-pane .rightpane .content .twocolumns .rightcolumn { width: 274px; float: left; }

body.about #pageshownav { float: left; line-height: 15px; }

body.project .botbar .right, body.about .botbar .right { font-size: 76.923%; font-weight: bold; }
body.project .botbar .right a, body.about .botbar .right a { color: #f8c58b; margin: 0 5px; }
body.project .botbar .right .activeSlide, body.project .botbar .right .selected, body.about .botbar .right .activeSlide, body.about .botbar .right .selected { color: #f7f5da; }
body.project .botbar .right .controls, body.about .botbar .right .controls { float: right; margin-left: 10px; margin-top: -1px; }
body.project .botbar .right .pageshowprev, body.about .botbar .right .pageshowprev { text-indent: -9999px; text-align: left; background: url(img/controls.png) no-repeat -0 -45px; width: 15px; height: 15px; overflow: hidden; display: inline-block; float: left; }
body.project .botbar .right .pageshownext, body.about .botbar .right .pageshownext { text-indent: -9999px; text-align: left; background: url(img/controls.png) no-repeat -0 -30px; width: 15px; height: 15px; overflow: hidden; display: inline-block; float: left; }
body.project .botbar .right #playpause, body.about .botbar .right #playpause { text-indent: -9999px; text-align: left; background: url(img/controls.png) no-repeat -0 -0; width: 15px; height: 15px; overflow: hidden; display: inline-block; float: left; }
body.project .botbar .right #playpause.play, body.about .botbar .right #playpause.play { background: url('img/controls.png') no-repeat 0 -15px; }

.image-page .small { position: relative; bottom: 225px; left: -235px; height: 200px; width: 205px; }
.image-page .small img { position: absolute; bottom: 0; }

body.about .pageshow { height: 500px; width: 579px; }
body.about .pageshow .pageshowpage { height: 495px; }
body.about .pageshow .pageshowpage .smallimage { position: absolute; right: 695px; bottom: 0px; }
body.about .textcolumns { overflow: hidden; display: inline-block; width: 579px; }
body.about .textcolumns { display: block; }
body.about .textcolumns .textcolumn { width: 274px; float: left; }
body.about .textcolumns .textcolumn.first { margin-right: 30px; }
body.about .rightpane a { font-weight: normal; color: #c1996c; }
body.about .rightpane a:hover { color: #9b816c; }

body.about.philosophy .two-pane .rightpane { background: url(img/bg-1.jpg); }

body.about.people .byline, body.about.featured .byline { overflow: hidden; display: inline-block; }
body.about.people .byline, body.about.featured .byline { display: block; }
body.about.people .textcolumns img, body.about.featured .textcolumns img { float: left; margin: 5px 10px 10px 0; }
body.about.people .textcolumns ul, body.about.featured .textcolumns ul { margin-left: 36px; }
body.about.people .textcolumns li, body.about.featured .textcolumns li { text-indent: -36px; margin-bottom: 4px; font-size: 92.308%; letter-spacing: 1px; text-align: left; line-height: 12px; }
body.about.people .byline, body.about.featured .byline { margin-top: 60px; margin-bottom: 20px; }
body.about.people .byline .contact, body.about.featured .byline .contact { letter-spacing: 1px; margin-top: 2px; float: right; text-align: right; font-size: 84.615%; color: #f7f5da; }
body.about.people .byline .contact a, body.about.featured .byline .contact a { color: #9b816c; }
body.about.people .byline .name, body.about.people .byline .title, body.about.featured .byline .name, body.about.featured .byline .title { font-size: 92.308%; text-transform: uppercase; letter-spacing: 1px; }
body.about.people .byline .name, body.about.featured .byline .name { display: block; }
body.about.people .byline .title, body.about.featured .byline .title { line-height: 10px; }
body.about.people .pageshow, body.about.people .twocolumns, body.about.featured .pageshow, body.about.featured .twocolumns { height: 500px; width: 579px; }

body.about.sustainability .two-pane .leftpane { background: url(img/fern.jpg) center 93% no-repeat; }
body.about.sustainability .two-pane .rightpane ul { margin-bottom: 1em; }
body.about.sustainability .two-pane .rightpane li { margin-left: 3em; text-indent: -.7em; font-size: 92.308%; letter-spacing: 1px; }
body.about.sustainability .two-pane .rightpane li:before { content: "-  "; }
body.about.sustainability .two-pane .rightpane a { font-weight: normal; color: #c1996c; letter-spacing: 1px; }
body.about.sustainability .two-pane .rightpane a:hover { color: #9b816c; }

body.about.howWeWork .two-pane .rightpane { background: url(img/bg-1.jpg); }

body.about.publications .two-pane .rightpane, body.about.projects .two-pane .rightpane { background: url(img/bg-2.jpg); }

body.about.publications .two-pane .rightpane li { font-size: 92.308%; letter-spacing: 1px; margin-left: 15px; margin-bottom: 9px; }

body.about.projects .two-pane .rightpane p { margin-bottom: 7px; }
body.about.projects .two-pane .rightpane ul { margin-bottom: 18px; margin-top: -4px; }
body.about.projects .two-pane .rightpane li { font-size: 92.308%; letter-spacing: 1px; margin-left: 30px; margin-bottom: 7px; }
body.about.projects .two-pane .rightpane .textcolumns { width: 600px; }
body.about.projects .two-pane .rightpane .textcolumns .textcolumn { width: 194px; }
body.about.projects .two-pane .rightpane .textcolumns .textcolumn.first { width: 374px; margin-right: 10px; }

body.about.projects .two-pane .rightpane em, body.about.publications .two-pane .rightpane em, body.about.honors .two-pane .rightpane em { position: relative; top: -.3em; font-size: 9px; }
body.about.projects .two-pane .rightpane .legend, body.about.publications .two-pane .rightpane .legend, body.about.honors .two-pane .rightpane .legend { margin-top: 2px; }
body.about.projects .two-pane .rightpane .legend li, body.about.publications .two-pane .rightpane .legend li, body.about.honors .two-pane .rightpane .legend li { font-size: 9px; margin-left: 9px; text-indent: -9px; text-align: left; }

body.about.honors .two-pane .rightpane { background: url(img/bg-3.jpg); }
body.about.honors .two-pane .rightpane p { margin-bottom: 7px; text-align: left; }
body.about.honors .two-pane .rightpane ul { margin-bottom: 18px; }
body.about.honors .two-pane .rightpane li { font-size: 92.308%; letter-spacing: 1px; margin-left: 30px; margin-bottom: 7px; }

body.about.findus .two-pane .rightpane .content { width: 620px; }
body.about.findus .two-pane .rightpane .smallimage { position: absolute; left: -235px; bottom: 30px; }
body.about.findus .two-pane .rightpane .huh p { margin-left: 407px; }
body.about.findus .two-pane .rightpane p { line-height: 16px; text-align: left; }
body.about.findus .two-pane .rightpane a { font-weight: normal; color: #c1996c; letter-spacing: 1px; }
body.about.findus .two-pane .rightpane a:hover { color: #9b816c; }

body.project .two-pane { background: #3C322F; }
body.project .projectNav ul { margin: 0; width: 230px; height: 290px; }
body.project .projectNav ul.current { margin-bottom: 12px; }
body.project .projectNav .projectNavPages { width: 230px; height: 290px; }
body.project .projectNav .controls { font-size: 92.308%; overflow: hidden; display: inline-block; text-transform: none; margin-top: 0px; font-weight: bold; color: #f8c58b; }
body.project .projectNav .controls { display: block; }
body.project .projectNav .controls a { float: left; color: #f8c58b; font-weight: bold; margin: 0 5px; line-height: 15px; }
body.project .projectNav .controls .activeSlide, body.project .projectNav .controls .selected { color: #f7f5da; }
body.project .projectNav .controls .projectnavprev { text-indent: -9999px; text-align: left; background: url(img/controls-dark.png) no-repeat -0 -45px; width: 15px; height: 15px; overflow: hidden; display: inline-block; margin-left: 0; }
body.project .projectNav .controls .projectnavnext { text-indent: -9999px; text-align: left; background: url(img/controls-dark.png) no-repeat -0 -30px; width: 15px; height: 15px; overflow: hidden; display: inline-block; margin-right: 0; }
body.project .pageshow, body.project .image-page { width: 790px; height: 640px; text-align: right; }
body.project .pageshow .smallimage, body.project .image-page .smallimage { position: absolute; left: -235px; bottom: 25px; }
body.project .pageshow .smalltext, body.project .image-page .smalltext { height: 150px; position: absolute; width: 210px; left: -265px; bottom: 30px; }

body.project.info .rightpane .content h2, body.project.info .rightpane .content h3, body.project.info .rightpane .content p, body.project.info .rightpane .content td { text-shadow: #000 2px 2px 4px; }
body.project.info .rightpane .content h2 { margin-bottom: 0; font-weight: bold; }
body.project.info .rightpane .content h3 { text-transform: uppercase; font-size: 84.615%; margin-top: 8px; margin-bottom: 0px; }
body.project.info .rightpane .content h4 { font-size: 84.615%; margin-top: 8px; }
body.project.info .rightpane .content span.location { display: block; margin-bottom: 22px; letter-spacing: 1px; font-size: 76.923%; }
body.project.info .rightpane .content span.photocredit { display: block; margin-top: 25px; margin-bottom: 12px; }
body.project.info .rightpane .content ul { margin-bottom: 0; }
body.project.info .rightpane .content ul ul { margin-bottom: 8px; }
body.project.info .rightpane .content li { padding-left: 8px; font-size: 84.615%; letter-spacing: 1px; }
body.project.info .rightpane .content li li { font-size: 100%; }
body.project.info .rightpane .content div.columns3 { overflow: hidden; display: inline-block; }
body.project.info .rightpane .content div.columns3 { display: block; }
body.project.info .rightpane .content div.columns3 p { text-align: left; }
body.project.info .rightpane .content div.col3 { font-size: 92.308%; width: 175px; float: left; margin-right: 20px; }
body.project.info .rightpane .content div.col3.last { margin-right: 0; }
body.project.info .rightpane .content div.col3 p { margin-left: 10px; }
body.project.info .rightpane .content div.col32 { float: left; width: 370px; font-size: 92.308%; }
body.project.info .rightpane .content div.col32 table { margin-top: 10px; margin-left: 10px; }
body.project.info .rightpane .content div.col32 td { font-size: 92.308%; vertical-align: text-top; letter-spacing: 1px; line-height: 13px; }
body.project.info .rightpane .content div.col32 td.first { width: 155px; padding-right: 5px; }