/** YLEISET **/

body {
background-color: #121212;
background-image:url(kuvat/nahkabg.jpg);
background-repeat:repeat-all;
background-attachment:fixed;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

table {
border-collapse: collapse;
}

p {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #cccccc;
line-height: 18px;
}

h1 {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 18px; 
font-weight: bold;
padding-bottom: 4px;
color: #ffffff;
line-height: 18px;
border-bottom: 2px solid #2b2c24;
margin-top: 5px;
margin-bottom: 10px;
}

h2 {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 14px; 
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
line-height: 22px;
border-bottom: 1px dotted #2b2c24;
margin-top: 15px;
margin-bottom: 10px;
}


a {
color: #7f846a;
text-decoration: none;
}

a:visited {
color: #7f846a;
text-decoration: none;
}

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

hr {
border: none 0;
border-top: 1px dotted #2b2c24;
width: 100%;
height: 1px;
color: #000000;
}


ul {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #cccccc;
line-height: 18px;
}


.lukittu {
color: #dbd960;
}

.huomautus {
color: #ffff00;
}

p.ingressi {
font-weight: bold;
}


p.toiminnot {
font-weight: bold;
color: #ffffff;
line-height: 18px;
/* border-bottom: 1px dotted #2b2c24; */
/* border-top: 1px dotted #2b2c24; */
margin-top: 0px;
margin-bottom: 10px;
}


/** SIVUVALIKKO **/

p.navikkotitle {
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 2px;
border-bottom: 2px solid #2b2c24;
margin-top: 0px;
margin-bottom: 0px;
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 14px; 
font-weight: bold;
text-transform: uppercase;
}

p.navikko {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 2px;
border-bottom: 1px dotted #2b2c24;
margin-top: 0px;
margin-bottom: 0px;
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
font-weight: bold;
}

p.navikko-on {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 2x;
border-bottom: 1px dotted #2b2c24;
margin-top: 0px;
margin-bottom: 0px;
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
font-weight: bold;
}

a.navi {
text-decoration: none;
color: #7f846a;
}

a.navi:hover {
text-decoration: none;
color: #ffffff;
}

a.navi-on {
text-decoration: none;
color: #ffffff;
}

a.navi-on:visited {
text-decoration: none;
color: #ffffff;
}

a.navi-on:hover {
text-decoration: none;
color: #7f846a;
}

a.navititle {
text-decoration: none;
color: #ffffff;
}

/** HEADER JA FOOTER **/


.loginpalkki {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #cccccc;
font-weight: bold;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
background-color: #000000; 
border-bottom: 1px solid #111111;
}

.footer {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
line-height:20px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
background-color: #000000; 
background-image:url(kuvat/footer_tekstuuri.jpg);
background-repeat: no-repeat;
}

.footerlinkit {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
}

/** TAITTOELEMENTIT **/

.taittopalstavas {
background-color: #000000; 
padding-top: 15px;
padding-right: 15px;
padding-bottom: 6px;
padding-left: 15px;
vertical-align: top;
background-image:url(kuvat/ornamentti.gif);
background-repeat: no-repeat;
}

.taittopalstaoik {
background-color: #000000; 
padding-top: 15px;
padding-right: 15px;
padding-bottom: 6px;
padding-left: 10px;
vertical-align: top;
}

.taittopalsta {
background-color: #000000; 
padding-top: 5px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
vertical-align: top;
}

.etusivuvas {
background-color: #000000; 
padding-top: 15px;
padding-right: 25px;
padding-bottom: 6px;
padding-left: 25px;
vertical-align: top;
}

.etusivuoik {
background-color: #000000; 
padding-top: 15px;
padding-right: 25px;
padding-bottom: 6px;
padding-left: 25px;
vertical-align: top;
}

.alasivupalsta {
background-color: #000000; 
padding-top: 0px;
padding-right: 30px;
padding-bottom: 6px;
vertical-align: top;
}

.taittosarjiskone {
background-color: #000000; 
padding-top: 0px;
padding-right: 7px;
padding-left: 8px;
vertical-align: top;
}

div.harmaataulu {
background-color: #0b0b0b; 
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
border: 1px solid #151515;
}

.sisaltosolu {
background-color: #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 3px;
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #cccccc;
}


/** ETUSIVUN TEKSTIT**/


h4 {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 14px; 
font-weight: bolder;
padding-bottom: 4px;
color: #ffffff;
line-height: 18px;
text-transform: uppercase;
border-bottom: 2px solid #2b2c24;
margin-top: 5px;
margin-bottom: 10px;
}

p.etusivuotsikko {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 14px; 
font-weight: bolder;
padding-bottom: 4px;
color: #ffffff;
line-height: 18px;
text-transform: uppercase;
border-bottom: 2px solid #2b2c24;
margin-top: 5px;
margin-bottom: 10px;
}

p.etusivutarinaotsikko {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
font-weight: bold;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
}

p.etusivutarinapvm {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #cccccc;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
}

p.etusivutarinatekija {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #cccccc;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
}

p.tilastot {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #999999;
line-height: 18px;
}



/** KUVAT **/

img {
border: none;
}

.pikkukuva {
margin-right: 15px;
margin-bottom: 15px;

}

.sivukuva {
margin-left: 20px;
margin-bottom: 20px;

}

.otsikkokuva {
border-bottom: 5px solid #000000;
border-top: 5px solid #000000;
}


:link img.sarjisprevikka, :visited img.sarjisprevikka  { border: solid #7f846a 2px; }
:link:hover img.sarjisprevikka, :visited:hover img.sarjisprevikka { border-color: #ffffff; }

:link img.sarjisprevikkalukittu, :visited img.sarjisprevikkalukittu  { border: solid #ff0000 2px; }
:link:hover img.sarjisprevikkalukittu, :visited:hover img.sarjisprevikkalukittu { border-color: #ffffff; }



/** LOMAKKEET **/

.loginlomake {
font-family:  verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #ffffff;
border: 2px solid #a4ad8d;
background-color: #7f846a;

}

.lomakenappi {
font-family:  verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
}

.lomakesolu {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
vertical-align: top;
border-bottom: 1px dotted #2b2c24;
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #cccccc;
}

.lomakekentta {
font-family:  verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #000000;
border: 1px solid #666666;
background-color: #cccccc;

}

.tarinalomake {
font-family:  verdana, Arial, Helvetica, Sans-Serif;
font-size: 14px;
color: #000000;
line-height: 22px;
border: 1px solid #bbbb99;
background-color: #ffffcc;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
}


/**SARJAKUVALISTAUS**/

a.sarjislistaus {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
font-weight: bold;
text-transform: uppercase;
}

.sarjispvm {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #aaaaaa;
text-decoration: none;
}

.sarjisnimi {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #ffffcc;
margin-bottom: 5px;
}

.sarjistekija {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}

/** SARJAKUVASIVU **/

p.sarjisinfo {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #cccccc;
font-weight: bold;
line-height: 18px;
margin-top: 6px;
margin-bottom: 2px;
}

p.sarjiskuva {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #cccccc;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
}

p.selauslinkit {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 14px; 
font-weight: bold;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
}


/** TARINALISTAUS **/

.tarinalistaus {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 25px;
}

.tarinalistaustekija {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
margin-bottom: 5px;
margin-top: 5px;
}

p.tarinaprevikka {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #bbbbbbb;
line-height: 18px;
font-style: italic;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 25px;

}

/** TARINASIVU **/

.tarinaotsikko {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 20px;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
margin-top: 5px;

}

a.tarinatekija {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 15px;
font-weight: bold;
color: #663300;
}

.tarinatekijatitle {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 15px;
font-weight: bold;
color: #000000;
}

.tarinapvm {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-weight: bold;
color: #663300;
margin-bottom: 5px;
}

.tarinaleipis {
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 13px;
color: #000000;
line-height: 22px;
}

p.tarinaohje {
font-family: "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px; 
color: #663300;
line-height: 18px;
}

.tarinatausta {
background-color: #FBF0AA; 
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
}

a.tarinalinkki {
color:#000000;
font-weight: bold;
}


/** KÄYTTÄJÄLISTAUS **/

.listausheader {
baackground-color: #222222; 
padding-top: 5px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
vertical-align: top;
border-bottom: 2px solid #2b2c24;
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #cccccc;
}

.listaussolu {
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
vertical-align: center;
border-bottom: 1px dotted #2b2c24;
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #cccccc;
}

.listausfooter {
background-color: #000000; 
padding-top: 6px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
vertical-align: top;
border-top: 1px solid #2b2c24;
font-family:  "trebuchet ms", Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}



ul.cartoonactions {

list-style-image:none;
list-style-type:none;
float:left;
padding:0;
margin:0;

}




ul.cartoonactions li {

float: left;
margin-right: 10px;

}
.rejectcartoonContainer {


width:200px;



}