h1 {
   text-shadow: #666666 0.05em 0.05em 0.1em;
   font-family: sans-serif;
   border-bottom: 2px black solid;
   cursor: pointer;
   margin-top: 1em;
}

h2 {
   font-family: sans-serif;
   border-bottom: 1px #333333 solid;
   cursor: pointer;
   margin-top: 1em;
}

h3 {
   font-family: sans-serif;
   border-bottom: 1px #666666 solid;
   cursor: pointer;
   margin-top: 1em;
}

span.highlight {
   background: #ffffe9;
}

span.highlightadd {
   background: #e9ffe9;
}

span.highlightdel {
   background: #ffd9d9;
   color: #ff0000;
   text-decoration: line-through;
}

code {
   font-family: monospace;
   font-weight: bold;
}

pre.listing {
   display: block;
   border: 1px solid #666666;
   padding: 5px 5px 5px 5px;
   background: #e9e9e9;
   color: black;
}

.screen {
   display: block;
   border: 1px solid #666666;
   padding: 5px 5px 5px 5px;
   background: #000000;
   color: #dddddd;
}

a.filename {
   color: red;
   font-family: monospace;
}

span.userprompt, span.rootprompt {
   display: block;
}

span.userprompt:before {
   content: "user$ ";
   color: #00ff00;
}

span.rootprompt:before {
   content: "root$ ";
   color: #ff0000;
}

code.comment, span.comment {
   color: #666666;
   background: inherit;
}

.keyword, .py-pseudo-keyword {
   color: #0099aa;
   background: inherit;
}

code.type, span.type {
   color: #0000aa;
   background: inherit;
}

code.function-name, span.function-name, code.function, span.function {
   color: #aa6600;
   background: inherit;
}

code.optional, span..optional {
   font-style: italic;
   color: #666666;
}

code.optional:before, span.optional:before {
   content: "[";
}

code.optional:after, span.optional:after {
   content: "]";
}


code.var, span.var {
}

code.bool, span.bool {
}

code.string, span.string {
   color: #aa0000;
   background: inherit;
}


div.text {
   width: 90%;
   text-align: justify;
   margin-left: 10px;
}

div.img {
   margin-top: 1em;
   margin-bottom: 1em;
   cursor: pointer;
}

div.img p:before {
   content: "Figure: ";
   font-weight: bold;
}

div.img p {
   text-indent: 0;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div.listing {
   margin: 2px;
}

div.listing p:before {
   content: "Listing: ";
   font-weight: bold;
}

div.listing p {
   text-indent: 0;
   margin: 0px;
   padding: 0px;
   width: 100%;
   cursor: pointer;
}

body, p {
   font-family: georgia, times, serif;
}

body {
   color: black;
   background: white;
}

div#tips {
   background: #ffe9e9;
   border: 1px black solid;
   margin: 1em;
   padding: 0.5em;
   font-size: smaller;
   text-align: left;
}

div#index {
   background: #e9e9ff;
   border: 1px black solid;
   margin: 1em;
   padding: 0.5em;
   font-size: smaller;
   text-align: left;
}

a.indexlink {
   float: right;
   padding: 2px;
   margin: 1em;
   font-size: smaller;
   font-family: monospace;
   text-align: right;
   background: #d9d9d9;
}

a.indexlink:before {
   content: "[";
}

a.indexlink:after {
   content: "]";
}
