/*@import url('https://fonts.googleapis.com/css2?family=Padauk&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&family=Cedarville+Cursive&family=Homemade+Apple&display=swap');

@font-face {
    font-family: 'myfont';
    font-weight: bold;
    src: url('/static/gavali.ttf')  format('truetype');
}

html { overflow-y: scroll; }

div#ContentBody {    
    font-weight: 400;
    line-height: 35px;
    font-size: 17px;
}

pre {
    line-height: 18px;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    overflow-x: auto;
}

div#menubar {
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    position: fixed;
    width: 100%;
    background-color: #fff;
    --webkit-text-size-adjust: 100%;
}

logo-left {
    font-family: Helvetica,Arial,myfont,sans-serif;
    font-weight: 100;
    font-size: 26px;
    --webkit-text-size-adjust: 100%;
    color: #888;
}
logo-right {
    font-size: 28px;
    font-family: Helvetica,Arial,myfont,sans-serif;
    font-weight: 350;
    --webkit-text-size-adjust: 100%;
    padding: 0px 0px 0px 0px;
}

k3 {
    display: block;
}

h2, k3 {
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #2C365E;
    font-weight: 400;
    --webkit-text-size-adjust: 100%;
}

h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0px;
}

h3 {
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
}

table#menu {
    width:800px;
    order:0px;
    height: 46px;
}

div#bodyTopic {
    margin: 0px;
    padding-top: 70px;
    padding-bottom: 600px;
}

table td {
    border-spacing: 0px;
    margin: 0px;
    font-weight: 400;
}

.head td {
    border-bottom: #888 1px SOLID;
    padding: 2pt;
}

body {
    font-size: 18px;
    color: #000;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
    margin: 0px;
    font-weight: 400;
    --webkit-text-size-adjust: 100%;
}

table#topicContent {
    width:800px;
    border:0px;
    font-size: 18px;
}

table#menu tr td a {
    padding-right: 5px;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-family: Helvetica,Arial,myfont,sans-serif;
}

a {
    color: #888;
    outline: none;
    font-weight: 400;
    text-decoration: none;
}

a:hover {
    color: #D74E09;
    color:#2a7ae2;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table#menu tr td .activeLink {
    padding-right: 5px;
    color:#888;
    font-family: Helvetica,Arial,myfont,sans-serif;
    font-weight: 350;
}

/*text styles*/
/* Emphasis */
e {
    font-weight: bold;
    font-style: italic;
    line-height: 30px;
}

fs {
    float: right;
}

.points {
    padding-left: 50px;
}

.ship {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

ul {
    list-style-type: square;
}

ul ul {
    list-style-type: disc;
}

.align-right {
    align: right;
    float: right;
}

meditate::before {
    content : "Diogenes meditating... Work in progress";
    font-family: Helvetica,Arial,myfont,sans-serif,"Cedarville Cursive";
    font-size: 20px;
    background: #eee;
    color: #f2a;
    padding-left: 10px;
    border-radius: 3px;
    display: block;
}

draft::before {
    content : "draft version - I am still working on it";
    font-family: Helvetica,Arial,myfont,sans-serif,"Cedarville Cursive";
    font-size: 14px;
    background: #efefef;
    color: #f22;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    display: block;
}

hl {
    color: #33e;
    font-weight: bold;
}

dl {
    margin: 0px;
}

dd {
    font-size: 16px;
}

lv::before { 
    content: "\1F60D  "; 
    content: "\1F3F7  ";
}

h {
  font-weight: 400;
  display: block;
}