/* ----------------
 * rapy.css
 * ----------------
 * 26.10.2005 / IG
 * 07.11.2005 / TH (koko-80)
 * 14.11.2005 / IG (yhteistyö palkki)
 * 23.11.2005 / IG (linkkien väri)
 * 17.10.2006 / TH (keltainen väri himmeämmäksi) 
 * 12.10.2008 / TH (pelilist, ottelut)
 * 22.11.2008 / TH (tiivlist)
 * 22.12.2010 / TH (sivupalkin värit)
 * 29.12.2010 / TH (h1.joukkue text-transform)
 * 22.03.2011 / TH (fonttikoon muutos)
 */

/* '0.5em' tarkoittaa 0,5 kertaa nykyisen fontin koko. Jos fontti on 12 pistettä, niin '0.5em' on 6 pistettä. */
/* '1ex' tarkoittaa pienen "x" kirjaimen korkeutta nykyisellä fontilla. */
/* '12px' pikselien määrä, suhteutettu näyttöön/tulostimeen. */
/* '1pt':  1 point = 1/72 tuumaa */
/* '1pc':  1 pica = 12 points.  */

 
body {
    font-family: sans-serif; 
    color: rgb(0, 0, 153);
}

    
/* LAATIKOT */ 
  
div.joukkueet {
	background-color: rgb(255, 220, 0);
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

span.ott { 
	background-color: rgb(255, 220, 0);
}

/* OTSIKOT */

h1 {
    margin-top: 1ex;
    margin-bottom: 1ex;
    padding: 3pt;
    text-align: left;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 66, 148);
    text-transform: uppercase;
    font-size: 133%;
}

h1.joukkue {
    margin-top: 1ex;
    margin-bottom: 1ex;
    padding: 0 3pt;
    margin: 0;
    text-align: left;
    color: rgb(255, 220, 0);
    background-color: rgb(0, 0, 153);
    text-transform: none;
    font-size: 125%;
}

h2 {
    margin-top: 2ex;
    border-top: 1px solid white;
    padding: 1pt 3pt;
    background-color: rgb(205, 218, 233);
    font-size: 120%;
    font-weight: bold;
}

h3 {
    margin-top: 1ex;
    margin-bottom: 0.5ex;
    font-weight: bold;
    font-size: 100%;
    font-style: normal;
}

h4 {
    margin-top: 2ex;
    margin-bottom: 0 ex;
    font-size: 90%;
    font-weight: bold;
}

/* TEKSTIKAPPALEET */

  /* Tavallinen tekstikappale */

p {
    margin-top: 0ex;
    margin-bottom: 1ex;
}


  /* Tavallinen tekstikappale pienemmällä fontilla */
p.koko-80 {
    margin-top: 0ex;
    margin-bottom: 1ex;
    font-size: 80%;
}

  /* Navigointipalkin linkki */
p.linkki {
    margin: 0;
    padding: 0 3pt;
    background-color: rgb(255, 220, 0);
    border-top: 1px solid rgb(255, 240, 135);
    text-align: left;
    font-size: 90%;
    font-weight: bold;
}

  /* Viimeksi muutettu -kappale */
p.muutettu {
    margin-top: 4ex;
    text-align: center;
    font-size: 70%;
}

/* TAULUKOT */

  /* Sivun "runkotaulukko", joka sisältää navigointi- ja sisältösolut
   * (näiden id:iden tulisi olla "navigointi" ja "sisalto"
   */
table {
    font-size: 90%;
}

table.runko {
    border-bottom: 2px solid rgb(25, 66, 148);
    border-collapse: collapse;
    font-size: 100%;
}

table.ylatxt {
    font-size: 100%;
}

table.ylapal {
    font-size: 100%;
}

th {
    text-align: left;
    font-weight: bold;
}

th, td {
    vertical-align: top;
}

td.sisennetty {
    text-indent: 2em;
}

td.pelilist {
    font-family: "Arial Narrow"; 
    font-size: 100%;
}

/* LUETTELOT */

dt {
    margin-top: 1.5ex;
    font-weight: bold;
}

ul.tiivlist {
    margin: 0;
    margin-left: 1em;
}

li.tiivlist {
    margin: 0;
    margin-bottom: 0.3em;
}

li {
    margin: 0;
    margin-right: 1em;
    margin-bottom: 1ex;
}

/* LINKKIEN VÄRIT */

a {
    text-decoration: none;
}

a:link, a:visited {
    color: rgb(0, 0, 255)
}

/* oli aikaisemmin 0,0,204*/

  /* HUOM! Mozillan takia link-osuus on välttämätön, koska Mozillassa "hover"
   * aktivoi myös linkkien ankkurit, ei vain linkkejä
   */
a:link:hover, a:visited:hover, a:active {
    text-decoration: underline;
}

address {
    font-size: 90%;
    font-style: italic;
}

/* SOLU-ID:T */

  /* Sivun runkotaulukon navigointisolu */
#navigointi {
    width: 10em;
    border-right: 1px solid rgb(25, 66, 148);
}

  /* Sivun runkotaulukon sisältösolu*/
#sisalto {
    vertical-align: top;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 2ex;
}

  /* Sivun runkotaulukon ottelulista*/
#ottelut {
    vertical-align: top;
    padding-left: 1em;
    padding-right: 0em;
    padding-bottom: 1ex;
}

  /* Sivun runkotaulukon yhteistyökumppaneiden solu */
#mainokset {
    width: 154px;
    border-left: 1px solid rgb(25, 66, 148);
}