1/* main */
  2body {
  3    background-color: #000;
  4    margin: 0;
  5}
  6
  7article {
  8    background-color: #fffff0;
  9}
 10
 11nav, main, footer div {
 12    max-width: 720px;
 13    margin: 0 auto;
 14}
 15
 16main {
 17    padding: 10px 20px;
 18    border-radius: 4px;
 19    background-color: #fffff7;
 20    box-shadow: 0 0 10px #eee;
 21}
 22
 23/* navigation */
 24nav.sections {
 25    padding-top: 20px;
 26    display: block;
 27}
 28
 29nav.sections ul {
 30    list-style-type: none;
 31    margin: 0;
 32    padding: 0;
 33    margin-bottom: 8px;
 34}
 35
 36nav.sections li {
 37    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 38    display: inline;
 39    margin: 0 -2px;
 40    font-size: 1.3em;
 41}
 42
 43nav.sections a {
 44    color: #787878;
 45    border-bottom: solid 2px #A8A8A8;
 46    padding: 0 16px;
 47}
 48
 49nav.sections a.selected, nav.sections a:hover {
 50    color: #000000;
 51    border-bottom: solid 2px #444444;
 52}
 53
 54/* footer */
 55footer {
 56    margin-top: 32px;
 57    min-height: 64px;
 58    background: linear-gradient(#fffff0, #ccccc0);
 59}
 60
 61footer p {
 62    font-style: italic;
 63    color: #666;
 64    font-family: serif;
 65}
 66
 67footer img {
 68    display: inline-block;
 69    vertical-align: middle;
 70}
 71
 72.abyss {
 73    text-align: center;
 74}
 75
 76/* headers */
 77h1, h2 {
 78    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 79    font-size: 200%;
 80    font-weight: lighter;
 81    text-transform: capitalize;
 82    padding-bottom: 10px;
 83    border-bottom: 1px solid #000;
 84    text-align: center;
 85}
 86
 87h1.title {
 88    text-align: center;
 89    font-family: serif;
 90    font-size: 2.5em;
 91    font-weight: lighter;
 92    font-variant-caps: small-caps;
 93    border-bottom: 4px double #000;
 94}
 95
 96h1:not(.title):hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
 97    opacity: 1;
 98}
 99
100.anchor {
101    float: left;
102    padding-right: 0.4ch;
103    margin-left: -1.3ch;
104    opacity: 0;
105    transition: opacity 150ms;
106}
107
108/* body */
109p, li, dl, summary {
110    font-family: Tahoma, Geneva, sans-serif;
111    font-size: 1.1em;
112    line-height: 1.5;
113}
114
115img {
116    max-width: 100%;
117}
118
119.dim {
120    color: #999;
121    font-size: smaller;
122}
123
124a {
125    text-decoration: none;
126    color: #f74c00;
127    border-bottom: 0 dashed rgba(0, 0, 0, 0);
128    transition: color 300ms, border-bottom 300ms;
129}
130
131a:hover {
132    color: #e33b26;
133    border-bottom: 1px solid #e33b26;
134}
135
136blockquote {
137    border-left: 4px solid #000;
138    padding-left: 8px;
139    font-style: italic;
140    color: #444;
141}
142
143.footnote:target {
144    background-color: rgba(255, 255, 0, 0.2);
145}
146
147dl img {
148    margin-bottom: -0.4em;
149    margin-right: 0.6em;
150}
151
152dd {
153    margin-bottom: 1em;
154}
155
156div.time {
157    text-align: right;
158    font-style: italic;
159    color: #777;
160    font-size: 0.9em;
161}
162
163div.time p {
164    line-height: 0.5;
165}
166
167hr {
168    border: 0;
169    border-bottom: 2px dashed #aaa;
170}
171
172/* code */
173pre {
174    background-color: #eee;
175    padding: 4px;
176    overflow: auto;
177    max-height: 480px;
178}
179
180kbd {
181    padding: 3px 5px;
182    font: 0.9em monospace;
183    color: #333;
184    background-color: #fafafa;
185    border: 1px solid #ddd;
186    border-radius: 4px;
187    box-shadow: 0 2px 0 #ddd;
188}
189
190/* tables */
191table {
192    border-collapse: collapse;
193}
194
195th {
196    background-color: #f7f7e8;
197}
198
199th, td {
200    padding: 0.5em;
201    border: 1px solid #aaa;
202}
203
204tr:nth-child(even) {
205    background-color: #f7f7e8;
206}
207
208/* graphs post */
209div.matrix table {
210    border-width: 0 2pt 0 2pt;
211    border-style: solid;
212    border-color: #000;
213}
214
215/* poor man's matrix */
216div.matrix tr:first-child td:first-child, div.matrix tr:first-child td:last-child {
217    border-top: 2pt solid #000;
218}
219
220div.matrix tr:last-child td:first-child, div.matrix tr:last-child td:last-child {
221    border-bottom: 2pt solid #000;
222}
223
224div.matrix td {
225    border: none;
226}
227
228em.math {
229    font-family: 'Times New Roman', Times, serif;
230    font-size: larger;
231}
232
233/* special */
234::-moz-selection {
235    background-color: #FFAA00;
236    color: #000000;
237}
238
239::selection {
240    background-color: #FFAA00;
241    color: #000000;
242}