body {
    background-color: #F3E9A6;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

#toc {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border: solid 1px;
    display: block;
    float: left;
    background-color: #FFFFFF;
}

.screenshot {
    border: solid 1px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.break {
    clear: both;
}

.info-pre {
    background-color: #FFFFFF;
    border: solid 1px;
    float: left;
    padding: 10px
}

.info-table {
    background-color: #FFFFFF;
    border: solid 1px;
    border-collapse: collapse;
}

.info-table th {
    border: solid 1px;
    padding: 5px;
}

.info-table td {
    border: solid 1px;
    padding: 5px;
}

.info-table-header {
    background-color: #CCCCCC;
}

.gethobod {
    font-family: "Hobo BT", "Hobo";
}

.getsansed {
    font-family: "Comic Sans MS", "Comic Sans";
}