body { position: relative; top: 0; left: 0; width: 1255px; margin: 0.5em 1em 4em; font-family: monospace; font-size: 14px; line-height: 2; /*background-color: lavender;*/ /*color: blueviolet;*/ background-color: dimgray; /*background-color: darkslategray;*/ /*background-color: darkcyan;*/ /*background-color: mediumpurple;*/ color: yellow; } div#side{ position: absolute; top: -0.5em; left: 0; } div#main{ position: relative; margin-left: 115px; } header, section#intro, footer{ position: relative; width: 100%; margin: 0 0 1em 0; } section#intro, article.post{ width: calc(100% - 4em); padding: 2em 0 2em 2em; } section#intro div#column1, section#intro div#column2{ width: calc(50% - 2em); display: inline-block; vertical-align: top; } section#intro div#column1{ padding-right: 3em; } article.post div.post-content{ width: 800px; margin: 2em 0; } footer p#colophon{ width: 75%; margin: 1em auto; } h1, h2, h3, h1 a, h2 a, h3 a{ font-family: "White Rabbit"; margin: 0 0 1.5em 0; padding: 0; font-weight: normal; } h1#title{ width: 100%; font-size: 150%; text-align: center; } pre#backlink a{ text-decoration: none; color: yellow !important; } a, a:visited, a:active{ color: pink; /*color: aquamarine;*/ /*color: gainsboro;*/ } p{ margin: 0 0 1em 0; } hr{ border: 0; margin: 2em 0; color: inherit; } hr:before{ content:"..............................................................................................."; } img{ max-width: 250px; margin: 0 0.5em; } /* ASCII */ header pre, footer pre, article.post pre, section#content pre{ line-height: 1; margin: 0; } div#side{ line-height: 2; } pre#title{ line-height: 2; }