/*  Simopahula.fi css tyylitiedosto lkstyylit.css

*    LKS osiota varten
 *
 *  otsikot
 * linkit
 * huomiot
 * tekstikoot
 * tekstityylit
 * linkkilistojen tyylit
 * NP tyylit
 * HR liuku 1 2 3 4
 *
 * -------------Linkkityylit---------- */

a:link {
    color: #9bff80;

}

a:visited {
    color: #f4f989;
}

a:hover {
    color: #1ee925;
    text-decoration: underline;
}


a:active {
    color: #e91e1e;

}

/* perusfontti sivusapluunassa */

.perussonta {
    font-family: Verdana, sans-serif;

}

/* MUUT LINKKITYYLIT */


/* paluu-ja-erikoislinkit , linkkilistojen tyylit */

.erikoislinkki {
    color: #FFFFFF !important;
    text-decoration: underline;
    font-family: tahoma, sans-serif;
    font-size: 20px;

}

.np_linkki {
    color: #FFFFFF !important;
    text-decoration: underline;
    font-family: tahoma, sans-serif;
    font-size: 21px;
    font-weight: bold;
}

.np_arkpoi {
    color: #FFFFFF !important;
    text-decoration: underline;
    font-family: tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.erikoislinkki2 {
    color: #c3dfec !important;
    text-decoration: underline;
     font-family: monospace, sans-serif;
    font-size: 20px;

}

.erikoislinkki2:hover {
    color: #FFFFFF !important;

}
.np_arkpoi:hover {
    color: #cdba8e !important;
}
.np_linkki:hover {
    color: #e3ff00 !important;
}
.erikoislinkki:hover {
    color: #fea968 !important;
}
.asialista {
    padding-left: 0;   /* Phase on like black hole sun */
    margin-left: 20px;  /* KLF is good band */
    list-style-position: outside; /* Overclock users CPU ram */

}

.asialista li {
    margin-bottom: 1px;
    list-style-image: url('linkkikuvake2.png');
    line-height: 1.5;
}


.Tietolista li {
    margin-bottom: 1px;
    list-style-image: url('asiakuvake.png');
}


.asialista li strong {
    font-family: verdana, sans-serif;
    font-size: 19px;

}


.linkkilista {
    padding-left: 0;   /* Delete the soul of AI */
    margin-left: 20px;  /* Set icon on the fire */
    list-style-position: outside; /* Open your mind - usura */
}

.linkkilista li {
    margin-bottom: 1px;
    list-style-image: url('linkkikuvake.png');
}


/* FOOTER JA MUUT ENSIN  MUITA FONTTITYYLEJA LADATTAVAT */

#footerteksti {
font-size: 12px;
color: #666; /* yeah. IT REALLY IS CORRECT HEX CODE  */
font-family: sans-serif;
margin-top: 20px;
}

/* FONTTITYYLIT
 *
 *
 *
 * OTSIKOT - HUOMIOT - FONTTIKOOT JA colorit */

.paaotsikko {
    font-size: 32px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
     font-family: 'Helvetica', sans-serif;
}


.paaotsikko-sini {
    font-size: 32px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;

    font-family: 'Helvetica', sans-serif;
}

.alaotsikko {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    font-family: 'verdana', sans-serif;

}

.alaotsikko-eicolo {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    font-family: 'helvetica', sans-serif;
}

.valiotsikko{
    font-size: 20px;
    font-family: 'Helvetica', sans-serif;
     font-weight: bold;
}

/* ------------------------
 * HUOMIOTEKSTIT
 * JA
 * NIIDEN
 * TYYLIT
 *
 * ------------------------- */


.kaaos {
    font-size: 23px;
    font-weight: bold;
}

.helvetti {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Arial Black', sans-serif;
}


.pieni {
    font-size: 18px;
    font-weight: bold;
}

.kokoaylos {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}


.koko16 {
    font-size: 16px;
}

.koko18 {
    font-size: 18px;
}

.koko20 {
    font-size: 20px;
}



.koko22 {
    font-size: 22px;

}

.koko14 {
    font-size: 14px;
}



.fpuna {
    color: #fd8a8a;
}

.fsini {
    color: #b2d4ff;
}

