/*=================================================*/
/* Custom CSS for materials in the Finnish archive */
/* Joonas Laine 2018                               */
/*=================================================*/

/*
 * 1. Table styles
 * 2. Headline styles
 * 3. Div styles
 * 4. List styles
 * 5. P styles
 * 6. Image styles
 * 7. Span styles
 * 8. Miscellaneous styles

/* ==================== */
/* 1. Table styles      */
/* ==================== */

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

/* Make text in tables the same as in normal text           */
/* See e.g. the table in ../marx-engels/1837/kirje-isalle.htm  */

table { text-align: center }

table.TNRtable {
    font-family: "Times New Roman", serif;
    font-size: 12pt;
    border-collapse: collapse;
}

/* table with cell borders */
table.tborder {
    font-family: "Times New Roman", serif;
    font-size: 12pt;
    border-collapse: collapse;
    border: 1px solid black;
    margin-left:10%;
    margin-right:10%;
}

table.tborder td, table.tborder th {
    border: 1px solid black;
}

table.tborder_pieni {
    font-family: "Times New Roman", serif;
    font-size: 10pt;
    border-collapse: collapse;
    border: 1px solid black;
    margin-left:10%;
    margin-right:10%;
}

table.tborder_pieni td, table.tborder th {
    border: 1px solid black;
}

/* style for three star break within text */
table.tahti3 {
    width:150px;
}

/* Enable small text in tables                                                                     */
/* See e.g. the table in /marx-engels/1859/poliittisen-taloustieteen-arvostelua/ch02.htm#alaviite116  */

table.TNRtable_pieni {
    font-family: "Times New Roman", serif;
    font-size:10pt;
    border-collapse: collapse;
}
/* tables with smaller text size in quoted text */
table.TNRtable_quoted {
    font-family: "Times New Roman", serif;
    font-size:11pt;
    border-collapse: collapse;
}
/* if you need to use a table for a table of contents,  */
/* this changes the normal table line height to 150%    */

table.indextable-center {
    font-family: "Times New Roman", serif;
    margin-left: 6%;
    margin-right: 6%;
    font-size: 12pt;
    line-height: 150%;
    border-collapse: collapse;
}

table.indextable-left {
    font-family: "Times New Roman", serif;
    font-size: 12pt;
    margin-left: 6%;
    margin-right: 6%;
    line-height: 150%;
    border-collapse: collapse;
    text-align: left;
}

/* General styles for rows and cells */

