body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", sans-serif; }
  body a {
    text-decoration: none; }

#wrapper {
  width: 1140px;
  margin: 0 auto;
  background: url("mainbg.png"); }
  #wrapper #topbar {
    border-top: 10px solid #000; }
    #wrapper #topbar #admin-link a {
      display: block;
      width: 100px;
      height: 10px;
      background: #FFF200;
      margin-left: 808px;
      margin-top: -10px; }

#header {
  margin-bottom: 60px; }
  #header #tr-home-link {
    color: #848484;
    margin-left: 808px;
    padding-top: 20px;
    font-size: 14px;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Times, serif;
    font-weight: bold; }
    #header #tr-home-link a {
      text-decoration: none;
      color: #848484; }
      #header #tr-home-link a:hover {
        color: #000; }  
  .title {
  	float:left;
    text-align: center;
    width: 660px;
    margin: 35px 0 90px 0; }
    .title #maintitle {
      padding-bottom: 60px;
      margin-bottom: 35px; }
      .title #maintitle #cntitle {
        font-size: 18px;
        letter-spacing: 4px;
        color: #afafaf;
        margin-bottom: 4px; }
      .title #maintitle #jptitle {
        font-size: 14px;
        letter-spacing: 4px; }
        .title #maintitle #jptitle a {
          color: #d32913; }
          .title #maintitle #jptitle a:hover {
            color: #f00; }
    .title h1 {
    background:url('h1.png') no-repeat center bottom;
      height: 50px;
      text-indent: -65535px;
      margin: 30px 0 40px 0; }
    .title #authors {
      padding-top: 20px;
      color: #afafaf;
      font-size: 16px; }
      .title #authors #author {
        margin-bottom: 12px; }

#content {
  clear: both;
  margin-left: 50px;
  font-size: 16px;
  line-height: 1.8;
  color: #555; }
  #content .summary {
    float: right;
    width: 285px;
    margin-right: 65px;
    border-top: 1px dotted #000;
    font-size: 13px;
    font-family: Palatino, Georgia;
    color: #afafaf; }
    #content .summary a {
      color: #777777; }
      #content .summary a:hover {
        border-bottom: 1px dotted #afafaf; }
    #content .summary h3 {
      margin: 2em 0 0.2em 0;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: normal; }
  #content .chapter-text {
    width: 660px;
    float: left; }
    #content .chapter-text p {
      margin-bottom:1em; }
    #content .chapter-text ul, #content .chapter-text ol {
      margin: 1em 0; }
    #content .chapter-text li {
      margin-left: 2em;
      list-style-position: inside; }
    #content .chapter-text a {
      color: #333;
      border-bottom: 1px dotted #aaa; }
      #content .chapter-text a:hover {
        color: #000;
        border-bottom: 1px solid #aaa; }
    #content .chapter-text sup {
      font-size: 10px;
      height: 0;
      line-height: 1;
      position: relative;
      top: -0.6em;
      vertical-align: baseline; }
      #content .chapter-text sup a {
        color: #a00;
        text-decoration: none;
        border: none !important; }
        #content .chapter-text sup a:hover {
          color: #f00; }
  #content #chapter-0 #editorial, #content #chapter-0 #author-intro {
    /* Fallback for web browsers that doesn't support RGBa */
    background: #f9f8f4;
    /* RGBa with 0.6 opacity */
    background: rgba(249, 248, 244, 0.73);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#baf9f8f4, endColorstr=#baf9f8f4);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#baf9f8f4, endColorstr=#baf9f8f4)";
    width: 500px;
    margin-left: 40px;
    padding: 0 35px;
    font-size: 14px; }
    #content #chapter-0 #editorial h3, #content #chapter-0 #author-intro h3 {
      text-align: center;
      font-size: 18px;
      margin-bottom: 1em; }
    #content #chapter-0 #editorial p, #content #chapter-0 #author-intro p {
      text-indent: 2em;
      margin-bottom: 1em; }
  #content #chapter-0 #editorial {
    padding-top: 35px;
    padding-bottom: 10px; }
  #content #chapter-0 #author-intro {
    padding-bottom: 35px; }
  #content #chapter-0 #kinkido-logo {
    width: 500px;
    text-align: center;
    margin: 100px 0 50px 40px;
    padding: 0 35px; }
  #content .footnotes {
    width: 315px;
    float: right;
    margin-right: 50px; 
    padding:16px 16px 16px 0;
    height:1100px;
    vertical-align:bottom;
    background: url('side.png') bottom center no-repeat;}
    #content .footnotes #editorial {
      font-size: 14px;
      padding-left:16px;
      border-left:1px dotted #ccc;
      }
    #content .footnotes p {
      font-size:12px;
      line-height:16px;
      margin-bottom:2em;
      }

#footer {
  clear: both;
  background: #000;
  overflow: auto;
  width: 1140px;
  font-size: 12px;
  padding: 25px 0;
  line-height: 1.4; }
  #footer #copyright-zh, #footer #copyright-en, #footer #footertib {
    color: #afafaf;
    width: 275px;
    float: left;
    margin-right: 105px; }
    #footer #copyright-zh h3, #footer #copyright-en h3, #footer #footertib h3 {
      margin-bottom: 0.5em; }
    #footer #copyright-zh a, #footer #copyright-en a, #footer #footertib a {
      color: #fff; }
      #footer #copyright-zh a:hover, #footer #copyright-en a:hover, #footer #footertib a:hover {
        border-bottom: 1px dotted #fff; }
  #footer #copyright-zh {
    margin-left: 50px; }
  #footer #footertib {
    margin-right: 0; }