body {
  background-color: #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  text-align: center;
  background-color:#fff;
  border-right: 3px solid #888;
  border-bottom: 3px solid #888;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  padding: 0.5em;
}

h2 {
  background-color:#fff;
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  padding: 5px;
  padding-left: 0.5em;
  margin-top: 1.5em;
  margin-bottom: 0em;
}

h3 {
  background-color:#fff;
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  padding: 5px;
  padding-left: 0.5em;
  margin-bottom: 0em;
}

h4 {
  border-bottom: 2px solid #888;
  margin-bottom: 0.5em;
}

div#main {
  margin: 0em;
  padding: 3px;
  background-color: #fff;
}

div#index {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  hegith: 100%;
}


ul {
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  border-top: 1px solid #888;
  border-left: 1px solid #888;

  background-color: #fff;

  padding-top: 0.3em;
  padding-bottom: 0.3em;
  /*padding-left: 1em;*/
  padding-left: 2em;

  margin-left: 0.5em;
  margin-right: 0.5em;
}

ul ul {
  border: none;
}


li {
  line-height: 180%;
}


div#index ul {
  padding-left: 1.5em;
}

div#index li {
  line-height: 120%;
}

div#intro_post {
  clear: both;
}

p.image img {
  /*border: solid 1px black;*/
  margin: 4px;
  border: 1px solid #888;
}

p.cut img {
  /*border: solid 1px black;*/
  margin: 4px;
/*  border: 1px solid #888;*/
}



div.sample_img_even {
  margin: 0px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0px;
  /*  width: 570px;*/
  /*  float: left;*/
}

div.sample_img_odd {
  margin: 0px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0px;
  /*  width: 570px;*/
  /*  float: right;*/
}

p {
  background-color: #fff;
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  /*padding: 5px;*/
  padding: 0.5em;
  text-indent: 1em;
  margin-left: 0.5em;
/*  line-height: 140%;*/
}

p.image {
  border: none;
  text-indent: 0em;
  text-align: center;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

p.cut {
  border: none;
  text-indent: 0em;
  text-align: center;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding: 0em;
}


p.strong_link {
/*  font-size: x-large;*/
  text-align: center;
}


span.note {
  font-size: small;
}

strong.med {
  font-weight: bold;
/*  color: black;*/
  font-size: medium;
}

p.link {
  border: none;
  border-top: solid 1px black;
  margin: 0em;
  margin-top: 1em;
  background: none;
  text-indent: 0em;
  font-weight: bold;
  line-height: 150%;
}

p.copy {
  font-style: normal;
  font-size: x-small;
  border: none;
  background: none;
  text-indent: 0em;
  margin: 0em;
  padding: 0em;
}

address {
  margin-top: 1em;
  border-top: 1px solid black;
  font-style: normal;
  font-size: x-small;
}

dl {
  background-color: #fff;
  padding-top: 0.5em;
  padding-bottom: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-bottom: 1em;
}

dt {
  font-weight: bold;
  background-color: #fff;
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  padding: 0.4em;
  margin: 0px;
  padding-left: 0.5em;
  margin-left: 0.5em;
}

dd {
  padding: 0.4em;
  margin: 0.5em;
  margin-left: 2.5em;
  padding-left: 0.5em;

  margin-bottom: 1em;

  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
}

dd p {
  margin: 0em;
  border: none;
}

dd ul {
  margin-left: 0em;
  border: none;
}

dd dt {
  border: none;
  font-weight: normal;
}

dd dd {
  border: none;
}


a{
  text-decoration:underline;
  color: #444;
  background-color:inherit;
  font-weight: bold;
}

a:active{
  color: #eee;
  background-color:#cde;
  font-weight: bold;
}

a:visited{
  color:#888;
  background-color:inherit;
  font-weight: bold;
}

a:active{
  color: #000;
  background-color:#cde;
}

a:hover{
  color:#eee;
  background-color:#888;
}

p.note {
  text-indent: 0em;
  margin: 0px;
  padding: 0px;
  margin-top: 1em;
  font-size: x-small; 
  border: none;
  border-top: 1px black solid;
}

p strong {
  color: #f00;
/*  font-size: large; */
}

li strong {
  color: #f00;
/*  font-size: large;*/
}

p.append {
  text-indent: 0em;  
  border-top: 1px solid #888
}

pre.code {
  width: 90%;
/*  overflow: auto;*/
  text-indent: 0em;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.5em;
  border: solid #888 1px;
  padding: 1em 1em;

  background-color: white;
  color: black;
  white-space: pre;
}