
html, body, div, p, ul, li, h1, h2, h3, table,caption,tbody,tfoot,thead,tr,th,td,form, hr { margin: 0; padding: 0; border:0;outline:0;  }

body { 
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",sans-serif;
  min-height: 100vh;          /* Full viewport height */
  display: flex;
  flex-direction: column;    /* Stack header, main, footer */
}
main { 	padding: 1em; flex: 1; } 
footer { background-color: #eee; padding: 2em 1em 3em 1em; } 
p { padding-bottom: 1em; max-width: 960px; line-height: 1.25em; }
ul { padding-top: 1em; padding-left: 1em; } 
li { padding-bottom: 1em; }
div { padding: 2px 0; margin: 0; } 

h3 { padding-top: 3em; }

hr { border-bottom: 1px solid #999; margin: 1em 0; height: 0px; }

.pub_date { opacity: 0.8; font-size: 90%; }
.tags { padding: 0; margin: 0; }
.tags li { padding: 0; margin: 0; display: inline-block;  }


ul.tags li a, ul.tags li label { color: #333; background: #d0e8d0; padding: 0.25em 0.75em; line-height: 26px; border-radius: 15px; text-decoration: none; font-size: 80%; }
ul.tags li a:hover, ul.tags li label:hover { background: #a2d8a2; }

ul.list { padding-left: 0;  }
ul.list>li { padding: 1em; list-style-type: none; }
ul.list>li:nth-child(odd) { background-color: #f1f1f1; }

table{ border-collapse:separate; border-spacing:0; font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em 0; outline: 1px solid #ddd;  }
th, td {  padding: 0 .5em; line-height: 1.5em; text-align: center; }
th { font-weight: bold; border-bottom: 1px solid #ccc; background-color: #ddd;}
tfoot td {font-weight: bold; border-top: 1px solid #ccc; background-color: #ddd;  }
td.item { text-align: left; }
tr:nth-child(odd) { background-color: #eee;}

footer div { padding: 0.25em 0; }