.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.render:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.render img, .render video {
max-width: 100%;
height: auto;
}

.render-fill {
padding: 0;
}

.render-fill p {
margin: 0;
padding: 0;
line-height: 0;
}

.protip {
 margin-left: 15px;
 margin-right: 20px;
 border-left: 3px solid #777777;
 background-color: #eeeeee;
 padding: 5px 15px;
}

kbd {
 border: 1px solid #666666;
 border-radius: 4px;
 padding: 3px 5px;
 margin: 2px;
 color: #444444;
 text-decoration: none;
}


.demobox {
 border: 3px solid red;
 min-width: 200px;
 min-height: 3em;
 padding: 1em;
 margin: 1em;
}

div.useWarn {
border: 1px solid #ccc;
padding: 5px;
}

.useWarnHead {
font-weight: bold;
}

.entry-content ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.entry-content ul li { 
    padding-left: 16px;
padding-bottom: 5px; 
}

.entry-content ul li:before {
    content: "•"; 
    padding-right: 8px;
    color: #333;
}

#toc_container ul li {
  list-style: none;
    padding: 0;
    margin: 0;
}


/* Enable line-wrapping in code samples.
* disabled because I cannot get indenting to work right.
pre code {
 white-space: pre-wrap;
}
*/