.pardon-the-mess {
background-color : #00eeaa;
padding : 0.25rem 0;
}
.pardon-the-mess p {
font-size : 1.0rem;
font-style : italic;
text-align : center;
}
a, abbr, acronym, address, article, aside, b, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, footer, h1, h2, h3, h4, h5, h6, header, html, i, img, ins, kbd, label, legend, li, menu, nav, object, ol, p, pre, q, s, samp, section, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, var {
margin : 0;
padding : 0;
border : 0;
text-decoration : none;
vertical-align : baseline;
box-sizing : border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
clear : both;
}
html, body {
background-color : #c6c6c6;
background-color : #d4d4d4;
width : 100%;
}
body {
font-size : 100%;
height : 100%;
min-height : 100%;
margin : 0 auto;
line-height : 2;
font-family : "DejaVu Sans", "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
}
.monospace, pre, code, kbd, samp, .codebox {
font-family : "DejaVu Sans Mono", "Lucida Console", "Lucida Sans Typewriter", "Andale Mono WT", "Andale Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
}
.clear {
overflow : hidden;
clear : both;
display : block;
visibility : hidden;
width : 0;
height : 0;
font-size : 0;
line-height : 0;
margin : 0;
}
h1 {
text-align : center;
}
h1, h2 {
font-size : 1.25rem;
margin : 2.5rem 0 1rem;
}
h3, h4 {
font-size : 1.125rem;
margin : 2.25rem 0 1rem;
}
h4 {
font-size : 1.0625rem;
margin : 2rem 0 1rem;
}
h3 {
margin-bottom : 1rem;
}
h5, h6 {
font-size : 1.0625rem;
margin : 1rem 0 0;
}
p, li {
font-size : 1.0625rem;
}

