html {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
}

*, :after, :before {
    background-repeat: no-repeat;
    -webkit-box-sizing: inherit;
    /* box-sizing: inherit; */
}

.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background:#eee;
  padding-left:5px;
  width:100%;
  font-size:22px;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
}

.site_update {
   color:#777;
   /*line-height:0.80;*/
   font-size:16px;
}

.frame {
   width:100%;
   display:block;
   height:800px;
}
.main{
   /*max-width:90%;*/
}

.art_list{
   padding-left:1.5rem;
}

.main li {
   margin-top: .5rem !important;
   margin-bottom: .5rem !important;
}

.art_category {
   color:#777;
   line-height:.80;
   margin-left:15px;
}

.art_date{
   color:#777;
   line-height:1.04;
}

.art_item{
   border-top:solid 1px #ccc;
   padding-top:1.0em;
   padding-bottom:1.0em;
}

.art_title{
   font-size:18px;
}

.art_body{
   font-size:14px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

a:link {
   text-decoration:none;
   color:#010101;
}
a:visited {
   color:#ababab;
   text-decoration:none;
}
body{
 /*  font-family: Optima, "Microsoft Sans Serif", sans-serif; */
    font: 1rem/1.77 Helvetica Neue,Helvetica,Arial,sans-serif;
   display:block;
   margin-left:0px;
}