/* 
 * Style imitating tufte-latex for use with pandoc generated HTML files
 *
 * Huub de Beer (2013), H.T.de.Beer@gmail.com
 *
 */

body {
  font-family: 'Cambria', 'Georgia', serif;
  font-size: 12pt;
  margin-left: 1ex;
  max-width: 15cm;
  counter-reset: chapter;
  counter-reset: figure;
  counter-reset: table;
  counter-reset: les;
  counter-reset: opdracht;
  margin-left: 1.5cm;
  margin-right: 1cm;
  line-height: 1.25;
}

h1, h2, h3, h4 {
}

a {
    color: navy;
}

/* Title page/part */

header {
  font-family: 'Gill Sans MS', 'Helvetica', sans-serif;
  text-align: left;
  padding-top: 1em;
}

header h1.title {
  font-size: 20pt;
}

header h2.author {
  font-size: 14pt;
}

header h3.date {
  font-size: 13pt;
  text-decoration: normal;
}

/*
#TOC:before {
  content: 'Inhoud';
  font-size: 17pt;
  font-style: italic;
  padding-top: 1ex;
  padding-bottom: 1ex;
}
*/

/* Automatically generated TOC */    

#TOC > ul, #TOC > ol { 
  margin-left: 0;
  padding-left: 0;
  list-style-type: decimal;
}

#TOC li {
  font-size: 13pt;
  font-style: italic;
  font-weight: lighter;
  padding-top: 1ex;
}

#TOC a {
  text-decoration: none;
}

/* Four levels of heading */

body > h1 {
  font-style: italic;
  font-size: 18pt;
  padding-top: 1ex;
  padding-bottom: 0.5ex;
  counter-increment: chapter;
}

body > h1:before {
    content: counter(chapter) ". ";
    margin-left: -1em;
}


body > h2 {
  font-style: italic;
  font-size: 16pt;
  padding-top: 0;
  padding-bottom: 0.25ex;
}

body > h3 {
  font-size: 15pt;
  font-style: italic;
  padding-top: 0.25ex;
  padding-bottom: 0.25ex;
}

body > h4 {
  font-size: 14pt;
  font-style: italic;
}

/* Although it is great that the TOC is connected to the headings and back, I
 * don't want them to look like hyperlinks
 */

h1 a, h2 a, h3 a, h4 a {
  text-decoration: none;
  color: inherit;
}

/* Margin notes */

aside {
  float: right;
  clear: both;
  max-width: 5cm;
  margin-right: -6cm;
  margin-left: 0.9cm;
  padding-top: 1ex;
  margin-top: 1ex;
  font-size: 10pt;
  text-align: left;
  word-wrap: break-word;
  line-height: 1.2;
}

sup {
  font-size: 9pt;
  font-weight: 500;
}

aside sup {
    font-size: 6pt;
    padding-right: 0;
    margin-right: 0;
}

/* Normal bpody text */

p, li {
  text-align: justify;
  margin-bottom: 0;
  padding-bottom: 0;
  word-wrap: break-word;
}

p + p {
  text-indent: 1em;
  margin-top: 0;
  padding-top: 1.25;
}

/* Signifying the start of the text of a new section */

span.newthought {
    text-decoration: small-caps;
}

/* Bibluigraphy */

#references ~ p, #literatuur ~ p {
  margin-left: 1.5em;
  text-indent: -1.5em;
  font-size: 12pt;
}

/* Figures */

figure {
  counter-increment: figure;
}

figure img {
  max-width: 30em;
}

figcaption:before {
  font-style: italic;
  content: "Figuur " counter(figure) ": ";
}

figcaption {
  text-align: center;
}

aside img {
    max-width: 4.8cm;
}

/* Tables */

table {
  counter-increment: table;
  max-width: 35em;
}


caption:before {
  font-style: italic;
  content: "Tabel " counter(table) ": ";
}

caption {
  text-align: center;
}

/* Preferrably use margin notes, but footnotes are generated automatically */

section.footnotes hr {
  margin-top: 1em;
  margin-left: 0;
  border: 1px solid black;
  max-width: 15em;
}

section.footnotes {
  font-size: 11pt;
}

.footnoteRef {
  text-decoration: none;
  font-size: smaller;
}

/* Quaotations */

blockquote {
  text-align: justify;
  word-wrap: break-word;
}

blockquote p {
    font-style: italic;
}

blockquote p span.quotation_from {
    font-style: normal;
}


/* transcript stuff */

div.klassikaal {
    margin-top: 1em;
    clear: both;
}

div.tweetallen {
    margin-top: 1em;
    clear: both;
    padding-top: 1ex;
}

div.tweetallen > div {
    font-size: smaller;
}


div.tweetallen div.muur {
    float: left;
    width: 7cm;
    margin-right: 0;
    padding-right: 0;
}

div.muur:before {
    content: 'Muur';
    font-size: 15pt;
    font-style: italic;
}

div.tweetallen div.raam {
    border-left: 1px solid gray;
    margin-left: 0;
    padding-left: 2.5ex;
    float: right;
    width: 7cm;
}

div.raam:before {
    content: 'Raam';
    font-size: 15pt;
    font-style: italic;
}

div.turn {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1ex;
    margin-top: 0;
    margin-bottom: 0;
}

div.turn p {
    text-align: justify;
}

div.Huub {
    background-color: white;
}

div.Sem {
    background-color: oldlace;
}

div.Michiel {
    background-color: pink;
}

div.Patricia {
    background-color: honeydew;
}

div.Roel {
    background-color: lavenderblush;
}

div.Maria {
    background-color: lavender;
}

span.participant {
    font-weight: bolder;
    padding-right: 1em;
}

span.participant:after {
    content: ': ';
    font-weight: lighter;
}

span.non-verbal {
  font-size: 85%;
  color: gray;
}

section.les {
    counter-increment: les;
    counter-reset: opdracht;
    counter-reset: klassikaal;
}

section.les h2 {
  font-style: italic;
  font-size: 16pt;
  padding-top: 1ex;
  padding-bottom: 1ex;
}

section.les h2:before {
    content: "Les " counter(les) ": ";
}

div.opdracht {
    margin-left: 1em;
    margin-top: 1ex;
    margin-bottom: 1ex;
    padding: 1ex;
    padding-right: 2ex;
    border: 1px GainsBorow solid;
    background-color: GhostWhite;
    border-radius: 5px;
    box-shadow: 5px 5px 5px DimGray;
}

div.klassikaal {
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 2ex;
    margin-bottom: 2ex;
    padding: 1ex;
    border: 1px Linnen solid;
    background-color: OldLace;
    border-radius: 5px;
    box-shadow: 5px 5px 5px DimGray;
}

.pagebreak {
    page-break-after: always;
}