/*
        only china still uses ie6 according to http://www.ie6countdown.com/
            the rest of the world is way below 1%
            google and fb drpped support for it in 2010
        ie7 is even less used. From ie8 on, table/inline-block work, so there it is a free ride

        doesn't work:
        margin-top: 20; 

        margin-left: auto; margin-right: auto;

        when both inner divs are floated, the background of mom disappears
*/


/* 2021-08 -- add basic non-dark styles, adapting to all stroke/fill now requiring a css property from v8 */
svg line {stroke: black; stroke-width: 2}
svg text {fill: black;}





body.dark {
        background-color: #252526;
        color: rgb(212, 212, 212);}

body.dark table {color: rgb(212, 212, 212);}

body.dark h1             {color: orange}
body.dark .title-area    {color: brown}
body.dark a              {color: rgb(55, 148, 255);}

body.dark table svg line {stroke: darkolivegreen;}
body.dark table svg text {fill: darkolivegreen;}

body.dark .bg {background-color: brown;}
body.dark .fg {background-color: darkgoldenrod;}      /* sienna */

body.dark {
	--syntaxderivbranch: darkolivegreen;
	--syntaxderivtextcolor: darkolivegreen;
}
body.dark derivation-lexicon {
        --syntaxderiv:  transparent;
        --dslexicon: rgba(76, 175, 80, 0.1);
      }
      

.title-area {
	margin: 60px 0}

.article {width: 80%; 
        margin: auto;}

#title {
        /* display wraps width around text, margin centers it */
        /* might require ie8+ http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div-horizontally */
        /* also try display:inline http://quirksmode.org/css/css2/display.html */
        display: table; 
        margin: auto;}

.title-area h1, .author, .art_date {text-align: center}
        

p       {line-height:1.5;}

.author { 
        font-weight: bolder;
        font-size: 140% ;
        text-align: center; }

.art_date { 
        font-weight: bolder;
        font-size: 110% ;
        text-align: center; 
        margin-top: 10;
        margin-bottom: 50;}
        
.abstract {
        margin: 0 12% 50px 12%; 
	text-align: justify;
}

.section h1 {
	font-size: 1.5rem;
	margin-top: 50px;}

p.rubric {font-weight: bolder;} /* footnotes */

.numbered-bloc-table {
	margin-bottom: 6px;}

.bloc-numbering {
        padding-right: 15px;
        float: left;}

.example-list-table {
        /* also try display:inline-block http://quirksmode.org/css/css2/display.html */
        /* background: #fa0;    */
        background: #ddd;
        float: left;}

.subnumbering, .exjudgement { /* we only need it for the a/b/c numbering of the example, this applies is (vacuously) to examples and glosses too */
        vertical-align:top;}

.post-ex {
        clear: both;}

.ling-table {
    border-spacing: 15px 0;
}
.noGap {border-collapse: collapse;}


/* title/header columns in tables */
th {
    font-weight: normal;
    font-style: italic;
}

/* vertical title/header columns in tables */
th.col {
    padding-right: 20px;
    text-align: left;
}

.s {    font-weight: bolder;    /* sections */
        padding-top: 200;}
.r {    color:orange; }
.u {    text-decoration: underline; }

.references {
        margin-top: 60;}
.referencesTitle {
        font-weight: bolder;
        margin-bottom: 20;}
#references p {
	line-height: 1.2;
	margin-block-start: 12px;
	margin-block-end: 12px;}
.bib {
        margin-bottom: 10;}

.footnotes {
        margin-top: 60;}
.footnotesTitle {
        font-weight: bolder;
        margin-bottom: 20;}
.fn {margin-top: 16px}
.fnnum {
        font-weight: bolder;}



#box1 { background: #0c0;
        margin: 5}

#box2 { background: #aaa;
        float: left;
        margin: 5}

#box3 { background: #cee;
        float: left;
        margin: 5}