@charset "iso-8859-1";

/* eka css */

#copywrite {
 margin-right: 10px;
 font-family: Tahoma;
 font-size: 0.7em;
}

#etusivu {
 text-align: center;
}

#valittu {
 letter-spacing: 2px;
 color: #FF3333;
/* text-decoration: underline; */
}

body {
 background: #ffffff url('graffa/tausta_suo.jpg') no-repeat scroll;
 font-family: Arial, Verdana, Century;
 font-size: 1em;
 color: #000000;
}

.keski {
 text-align: center;
}

.padding {
 text-align: left;
 padding: 15px 0px;
}

.keski_padding {
 text-align: center;
 padding: 15px 50px 0px 50px;
}

.vasen_padding {
 text-align: left;
 padding: 15px 50px 0px 50px;
}

.alas {
 vertical-align: bottom;
 margin-top: 100px;
}

.kuva {
 border: 0px;
}

.punainen {
 color: #FF3333;
}

.signing {
 font-style:italic;
 font-family:vivaldi, script, mistral, arial;
 font-size: 14pt;
}

div.kielivalinta {
 position:absolute;
 left:784px;
 top:0px;
 padding: 0px 3px 4px 3px;
 border: solid 0px #FFFBF0;
 color: red;
 background-color: white;
 text-decoration: none;
 font-size: 8pt;
 text-align:right;
}

div.synty {
 width: 780px;
 margin: 20px;
}

div.otsikko {
 position:relative;
 height: 60px;
 width: 780px;
 background: #ffffff;
 margin-bottom: 15px;
 padding: 0px;
 border: solid 0px #FFFBF0;
 text-align: center;
}

div.valikko {
 position: relative;
 width: 100%;
 background: #FF0000;
 right: 0px;
 padding: 0px;
 border: solid 0px #B48989;
 overflow: hidden;
 text-align: center;
 font-family: Verdana;
 font-size: 10pt;
}

div.vasen {
 position:relative;
 float: left;
 width: 150px;
 height: 480px;
 left: 0px;
 background: #ffffff;
 padding: 0px;
 border: solid 0px #B48989;
}

div.oikea {
 position:absolute;
 width: 250px;
 height: auto;
 left: 820px;
 top:20px;
 background: #ffffff;
 padding: 10px;
 border: solid 0px #B48989;
 /* for IE */
 filter:alpha(opacity=95);
 /* CSS3 standard */
 opacity:0.95;
}

div.main {
 position: relative;
 float: right;
 width: 630px;
 min-height: 480px;
 background: #ffffff /* url('graffa/main_tausta.gif') */ no-repeat 70% 30%;
 right: 0px;
 padding: 0px;
 border: solid 0px #B48989;
 overflow: auto;
}

div.paivakirjakuvat {
 position: relative;
 float: right;
 right: 20px;
 margin-left: 35px;
 width: 150px;
 border: solid 0px #B48989;
}

div.ala {
 position: relative;
 clear: both;
 top: 5px;
 height: 15px;
 width: 780px;
 background: #ffffff;
 text-align: right;
 margin: auto;
 padding: 0px;
 border: solid 0px #B48989;
 vertical-align: bottom;
}

div.paivitetty {
 position: relative;
 float: left;
 left: 27px;
 bottom: 0px;
 border: none;
 font-family: Tahoma;
 color: #999999;
 font-size: 0.7em;
}

div.palaute_box {
 border: solid 1px #FF0000;
 margin: 10px 20px 10px 10px;
 padding: 10px;
}

table.pelaajalista {
 width: 400px;
 border: solid 1px black;
}

img.vasen_box {
 position:relative;
 margin: 70px auto auto 10px;
 padding: 0px;
 border: none;
}

img.reunus {
 border: solid 1px #FF0000;
}

img.oikea {
 position: relative;
 float: right;
 margin: 5px 20px 20px 35px;
}

img.oikea_reunus {
 position: relative;
 float: right;
 margin: 4px 20px 20px 20px;
 border: solid 1px #FF0000;
}

img.flag {
 margin: 0px 5px 0px 5px;
}

img.face {
 vertical-align: text-bottom;
}

img.naama {
 margin: 5px 5px 5px 5px;
}

img.paivakirja {
 margin: 5px;
}

ul {
 margin-left: 10px;
 font-size: 0.9em;
 list-style: disc inside;
}

ul#twitter_update_list {
 list-style: none;
 margin-left: 0px;
 padding-left: 0px;
}

ul.lohko {
 margin-left: 10px;
 font-size: 0.8em;
 list-style: disc inside;
}

ul.pelaajalista {
 margin-left: 10px;
 font-size: 0.8em;
 list-style: disk inside;
}

