@charset "UTF-8";

/* Reset CSS
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img { border: none; }

/* ---- End Reset CSS ----------------------- */

/* ---- Fels CSS ---------------------------- */

/* General Styles */
body { text-align: center; background-color: #ccc; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
p { margin: 10px 0; line-height: 17px; }
h1 { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; line-height: inherit; font-weight: bold; color: #000000; }
h1.logo { margin: 0; padding: 0; }
a:link, a:visited, a:active { text-decoration: none; color: #e27622; }
a:hover { text-decoration: underline; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }

#wrapper { width: 945px; margin: 0 auto; background-color: #fff; text-align: left; position: relative; }

/* Header Styles */
#header { padding: 32px 40px 58px; }

ul.nav { margin: 13px 0 0; padding: 0; list-style-type: none; }
ul.nav li { margin: 0; padding: 0; float: left; font-weight: bold; font-size: 11px; border-right: 1px solid #000; }
ul.nav li a { padding: 0 10px; }
ul.nav li.first a { padding-left: 0; }
ul.nav li.last { border-right: none; }

/* Footer Styles */
#footer { clear: both; background-color: #ccc; padding-top: 8px; padding-bottom: 6px; height: 18px; font-size: 10px; }
#footer p { margin: 0 !important; }
#footer .copyright { float: left; }
#footer .credits { float: right; }

/* Main Content Styles */
#content { width: 566px; margin-left: 350px; padding-bottom: 80px; }
#content p { font-size: 14px; line-height: 20px; }

/* Sidebar Styles */
#sidebar { width: 338px; position: absolute; top: 675px; left: 0; overflow: hidden; }

/* Project Map Styles */
#projectMap { margin-left: 45px; width: 285px; float: left; }

ul.projectMapCol1 { margin: 0; padding: 0; list-style-type: none; float: left; }
ul.projectMapCol1 li { margin: 0; padding: 0; display: block; line-height: 0; }
ul.projectMapCol1 li.community { padding-top: 65px; }
ul.projectMapCol1 li.looking { padding-top: 65px; }
ul.projectMapCol1 li.commodities { padding-top: 67px; }
ul.projectMapCol1 li.water { padding-top: 69px; }

ul.projectMapCol2 { margin: 0; padding: 0; list-style-type: none; float: left; }
ul.projectMapCol2 li { margin: 0; padding: 0; display: block; line-height: 0; }
#projectMapLines { display: block; width: 96px; height: 548px; overflow: hidden; background-repeat: no-repeat; background-image: url(images/lines.gif); background-position: 0 0; }
#projectMapLines img { position: absolute; left: -5000px; visibility: hidden; }

#projectMapLines-Atlas, .projectMapLines-Atlas              { background-position: -96px 0 !important; }
#projectMapLines-Alum, .projectMapLines-Alum                { background-position: -192px 0 !important; }
#projectMapLines-WaterPlant, .projectMapLines-WaterPlant    { background-position: -288px 0 !important; }
#projectMapLines-Waterlines, .projectMapLines-Waterlines    { background-position: -384px 0 !important; }
#projectMapLines-Sime, .projectMapLines-Sime                { background-position: -480px 0 !important; }
#projectMapLines-Cathedral, .projectMapLines-Cathedral      { background-position: -576px 0 !important; }
#projectMapLines-Bellevue, .projectMapLines-Bellevue        { background-position: -672px 0 !important; }
#projectMapLines-RedEarthPlay, .projectMapLines-RedEarthPlay{ background-position: -768px 0 !important; }
#projectMapLines-ExILVA, .projectMapLines-ExILVA            { background-position: -864px 0 !important; }
#projectMapLines-Courtland, .projectMapLines-Courtland      { background-position: -960px 0 !important; }
#projectMapLines-MOHAI, .projectMapLines-MOHAI              { background-position: -1056px 0 !important; }
#projectMapLines-MarieLouie, .projectMapLines-MarieLouie    { background-position: -1152px 0 !important; }
#projectMapLines-Vasco, .projectMapLines-Vasco              { background-position: -1248px 0 !important; }
#projectMapLines-Everything, .projectMapLines-Everything    { background-position: -1344px 0 !important; }
#projectMapLines-Peripheral, .projectMapLines-Peripheral    { background-position: -1440px 0 !important; }

ul.projectMapCol3 { margin: 0; padding: 0; list-style-type: none; float: left; }
ul.projectMapCol3 li { margin: 0; padding: 0; display: block; line-height: 0; }
ul.projectMapCol3 li a { display: block; width: 112px; height: 28px; overflow: hidden; background-repeat: no-repeat; background-image: url(images/project_list.gif); text-decoration: none; }
ul.projectMapCol3 li a span { position: absolute; left: -5000px; }
ul.projectMapCol3 li.singleLine a { height: 28px !important; }
ul.projectMapCol3 li.doubleLine a { height: 41px !important; }
ul.projectMapCol3 li.tripleLine a { height: 54px !important; }

#projectMapName-Atlas a                                                   { background-position:    0      0px; height: 32px !important; }
#projectMapName-Atlas a:hover, #projectMapName-Atlas.over a               { background-position: -126px    0px; }
#projectMapName-Alum a                                                    { background-position:    0    -32px; }
#projectMapName-Alum a:hover, #projectMapName-Alum.over a                 { background-position: -126px  -32px; }
#projectMapName-WaterPlant a                                              { background-position:    0    -60px; }
#projectMapName-WaterPlant a:hover, #projectMapName-WaterPlant.over a     { background-position: -126px  -60px; }
#projectMapName-Waterlines a                                              { background-position:    0   -101px; }
#projectMapName-Waterlines a:hover, #projectMapName-Waterlines.over a     { background-position: -126px -101px; }
#projectMapName-Sime a                                                    { background-position:    0   -129px; } 
#projectMapName-Sime a:hover, #projectMapName-Sime.over a                 { background-position: -126px -129px; }
#projectMapName-Cathedral a                                               { background-position:    0   -183px; }
#projectMapName-Cathedral a:hover, #projectMapName-Cathedral.over a       { background-position: -126px -183px; }
#projectMapName-Bellevue a                                                { background-position:    0   -211px; }
#projectMapName-Bellevue a:hover, #projectMapName-Bellevue.over a         { background-position: -126px -211px; }
#projectMapName-RedEarthPlay a                                            { background-position:    0   -252px; }
#projectMapName-RedEarthPlay a:hover, #projectMapName-RedEarthPlay.over a { background-position: -126px -252px; }
#projectMapName-ExILVA a                                                  { background-position:    0   -280px; }
#projectMapName-ExILVA a:hover, #projectMapName-ExILVA.over a             { background-position: -126px -280px; }
#projectMapName-Courtland a                                               { background-position:    0   -321px; }
#projectMapName-Courtland a:hover, #projectMapName-Courtland.over a       { background-position: -126px -321px; }
#projectMapName-MOHAI a                                                   { background-position:    0   -349px; }
#projectMapName-MOHAI a:hover, #projectMapName-MOHAI.over a               { background-position: -126px -349px; }
#projectMapName-MarieLouie a                                              { background-position:    0   -403px; }
#projectMapName-MarieLouie a:hover, #projectMapName-MarieLouie.over a     { background-position: -126px -403px; }
#projectMapName-Vasco a                                                   { background-position:    0   -431px; }
#projectMapName-Vasco a:hover, #projectMapName-Vasco.over a               { background-position: -126px -431px; }
#projectMapName-Everything a                                              { background-position:    0   -472px; }
#projectMapName-Everything a:hover, #projectMapName-Everything.over a     { background-position: -126px -472px; }
#projectMapName-Peripheral a                                              { background-position:    0   -513px; }
#projectMapName-Peripheral a:hover, #projectMapName-Peripheral.over a     { background-position: -126px -513px; }

/* Home Page */
.homepage #content { width: 575px !important; margin-left: 332px !important;}

ul#homeImageGrid { margin: 0 0 40px 0; padding: 0; list-style-type: none; position: relative; width: 575px; height: 573px; }
ul#homeImageGrid li { margin: 0; padding: 0; display: block; line-height: 0; position: absolute; }
ul#homeImageGrid li a { display: block; overflow: hidden; background-repeat: no-repeat; background-image: url(images/image_grid.jpg); text-decoration: none; }
ul#homeImageGrid li a span { position: absolute; left: -5000px; }

#imageGrid-Atlas, #imageGrid-Atlas a               { overflow: hidden; left:   0px; top:   0px; background-position:    0px    0px; width: 107px; height: 224px; }
#imageGrid-Alum, #imageGrid-Alum a                 { overflow: hidden; left: 117px; top:   0px; background-position: -117px    0px; width: 107px; height: 224px; }
#imageGrid-WaterPlant, #imageGrid-WaterPlant a     { overflow: hidden; left:   0px; top: 234px; background-position:    0px -234px; width: 224px; height: 107px; }
#imageGrid-Waterlines, #imageGrid-Waterlines a     { overflow: hidden; left:   0px; top: 351px; background-position:    0px -351px; width: 224px; height: 107px; }
#imageGrid-Sime, #imageGrid-Sime a                 { overflow: hidden; left:   0px; top: 468px; background-position:    0px -468px; width: 107px; height: 107px; }
#imageGrid-Cathedral, #imageGrid-Cathedral a       { overflow: hidden; left: 117px; top: 468px; background-position: -117px -468px; width: 107px; height: 107px; }
#imageGrid-Bellevue, #imageGrid-Bellevue a         { overflow: hidden; left: 234px; top:   0px; background-position: -234px    0px; width: 107px; height: 107px; }
#imageGrid-RedEarthPlay, #imageGrid-RedEarthPlay a { overflow: hidden; left: 234px; top: 117px; background-position: -234px -117px; width: 107px; height: 341px; }
#imageGrid-ExILVA, #imageGrid-ExILVA a             { overflow: hidden; left: 234px; top: 468px; background-position: -234px -468px; width: 107px; height: 107px; }
#imageGrid-Courtland, #imageGrid-Courtland a       { overflow: hidden; left: 351px; top:   0px; background-position: -351px    0px; width: 224px; height: 107px; }
#imageGrid-MOHAI, #imageGrid-MOHAI a               { overflow: hidden; left: 351px; top: 117px; background-position: -351px -117px; width: 107px; height: 224px; }
#imageGrid-MarieLouie, #imageGrid-MarieLouie a     { overflow: hidden; left: 468px; top: 117px; background-position: -468px -117px; width: 107px; height: 224px; }
#imageGrid-Vasco, #imageGrid-Vasco a               { overflow: hidden; left: 351px; top: 351px; background-position: -351px -351px; width: 107px; height: 107px; }
#imageGrid-Everything, #imageGrid-Everything a     { overflow: hidden; left: 468px; top: 351px; background-position: -468px -351px; width: 107px; height: 107px; }
#imageGrid-Peripheral, #imageGrid-Peripheral a     { overflow: hidden; left: 351px; top: 468px; background-position: -351px -468px; width: 224px; height: 107px; }

#homepageText { margin-left: -115px; width: 690px !important; }

/* Projects/Residencies Page */
#content.projectsList { width: 460px; }
.projectSummary { padding: 4px 0; border-bottom: 1px solid #999; }
.projectSummary.last { border-bottom: none; }
.summaryTitle { font-weight: bold; font-size: 12px !important; line-height: 14px !important; }
.summaryDesc { font-size: 11px !important; line-height: 14px !important; }
.summaryDescAttrib { font-size: 11px !important; line-height: 14px !important; font-weight: bold; }

/* Project Details Pages */
.projectImage { margin-bottom: 75px; }
.projectDetail h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 18px; font-weight: bold; font-style: italic; margin-top: 10px; margin-bottom: 30px; }
.projectDetail p { font-size: 14px; line-height: 20px; }
.projectDetail h2.pullQuote { margin-bottom: 10px; color: #e27622; }
.projectDetail p.pullQuoteCredit { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px !important; line-height: 18px; color: #e27622; font-weight: bold; font-style: italic; margin-bottom: 30px; margin-left: 25px; }
.projectDetail ul, .projectDetail ol { margin-left: 15px; padding-left: 15px; font-size: 14px; line-height: 20px; }
.projectDetail ul { list-style: disc; }
.projectDetail ol { list-style: decimal; }
.projectDetail li { margin:15px 0; }
.archive.kmb .projectDetail ol { margin-left: 363px; }

/* Archived Pages */
.archive #content { width: 765px; margin: 0 40px 40px; border-top: 1px solid #bfbebc; padding-top: 40px; }
.archive #sidebar { position: relative; width: auto; top: 0; }
.archive .projectImage { float: left; margin-right: 20px; margin-bottom: 10px; }
.archive #content .thinner { float:left; width:555px; margin-bottom:40px; }
.archive.hope #sidebar { float:right; margin-top:-130px; }
.archive.sammamish #content { padding-bottom: 0; }

/* Bio Page */
.biopic { float: right; margin-left: 10px; margin-bottom: 10px; }

/* Miscellaneous Styles */
.black { color: #000; }
.bold { font-weight: bold; }
.large { font-size: 1.2em; line-height: 1.5em !important; }
.orange { color: #e27622; }

#mediaspace { margin-top: 20px; margin-bottom: 20px; }




/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('images/fancybox/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: normal;
  line-height: 24px;
  white-space: nowrap;
  font-family: 'MuseoSans500','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}