body {
  font-family: "Times New Roman", Times, serif;
  background-color: #fff;
  color: #000;
  min-width: 950px;
  height: 100%;
}

body * {
  font-family: "Times New Roman", Times, serif;
}

span.sup {
  font-size:xx-small; vertical-align: super;
}

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

h1, h2, h3, h4 {
  font-weight: normal;
  font-style: italic;  
}



#outer {
  min-height: 100%;
  position: relative;
}

.header { margin: 0 0 3em 80px; padding-top: 50px; }
  .header h1 { font-size: 430%; }
    .header h1 a:hover { text-decoration: none; }
    .header h1 span.iconify {
      padding-top: 13px;
      background: transparent url("../images/ctk.png") no-repeat scroll 65% 0;
    }
      .header .header-hint {
        text-transform: uppercase;
        font-size: 70%;
        letter-spacing: 0.9em;
        margin-left: 1em;
        margin-top: -0.4em;
      }
  
  ul.menu {
    position: absolute;
    right: 80px;
    top: 80px;
  }
    ul.menu li { display: inline; padding-left: 5em; }
      ul.menu li a,
      ul.menu li em { font-size: 250%; }
        ul.menu li span { display: none; }

.footer {
  position: absolute;
  bottom: 0;
  height: 3em;
  width: 100%;
  padding-top: 2em;
  overflow: auto;
  clear: both;
}
  .footer ul.projects { float: left; padding-left: 80px; }
    .footer ul.projects li {
      display: inline;
      padding-right: 2em;
    }

  .footer ul.personal { float: right; padding-right: 80px; }
    .footer ul.personal li {
      display: inline;
      padding-left: 2em;
    }

.content {
  padding-bottom: 6em;
  overflow: hidden;
  margin-left: 80px;
}
  .content em { font-style: italic; }
  .content p { margin: 1em 0; }
  
  .content ul.items {
    overflow: hidden;
    width: 740000px;
    position: relative;
    left: 0px;
  }
    .content ul.items li {
      width: 620px;
      margin-right: 120px;
      float: left;
    }
      .content ul.items li.last-child { margin-right: 0; }
      .content ul.items li div.explanation { padding: 2.5em 0 0 2.5em; }
        .content ul.items li div.explanation h2 {
          font-size: 170%;
        }
  
  .content .scroll-buttons div {
    width: 30px;
    height: 170px;
    position: absolute;
    top: 300px;
    background: transparent url('../images/arrows.png') no-repeat scroll left top;
    cursor: pointer;
    z-index: 1001;
  }
  .content .scroll-buttons .next {
    left: 0;
    margin-left: 20px;
  }
  .content .scroll-buttons .previous {
    right: 0;
    margin-right: 20px;
    background-position: right top;
  }