/* ***************** FTFM rev II ***************** 

    Mies meni metsälle ja löysi karhun. Mies 
    kuitenkin ampui ohi ja karhu pääsi miehen
    kimppuun.
    
    "Jos annat nussia perseeseen, en syö sinua",
    sanoi karhu. No, miehen ei auttanut, kuin
    ottaa perseeseen.
    
    Karhu oli jo kävelemässä pois, kun mies latasi
    aseen uudestaan ja ampui .. ohi jälleen.
    Karhu kääntyi ympäri ja sanoi:
    
    "Otatko perseeseen vai syönkö sinut?"
    
    Ei siinä miehen auttanut, kuin ottaa
    jälleen perseeseen. Vihasta tuhisten hän
    juoksi kaupunkiin aseliikkeeseen, ja osti
    kovimman aseen mitä löysi. Sen jälkeen hän
    ryntäsi sisään karhun luolaan, osoitti
    karhua ja yritti ampua, mutta huomasi
    liipasinta painettuaan, ettei hänellä
    ollut panoksia.
    
    Karhu katsoi miestä hetken ja sanoi:
    
    "Minusta tuntuu, että taidat pitää tästä"

   *********************************************** */



/* **** Sivun pääosa **** */

body { 
       background: #E0E0E0;
       color: #000000;
       margin: 0px;
       padding: 10px;
     }
     
.main { 
       background: #FFFFFF;
       font-family: verdana,arial;
       font-size: 14px;
       color: #000000;
       padding: 20px 100px 20px 100px;
       border-top: 1px solid #A0A0A0;
       border-left: 1px solid #A0A0A0;
       border-right: 1px solid #000000;
       border-bottom: 1px solid #000000;
     }





/* ****  Varoitus & Quotelootat **** */

.hint {
       background: #CCFFCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px;
       border: 1px solid #000000;
}
     
.note {
       background: #FFFFCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px; 0px; 0px;
       border: 1px solid #000000;
}

.warn {
       background: #FFCCCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px;
       border: 1px solid #000000;
}

.file {
       background: #FFFFFF;
       color: #000000;
       font-family: monospace;
       padding: 2px;
       margin: 5px 0px;
       border: 1px solid #000000 dashed;
}

pre {
       background: #000000;
       color: #FFFFFF;
       font-family: monospace;
       padding: 3px;
       margin: 5px 0px;
}




/* **** Headeri **** */

.title {
      margin-left: -30px;
}

.name {
       font-family: arial,sans-serif,verdana;
       font-size: 40px;
       color: #000000;
}

.description {
       font-family: arial,sans-serif,verdana;
       font-size: 20px;
       color: #000000;
}

.contact {
       font-family: arial,sans-serif,verdana;
       font-size: 12px;
       color: #000000;
}

.error {
       color: #FF0000;
       font-weight: bold;
}

.path {
       font-family: arial,sans-serif,verdana;
       font-size: 14px;
       font-weight: bold;
       margin-top: 10px;
       margin-bottom: 20px;
       color: #000000;
       background: #F0F0F0;
       border-top: 1px solid #505050;
       border-bottom: 1px solid #505050;
}

a {
       color: #AA0000; 
       text-decoration: none;
}
a:link {
       color: #AA0000; 
       text-decoration: none;
}
a:active {
       color: #FF0000; 
       text-decoration: none;
}
a:visited {
       color: #AA0000; 
       text-decoration: none;
}
a:hover {
       color: #FF0000; 
       text-decoration: none;
}




/* **** Alaotsikot & elementit **** */

.subtopic {
       font-family: arial,sans-serif,verdana;
       font-size: 18px;
       font-weight: normal;
}
.subtopicnote {
       font-family: arial,sans-serif,verdana;
       color: #000000;
       font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {   
       font-family: arial,sans-serif,verdana;
       color: #707070;
       margin-top: 15px;
       margin-left: -30px;
       margin-bottom: 5px;
       border-bottom: 1px solid #505050;
}

h1 {   
       font-size: 30px;
}

h2 {   
       font-size: 26px;
}

h3 {   
       font-size: 22px;
}

h4 {   
       font-size: 18px;
}

h5 {   
       font-size: 14px;
}

h6 {   
       font-size: 10px;
}