#document_header{
  font-family:'Volkorn';
  color:#933;
  font-size:28px;
  border-bottom:2px solid #333;
  padding-left:30px;
  margin-left:105px;
  margin-top:15px;
  clear:both;
}

#document_header .subtitle{
  font-family:'Volkorn';
  font-style:italic;
  color:#888;
  margin-left:20px;
}

#document_header a{
  text-decoration:none;
}

#document_header a:hover{
  background:#ddd;
}

#index{
  border-right:2px dotted #333;
  width:250px;
  margin-left:20px;
  padding-top:10px;
  text-align:right;
  padding-right:10px;
  display:inline-block;
  position:absolute;
  top:50px;
  left:10px;
}

#contents{
  padding-top:20px;
  text-align:left;
  margin-left:310px;
  margin-right:20px;
  color:#333;
  margin-bottom:60px;
}

body{
  font-family:'Volkorn', Times;
  font-size:14px;
}

#index .heading{
  font-weight:bold;
/*  background:#aaa;*/
  text-align:right;
  border-bottom:2px dotted #aaa;
  /*background:#bbb;*/
  color:black;
  padding:6px;
  padding-bottom:2px;
  margin-bottom:4px;
}

#index .item{
  margin-bottom:5px;
  display:inline-block;
  width:115px;
  margin-right:5px;
  color:white;
  float:left;
}

#index a{
  display:block;
  color:#a44;
  text-decoration:none;
  padding-top:6px;
  line-height:125%;
  padding-left:4px;
  padding-right:4px;
  border-bottom:2px solid #fcc;
}

#index a:hover{
  color:#08a;
  background:#cef;
  border-bottom:2px solid #08a;
}

#contents .name{
  font-family:'Volkorn';
  font-size:18px;
  font-weight:bold;
  display:inline-block;
  line-height:100%;
}

#contents .date{
  display:inline-block;
  font-style:italic;
  margin-left:10px;
  line-height:100%;
}

#contents .role{
  font-style:italic;
  font-size:13px;
  font-weight:bold;
  color:#a66;
  line-height:100%;
}

#contents .item{
  width:510px;
  line-height:150%;
}

blockquote{
  font-family: helvetica;
  font-size:12px;
  border-left:8px solid #fcc;
  border-right:8px solid #ccc;
  padding-left:5px;
}

#contents img{
  margin:5px;
  border:1px solid black;
}

#contents a:visited img{
  border:1px solid #666;
}

#contents a:link{
  color:#138;
  text-decoration:none;
  border-bottom:1px dotted #36a;
}

#contents a:visited{
  color:#633;
}

#contents a:hover{
  border-bottom:1px solid #36a;
}

#contents .poem{
  font-family:monaco;
  margin-left:40px;
}

#contents .poem p{
  margin-top:0px;
  margin-bottom:0px;
}

#footer{
  clear:left;
  padding-top:20px;
  margin-bottom:50px;
  margin-left:5px;
}
#footer div{
  color:#333;
  padding-top:5px;
  padding-left:5px;
  border-top:1px solid #aaa;
  margin-left:280px;
  margin-right:5px;
}