.fkelta {
    color: #fcffa1;
}

.fkeltapure {
    color: #FFFF00;
}

/* PERUSTEKSTEJEN TYYLIT
 * tekstiarkiston listat yms
 * ==================
 */

.helve16 {
    font-size: 20px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.5;
}


.tarkisto {
    font-size: 20px;
    font-family: "DejaVu Sans Mono", Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.5;
}


.keskikoko {
    font-size: 18px;
}


.keskikoko-b {
    font-size: 18px;
     font-weight: bold;
}




.pieni15 {
    font-size: 15px;
}

.font-size2 {
    font-size: 15px;
}


.pieninta {
    font-size: 15px;
    font-family:"georgia";
}

.pieninta2 {
     font-size: 18px;

    font-family: "georgia";
}



.shedevil {
    font-size: 26px;
     font-family: "Courier New";
}


.eriko {
     font-size: 26px;
    font-family: "Courier New", Courier, "Lucida Console", "DejaVu Sans Mono", monospace;
     font-weight: bold;
}

.mono-mid {
    font-size: 29px;
    font-family: "Courier New", "DejaVu Sans Mono", monospace;
    letter-spacing: 3px;
    font-weight: bold;

}

.crt-green {
    font-size: 20px;
    font-family: "DejaVu Sans Mono", monospace;
    color: #00ff66;
    text-shadow: 0 0 4px #00ff66;
    background: #000;
    padding: 10px;
    border-radius: 4px;
}


.typewriter-paper {
    font-size: 26px;
    font-family: "Courier New", monospace;
    letter-spacing: 0.7px;
    opacity: 0.95;
font-weight: bold;
}

/* ========
 * listat ja erikoistyylit
 *
 * =========
 */


.musalista{
    font-size: 18px;
       font-family: 'Helvetica', sans-serif;
}

.mono {
    font-size: 24px;
    font-family: "Courier New", "Courier", "Lucida Sans Typewriter", "Lucida Console", monospace;
    font-weight: 300;
    letter-spacing: -0.5px;
}

.listasini{
    font-size: 18px;
    color: #89b9ff;
    font-family: 'Helvetica', sans-serif;
}
.npvuodet {
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fbffb0;
    font-weight: bold;
    text-shadow: 2px 5px 6px rgba(190, 207, 17, 0.50);
}

.np {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 1.2em;
}


.np2 {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 1.2em;
}

.npsin {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    color: #c8eeff;
    line-height: 1.6;
    margin-bottom: 1.2em;
}

.npsin2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 22px;
    color: #d4e7ff;
    line-height: 1.6;
    margin-bottom: 1.2em;
}


.npkel {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    color: #f5f6b7;
    line-height: 1.6;
    margin-bottom: 1.2em;
}

.npkel2 {
    font-family: Tahoma, Verdana, Segoe UI, sans-serif;
    font-size: 22px;
    color: #f9ffa9;
    line-height: 1.6;
    margin-bottom: 1.2em;
}


.npmono {
    font-size: 19px;
    font-family: "DejaVu Sans Mono", "Lucida Console", monospace;
    color: #eeeeee;
    line-height: 1.6;
    margin-bottom: 1.2em;
}


.npmono3 {
    font-size: 19px;
    font-family: ui-monospace, 'Cascadia Code', 'Segoe UI Mono', 'Liberation Mono', Menlo, Monaco, Consolas, monospace;

    line-height: 1.6;
    margin-bottom: 1.2em;
}


.npmono2 {
    font-size: 20px;
    font-family: "DejaVu Sans Mono", "Lucida Console", monospace;
    color: #eeeeee;
    line-height: 1.6;
    margin-bottom: 1.2em;
    font-weight: bold;
}

.npvaliotsikko {
    font-size: 22px;
    color: #ffcd6e;
    font-family: 'verdana', sans-serif;
    font-weight: bold;
}

.npotsikko {
    font-size: 25px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    color: #ffd057;
    font-family: 'DejaVu Sans Mono', sans-serif;
}

.nppaaotsikko {
    font-size: 28px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    color: #ffcc00;
    font-family: 'helvetica', sans-serif;
}

