/* body { background-color: #fff; color: #222; font-size: 16px; font-family: 'Inconsolata', Courier, monospace; line-height: 140%; } */
body { background: #fff; color: #111; font-size: 16px; font-family: "adobe-caslon-pro", serif; line-height: 140%; padding-left: 2em; min-width: 980px; }
a { color: #111; text-decoration: none; }
a:hover { text-decoration: underline; color: #131313;  }

#header { margin-top: 0; position: fixed; top: 1em; z-index: 1000; }
#header h2 { font-size: 1em; font-weight: normal; display: inline; padding-right: .5em; margin-top: 0; }
h3 { margin-bottom: .5em; font-weight: normal; text-transform: uppercase; padding-top: 1.5em; font-size: .75em; }
#header .contact { display: inline-block; margin-left: .5em; }
#header .contact a { color: #aaa; }
#content { margin-top: 3em; clear: both;}
#title { font-weight: normal; font-size: 1em; text-align: center; position: fixed; width: 100%; top: 1em; left: 0; margin-top: 0; z-index: 100; }
#title em { font-style: normal; text-decoration: underline; }



.sep { margin-bottom: .5em; }

ul { list-style: none; padding: 0; margin-top: 0; }

ul.links a { color: #aaa }
.etc { padding-top: 4em; clear: both; color: #aaa}
.etc h3 { color: #aaa; }

iframe { padding-top: 1.5em; margin-bottom: 0.5em; border: 0; }

/* posts */
.page h1 { font-weight: normal; font-size: 1em; text-align: center; position: fixed; width: 100%; top: 1em; left: 0; display: none; margin-top: 0; z-index: 10; }
.page h1 em { font-style: normal; text-decoration: underline; }
.title { font-style: italic; }
.post p { margin: 2em; font-size: 14px; width: 640px; }
.post { width: 80%; font-size: 1em; }
ul.thumbs li { float: left; padding: 0 10px 10px 0; clear: both; }
ul.float li { clear: both; }
ul.float li .caption { clear: both; }
.videos { margin-top: 3em; }
.caption { font-size: .5em; font-style: italic; }
.caption span { font-style: normal; }


#pages { padding: 0; margin: 0; height: 100%; z-index: 1; }
.page { position: relative; }
.page img { position: relative; margin: 0; padding: 0; max-width: 80%; }
.page iframe, .page object, .page video { position: relative; max-width: 80%;}
.page p { margin: 0; padding: 0; }
.page .info { background-color: #111; color: #fff; width: 33%; position: fixed; z-index: 5; top: 20%; max-height: 60%; padding: 1.5em; display: none; left: 33%; overflow: auto; margin-left: -.5em; padding-bottom: 2em; }
.page .info a { color: #fefefe; text-decoration: underline;}
.page .info p { margin-bottom: 1em; }

.page .text {
    display: block;
    width: 30%;
    padding: 3em;
    z-index: 25;
}

.page .text h3 {
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
    font-size: 1em;
    padding: 0;
    margin: 0;
}


#info-btn { position: fixed; top: 1em; right: 2em; z-index: 10; display: none; }
#buttons { position: fixed; left: 2em; bottom: 2em; text-left: right; z-index: 10;}
#buttons a { font-size: .75em; text-transform: uppercase; }
#buttons a:hover { text-decoration: none; }

/* gallery */
.gallery img { margin-right: 1em; }
.gallery a:hover { text-decoration: none; }
.gallery-text { padding: 3em 0; width: 75%; }

#loading { position: fixed; top: 2px; left: 0; width: 100%; height: 100%; z-index: 2; background-color: #fff; text-align: center; }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #343741;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}