* {
  letter-spacing: 0px;
  word-spacing: 0px;
  list-style: none;
  margin: 0 0;
  padding: 0 0;
  color: #000;
}

a,
.close {
	color: #c9c9c9;
  text-decoration: none;
}

#footer a {
  color: #000;
text-decoration: underline;
}

#footer a:hover {
  color: #00e1d5;
}

a:hover,
.close:hover,
.active,
.mentors-and-merchants .mentors-and-merchants,
.totem-land .totem-land,
.home .totem-land,
.residential-schools .residential-schools,
.forays-into-modernism .forays-into-modernism,
.migration-and-the-city .migration-and-the-city {
  text-decoration: underline;
  	color: #00e1d5;
}

.active:hover {
  text-decoration: none;
}

h1 {
  width: 186px;
  height: 341px;
  text-indent: -1000em;
  overflow: hidden;
  background: #fff url(/images/title.gif) no-repeat top left;
}


h2, h4, h3, h5{
  margin-bottom: 3em;
  display: block;
  line-height: 1em;
  font-size: 1.3em;
    margin-top: 20px;
}

#container {
  width: 960px;
  margin: 20px 20px;
  position: relative;
    font: bold 1.3em/1.15em 'Helvetica Neue', Helvetica, Arial, sans-serif;
    xoverflow: hidden;
}

#timeline {
  width: 630px;
  float: left;
  z-index: 100;
}

#header {
  height: 371px;
  position: relative;
}

#content,
#theme-nav,
#themes,
#footer {
  width: 960px;
  float: left;
  position: relative;
    border-top: 1px solid #ddd;
  margin-top: 7em;
}

#documentation {
  overflow: hidden;
}

.col {
  width: 190px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}

.wide {
  float: left;
  width: 400px;
  margin-right: 40px;
}

#footer {
  overflow: hidden;
  margin-bottom: 100px;
}

#footer p {
  width: 190px;
  float: left;
}

#footer li {
  margin-bottom: 1em;
}


/* header */

#nav {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

#nav a {
  	color: #00e1d5;
}

#nav a:hover {
  	color: #c9c9c9;
}



/* image thumbnails */

ol#thumbnails {
  width: 970px;
}

ol#thumbnails li {
  float: left;
  margin: 0 10px 10px 0;
  font: 10px courier;
  position: relative;
}

#thumbnails span {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: .8;
}

#thumbnails .archive-link {
  display: none;
}

ol#thumbnails li:hover span {
	opacity: 1;
}

ol#thumbnails li img {
  width: 87px;
  height: 65px;
  display: block;
  margin-top: 4px;
}


/* with javascript */


#nav {
  margin-bottom: 2em;
}


/* large image area */

#image {
  background: #fff url(/images/whitey.png);
  position: absolute;
  top: 20px;
  left: 0;
  width: 310px;
  height: 100%;
  z-index: 1000;
  padding-left: 650px;
}

#image li {
  position: absolute;
  top: 0;
  left: 0;
  width: 630px;
}

#image img {
  width: 630px;
  margin-bottom: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

#image .info {
  padding: 0 1em 0 0;
}

#image .info span {
	cursor: pointer;
}

#image li:hover .close {
  display: block;
}

#image .close {
  margin-top: -1em;
}


/* theme nav */

#key-dates li {
  width: 33%;
  float: left;
}


/* theme and date */

#text {
  width: 364px;
  float: left;
  overflow: hidden;
}

#wrap {
  width: 728px;
  margin-left: 0px;
}

#theme {
  width: 364px;
  float: left;
}

#theme img {
  margin-top: 5px;
  width: 100%;
}

#theme .caption {
  margin: 10px 0px 20px 0;
  font: 10px courier; 
}

#dates {
  float: left;
  width: 364px;
      position: relative;
      height: 600px;
}

div.date {
  width: 364px;
  position: absolute;
  top: 0;
  left: 0;
}

.close-date {
  cursor: pointer;
  color: #c9c9c9;
}

.close-date:hover {
  text-decoration: underline;
color: #0f0;
}

#related-images {
  float: left;
  margin-left: 40px;
}


/* details */


#theme-image {
	float: left;
	width: 500px;
	margin-left: 50px;
}

#theme-image img {
  margin-top: 6.5em;
  	width: 500px;
}


#related-images ol {
  float: left;
  width: 172px;
  margin-right: 20px;
}

#related-images ol.last {
  margin-right: 0;
}

#related-images ol li {
  margin-bottom: 1em;
}


/* images */


#images {
  width: 300px;
  padding: 0 0;
  float: left;
  position: relative;
  height: 100%;
}


/* extras */

.back {
  z-index: -1000 !important;
}