1/***********
2    Layout
3*/
4
5*::selection{
6    background-color: #FF4B33;
7    color: white;
8}
9
10.offset {
11    margin-right: 0;
12    width: __site_width__;
13    float: none;
14    margin: 0 auto !important;
15}
16
17html, body { padding-bottom: 24px; }
18
19body {
20    font-family: Tahoma, 'Apple SD Gothic Neo', serif;
21    font-size: 14px;
22    line-height: 1.6em;
23}
24
25a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {
26    border-width: 0;
27}
28
29code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext {
30    font: inherit;
31    white-space: normal;
32}
33
34div.statcol{
35    /* ie inline-block: fix
36    http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
37    http://www.quirksmode.org/css/display.html
38    */
39    float: left;
40/*    padding-left: 8px;
41    padding-right: 8px;*/
42    padding-top: 8px;
43    font-size: 14px;
44    border: solid #000000 0px;
45    vertical-align: middle;
46}
47
48div.statrow{
49    /* ie inline-block: fix
50    http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
51    http://www.quirksmode.org/css/display.html
52    */
53    display: block;
54    padding-left: 8px;
55    padding-right: 8px;
56    padding-top: 8px;
57    font-size: 14px;
58    border: solid #000000 0px;
59
60    vertical-align: middle;
61    min-width: 100px;
62
63    clear: both;
64}
65
66/***********
67    Top Menu
68*/
69
70#topmenu {
71    margin-right: 10px;
72    width: 510px;
73    padding-bottom: 1.8 em !important;
74}
75
76.sidebar, .footer {
77    background: none repeat scroll 0 0 #F4F4F4;
78    border-bottom: 2px solid __border__;
79    border-top: 2px solid __border__;
80    padding: 1em 1em;
81}
82
83.group, .header, .sidebar, .footer, .content { float: left; }
84.widget-area { padding-left: 1em; }
85
86.aside, .aside input {
87    font-size: 0.9em;
88    line-height: 1.2em;
89    text-decoration: none;
90    color: #666666;
91}
92
93#topmenu .aside, #topmenu .aside input { margin-bottom: 0.4em; }
94
95/* onwards header content */
96.aside h3, .aside h3 a, {
97    color: #666666;
98    font-size: 1.2em;
99    font-style: italic;
100    line-height: 1.8em;
101    text-decoration: none;
102}
103
104/*h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; }*/
105/*th, b, strong, h1, h2, h3, h4, h5, h6, dt { font-weight: normal; }*/
106p { margin: 0.35em 0px; padding: 0px; }
107.readingcontent h1, .readingcontent h2, .readingcontent h3,
108.readingcontent h4, .readingcontent h5, .readingcontent h6, {
109    line-height: 1.35em;
110    color: #333333;
111    /*color: #FF4B33;*/
112}
113
114.readingcontent h1 {
115    border-bottom: 2px dotted #60C2AD;
116    margin-bottom: 8px;
117}
118
119/*
120* {
121    font-size: 1em;
122    margin: 0;
123    outline: medium none;
124    padding: 0;
125    text-decoration: none;
126}
127*/
128
129.xoxo li {
130    display: inline-block;
131    list-style-type: none;
132    padding-right: 8px;
133}
134
135.xoxo li img { margin-right: 8px; }
136
137/***********
138    Sidebar
139*/
140
141.realsidebar {
142    min-height: 300px;
143    width: __sidebar_width__;
144    padding: 8px;
145     margin-right: 10px;
146    margin-left: 32px;
147     margin-top: 1.8em;
148
149     /*position: fixed; left: 150px; */
150    /*display: inline-block;*/
151
152    background: none repeat scroll 0 0 #F4F4F4;
153    border-bottom: 2px solid __border__;
154    border-top: 2px solid __border__;
155
156    /*padding-top: 63px; padding-bottom: 24px;*/
157
158    /* visibility: hidden  opacity: 0.15; */
159}
160
161.realsidebar h1 {
162    color: #000;
163    font-size: 1.3em;
164    font-weight: bold;
165    line-height: 1.2em;
166    padding: 0 0 .2em;
167    text-decoration: none;
168
169    border-bottom: 2px dotted #60C2AD;
170    margin-bottom: 8px;
171}
172
173/***********
174    Header
175*/
176
177.header {
178    margin-right: 10px;
179    max-height: 300px;
180    width: 590px;
181    padding: 8px;
182    margin-top: 1.8em;
183}
184
185.group, .header, .sidebar, .footer, .content { float: left; }
186
187/* header text onwards */
188#blog-title a {
189    font-weight: bold;
190    line-height: 1.4em;
191    text-decoration: none;
192    color: #000000;
193    font-size: 34px;
194}
195.realsidebar #blog-title a { font-size: 1.2em; }
196
197#blog-title a:active, #blog-title a:hover, .entry-title a:active, .entry-title a:hover {
198    color: #FF4B33;
199}
200
201/* description text onwards */
202#blog-description {
203    color: #666666;
204    font-size: 0.9em;
205    font-style: italic;
206}
207
208/***********
209    Hyperlinks and Forms
210*/
211
212/*a:link, a:visited { color: #0066cc; }*/
213a:hover { color: #FF4B33; }
214a:active, .a:focus { color: #000000; }
215a { text-decoration: underline; }
216/* a:link { color: #004B91; } */
217
218select { padding: 0.2em 0.1em 0; }
219input, select, button { cursor: pointer; }
220
221.tape {
222background-image: url(../images/tapeleft.png), url(../images/taperight.png), url(../images/tapemiddle.png);
223background-repeat: no-repeat, no-repeat, repeat;
224background-position: left, right, center;
225padding-left:16px; padding-right:16px;
226
227font-size: 1.05em;
228height:32px;
229min-width:75px;
230line-height:32px;
231text-align:center;
232border:0 solid #000000;
233margin:0;
234display:inline-block;
235}
236
237/* --- fix columns */
238.nofloat { display: inline-table !important; float: none !important; }
239
240.flex { display: flex !important; }
241.sparewidth { flex-grow: 100; }
242/* make column fill spare remaining width of container
243        https://stackoverflow.com/a/40447261/337306 */
244
245        .makehigh{ display: table; }
246        .makehigh .column { display: table-cell; float: none; }
247        /* all columns same height */
248        /* https://www.w3schools.com/howto/howto_css_equal_height.asp */
249
250/* _______ */
251
252/* ---- forms */
253
254.bigbutton {
255 font-family: Droid Sans, Verdana, Verdana, Helvetica, sans-serif;
256 font-size: 24px;
257 background-color: #dcddcb; color: #666666;
258 margin-right: 6px;
259 border:3px ridge #a8a8a8; padding: 3px;
260
261}
262
263.bigtext {
264 font-family: Droid Sans, Verdana, Verdana, Helvetica, sans-serif;
265 font-size: 24px;
266 margin-right: 6px;
267 background-color: #dcddcb; border: 1px solid #666666;
268}
269
270input[type="text"], input[type="password"], textarea{
271    font-size: 16px;
272    background-color: __border__;
273    /*border-bottom: solid 1px #CF9766;*/
274    border-top: 0px; border-left: 0px; border-right: 0px;
275    margin-right: 6px;
276    border:1px solid #a8a8a8;
277    font-family: Verdana;
278    color: #3c3c3c;
279}
280
281.form-submit{ clear: both; }
282
283
284button, button[type=submit] {
285    font-size: 12px;
286    margin-right: 6px;
287    background-color: __border__;
288    padding: 8px;
289    border: 3px ridge #a8a8a8; /*f46539*/
290    font-family: Verdana;
291    text-align: left; vertical-align: top;
292    color: #3c3c3c;
293}
294
295select{
296    font-size: 16px;
297    background-color: __border__;
298    color: #262626;
299    margin-right: 6px;
300    border:1px solid #a8a8a8;
301    font-family: Verdana;
302}
303
304/***********
305    Sidebar
306*/
307.sidebar {
308    border-top: 2px solid __border__;
309    padding-top: 2em;
310    margin-right: 10px;
311    width: 90px;
312    float: left;
313    clear: both;
314}
315
316/***********
317    Content
318*/
319.content {
320    border-top: 1px solid __border__;
321    padding-top: 2em;
322    margin-right: 10px;
323    width: 670px;
324}
325
326.posthere {
327    background-color: #F4F2DC;
328    border-bottom: 2px solid #CF9766;
329    border-top-left-radius: 20px 10px;
330    border-top-right-radius: 20px 10px;
331    margin-bottom: 48px;
332    margin-top: 12px;
333    padding: 32px;
334    text-align: left;
335}
336
337.wp-caption {
338    text-align:center; padding:10px; margin:0px;
339    border-left: 2px dotted #60C2AD; border-bottom: 2px dotted #CF9766;
340    font-size: 0.8em;
341}
342/* .posthere img { max-width: 600px; object-fit: fill; } */
343
344.posthere li { list-style-type: square; }
345
346.entry-title {
347    border-bottom: 2px dotted #60C2AD;
348    margin-bottom: 8px;
349}
350
351.entry-title, .entry-title a {
352    color: #000000;
353    font-size: 1.3em;
354    font-weight: bold;
355    line-height: 1.2em;
356    padding: 0 0 0.2em;
357    text-decoration: none;
358}
359
360blockquote{
361    margin-left: 32px; padding-left: 12px;
362    border-left: 1px dotted #60C2AD; border-bottom: 1px dotted #CF9766;
363    margin-bottom: 12px;
364}
365
366pre { font-family: Consolas,Monaco,Lucida Console,Courier New; font-size: 0.8em; }
367
368/* reading content readability onwards */
369.readingcontent{
370    font-size: 1.2em;
371    /* font-family: ToshnaStdBookDemoRegular, Cambria; */
372    letter-spacing: 0.02em;
373    line-height: 1.5em; /* line-height: 24px; */
374} .readingcontent p, .readingcontent span{ margin-bottom: 1.5em; /* margin-bottom: 14px; */ }
375/*.readingcontent li, .readingcontent dd { line-height: 0.35em; }*/
376
377/* post information onwards */
378.entry-meta, .entry-meta a, .entry-utility, .entry-utility a {
379    color: #666666;
380    /*font-size: 0.9em;*/
381    font-style: italic;
382    line-height: 1.2em;
383    margin-bottom: 8px;
384    text-decoration: none;
385    margin-bottom: 1.8em;
386}
387
388 .entry-meta a:hover, .entry-utility a:hover {
389    color: #FF4B33;
390}
391
392.entry-utility{ margin-top: 1.8em !important; }
393
394/* commenting onwards */
395.tinybox, input#submit{
396    padding: 0px 3px;
397    margin-right: 8px;
398    border: solid #000000 0px;
399    font-size: 12px;
400    background-color: #60C2AD;
401    display: inline-block;
402    font-weight: bold;
403    color: #f4f2dc;
404}
405.tinybox a, .datetime a {text-decoration: none;}
406.tinybox a { color: #f4f2dc;}
407input#submit { padding: 6px }
408
409.datetime{
410    padding: 3px;
411    margin-right: 8px;
412    border-bottom: dotted #CF9766 1px;
413    font-size: 10px;
414    display: inline-block;
415    vertical-align: bottom;
416    float: right;
417}
418
419.padhere { margin-bottom: 0.85em; }
420
421#respond, .padbelow { margin-bottom: 48px; }
422
423
424#navcontainer { min-width: 100px; }
425
426#navcontainer ul
427{
428margin-left: 0;
429padding-left: 0;
430list-style-type: none;
431margin: 0px;
432}
433
434.realsidebar #navcontainer li { margin: 0px; }
435
436/*#navcontainer #navlist li:first-child a { border-top: 2px dotted #60C2AD; }*/
437
438#navcontainer a
439{
440display: block;
441padding: 16px;
442/*background-color: #D4CC77;*/
443/*border-bottom: 2px dotted #60C2AD;*/
444}
445
446#navcontainer a:link, #navlist a:visited
447{
448color: #2a2a2a;
449text-decoration: none;
450}
451
452#navcontainer a:hover
453{
454background-color: #FF4B33;
455font-weight: bold;
456padding-left: 16px;
457color: white;
458}
459
460
461/* end ____________ */
462
463