/*
Alun perin Jukka Korpelan tyyli basic.css, jota muuttelen vähitellen itselleni sopivaksi. Matti Sunell 2006
*/
body {
    background : #ebe7da;
    color : #000003;
    margin: 0 0 0 19px;
    padding: 0.4em 0.4em 0.4em 0.6em;
    line-height : 1.1; }

@media screen {
body { max-width : 40em; }
}

.summary {  font-size : 105%;
            /*margin-left : 1em;*/
            border : solid #823716 1px;
            padding : 0.2em 0.2em 0.2em 0.4em;}

.important { font-size:104%;
            border : solid #960 2px; padding : 0.4ex;
            margin-left : 1em; }

div.warning, P.warning { font-size : 105%; 
            background: white;
            color: #600;
            margin-left : 2em; 
            margin-right: 2em;
            border : solid red 0.04em; padding : 0.4ex}

strong.warning, em.warning { color : #900; background : #fff ; }

.editorial { font-size : 90%; 
            margin-left : 20%;
            border : inset #f3c 1px; padding : 3px}

.note { margin-left: 1em;
        font-style: oblique;
        color: #030;
        background: white; }

.example { font-size:99%; margin-left:1%; padding-left:0.7ex;
           border-left : solid #0c0 2px;}

HR { color : #e6efe5; background-color : #fef8d1; height : 4px; }

FORM { border : solid gray 2px; padding : 3px; }

form, input.radio { background : #efe url(bg.gif);   color : #000; }
/* bg was #cc9 none */

input:focus, textarea:focus, select:focus, input:hover
  { background : #ffd;
    color : black; }
input[type="submit"]:hover { border-color: #900; 
                             background: #ffd;
                             color: #600; }
input[type="submit"]:active { border-color: red;
                              color: red;
                              background: #ffc; }
input, textarea, option, button { font-size: 100%; } 

@media print {
  input, textarea {overflow:visible;}}

H1 { text-align : center }
H2 { margin-left : 1em }

h1, h2, h3, h4, h5, h6 {
    font-weight : 500;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #000003;
    background : #fef8d1; }

p { margin: 0.3em 0 0.9em 0; }
.new { margin-top: 0.9em; }

h1 { font-size: 175%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 110%; }
h5 { font-size: 105%; }
h6 { font-size: 100%; }

/*
.footer, blockquote div, .parlike, div.warning,
p, li, dt, dd, h6 { max-width: 40em; }
h1 { max-width: 24em; }
h2 { max-width: 28em; }
h3 { max-width: 32em; }
h4 { max-width: 33em; }
h5 { max-width: 36em; }
*/

.nav, sub, sup {  
  font-size : 70%;
  font-family : Verdana, Arial, Helvetica, sans-serif; }

.nav { color:#000; background: #f0f0ff none; margin-top:1.0em; }

caption, .subcaption  { color : #000; background : #ffc none; }

TABLE.menu { border : solid blue 2px; padding : 3px;
  text-align : center }

table.normal  { 
  border: solid #121 1px;
  border-collapse: collapse; }
table.normal th, table.normal td {
  border: solid #121 1px;
  padding : 0 0.3em 0 0.3em; }

table.texttable  { border : solid #222 0.1em; padding : 2em; }
.codetable TR TD A {text-decoration:none; font-size:large}

blockquote { border : solid #2d1911 1px;
   padding : 0.06em 0 0.06em 0.4em; 
   margin-left: 3em; margin-bottom:0.2em;
   background: #fef8d1 none; color: #000003; }
.credit { text-align : right; 
   font-family : Verdana, Helvetica, Arial, sans-serif; }
.credit { font-size: 80%; } 
.credit small { font-size: 100%; } 
blockquote p { margin: 0; text-indent:1.5em; }
blockquote pre { margin: 0; }

.sk p { text-indent: -0.7em;
        padding-left: 0.7em; }
.sk dfn { color: black; background: white;
          font-style: normal; }
.sk, .sk p { margin: 0; }

.wide { margin : 0 0 0 0;
font-size : smaller }

.charname { font-variant: small-caps }

CAPTION { font-weight: bold}


a:link, a:link *
 { color : #0a0270; background : transparent ;
   text-decoration: underline}
a:visited, a:visited *
 { color : #5e217e; background : transparent ;
   text-decoration: underline}
a:link:hover, a:link:hover *,
a:visited:hover, a:link:hover *
 { color : #b51c00; background : transparent ;
   text-decoration: none; }
a:link:active, a:link:active *
 { background: #f4b530;
   color: #780600;
   text-decoration: none; }
a:visited:active, a:visited:active *
 { background: #f4b530;
   color: #780600;
   text-decoration: none; }

.nounderline { text-decoration: none; }

strong,
EM {      color : #780600;
          background:transparent ;}
em.u { font-style: normal;
       text-decoration: underline; }
cite{      font-weight:500;
          color : #502619;
          background:transparent ;}

DFN, DT { font-weight: bold;
          color : #043;
          background:#f6fff6 none;}

var { background:transparent ; color:#060;}

ul { margin-top: 0.4em; padding-top: 0; }

ul.menu { margin: 0; list-style-type: none; }
ul.menu li { display: block; float: left; margin: 0;
 width: 8em; }
.fresh { clear: both; }

@media screen { .minitoc {
  width: 12em;
  float: right;
  margin-left: 1em;
  background: #efe;
  color: black;
  border: solid #090 thin;
  padding: 0.2em 0.2em 0.2em 0.4em; }
ul.minitoc, .minitoc ul {
  margin-top: 0;
  margin-bottom: 0.15em; 
  padding-left: 0;
  margin-left: 1.3em; }
ul.minitoc li, .minitoc ul li {
  margin-top: 0;
  margin-bottom: 0; } }

KBD { font-weight: bold}

/*PRE { background: #e0ffe0; color:black;}*/
PRE { background: #f0fff0; color:black;}

PRE.cmd { background: #fcf; color:black;}

PRE.samp { background: #fff0f0; color:black;}

.screen {background : #fff; color:#600; font-size:smaller;
border : solid #333 1px;
 padding : 3px;
font-family : "Lucida Console", Courier, monospace }

address { font-style: normal; margin-left:0; margin-top:0; } 
address { text-align:left;}
.signed { font-family : "Lucida Handwriting",  Western, cursive; }

.langcode  { background: #fff none; color: #030; border: solid 1px #033;
  padding-left:0.1em;  padding-right:0.1em;
  font-family: "Courier New", "Lucida Console", Courier, monospace;}

pre, code, samp, kbd, tt
  { font-family : Courier, "Courier New", monospace; 
  font-style : normal; }

code, samp, kbd, tt {
  font-size: 100%; }

h1 code, h2 code, h3 code, h4 code
  { font-weight: bold; }

.numeric, .num
  { font-family : "Courier New", monospace;
    text-align : right; }

pre { white-space : pre; }

small, .small, .deem, .footer { font-size : 85%; }

/*small code, .small code, .deem code { font-size : 95%; }*/
 
p.literary, .literary p { text-indent : 1em;
    margin-bottom : 0;
    margin-top : 0; }

p.first { text-indent : 0 !important; }

p.start { text-indent : 0;
    margin-bottom : 0.5ex; }

p.start:first-letter { font-size : 200%; font-weight : bold;
   color : #060; background : #fff ; }
 
table.ex tr.sample td { font-weight : bold; color : black; 
  background : white none; text-align : center; }

.line { line-height: 1.3em; }

.formula { padding-left: 2em; line-height: 1.8em; }

iframe { border-bottom: solid black 1px; }

ul.compact li.sect { margin-top:1em !important;}

li.sect:first-letter {font-weight:bold;}

.url { font-size:75%; display:none; speak:none; }
.printonly { display: none; speak: none; }

.slide { border: solid 0.05em #060; padding-left: 0.5em}

table.compact td, table.compact th
 { padding-left: 0.2em; padding-right:0.2em; }

.thleft th { text-align: left; } 

.univ { background: rgb(134,194,171) none; color: #000; }

.annlist p { margin-left: 2em; margin-top:0.2em; margin-bottom: 0.2em; }
.annlist h2 { font-size: 100%; margin-left: 0; margin-bottom:0.2em;
 margin-top:0.4em; background: transparent;}

.ellip { letter-spacing:-0.15em; }

.number,
.date,
.nobr { white-space: nowrap; }

.tight,
.number { word-spacing: -0.1em; }

.sc,
.ipa
{ font-family: "Arial Unicode MS", "Doulos SIL", "Lucida Sans Unicode"; 
  }

img.assoc { float: right; }
.imgbox { float: left; margin: 0 1em 0.3em 0; }

.em em { font-style: normal; }
.em em em { font-style: italic; }
.em    { font-size: 108%; margin-left:0.8em; }

ins { text-decoration: none; border-bottom: #900 dashed 0.15ex; }

abbr    { border-color: #00f; }
acronym { border-color: #222; }
abbr.redund, acronym.redund { border: none; }

html[lang] ul.dash-inside li { list-style-type: none; }
ul.dash-inside li:before { content: "\2014 ";
                           padding-right: 0.2em; }
html[lang] ul.dash-outside li { list-style-type: none;
                                margin-left: 1.4em;
                                text-indent: -1.4em; }
ul li.dash-outside:before { content: "\2014 ";
                            display: block;
                            float: left;
                            width: 1.4em; }

p { widows: 3;
    orphans: 3; }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }

@media print {
  body { margin: 0; }
  body { background: #fff none; color: #000; }
  a:link, a:visited,
  a { text-decoration: none; color: #000; background: #fff none; }
  .noprint { display: none; }
  .printonly { display: inline; }
  .credit { page-break-before: avoid; }
  abbr, acronym { border: none; }
  .url { display: inline; padding-right:0.8em; }
	}

.intro {width: 21em;
        float: right;
        margin: 0 0 1em 0.8em;
        }

.me { word-spacing: -0.18em; }

.caption       { font: caption; }
.small-caption { font: small-caption; }
.icon          { font: icon; }
span.menu      { font: menu; }
.message-box   { font: message-box; }
.status-bar    { font: status-bar; }
span.menu      { color: MenuText;
                 background: Menu; }

.clue { border-bottom: dashed thin #ccf; }

.short-links a { white-space: nowrap; }

.thin { width: 0.2em; }

p.tapahtuma { font-size : 125%;
    font-family : Helvetica, Verdana, Arial, sans-serif;
    color : #2d1911;
    background : #f9d896;
    margin-left : 1em;
    border : solid #2d1911 2px;
    padding : 0.2em 0.2em 0.2em 0.4em;}

ul.toc {
    font-size : 125%;
    font-family : Verdana, Helvetica, Arial, sans-serif;
    color : #000003;
    background : #fef8d1;
    list-style-type : none;
    margin-left : 1em;
    padding : 0.5em;
    line-height : 1.25;
    border : none;
    width : auto;
}