having this style. */ .run-into { display: inline; } /* Paragraph */ p { font-family: 'Times New Roman', Times, serif; font-size: .88rem; } /* Lists, not including TOC-List. */ .list { font-size: .88rem; margin-left: -1rem; } /* Figures: Keep in mind that the maximum page width is 500px while the minimum page width is 344px. */ /* Images 500px wide. This is further modified by "img-wide." */ figure { display: block; width: 100%; margin: 1.5rem 0 1.5rem 0; padding: 0; } /* Caption for Images 500px wide. Is placed below image. */ figcaption { font-family: Arial, Helvetica, sans-serif; font-size: .75rem; margin-top: .25rem; margin-bottom: .25rem; } /* If no caption is provided, yse this for providing credits to the page's main image. */ .figcredit { font-size: .6rem; font-family: sans-serif; color: black; margin-top: .2rem; } /* Additional styles for wide images. */ .img-wide { display: block; max-width: 100%; height: auto; } /* Classes for images less than 500px wide. ------------------------------ Keep the source image between 140 and 200 pixels wide. Description: These rules create a two‐column layout in which the caption text floats to the left and the image floats to the right, ensuring that paragraphs start below the caption block and then wrap under the image once its bottom is reached. In more detail, the outer container “contains” its floated children using `overflow: hidden`. The caption `

` is floated left with a calculated width that subtracts the image’s width (and its left margin), while the image itself is floated right at a fixed percentage width and given small horizontal and vertical gutters. Each paragraph uses `clear: left` so it begins below the left‐floated caption and, where vertical space allows, extends beneath the right‐floated image. Finally, a clearing `

` with `clear: both` guarantees that any content following this section will not overlap the floated elements. */ /* Caption div Container ---------------- */ .captionContainer { float:left; width:calc(100% - 40% - .25rem); font-family:Arial, Helvetica, sans-serif; font-size:.75rem; margin-bottom:1rem; } /* Image img Container ------------------ */ .imageContainer { float:right; width:40%; height:auto; margin-left:.25rem; margin-bottom:.25rem; } /* Classes for tables. ----------------------------------*/ table { width: 100%; border-collapse: collapse; font-family: Arial Narrow, sans-serif; font-size: 0.7rem; } caption { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: .75rem; margin-bottom: .25rem; } th { font-weight: bold; border-top: 2px solid black; border-bottom: 3px double black; padding-top: 2px; padding-bottom: 2px; text-align: left; vertical-align: bottom; } tr { border-bottom: 1px solid black; word-wrap: break-word; } /* Footnote Styles --------------------------------------*/ /* Style for the number located in the body of the text. */ .noteNumber { font-family: sans-serif; font-size: .6rem; text-decoration: none; } /* Style for the caret that provides the link back to the footnote number. */ .linkToNoteNumber { font-family: sans-serif; font-size: .65rem; font-weight: 800; text-decoration: none; } /* Style for the list item,