a {
  color: #000;
  text-decoration: none;
  background: /*#FCC*/ url('/images/1x1-000.gif') repeat-x 0 .9em;
  padding: 0 0 1px 0;
}
a:hover {
  color: #00F;
  background: /*#FCC*/ url('/images/1x1-00F.gif') repeat-x 0 .9em;
}
a.tool {
  background: none;
}

* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 62.5%;
  overflow: hidden;
}
h1, h2, h3, p {
  font-size: inherit;
  font-weight: inherit;
}
img {
  border: 0;
}
h1 {
  white-space: nowrap;
}
p, h1, h2, h3, li {
}
p {
  text-align: left;
}
p img {
  max-width: 100%;
}

div.item div.images {
  margin-bottom: 2.4em;
}

div.item div.thumbs {
  text-align: center;
}
div.item div.thumbs p.image {
  display: inline-block;
  padding: 1em;
  max-width: 100%;
  vertical-align: top;
}
div.item div.thumbs p.image span.wrapper {
  display: table;
  width: 1px;
}
div.item div.thumbs p.image img {
  display: table-row;
  vertical-align: text-bottom;
}
div.item div.thumbs p.image span.caption {
  white-space: pre-wrap;
  display: table-row;
  font-family: "Lucida grande", tahoma, sans-serif;
  font-size: 1.2em;
  line-height: 1.25em;
  text-align: center;
}



.indented {
  padding-left: 4em;
  margin: 0;
}
span.translation, 
span.title {
  font-style: italic;
}
noscript {
  background: #FC0;
}
div.item {
  background: #FFF;
  padding: 5.6em 0;
}
div.item div.item_header {
  margin: 0 auto;
  padding: 0 4em;
  max-width: 62em;
  margin-bottom: 4.2em;
  text-align: center;
}
div.item div.item_header h3 {
/*  font-family: "Optima", "Lucida Grande", helvetica;*/
/*  font-weight: bold;*/
  font-size: 2.1em;
  line-height: 1.095em;
/*  line-height: 1.222em;*/
/*  text-transform: uppercase;*/
/*  border-bottom: 1px solid #CCC;*/
  padding-bottom: .5em;
/*  margin-bottom: .75em;*/
/*  width: auto;*/
  display: inline-block;
}
div.item div.item_header p {
/*  font-family: "Optima", "Lucida Grande", helvetica;*/
  text-align: inherit;
  font-size: 1.8em;
  line-height: 1.222em;
}
div.item p.readmore {
  max-width: 62em;
  padding: 0 4em;
  margin: 0 auto;
}
div.item p.readmore a {
  font-size: 1.6em;
  line-height: 1.3125em;
}
div.item div.text {
  margin: 0 auto;
  padding: 0 4em;
  max-width: 62em;
}
div.item div.text p {
  font-size: 1.8em;
  line-height: 1.222em;
  text-indent: 1.75em;
}
div.item div.text p em,
div.item div.text ol li em {
  font-style: inherit;
  background: url('/images/1x1-000.gif') repeat-x 0 .9em;
/*  padding: 0 1px;*/
/*  margin: 0 -1px;*/
}
div.item div.text p.first {
  text-indent: 0;
}
div.item div.text p.center {
  text-indent: 0;
  text-align: center;
}
div.item div.text p.spaced {
  padding: .625em 0;
}

div.item div.text ol {
/*  background: #FCC;*/
/*  padding: 0 2.8em;*/
/*  margin-left: 0;*/
  margin: 2.1em 0;
  list-style-position: inside;
/*  text-indent: 2.8em;*/
}
div.item div.text ol li {
/*  font-size: 1.6em;*/
/*  line-height: 1.3125em;*/
  font-size: 1.8em;
  line-height: 1.222em;
/*  letter-spacing: 1px;*/
  margin-bottom: .625em;
/*  text-align: justify;*/
}



div.pane {
  position: absolute;
  left: 100%;
  height: 100%;
  overflow: auto;
}
div.pane div.pane_wrapper {
  padding: 2em;
}
div.pane div.pane_header {
  position: fixed;
  top: 1.4em;
  padding: 0 2em;
/*  background: #CCC;*/
}
div.pane div.pane_header h1,
div.pane div.pane_header h2 {
  font-size: 1.8em;
  line-height: 1.222em;
}
div.right div.pane_header {
  left: 100%;
  margin-left: -9em;
}
div.left {
  width: 50%;
  left: 0;
}
div.right {
  display: none;
  width: 50%;
  left: 50%;
  top: 0;
  min-height: 100%;
  text-align: right;
}
p.subtitle {
  margin: .25em auto 1em auto;
}
ol.numbered {
  list-style-type: decimal;
  text-align: left;
  padding-left: 8em;
  padding-right: 8em;
  padding-bottom: .6em;
  max-width: 28em;
  margin: 0 auto;
}
.spacebefore {
  padding-top: 1.277em;
}
ol.numbered li {
  padding-bottom: .6em;
}




div#about {
  display: none;
  position: fixed;
  background: #FFF;
/*  color: #CCC;*/
  width: 50%;
  height: 100%;
  left: 0;
  overflow: auto;
  z-index: 1000;
}
div#about hr {
  border: 0;
  border-top: 1px solid #CCC;
  margin-bottom: 2em;
}
div#about div.wrapper {
/*  background: #FCC;*/
  padding: 6em 5em;
  max-width: 62em;
  margin: 0 auto;
}

div#about h2 {
  position: fixed;
/*  top: 1.2em;*/
/*  left: 0;*/
  top: 1.4em;
  left: 1.8em;
}
div#about h2 a {
  font-size: 1.6em;
  line-height: 1em;
}
div#about h3 {
  font-size: 1.6em;
  text-transform: uppercase;
  line-height: 1.3125em;
  padding: 1.3125em 0;
/*  position: relative;*/
/*  left: -2em;*/
}
div#about p.period {;
/*  left: 2em;*/
  margin: 0;
}
div#about p {
  font-size: 1.6em;
  line-height: 1.3125em;
  margin-bottom: 1.3125em;
}

div#work_counter {
  position: fixed;
  top: 100%;
/*  margin-top: -7.6em;*/
  margin-top: -3.6em;
  left: 2em;
}
div#work_counter p {
  font-size: 1.8em;
  line-height: 1.222em;
}
div.load_more {
  margin: 0 auto 2em auto;
  padding: 0 4em;
  max-width: 62em;
}
div.load_more p {
  text-align: center;
  font-size: 1.8em;
  line-height: 3em;
}
div.load_more a {
  background: none;
  display: block;
  padding-top: .2em;
  border-top: 1px solid #000;
}
div.load_more a:hover {
  background: inherit;
  border-top: 1px solid #00F;
}




/* Baseline shift */
.bs3,  /* +3 */
.bs2,  /* +2 */
.bs1,  /* +1 */
.bs0,  /*  0 */
.bs-1, /* -1 */
.bs-2, /* -2 */
.bs-3  /* -3 */ {
  position: relative;
}
.bs3 { top: -3px; }
.bs2 { top: -2px; }
.bs1 { top: -1px; }
.bs0 { top: 0; }
.bs-1 { top: 1px; }
.bs-2 { top: 2px; }
.bs-3 { top: 3px; }