li {
 margin-top: 10px;
}

li.pelaajalista {
 margin: 0px 10px 0px 0px;
}

h1 {
 font-family: Verdana, Tahoma;
 font-size: 1.4em;
 margin-top: 25px;
 padding-bottom: 10px;
 border-bottom: solid 10px;
}

h2 {
 font-family: Verdana, Tahoma;
 font-size: 1em;
 margin-left: 20px;
 margin-top: 30px;
 margin-right: 25px;
 margin-bottom: 30px;
}

h2.sidebar-title {
 font-size: 3 em;
 margin:10px 10px 0px 0px;
}

h3 {
 font-family: Verdana, Tahoma;
 font-size: 0.8em;
 margin-left:20px;
 margin-top: 30px;
 margin-bottom: 10px;
 color: red;
}

h4 {
 font-family: Arial;
 font-size: 0.8em;
 margin: 5px auto -5px 20px;
 color: black;
}

.bold {
 font-style: italic;
}

p {
 font-family: Arial;
 font-size: 0.8em;
 margin-left: 20px;
 margin-right: 20px;
}

p.ajankohtaista_uusin {
 font-size: 0.9em;
 margin: 60px 20px 5px 20px;
}

p.ajankohtaista {
 font-size: 0.9em;
 color: #808080;
 margin: 0px 20px 0px 20px;
}

p.aikataulu {
 margin-top: 5px;
 margin-bottom: 8px;
}

a:link {
 text-decoration: none;
 font-style: italic;
 font-variant: normal;
 background-color:transparent;     /* unvisited link */
 color: red;
}

a:visited {
 text-decoration: none;
 font-style: italic;
 font-variant: normal;
 background-color:transparent;     /* visited link */
 color: red;
}

a:hover {
 text-decoration: none;
 font-style: italic;
 font-variant: normal;
 color: #cc0000;                     /* pointed link */
}

a:active {
 text-decoration: none;
 font-style: italic;
 font-variant: normal;
 background-color:transparent;     /* selected link */
 color: red;
}

a#twitter-link:link {
 font-size: 12px;
}

a#twitter-link:visited {
 font-size: 12px;
}

a#twitter-link:hover {
 font-size: 12px;
}

a.otsikko_linkki:link {
 font-size: 10pt;
 margin-left: 5px;
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background-color:transparent;     /* unvisited link */
 color: red;
}

a.otsikko_linkki:visited {
 font-size: 10pt;
 margin-left: 5px;
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background-color:transparent;     /* unvisited link */
 color: red;
}

a.valinta:link {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #FF0000;     /* valikko-nappi */
 color: #ffffff;
}

a.valinta:visited {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background-color:transparent;     /* visited link */
 background: #FF0000;
 color: #ffffff;
}

a.valinta:hover {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 color: #FF0000;
 background-color: #180000;        /* pointed link */
}

a.valinta:active {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background-color:transparent;     /* selected link */
}

a.musta:link {
 text-decoration: none;
 font-style: italic;
 font-variant: normal;
 background-color:transparent;     /* musta linkki */
 color: black;
}

a.musta:visited {
 text-decoration: none;
 font-style: italic;
 font-variant: normal;
 background-color:transparent;     /* visited link */
 color: black;
}

a.musta:hover {
 text-decoration: none;
 font-style: italic;
 font-variant: normal;
 color: #FF0000;                   /* pointed link */
}

a.musta:active {
 text-decoration: none;
 font-style: italic;
 font-variant: normal;
 background-color:transparent;     /* selected link */
 color: black;
}

a.footer:link {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #ffffff;     /* footerin linkki */
 color: #000000;
}

a.footer:visited {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #ffffff;     /* footerin linkki */
 color: #000000;
}

a.footer:hover {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #180000;     /* footerin linkki */
 color: #FF0000;
}

a.footer:active {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #ffffff;     /* footerin linkki */
 color: #000000;
}

a.kielivalinta:link {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #ffffff;     /* footerin linkki */
 color: red;
}

a.kielivalinta:visited {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #ffffff;     /* footerin linkki */
 color: red;
}

a.kielivalinta:hover {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #180000;     /* footerin linkki */
 color: #FF0000;
}

a.kielivalinta:active {
 text-decoration: none;
 font-style: normal;
 font-variant: normal;
 background: #ffffff;     /* footerin linkki */
 color: red;
}

a.blogivuosi:link {
 font-style: normal;
}

a.blogivuosi:visited {
 font-style: normal;
}

a.blogivuosi:hover {
 font-style: normal;
}

a.blogivuosi:active {
 font-style: normal;
}