html{box-sizing:border-box}

*,*:before,*:after{box-sizing:inherit}

body{margin:0}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

button,input,select,textarea{font:inherit;margin:0}

textarea{overflow:auto}

html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}

html{overflow-x:hidden}

h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}

.copyright
{
  color: #f44336;
  font-weight: bold;
}

.footer
{
  background-color: #000;
  border-radius: 10px;
  clear: both;
  color: #fff;
  display: block;
  font-family: Geneva,Verdena,'DejaVu Sans',sans-serif;
  font-size: 0.83em;
  font-style: italic;
  min-height: 100px;
  margin: 16px;
  padding: 0.5em 0.5em;
}

.image-copyright
{
    float: right;
    font-size: 0.83em;
    padding: 0 8px;
}

a:link { color: #00cccc; }

a:visited { color: #cccc00; }

.todh-serif{font-family:serif}

h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}

.todh-name { font-size: 2.5em; padding: 2px; margin: 0; color: DarkBlue }
.todh-letters { font-size: 0.8em; padding: 2px; margin: 0; color: DarkBlue }
.todh-tags { font-size: 0.8em; padding: 2px; margin: 0; text-align: right; color: DarkRed }

.todh-sidebar{height:100%;width:200px;background-color:#990000;position:fixed!important;z-index:1;overflow:auto}

.todh-bar-block .todh-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}

.todh-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

todh-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.todh-button:hover{color:#000!important;background-color:#ccc!important}

.todh-card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}

.todh-container,.todh-panel{padding:0.01em 16px}

.todh-container:after,.todh-container:before {content:"";display:table;clear:both}
.todh-padding{padding:8px 16px!important}

.todh-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

.todh-black,.todh-hover-black:hover{color:#fff!important;background-color:#000!important}

.todh-red,.todh-hover-red:hover{color:#fff!important;background-color:#f44336!important}