body { margin: 0; padding-left: 320px; font-family: cambria, georgia, serif; color:black; background: #F6F6F6; } div#main { min-width: 20em; max-width: 45em; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 3em; } div#maincode { min-width: 45em; max-width: 55em; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 3em; } div#maininner { } div#side { font-size: 90%; font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; padding-left: 20px; overflow: auto; /*height: 100%; */ width: 270px; float: left; position: absolute; top: 0; left: 0; color: black; background: #F6F6F6; } /*div#side { font-size: 90%; font-family: arial, sans-serif; padding-left: 20px; overflow: auto; height: 100%; width: 270px; position: absolute; top: 0; left: 0; color: black; background: #F6F6F6; } div#sideinner { } @media screen { body>div#side { position: fixed; } }*/ summary { font-size: 120%; font-weight:bold; color: #BF2C19; margin-top: 0.5em; margin-bottom: 0.5em; cursor:pointer; } .shadow { margin-top: 6px; margin-left: 0px; background: url(shadow.gif) no-repeat bottom right; } .shadowinner { position: relative; bottom: 6px; right: 6px; border: 4px solid #4c4c4c; background: white; } table.sidetable { border: 4px solid #BF2C19; background: white; } table.sidelink, div.sidelink { border-bottom: 2px solid #4C4C4C; margin-bottom: 0; margin-top: 0; margin-left: auto; margin-right: auto; width:90%; } table.subcontent { margin-top: 0.2em; margin-bottom: 0.3em; margin-left: auto; margin-right: auto; width:90%; } p.companionwebsite { margin-bottom: 0.5em; margin-top: 0.5em; font-family: arial, sans-serif; font-weight: bold; font-size: 90%; color: #BF2C19; } p.foot { font-size: 80%; color: #4C4C4C; } p, li { margin-top: 0.7em; margin-bottom: 0.7em; } ul { margin-top: 0.5em; margin-bottom: 0.6em; } img { border: none; display: block; } /* a:link, a:visited, a:active { text-decoration: none; font-family: candara, "trebuchet ms", georgia, serif; font-weight: bold; } */ a:link.sidelink, a:visited.sidelink, a:link.sidelinka, a:visited.sidelinka, a:link.sidelink1, a:visited.sidelink1, a:link.sidelink2, a:visited.sidelink2, a:link.sidelink3, a:visited.sidelink3, a:link.sidelink4, a:visited.sidelink4 { text-decoration: none; font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; font-size: 110%; font-weight: bold; color:#0060C0; } a:link.sidelinka, a:visited.sidelinka { color:Black; } a:link, a:link.sublink { color:#0060C0; } a:visited, a:link.sublink { color:#4C4C4C; } a:link.sublink, a:visited.sublink { text-decoration: none; font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; font-weight: bold; font-size: 95%; } p.cell { margin: 0.3em; } pre, p.progout, p.boilercode, pre.output { font-family: consolas, "courier new", monospace; font-size: 95%; } pre { /* margin-top: 0em; margin-bottom: 0em; margin-left: 7mm; margin-right: 7mm; */ margin-top: 0.3em; margin-bottom: 0.9em; padding-top: 0.2em; padding-bottom: 0.1pt; padding-left: 0.3em; padding-right: 0.3em; background-color: #F9F8DD; /*border-style: dashed;*/ border-style: solid; border-width: thin; border-color: #808080; } p.question { margin-top: 1.5em; color: #BF2C19; font-family: arial, sans-serif; font-weight: bold; font-style: italic; } p.myth { margin-top: 0em; margin-bottom: 1.5em; color: #BF2C19; font-weight: bold; font-style: italic; } p.tocchapter { margin-top: 0.7em; margin-bottom: 0.2em; font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; font-weight: bold; border-bottom: solid thin #4c4c4c; } p.progout { margin-top: 0.6em; margin-bottom: 0.6em; margin-left: 7mm; margin-right: 7mm; padding-top: 27px; padding-bottom: 0.3em; padding-left: 0.3em; padding-right: 0.3em; color: white; background-color: #202020; background-image: url('output.png'); background-position: 1px, 1px; background-repeat: repeat-x; border-style: ridge; border-width: thin; } p.caption { font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; font-style: italic; font-weight: bold; margin-top: 1em; margin-bottom: 0.2em; } p.boilercode { margin-top: 0.3em; margin-bottom: 0.6em; padding-top: 0.2em; padding-bottom: 0pt; padding-left: 0.3em; padding-right: 0.3em; background-color: #F9F8DD; border-style: dashed; border-width: thin; border-color: #808080; } p.boilercaption { font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; font-style: italic; font-weight: bold; margin-top: 0.5em; margin-bottom: 0em; } div.figure { background-color: white; padding: 0.5em; border: thin solid #4C4C4C; text-align:center; } p.figurecaption { font-size: 90%; font-style: italic; margin-bottom: 1em; } p.title { font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; font-size: 300%; font-weight: bold; text-align: center; margin-top: 0.4em; margin-bottom: 0.2em; color: #4C4C4C; } p.titlequote { font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; font-size: 110%; font-weight: bold; font-style: italic; text-align: center; margin-top: 0.2em; margin-bottom: 2em; color: #BF2C19; } h1, h2, h3 { text-align: left; font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; font-weight: bold; } h1 { font-size: 170%; margin-top: 1em; margin-bottom: 0.4em; border-bottom: solid 2px; padding-bottom: 0em; color: #4C4C4C; } h2 { font-size: 135%; color: #BF2C19; margin-top: 1.3em; margin-bottom: 0.5em; } h3 { font-size: 110%; color:#333; font-style: italic; margin-top: 1em; margin-bottom: 0em; } h4 { font-size:110%; font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; margin-top: 1em; margin-bottom: 0.2em; } p.note, p.warning, div.note, div.warning { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 7mm; margin-right: 7mm; padding-top: 16px; padding-bottom: 16px; padding-left: 80px; padding-right: 1em; background-color: white; background-image: url('pawprints.png'); background-position: 7px 20%; background-repeat: no-repeat; border-style: solid; border-width: 2px; } div.note, div.warning { padding-top: 0; padding-bottom: 4pt; } p.note { border-color: navy; } p.warning, div.warning { border-color: #B02000; } span.pseudo { font-family: "comic sans ms", cursive; color:#FF6600; } span.lit { font-weight: bold; } span.techitalic { font-style: italic; } span.emphasis { font-style: italic; } span.strong { font-weight: bold; } span.blue { color: blue; } span.red { color: red; } p.quizq { font-weight: bold; margin-top: 3em; padding-left: 80px; padding-top: 15px; padding-bottom: 15px; background-image: url('quizq.png'); background-position: 3px 20%; background-repeat: no-repeat; } div.quiza, div.answer { margin-top: 0.5em; margin-bottom: 0.3em; margin-left: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 80px; padding-right: 1em; background-color: white; background-image: url('pawprints.png'); background-position: 7px 20%; background-repeat: no-repeat; border-style: solid; border-width: thin; } div.quiza { display: none; } code { font-family:Consolas; color:#007; } ul { margin-top: 0.5em; margin-bottom: 0.6em; } dt { font-weight: bold; margin-bottom: 4pt; } dd { margin-bottom: 4pt; } table.book { border-collapse:collapse; border:4px solid #666; } th.book { text-align:left; padding: 2pt 3pt 2pt 3pt; background-color: #eee; border:thin solid #999; } td.book { padding: 2pt 3pt 2pt 3pt; background-color: White; border:thin solid #999; } td.typeheader { font-family: tahoma; font-size: 90%; font-weight: bold; background-color: #17b; color: white; } pre.output { margin-top: 0.6em; margin-bottom: 0.6em; margin-left: 0; margin-right: 0; padding-top: 25px; padding-bottom: 0.3em; padding-left: 0.5em; padding-right: 0.5em; color: white; background-color: #202020; background-image: url('output.png'); background-position: 1px 0px; background-repeat: repeat-x; border-style: ridge; border-width: 1px; } p.sectiontitle { text-transform: uppercase; text-align:center; font-size: 180%; font-weight: bold; margin-top: 1.2em; margin-bottom: -6pt; padding:3pt; border: solid 2px black; } div.sidebar { margin: 1.5em 0 1.5em 0; padding: 1em 1em 0.7em 1em; border: solid 3px teal; background-color: #eff; } p.sidebartitle { font-size: 140%; text-align: center; color: Teal; font-weight: bold; font-family: 'Century Gothic', 'Segoe UI', Geneva, Verdana, sans-serif; margin-top: 0; margin-bottom: 0.5em; }