body {
  margin:0;
  padding:0;
}

#header {
  margin:0 0 1em 0;
  padding:0;
}

h1{
  margin:0;
  padding:0;
  color:#808080;
  font-size:350%;
  font-weight:bold;
}

.main {
  background-color: #ffffff;
  background-image: url(../img/asami.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}

.nav {
  color: #fff;
  background-color: #000;
  margin: 0;
  padding: 0.2em;
  font-size: 95%;
}

.nav ul{
  display: inline;
}

.nav ul li{
  display: inline;
}

.nav a{
  color: #fff;
  text-decoration: none;
  padding: 0.2em 0.5em;
}

.nav a:link,
.nav a:visited{
}

.nav a:hover,
.nav a:active{
  background-color: #505050;
}

.abstract{
  margin:0;
  padding:0 3em;
  color:#888888;
}

.article{
 width:380px;
}

.aside{
  width:30%;
}

.story {

  opacity: 0.65;
}

.story ol{
  list-style-type: none;
}

.story ol li{
  border-bottom:dashed 1px #888888;
}

.story ol li a{
  display:block;
  padding:0.7em;
  text-decoration:none;
}

.story ol li a:hover,
.story ol li a:active
{
  background-color:#efefef;
}

#footer {
  margin:0 auto;
  padding:1em;
  background-color:#efefef;
  font-size: 90%;
}

#footer a:link,
#footer a:visited
{
  text-decoration: none;
}

#footer a:hover,
#footer a:active
{
  text-decoration: underline;
}

#footer .section dl dt{
  font-weight: bold;
}

#footer .section dl dd{
  margin-bottom:0.5em;
}

#footer h2{
  padding-bottom:0.3em;
  border-bottom:solid 1px #cdcdcd;
}

#footer .section{
 margin: 0;
 padding: 1em;
 width: 240px;
 height: 250px;
 float: left;
 
}

#footer .middle{
 border-left:dashed 1px #cdcdcd;
 border-right:dashed 1px #cdcdcd;
}

#footer ol {
 margin-left:0;
 padding:0;
 list-style-type: none;
}

.copyright {
  text-align: center;
}

.clearfix {
  clear:both;
}

.counter{
  text-align: center;
}

.comment{
  font-size: 110%;
  margin: 0 0 0.5em 0;
}