body {
       margin: 1em 5em 2em 3em;
       color: black;
       background: white;
       line-height: 1.5;
       max-width: 45em;
}

h1, h2, h3, h4, h5, h6 {
                         color: #993300;
                         background: white;
}

h1 {
     text-align: center;
}

h2 {
     margin-top: 3em;
     padding-top: 1em;
     border-top: solid 2px #993300;
     text-indent: 4em;
}

h3 {
     margin-top: 3em;
}

div#publish {
              margin-top: 2em;
}

div#revhistory {
                 width: 70%;
                 padding-left: 1em;
}

div#revhistory h2 {
                    margin: 0 0 0 0;
                    border: none;
                    text-indent: 0;
}

div#revhistory dt {
                    font-style: italic;
}

ul#ToC, ul#ToC ul {
                    list-style-type: none;
}

div.screenshot {
                 text-align: center;
}

dd p:first-child {
                   margin-top: 0;
}

div.legal {
            font-size: smaller;
            width: 75%;
            margin-left: auto;
            margin-right: auto;
            border: solid 1px;
            padding: 0 2em 0 2em;
            line-height: 1.4;
}

div.codeblock {
                width: 70%;
                border: solid 1px green;
                padding: 0 2em 0 2em;
                margin: 2em 0 2em 4em;
}

div.example {
              width: 70%;
              border: solid 1px blue;
              padding: 1em 2em 1em 2em;
              margin: 2em 0 2em 4em;
              overflow: auto;
}

div.caption {
              font-style: italic;
}

code {
       color: green;
       background-color: white;
}

tbody th {
           text-align: right;
}

#rule-features-table td {
                          text-align: center;
}

pre {
      overflow: auto;
}

acronym, abbr { border: none; }

/* IPA chart styles */

table {
        border-collapse: collapse;
}
th[scope="row"] {
                  text-align: left;
}
th, td {
         border: 1px solid #999999;
         padding: 1em;
}
td.voiceless, td.char {
                        border-right: none;
}
td.voiced, td.poa, th.poa {
                            border-left: none;
}
.impossible {
              background-color: #CCCCCC;
              color: black;
}
.unsupported {
               background-color: white;
               color: red;
}
#ipa-chart-vowels th,
#ipa-chart-vowels td {
                       border: none;
                       padding: 0.5em;
}
#ipa-chart-vowels th[scope="row"] {
                                    border-right: 1px solid #999999;
}
#ipa-chart-vowels th[scope="col"] {
                                    border-bottom: 1px solid #999999;
}
#ipa-chart-tones th,
#ipa-chart-tones td {
                      border: none;
}
#ipa-chart-others td,
#ipa-chart-suprasegmentals td,
#ipa-chart-unofficial td {
                           border: none;
}
td.diacritic, td.meaning, td.example {
                                       border: none;
                                       border-bottom: 1px solid #999999;
                                       border-top: 1px solid #999999;
}
td.diacritic {
               border-left: 1px solid #999999;
}
td.example {
             border-right: 1px solid #999999;
}