/* HR VIIVAT
 *
 * hr-testi vain 000css.htm
 *
 */
    .hr {
        border: 0;
        height: 1px;
        background-color: #597ba6;
    }

    .hr-test {
        border: 0;
        height: 2px;
        background-color: #dc05c0;
    }


    .hr-puna {
        border: 0;
        height: 2px;
        background-color: #FF0000;
    }

    .hr-keltapalkki {
        border: 0;
        height: 2px;
        background-color: #e8ff00;
    }




    .hr-liuku {
        border: 0;
        height: 2px;
        background-image: linear-gradient(to right, rgba(0,0,0,9), #d60101, rgba(0,0,0,1));
    }

    .hr-liuku2 {
        border: 0;
        height: 3px;
        background-image: linear-gradient(to right, rgba(9,9,1,1), #ffb471, rgba(1,1,9,9));
    }


    .hr-liuku3 {
        border: 0;
        height: 1px;
        background-image: linear-gradient(to right, rgba(5,0,0,1), #00ff09, rgba(5,0,11,1));
    }



    .hr-liuku4 {
        border: 0;
        height: 1px;
        background-image: linear-gradient(to right, rgba(5,0,0,1), #fff100, rgba(5,0,11,1));
    }

/* ERIKOISTYYLIT */

.pirunpaperi {
    width: 100%;
    max-width: 800px;
    min-height: 600px;

    padding: 40px 0px;
    margin: 20px auto;
    border: 1px solid #dddddd;
    line-height: 25px;


    background-color: #f9f9f9;


    background-image:
    linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
    linear-gradient(#eeeeee 0.1em, transparent 0.1em),
    linear-gradient(90deg, #eeeeee 0.1em, transparent 0.1em);

    background-size: 100% 100%, 25px 25px, 25px 25px;


    color: #000000;
}

.pirunpaperi p, .pirunpaperi h1, .pirunpaperi h2 {
    margin: 0;
    /* This aligns the text starting exactly from the 80px line */
    /* Add +5px or more if you want a small gap after the line */
    padding-left: 85px;
    padding-right: 40px;
    margin-bottom: 25px;
}

.pirunpaperi2 {
    width: 100%;
    max-width: 800px;
    min-height: 600px;
    padding: 40px 0px;
    margin: 20px auto;
    border: 1px solid #dddddd;
    line-height: 25px;
    background-color: #f9f9f9;
    background-image:
    linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
    linear-gradient(#eeeeee 0.1em, transparent 0.1em),
    linear-gradient(90deg, #eeeeee 0.1em, transparent 0.1em);
    background-size: 100% 100%, 25px 25px, 25px 25px;


    font-family: "Courier New", Courier, monospace;
    color: #1a237e;
     font-size: 19px;
       font-weight: bold;
}

.pirunpaperi2 p, .pirunpaperi2 h1, .pirunpaper2i h2 {
    margin: 0;
    padding-left: 85px;
    padding-right: 40px;
    margin-bottom: 25px;

    text-decoration: none;
}



.pirunpaperi2 a {
    color: #1a237e;
    text-decoration: underline;
}
.blueprint {
    background-color: #090e5c;
    background-image:
    linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 20px 20px;
    border: 2px solid #9eff9c;
    color: #e2f4fd;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.ustio {
    background-color: #fff982;
    background-image:

    linear-gradient(90deg, transparent 40px, #ff8585 40px, #ff8585 42px, transparent 42px),

    linear-gradient(rgba(0,100,255,0.1) 1px, transparent 1px);
    background-size: 100% 100%, 100% 30px;
    color: #111111;
    padding-left: 55px;
}

.liudukko {

    background-color: #1a1a1a;

    background-image:

    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px),

    linear-gradient(180deg, #222222 0%, #000000 100%);

    background-size: 20px 20px, 20px 20px, 100% 100%;
    color: #cccccc;
    padding: 40px;
    border: 1px solid #444444;
}

.liuperi {
    width: 100%;
    max-width: 800px;
    min-height: 400px;
    padding: 40px;
    margin: 20px auto;
    border: 1px solid #dddddd;


    color: #000000;
    font-family: Verdana, sans-serif;
    line-height: 1.6;


    background-image: linear-gradient(180deg, #ffffff 0%, #9ccfff 100%);


    background-attachment: local;
}