/* == all styling RESET */

/* @include url("reset.css"); */

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126  License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: ‘’; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* == end of RESET */
/* fonts */
@font-face {
  font-family: 'LiberationSans';
  src: local('LiberationSans'),
    url('LiberationSans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LiberationSerif';
  src: local('LiberationSerif'),
    url('LiberationSerif.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Apalu';
  src: url('Apalu.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* === */
:root {
 --pg-bg: #336;
 --fonts-serif: font-family: LiberationSerif, "Times New Roman", Georgia, Garamond, Times, Roman, serif;
 --font-sans: font-family: LiberationSans, Arial, Verdana, Helvetica, sans-serif;
 --font-script: font-family: Apalu, "Brush Script MT", "Lucida Handwriting", cursive;
}
body { background:
  url('../images/bg-letters.png') left top repeat,
  url('../images/greypaper_bg1.jpg') bottom right repeat;
  font-family: var(--font-serif);
  font-size: 1em/100%;
  line-height: 1.2em;
  -webkit-text-size-adjust: 100%;
  padding: 0; margin: 0; }
header,footer,nav { margin: 1em auto; padding: 1em; width: 80%;
 max-width: 840px; border-radius: 12px; background: #ddc; }
header { margin-bottom:2px; background: url('../images/kbd-bg.jpg'); }
nav { margin-top:2px; font-family: var(--font-sans); }
footer { text-align: center; }
article { margin: 1em auto; padding: 1em; width: 80%; max-width: 840px;
 border-radius: 12px; background: #eee; line-height: 1.2em; }
a { color: #933; text-decoration: none; }
a:hover { color:#eee; background:#633; border-radius:4px; }
.smc { font-variant: small-caps; }
h1 { font-size:150%; font-weight:bold; }
h2,h3 { font-size:130%; font-weight:bold; }
h4,h5,h6 { font-size:110%; font-weight:bold; }
ul.sq { list-style: square inside; }
ul.cr { list-style: circle inside; }
b { font-weight: bold; }
i { font-style: italic; }
p { margin-top:4px; margin-bottom:8px;} /* text-indent:8px; */
img {
  max-width: 100%;
  margin: 5px;
  height: auto;
  width: auto\9; /* ie8 */
  border-radius: 10px;
}
.imgL { float: left; margin-right: 5px; }
.imgC { display: block; margin-left: auto; margin-right: auto; }
.imgR { float: right; margin-left: 5px; }
table, th, td {
  border: 2px solid white;
  border-collapse: collapse;
}
.fgred { color: #f00; }
.fggrn { color: #0f0; }
.fgblu { color: #00f; }
.fgcya { color: #0cc; }
.fgmag { color: #c0c; }
.fgyel { color: #cc0; }
.hlred { background: rgba(255,204,204,0.6); }
.hlgrn { background: rgba(204,255,204,0.6); }
.hlblu { background: rgba(204,204,255,0.6); }
.hlcya { background: rgba(204,255,255,0.6); }
.hlmag { background: rgba(255,204,255,0.6); }
.hlyel { background: rgba(255,255,204,0.6); }
.alignR { float: right; }
.f80 { font-size: 80%; }
.r60 { font-size: 60%; float:right; }
.flag { font-size: 120%; font-family: serif; }
.svg { border-radius: 4px; vertical-align: bottom; }
.smc { font-variant: small-caps; }
.activ { font-style: italic; } /* menu, active item */
.quote { font-family: Apalu, Times, Roman, serif; font-size: 2em; }

/* == END == */