/* ikiwiki local style sheet */

/* Add local styling here, instead of modifying style.css. */
/* LEG20090422 */
/* leg20150814: inserted "old" WIS/MagmaSoft stylesheet.
 *   remixed with new lava/magma colors.
 * leg20160617: responsiveness with logical breakpoints.
 */


BODY { 
  margin-top: 0;
  margin-bottom: 0.8em;
  font-family: serif;
  font-size: 12pt;
  line-height: 1.2;
  background: #cac6c6;
  color: #241e19;
}

@media (max-width: 44em) {
   body {
      font-size: .9em;
      padding: 0 1.5em;
      margin: 0;
    }
}

@media (min-width: 44em) {
   body {
      max-width: 47em;
   }

   article {
      width: 94%;
      margin-left: 6%;
   }

   h1, h1 + p {
      margin: 1em 0 1em -6%;
   }

}

input#searchbox {
    width: 7em;
}

.sidebar {
    width: 25%;
    margin-left: 0;
    padding: 1ex;
    padding-right: 0.7em;
    background: #cac6c6;
    font-size: 10pt;
}
.sidebar>ul {
    padding-left: 1em;
}


/* make a compact (small width) table of contents */
div.toc ol {
    margin: 0.5em;
    padding: 0;
}
div.toc li {
    margin-right: 0;
}
div.toc li>ol {
    margin: 0;
}

div.trails {
    font-size: 10pt;
}

/* H1 is only used for the page title, start at the most-left and
 * without top space to save space */
H1  {
    margin-top: 0em; margin-bottom: 0em;
    margin-left: -1.1cm;
    font-family: sans-serif;
    font-size: x-large;
}

/* default display styles */
H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV,
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL
{ display: block }
B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, 
SPAN { display: inline }

LI { display: list-item }


/* Header styles: even are sans and bold, odd italic */
H2, H4 {
    margin-top: 0.2em; margin-bottom: 0.1em;
    font-family: sans-serif;
}
H5, H6 { margin-top: 1em }
H1, H2, H4, H6 { font-weight: bold }
H3, H5 { font-style: italic }

/* Header font sizes */
H1 { font-size: xx-large; }
H2 { font-size: x-large; }
H3 { font-size: large; }
H4, H5 { font-size: medium; }
H6 { font-variant: small-caps; }

B, STRONG { font-weight: bolder }  /* relative to the parent */
I, CITE, EM, VAR { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

P>CODE, PRE>CODE, LI>CODE, pre.hl {
    background: #cac6c6;
}

PRE {
    white-space: pre;
    margin-left: 1em;
    margin-right: 1em;
}

ADDRESS { margin-left: 3em }

BLOCKQUOTE {
    padding-left: 1ex;
    margin-top: 0.3ex;
    margin-bottom: 0.7em;
    background: #afa195;
    border: thin dashed;
}

P { margin-top: 0.3ex; margin-bottom: 0.7em;}

UL, DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 0 }              /* tight formatting */
LI { margin-left: 1em; margin-right: 1em; }

DT {
    margin-bottom: 0 ;
    font-weight: bolder;
    float: left;
    clear: left;
    width: 8em;
    text-align: left;
    font-weight: bold;
}
DD {
    #margin-top: 0;
    #margin-left: 3em;
    #margin-bottom: 1ex;
    margin: 0 0 0 9em;
    padding: 0 0 0.5em 0;
}

HR { border-top: solid }        /* 'border-bottom' could also have been used */

A { text-decoration: none; }

A:link { color: #cf1020 }          /* unvisited link */
A:visited { color: #a90d1a }        /* visited links */
A:active { color: #ff1427 }        /* active links */

A.external {
   background: url(external.gif) center right no-repeat;
   padding-right: 10px;
   color: #cf1020;
}


IMG { vertical-align: middle; padding: 0px; margin: 0px; }
A:link IMG { border: 0px  #cf1020}
A:visited IMG { border: 0px #a90d1a }
A:active IMG { border: 0px #ff1427 }

/* pageheader */
.pageheader {
    background: #999999;
    color: #f6f3e8;
    padding-top: 0.5ex;
    padding-left: 2px;
    padding-right: 2px;
}
/* title in pageheader */
span.title { color: #3b7a57; }


.header.header {
    font-family: sans-serif;
}

nav.actions {
    text-align: right;
}
nav.actions li {
    padding: 0px;
    margin: 0px;
}

#pagebody {
    background: #dad6d6;
    padding: 0.5cm;

}

/* footer */

.pagefooter {
    /* lava */
    background: #999999;
    color: #f6f3e8;
    font-size: 10pt;
    padding-left: 2px;
    padding-right: 2px;
}

.pagefooter A:link { color: #2b4830; }
.pagefooter A:visited { color: #3b7a57; }
.pagefooter A:active { color: #cae682; }

.tags {
    display: inline;
}

.pagedate {
    text-align: right;
    font-size: 8pt;
}

/* obsolete  */

.footer {
    border-top: thin solid black;
    text-align: right;
    font-size: 8pt;
}
.footer IMG {
    vertical-align: middle;
    margin-top: 0px;
}

UL.pricetable LI {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 0.3em;
    margin-bottom: 1.4em;
   }

UL.pricetable TABLE { font-size: smaller; }

table {
    padding-left: 1ex;
    padding-right: 1ex;
    margin-top: 0.3em;
    margin-bottom: 1.4em;
    margin-left: 40px;
    margin-right: 40px;
    background: #afa195;
    border: thin dashed;
    font-size: smaller;
}

thead {
    font-family: sans-serif;
    font-style: italic;
    font-size: normal;
    font-weight: standard;
}

th {
    border-bottom: thin solid;
}
tr:hover {background-color: #cfc1b5}