/* tyylit.css */

body         { background-color: #ffffff; 
               background-repeat: repeat; 
               background-attachment: scroll; 
               color: #000000; 
               margin-left: 1em; 
               font-family: Arial, Verdana; 
               font-size: 1em }

.summary   { font-size : 105%; 
             text-indent : 1em;
	         margin-top: 0.5em; 
	         margin-bottom: 0.5em;
             margin-left : 10%; margin-right : 10%; }


.kelluva_left  {
		        float: left;
		        margin-left: 0.2em;
		        margin-bottom: 2em;
		        margin-top: 0.3em;
		        padding: 0.1em;
		       }

.kelluva_right { display: inline;
		        float: right;
		        margin-left: 0.2em;
		        margin-bottom: 0.1em;
		        padding: 0.3em;
		       }


.kehys       { display: block;
		       margin-left: 0.2em;
		       padding: 0.3em;
		       clear: right;
		     }


.keskitetty { font-size:95%;
              padding-top: 0.2em;
              padding-right: 0em;
              padding-bottom: 0.5em;
              padding-left: 0em; 
              text-align: center }
              

.keskitetty_2  { text-align : center;
               }


.important   { border:2px solid #FF0000; text-indent : 1em;
	           margin-top: 0.5em; 
	           margin-bottom: 0.5em;
               margin-left : 15%; 
               margin-right : 15%; 
               font-size:150% }


div.warning, P.warning { font-size : 105%; 
	                     margin-top: 0.5em; 
	                     margin-bottom: 0.5em;
                         margin-left : 10%; 
                         margin-right : 10%; }

strong { color : #300; background : transparent none; }

strong.warning, em.warning { color : #f00; background : transparent none; }

.editorial  { font-size : 80%;
              font-family : Verdana, Arial, Helvetica, sans-serif;
              margin-left : 20%; }

.ed { font-size : 90%; }

.example { margin-left:1%; padding-left:0.7ex;
	   background: #f0fff0 none;
	   color: #000;
           border-left : solid #0c0 2px;}
           

hr           { color: #FFCCFF; 
               height: 0.5em; 
               background-color: #FFFFFF;
               clear: left; }

h1           { text-align: center; margin-left: 0em }

h2           { margin-left: 0em }

h3, h4        { font-weight: normal;
              }


h1	     { padding:0; 
               border-style:dotted; 
               border-width:3px; 
               color: #000080; 
               background-color: #FFCCFF; 
               background-repeat: repeat; 
               background-attachment: scroll; 
               font-family: Comic Sans MS; 
               page-break-after: avoid
             }
               
h2, h3		{ border-style:ridge; 
                  border-width:2px; 
                  color: #000000; 
                  background-color: #CCFFFF; 
                  background-attachment: scroll; 
                  font-family:  Comic Sans MS; 
                  padding-left:0.4em; 
                  padding-right:0.4em; 
                  padding-top:0.1em; 
                  padding-bottom:0.1em;
                }
                
h4		{ border-style:ridge; 
                  border-width:2px; 
                  color: #000080; 
                  background-color: #FFCCFF; 
                  font-family:  Comic Sans MS; 
                  padding-left:1em; 
                  padding-right:0.4em; 
                  padding-top:0.4em; 
                  padding-bottom:0.1em;
                }



H1              { font-size: 160%; }
H2              { font-size: 145%; }
H3              { font-size: 130%; }
H4              { font-size: 120%; }
H5              { font-size: 115%; }

blockquote H1              { font-size: 160%; }
blockquote H2              { font-size: 145%; }
blockquote H3              { font-size: 130%; }

blockquote.newspaper { text-align: justify;
                       width: 20em;
                       border: none;
                       font-family: "Times New Roman", serif; }

caption, .subcaption  { color : #000; 
                        background : #ffc none; }

TABLE.menu     { border : solid blue 2px; 
                 padding : 3px;
                 text-align : center }

table.texttable  { border : solid #222 0.1em; 
                   padding : 2em; }
                   
#codetable TR TD A {text-decoration:none; font-size:large}

.numeric   { font-family : Courier, monospace;
             text-align : right; }

.credit {   font-size : 85%; 
            text-align : right; }

.wide    { margin : 0 0 0 0;
           font-size : smaller }

.charname { font-variant: small-caps }

CAPTION { font-weight: bold}

            
A:link, strong a:link, em a:link, cite a:link,
 a:link strong, a:link em, a:link cite
  { color : #009; 
   background : transparent none;
  }
 
A:visited, strong a:visited, em a:visited, cite a:visited,
 a:visited strong, a:visited em, a:visited cite
  { color : #609; 
    background : transparent none; 
  }
 
a:hover, strong a:hover, em a:hover, cite a:hover, a:hover strong, a:hover em, a:hover cite 
   { color: #000000; 
     background-color: #FFCCFF; 
     background-repeat: repeat; 
     background-attachment: scroll }
               
A:active, strong a:active, em a:active, cite a:active,
 a:active strong, a:active em, a:active cite
 { color : #f00; 
   background : transparent none; }

EM      {color : #000;
         background:transparent none;}

cite     {font-weight:500;
          color : #030;
          background:transparent none;}

DFN, DT { font-weight: bold;
          color : #066;
          background:transparent none;}

var      { background:#fff6eb none; 
           color:#010;}

KBD { font-weight: bold}

PRE { background: #e0ffe0 none;
      color:black; 
      white-space:pre; }
      
PRE.cmd { background: #fcf; color:black;}

PRE.samp { background: #e0e0c0; color:black; font-size:85%}

.menu { background: #dcdcdc none; 
        color:#000;
        font-family:Arial; 
        font-size: 80%; }

.screen   { background : #fff; 
            color:#600; 
            font-size:smaller;
            border : solid #333 1px;
            padding : 3px;
            font-family : "Lucida Console", Courier, monospace 
           }

.signed, .cursive { font-family : "Lucida Handwriting",  Western, cursive;
                    font-size:140%; 
                  }
                  
address { font-style: normal; }

pre, code   { font-family : "Courier New","Courier", monospace;
			  font-style : normal; }

pre { white-space : pre; }
 
.deem p { margin-bottom: 0.3em; margin-top: 0.3em;}

.ini { font-weight:900; font-size:120%; }

p.literary, .literary p { text-indent : 1em;
                          margin-bottom : 0.5ex;
                          margin-top : 0.5ex; }


@media print {
                .noprint { display: none; }
             }


.Yhteystiedot { text-align: center; 
                font-size:90% }

.Kuvateksti   { font-size:90%; 
                margin-top:0;  
                font-family: "Times New Roman","Helvetica"}

.Kuva   { padding-top: 1em;
          padding-right: 0em;
          padding-bottom: 0.2em;
          padding-left: 1em; 
}

.Linkkiteksti { font-size:0.9em; 
                text-align: center }