sub, sup {
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5rem;
}
sub {
bottom : -0.25rem;
}
ol, ul {
list-style-position : inside;
}
ol {
list-style-type : decimal;
}
ul {
list-style-type : disc;
}
ol, ul {
//margin : 1rem 0;
}
ol li, ul li {
margin : 1.0rem 0;
}
ol ol, ol ul, ul ul, ul ol {
margin-left : 2rem;
}
ol.double-space li, ul.double-space li {
margin-bottom : 1.0rem;
}
ol.single-space li, ul.single-space li, .single-space {
margin-bottom : 0; margin-top: 0;
}
ol.upper-roman {
list-style-type : upper-roman;
}
ol.lower-roman {
list-style-type : lower-roman;
}
ol.lower-alpha {
list-style-type : lower-alpha;
}
ol.upper-alpha {
list-style-type : upper-alpha;
}
ol.none, ul.none {
list-style-type : none;
}
ol.indent, ul.indent, figcaption ol, figcaption ul {
margin-left : 1rem;
}
li p {
text-indent : 1rem;
}
ol + p, ul + p {
text-indent : 0;
}
li + p, li p {
text-indent : 2rem;
}
table {
font : 100%;
border-collapse : collapse;
border-spacing : 0;
margin : 2rem 0;
width : 100%;
overflow : auto;
display : block;
}
.tablecaption {
text-align : left;
font-size : 1.125rem;
}
table a {
color : #00f;
}
th, td {
border : black solid 1px;
}
td, td img, th {
vertical-align : middle;
}
td, th {
padding : 0 0.5rem;
height : 2rem;
text-align : left;
}
p.tablenotes {
margin-top : -1rem;
}
ol.tablenotes {
margin-top : 0;
}
a {
cursor : pointer;
text-decoration : underline;
}
a:link {
color : #00f;
}
a:visited {
color : #50a;
}
a:hover {
outline : none;
background-color : #afc;
color : #00f;
}
del {
text-decoration : line-through;
}
.center {
text-align : center;
}
.formula {
margin : 1rem 2%;
text-indent : 4%;
}
pre, code, .codebox {
margin : 1.375rem 0;
padding : 0.5rem 1%;
outline : 1px solid #898989;
display : inline-block;
width : 100%;
overflow : auto;
color : #000;
white-space: pre-wrap
}
.codecomment {
color : #f00;
}
.preformat {
white-space : pre;
white-space : pre-wrap;
white-space : pre-line;
}
main, #main {
max-width : 72rem;
max-width : 58rem;
margin : 4rem auto;
padding : 0 2%;
}
body, #pageheader {
width : 100%;
max-width : 100%;
}
#pageheader, #pagefooter, #sitemenu {
background-color : #474747;
color : #fff;
line-height : 2rem;
}
#pagefooter {
background-color : #474747;
}
#pageheader a:hover, #pagefooter a:hover, #sitemenu ol li a:hover {
color : #222;
background-color : #fafafa;
}
#pageheader, #pagefooter {
padding : 0 4%;
clear : both;
overflow : hidden;
display : block;
}
#pagefooter {
margin-top : 4rem;
padding : 1rem;
}
#pagefooter a {
color : #fff;
text-decoration : underline;
}
#pagefooter p {
text-align: center;
}
#uniform-steps {
outline : 1rem solid #777777;
margin : 2rem auto 1rem;
}
#pagefooter p {
text-indent : 0;
}
#pageheader h1 {
font-size : 1.125rem;
font-weight : normal;
margin : 0;
text-align : center;
padding-top : 0.5rem;
}
#pageheader h1 a, #sitemenu ol li a {
color : #fff;
text-decoration : none;
display : block;
}
#ninedegreesbelow {
font-size:1.125rem;
font-weight: normal;
margin:0;
text-align:center;
padding-top: 0.5rem;
color:#fff;
text-decoration:none;
display:block;
}
#sitemenu {
float : left;
width : 100%;
position : relative;
z-index : 1000;
position : relative;
padding : 0 4%;
margin : 0;
padding-bottom : 0.5rem;
}
#sitemenu ol {
text-indent : 0;
list-style-position : outside;
padding : 0;
clear : left;
float : right;
list-style : none;
margin : 0;
position : relative;
right : 50%;
text-align : center;
}
#sitemenu ol li {
display : block;
float : left;
list-style : none;
margin : 0;
position : relative;
left : 50%;
padding : 0 2rem;
border-left : 1px solid #e1e1e1;
border-right : 1px solid #e1e1e1;
margin-right : -1px;
}
#sitemenu ol li a {
text-align : center;
color : #fafafa;
font-size : 1.125rem;
display : inline-block;
}
#pagetitle {
font-size : 1.5rem;
font-weight : bold;
margin : 0;
padding : 0;
}
#subtitle {
font-size : 1.25rem;
text-align : center;
margin-top : 0;
line-height : 1.5rem;
font-weight : normal;
}
#intro p {
font-size : 1.125rem;
margin : 1.5rem 0;
}
#written {
margin : 1rem 0;
text-align : center;
font-style : italic;
font-size : 1.125rem;
}
#series-links ol {
list-style-type : none;
}
#pagecontents {
outline : 2px solid #a0a0a0;
}
#pagecontents, #series-links {
padding : 1rem 2rem;
margin : 2rem 0;
}
#pagecontents ol, #series-links ol {
margin : 0;
list-style-type : upper-alpha;
}
#pagecontents ol ol {
list-style-type : decimal;
margin-left : 4%;
}
#pagecontents ol ol ol {
list-style-type : lower-alpha;
}
#pagecontents ol li, #series-links ol li {
margin-top : 0;
margin-bottom : 0;
}
#pagecontents p, #series-links p {
font-size : 1.25rem;
margin : 1rem 2%;
margin-top : 0;
text-align : center;
}
#pagecontents a {
text-decoration : none;
}
aside h3:before, aside h4:before, aside h5:before, aside h6:before {
content : "More information: ";
}
aside h6::before, aside h5::before, aside h4::before, aside h3::before {
font-size : 1.125rem;
font-weight : normal;
font-style : italic;
margin : 0.5rem 0;
text-align : center;
}
aside {
padding : 1rem 1.5rem;
margin : 1rem 3%;
color : #000;
outline : 1px solid #898989;
display : block;
}
.alertbox {
background : #ddc;
outline : 0.125rem solid #d67;
margin : 1.375rem 3%;
padding : 1rem 3%;
}
.vip {
outline : 0.125rem solid #474747;
margin : 1.875rem 4%;
padding : 1rem 4%;
}
p.vip, pre + p {
text-indent : 0;
}
p.vip + p.vip {
text-indent : 2rem;
margin-top : 0;
}
.vip ol, .vip ul {
padding-left : 2rem;
}
.vip + p {
text-indent : 0;
}
blockquote:before, blockquote:after, q:before, q:after {
content : none;
}
blockquote {
quotes : none;
margin : 2rem 4%;
border-left : 0.25rem solid #a93;
padding : 0 2%;
text-indent : 0;
}
.notes {
float : none;
padding : 1rem 4% 2rem;
margin : 2rem 0;
}
.notes ol {
list-style-type : decimal;
margin : 0;
padding-left : 4%;
list-style-type : upper-alpha;
}
.notes h2 {
text-align : left;
}
.notes ol li {
margin-top : 0;
margin-bottom : 0;
}
#notes h2, .notes h2 {
font-size : 1.25rem;
margin : 1rem 2%;
margin-top : 0;
text-align : center;
}
.outlineL95 {outline-color: #f1f1f1;}

.outlineL90 {outline-color: #e2e2e2;}

.outlineL80 {outline-color: #c6c6c6;}

.outlineL70 {outline-color: #ababab;}

.outlineL50 {outline-color: #777777;}

.outlineL30 {outline-color: #474747;}

.outlineL10 {outline-color: #1b1b1b;}

img {
vertical-align : baseline;
display : block;
max-width : 100%;
outline : 1px solid #bcbcbc;
}
.imgright {
float : right;
margin-left : 2%;
}
.imgleft {
float : left;
margin-right : 0.2%;
}
.imgright, .imgleft {
margin-bottom : 1.75rem;
margin-top : 1rem;
outline : none;
}
.imgsidebyside {
position : relative;
float : left;
margin-right : -0.25%;
}
.imgcenter {
display : block;
margin : 0 auto;
}
figure {
max-width : 100%;
margin : 2rem auto;
margin-bottom: 1rem;
padding : 1rem;
outline : 1px solid #a0a0a0;
outline: none;
}
figure img {
display : block;
clear : both;
border : none;
margin : 3rem auto;
outline : 1.25rem solid #f1f1f1;
}
figure figure {
max-width : 100%;
width : 100%;
margin : 0;
padding : 0;
outline : none;
background : none;
}
figcaption {
margin : 0 1.0rem;
font-style : normal;
font-size : 1.125rem;
}
figcaption:before {
counter-increment : figurecounter;
content : 'Figure ' counter(figurecounter) '. ';
font-weight : bold;
}
figure p {
text-indent : 0;
margin : 1rem;
}
figure + p {
text-indent : 0;
}
p + p {
text-indent : 2rem;
}
figure ol, figure ul {
margin : 1rem;
}
article {
counter-reset : h2counter h3counter h4counter h5counter formulacounter figurecounter tablecounter slideshowcounter slidecounter;
}
h2:before {
content : counter(h2counter,upper-alpha) ".\0000a0";
counter-increment : h2counter;
}
h2 {
counter-reset : h3counter;
}
h3:before {
content : counter(h2counter,upper-alpha) "" counter(h3counter,decimal) ".\0000a0";
counter-increment : h3counter;
}
figure.slides figcaption {
font-size : 1.125rem;
margin-top : 2rem;
margin-bottom : 0;
text-align : center;
width : 100%;
}
figure.slides figure figcaption {
margin-top : -1rem;
font-size : 1.0rem;
text-align : center;
width : 100%;
}
.slides figcaption:before {
counter-increment : slideshowcounter;
content : 'Slideshow ' counter(slideshowcounter) '. ';
font-weight : normal;
font-weight:bold;
}
figcaption:before {
counter-increment : figurecounter;
content : 'Figure ' counter(figurecounter) '. ';
font-weight : normal;
}
.bss-slides figcaption:before {
counter-increment : slidecounter;
content : 'Slide ' counter(slidecounter) ': ';
font-weight : normal;
font-size : 1.0rem;
}
.bss-slides {
counter-reset : slidecounter;
}
.no-counter figcaption:before {
content : none;
counter-increment : none;
}
figure img.screenshot {
outline : none;
margin : 1.5rem auto;
}
figure.slideshow img.no-outline, figure.no-outline, figure img.no-outline {
outline : none;
}
figure.slideshow img.no-outline.all {
outline : none;
margin : -1rem auto;
}
.screen-reader {
position : absolute;
left : -10000em;
top : auto;
width : 1px;
height : 1px;
overflow : hidden;
}
.italic {
font-style : italic;
}

@media all and (max-width:54rem){
body {
line-height: 1.75;
}
figure {
max-width : 100%;
padding : 0.5rem 0.25rem;
margin: 1.5rem auto;
margin-bottom: 2rem;
outline: none;
border-left-style: solid;
border-width: 0.125rem;
border-color: #777;
}
figure img {
display : block;
clear : both;
border: 0.5rem solid #fff;
padding-left: 0.125rem;
padding-right: 0.125rem;
margin: 0 auto;
outline: none;
}
.no-border {border: none;}
figure figure {
max-width : 100%;
width : 100%;
margin : 0;
padding : 0;
outline : none;
border: none;
background : none;
}
figcaption {
margin : 0.125rem;
font-style : normal;
font-size : 1.125rem;
line-height: 1.75;
}
figcaption:before {
counter-increment : figurecounter;
content : 'Figure ' counter(figurecounter) '. ';
font-weight : normal;
font-weight:bold;
}
figure p {
text-indent : 0;
margin : 1rem;
}
figure + p {
text-indent : 0;
}
p + p {
text-indent : 2rem;
}
figure ol, figure ul {
margin : 1rem;
}
}

@media all and (max-width:54rem){

body {line-height: 1.75;}

}