tr.highlight2 { background-color: #ffcc33; font-weight: bold; } /* Yellow background for long table headlines */

/* make rows and cells inherit the alignment and line height from the table tag */
tr, td { text-align: inherit; line-height: inherit; }

/* table cell padding and automatic hyphenation within cells */
td, th { padding: 3px; hyphens: auto; vertical-align: middle; }

/* Short line. Used between chunks of text instead of the more powerful "<hr />"    */
/* See e.g. before the last paragraph in ../marx-engels/1878/anti-duhring/ch02.htm  */
td.border-bottom { border-bottom: solid 2px black; }
td.border-top { border-top: solid 2px black; }

/* Line for tables to divide the bottom line from the rest of the table */
tr.border-bottom { border-bottom: solid 2px black; }
tr.border-top { border-top: solid 2px black; }

/* table header and footer styles */

th { font-weight:bold; }
thead { font-weight:bold; }
tfoot { font-weight:bold; }

/* Työmies newspaper headline list cell styles */

td.tm-indent { width:7%; }
td.tm-date { width:4%; }
td.tm-headline { width:63%; }
td.tm-page { width:9%; }
td.tm-author { width:17%; }

/* ======================= */
/* 2. Headline styles */
/* ======================= */

/* Override works.css headline margins so as to make really long headlines look better. */
/* Works.css headlines have 36px margins, while normal paragraphs have 6% margins. */
/* These settings limit headline width to that of the main text. */

/*
h1 {margin-left: 6%; margin-right: 6%;}
h2 {margin-left: 6%; margin-right: 6%;}
h3 {margin-left: 6%; margin-right: 6%;}
h4 {margin-left: 6%; margin-right: 6%;}
h5 {margin-left: 6%; margin-right: 6%;}
*/

/* One extra level of headlines below h2                  */
/* See e.g. in ../marx-engels/1845/pyha-perhe/ch06.htm#a1 */
h2.non-bold {
    background: transparent;
    color: #000033;
    font-weight: normal;
    font-size: large;
    line-height: 150%;
    font-family: "Helvetica", "Arial", sans-serif;
    text-align: center;
}

/* ================== */
/* 3. Div styles */
/* ================== */

/* Div style for table of contents */
div.toc {
    margin-left: 9%;
    margin-right: 9%; }

/* Properties for a text box alongside the main text */
div.tb {
    border: 1px solid black;
}

/* div style for author's index page */
div.authindex {
    margin: auto;
    width: 100%; }

/* When you need to center a div, put div.inner inside div.outer */
div.outer { text-align: center; }
div.inner-cent { display: inline-block; }
div.inner-left { display: inline-block; text-align:left; }

/* =================== */
/* 4. List styles */
/* =================== */

/* styles for listing works on author index pages */
/* list style for table of contents for works */

ul { hyphens: auto; }

ul, ol {
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: normal;
	line-height: 150%;
	font-size: 12pt;
	text-align: justify;
	list-style-type: none;
	margin-left: 1%;
	margin-right: 0%;
}

ol { list-style-position: outside; }

ul.year {
    margin-left:4%;
    color: #330000;
    font-weight: bold; }

ul.works {
    color: #000000; }
@media (max-width: 480px) {
ul.works {
    list-style-type: disc;
    color: #000000; } }

/* for marx & engels works list */
ul.meworks { color: #000000; }

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

ul.discb { list-style-type: disc; font-weight:bold; }
ul.squareb { list-style-type: square; }
ul.index { font-weight:bold; }
@media (max-width: 480px) { ul.index { list-style-type: disc; } }

/* Ordered list, bold variant */
ol.index { list-style-type: decimal; font-weight:bold; }
ol.index-lr { list-style-type: lower-roman; font-weight:bold; }
ol.index-ur { list-style-type: upper-roman; font-weight:bold; }
ol.index-lg { list-style-type: lower-greek; font-weight:bold; }
ol.index-ug { list-style-type: upper-greek; font-weight:bold; }
ol.index-la { list-style-type: lower-alpha; font-weight:bold; }
ol.index-ua { list-style-type: upper-alpha; font-weight:bold; }

/* Ordered list, non-bold variant */
ol.index-nb { list-style-type: decimal; font-weight:normal; }
ol.index-lr-nb { list-style-type: lower-roman; font-weight:normal; }
ol.index-ur-nb { list-style-type: upper-roman; font-weight:normal; }
ol.index-lg-nb { list-style-type: lower-greek; font-weight:normal; }
ol.index-ug-nb { list-style-type: upper-greek; font-weight:normal; }
ol.index-la-nb { list-style-type: lower-alpha; font-weight:normal; }
ol.index-ua-nb { list-style-type: upper-alpha; font-weight:normal; }

/* list style for magazine index pages */
ul.lehtilista {
    list-style-type: disc;
    line-height: 130%; }

/* list styles for subject category pages */
    /* first level */
ul.aiheet {
    list-style-type: disc;
    margin-left:6%;
    margin-right:6%; }

/* second level */
ul.aiheet2 {
    margin-left:0%;
    list-style-type: disc;
    margin-right:6%; }

/* This is for a list in normal text in the same font etc. as p.fst */
ul.leipateksti, ol.leipateksti, ol.leipateksti-la, ul.leipateksti-disc {
     font-family: "Times New Roman", serif;
     text-align: justify;
     margin-left: 10%;
     margin-right: 12%; }

ul.leipateksti2, ol.leipateksti2 {
     font-family: "Times New Roman", serif;
     text-align: justify;
     margin-left: 2%;
     margin-right: 12%; }

ol.leipateksti { list-style-type:decimal; }
ol.leipateksti2 { list-style-type:decimal; }
ol.leipateksti-la { list-style-type:lower-alpha; }
ul.leipateksti-disc { list-style-type:disc; }

/* list style for lists in footnotes */
ul.leipateksti_footnote, ol.leipateksti_footnote {
     font-family: "Times New Roman", serif;
     font-size: 11pt;
     text-align: justify;
     margin-left: 9%;
     margin-right: 6%; }

ul.index-non-bold {
     list-style-type: none;
     font-family: "Helvetica", sans-serif;
     font-size: 12pt;
     font-weight: normal; }

ul.index2 {
     list-style-type: none;
     font-family: "Helvetica", sans-serif;
     font-size: 12pt;
     margin-left: 6%;
     line-height: 170%;
     font-weight: bold; }

li.none { list-style-type: none; }

/* ================ */
/* 5. P styles */
/* ================ */

/* Enable automatic hyphenation in all p styles */
/* also td has "hyphens: auto" (elsewhere in this file) to enable hyphenation in tables */

    @media screen and (min-width: 600px)  {
        .mobile-break { display: none; }
    }

p { hyphens: auto; }

/* Sub Quote D (increased margin) */
p.quoted {
    text-indent: 0em;
    font-family: "Times New Roman", serif;
    font-size: 11pt;
    line-height: 130%;
    text-align: justify;
    margin-left: 20%;
    margin-right: 16%;
}

/* This is the same entry as in works.css, and should remain so. */
/* It's here because border-red.css doesn't have style for endnote. */
 p.endnote { color: black;
 font-size: 11pt;
 text-indent: 0em;
 text-align: justify;
 font-family: "georgia", serif;
 line-height: 130%;
 text-indent: 0em;
 margin-right: 8%;
 margin-left: 8%;
}

/* Style for intro text or quote from works on the author index page */
p.auth-intro {
    text-indent: 0em;
    font-family : "Times New Roman", serif;
    font-size: 12pt;
    text-align: justify;
    line-height: 150%;
    margin-left: 6%;
    margin-right: 6%;
}

/* Complementing works.css paragraph sig style */
p.sig { font-weight: bold; }

/* link after each chapter back to index */
p.takaisin {
     text-indent: 0em;
     font-family : "Helvetica", sans-serif;
     font-size: 8pt;
     text-align: left;
     line-height: 150%;
     margin-left: 6%;
     margin-right: 6%;
 }

/* Center-aligned p without first line indent */
p.center {
     text-indent: 0em;
     font-family : "Times New Roman", serif;
     font-size: 12pt;
     text-align: center;
     line-height: 150%;
     margin-left: 6%;
     margin-right: 6%;
 }

/* Text for writer main page works index */
p.index-non-bold
{
     text-indent: 0em;
     font-family : "Times New Roman", serif;
     font-size: 12pt;
     text-align: justify;
     line-height: 150%;
     margin-left: 9%;
     margin-right: 9%;
}

@media (max-width: 480px) {
  p.information { text-align: justify; }
}

/* =============== */
/* 6. Image styles */
/* =============== */

/* img style, floated right or left. Author page has max-width setting */
img.img-right, img.img-right-auth {
    float: right;
    width: 30%;
    min-width: 150px; /* same width as with mobiles */
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    }

img.img-right-auth { max-width:250px; }

img.img-left, img.img-left-auth {
    float: left;
    width: 30%;
    min-width: 150px; /* same width as with mobiles */
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    }

img.img-left-auth { max-width:250px; }

/* same as above, but image takes up 50% of width. This is for images that /*
/* are wider than they are high */

img.img-right2, img.img-right2-auth {
    float: right;
    width: 50%;
    min-width: 150px; /* same width as with mobiles */
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    }

img.img-right2-auth { max-width:250px; }

img.img-left2, img.img-left2-auth {
    float: left;
    width: 50%;
    min-width: 150px; /* same width as with mobiles */
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    }

img.img-left2-auth { max-width:250px; }

/* class for for img/book.png for author index listings */
img.kirja { height: 1em; }

img.banner {
    width:90%;
    min-width: 150px; /* same width as with mobiles */
    }

/* =================== */
/* 7. Span styles */
/* =================== */

/* various span styles for text color and emphasis */
span.red-bold { color:#660000; font-weight:bold}

/* special font size for Sosialistinen aikakauslehti */
span.sa-pieni { font-size:10pt; }

/* Sparse text                                             */
/* See e.g. in ../marx-engels/1845/pyha-perhe/ch05.htm#a2 */
.harv { letter-spacing: 3px; }

/* Signature */
span.sig {
     text-indent: 0em;
     font-family : "Vivaldi", script, serif;
/*     font-size: 12pt; */
     font-weight: bold;
     font-style: italic;
     line-height: 125%;
     text-align: left;
}

span.red { color:#990000 }
span.orange { color:#FF3300 }
span.green { color:#008000 }
span.alleviiv { border-bottom: 3px solid black }
span.small { font-size:75% }
span.rivinalku { font-family: sans-serif; font-weight: bold; text-transform: uppercase; }
span.pdf { font-family: sans-serif; color:#008000; font-weight:bold; }
/* special style for lenin and stalin 'works' index */
span.works-index {
    font-family: "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    line-height: 150%;
    font-size: 12pt;
    list-style-type: none;
    margin-left:1% ;
    margin-right:0%;
}

/* ======================= */
/* 8. Miscellaneous styles */
/* ======================= */

/* footnote links in text and end of text */
a.vt {
    text-decoration: none;
    font-weight: bold;
    color: #990000;
}

/* style for word entries in dictionary style texts */
.hakusana {
        font-family: sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }

/* limit body width */
body { margin:auto;
       max-width:1200px;
   }
a:hover      { color: #000080 }
a:active     { color: #ff0000 }
a:link.extern    { color: #000080; background: transparent }
a:visited.extern { color: #000080; background: transparent }

hr.valiviiva { width:150px; }

/* if you need to align an element left, right or center */
.left { text-align:left; }
.right{ text-align:right; }
.center { text-align:center; }