/*
===============================================================================
  ST-TYYLIT.CSS
  Seppo Tolosen kotisivujen tyylitiedosto

  Alkuperäinen tiedosto:
    - Luotu:     17. elokuuta 2005 / Seppo Tolonen
    - Muokattu: 12. toukokuuta 2007 / Seppo Tolonen

  Tämä versio on selkeytetty ja kommentoitu.
  Alkuperäisiä tyylimäärityksiä tai niiden toimintaa ei ole tarkoituksella
  muutettu. Myös vanhat arvot ja päällekkäiset määritykset on säilytetty.
===============================================================================
*/


/* ---------------------------------------------------------------------------
   SIVUN YLEINEN ULKOASU
   ---------------------------------------------------------------------------
   - Musta pohjaväri.
   - Ei yleistä taustakuvaa; jokainen HTML-sivu voi määrittää oman taustansa.
   - Hiiren osoitin näytetään ristikkona.
--------------------------------------------------------------------------- */

body {
    background-color: #000000;
    cursor: crosshair;
}


/* ===========================================================================
   LINKKIMENU
   =========================================================================== */

/*
   #linkit määrittää linkkivalikon sijainnin.

   Huom:
   Alkuperäisessä tiedostossa position-arvona on "absolute".
   Kommentissa oli vaihtoehtona "fixed", mutta sitä ei oteta käyttöön,
   jotta toiminta säilyy alkuperäisenä.
*/

#linkit {
    position: absolute;   /* fixed */
    top: 10px;
    left: 10px;
}


/*
   Linkkimenun yksittäinen linkkipainike.

   - Linkit näytetään allekkain block-elementteinä.
   - Painikkeen leveys on 110 px.
   - Taustakuvana linkkinappi_kivi1.jpg.
   - Fonttina Verdana.

   HUOM:
   Alkuperäisessä tiedostossa padding määritellään kahdesti.
   Jälkimmäinen padding-arvo voittaa ensimmäisen CSS:n normaalin toiminnan
   mukaisesti. Molemmat määritykset on säilytetty, jotta toiminta ei muutu.
*/

#linkit a {
    display: block;
    width: 110px;

    padding: 4px;
    margin: 2px;

    border: 1px solid #000000;

    background: #EDE8E5 url(linkkinappi_kivi1.jpg);

    font-family: Verdana;
    font-size: 13;
    color: #663333;

    text-decoration: none;

    padding: 2px 1px 3px 6px;
}


/*
   Linkkipainike hiiren ollessa sen päällä.

   Alkuperäisessä tiedostossa oli kommentti:
   #linkit a:link, #linkit a:active,
*/

#linkit a:hover {
    color: black;
    background: #D7B86C url(linkkinappi_kivi2.jpg);
}

/* ============================== LINKKIMENU END ============================= */


/* ---------------------------------------------------------------------------
   .st
   ---------------------------------------------------------------------------
   Pieni tekstityyli.
--------------------------------------------------------------------------- */

.st {
    color: #C4604F;
    margin-left: 10px;
    font-size: 13;
}


/* ---------------------------------------------------------------------------
   .text
   ---------------------------------------------------------------------------
   Tavallinen harmaa tekstityyli.
--------------------------------------------------------------------------- */

.text {
    color: #959999;
    font-family: Verdana;
    font-size: 12;
}


/* ---------------------------------------------------------------------------
   KAPPALETEKSTI
--------------------------------------------------------------------------- */

p {
    color: #704C2F;
    font-family: Verdana;
    font-size: 13;
}


/* ---------------------------------------------------------------------------
   LIHAVOITU TEKSTI
--------------------------------------------------------------------------- */

b {
    color: #113333;
    font-family: Verdana;
    font-size: 13;
}


/* ---------------------------------------------------------------------------
   #ylaban
   ---------------------------------------------------------------------------
   Yläpalkin / yläalueen sijoittelu.
--------------------------------------------------------------------------- */

#ylaban {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 778px;

    padding: 0px 0px 0px 0px;
    border: 0px solid #000000;
}


/* ---------------------------------------------------------------------------
   #ruutu
   ---------------------------------------------------------------------------
   Sisältöruutu, jonka taustakuvana invert_uusivuositausta.jpg.
--------------------------------------------------------------------------- */

#ruutu {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 778px;

    padding: 0px 0px 0px 0px;
    border: 0px solid #000000;

    background: #EDE8E5 url('invert_uusivuositausta.jpg');
}


/* ---------------------------------------------------------------------------
   #vasenruutu
   ---------------------------------------------------------------------------
   Kiinteä vasemman puolen ruutu.
--------------------------------------------------------------------------- */

#vasenruutu {
    position: fixed;
    top: 10px;
    left: 200px;

    width: 134px;
    height: 311px;

    padding: 5px 2px 3px 3px;
    border: 2px solid #000000;

    background: #EDE8E5 url('valkotausta.jpg');
}


/* ===========================================================================
   YLEISET LINKKITYYLIT
   =========================================================================== */

/* Normaali, vielä avaamaton linkki */
a:link {
    font-family: Verdana;
    font-size: 13;
    color: #9B7C3B;
    text-decoration: none;
    cursor: crosshair;
}

/* Aiemmin avattu linkki */
a:visited {
    font-family: Verdana;
    font-size: 13;
    color: #308D66;
    text-decoration: none;
    cursor: crosshair;
}

/* Linkki klikkauksen aikana */
a:active {
    font-family: Verdana;
    font-size: 13;
    color: grey;
    text-decoration: none;
    cursor: crosshair;
}

/* Linkki hiiren ollessa sen päällä */
a:hover {
    font-family: Verdana;
    font-size: 13;
    color: #D82424;
    text-decoration: underline overline;
    cursor: crosshair;
}


/* ===========================================================================
   TIEDOSTON LOPPU
   =========================================================================== */