@import url(https://fonts.googleapis.com/css?family=Economica:400,700,400italic,700italic);

body > main
{

background: #E1E3E0 url(https://peda.net/dev/theme/taipalsaari/style/background-gif:file/download/);
/*background-image: linear-gradient(to bottom, #E1E3E0 0%, #ffffff 40em);*/
/*background-image: radial-gradient(farthest-corner at 50% 0%, #E1E3E0 0%, #D0D0D0 70%, #A6A6A6 100%), url(https://peda.net/dev/theme/taipalsaari/style/background-gif:file/download/);*/
/*background-image: linear-gradient(to bottom, rgba(191,218,202,0.1) 0%, #ffffff 40em);*/
color: #000;
border-bottom: solid 0.25em #0068b3;
}

body > header
{
background: url(https://peda.net/dev/theme/kokkola/kuvia/v%C3%A4liaik-kuva:file/download/7192f9e2619eed2a448a229baf615dafd558a5f1/N%C3%A4ytt%C3%B6kuva%202015-11-02%20kello%2021.37.58.png) no-repeat #fff;
background-image: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 10em, rgba(255,255,255,0) 20em), url(https://peda.net/dev/theme/kokkola/kuvia/v%C3%A4liaik-kuva:file/download/7192f9e2619eed2a448a229baf615dafd558a5f1/N%C3%A4ytt%C3%B6kuva%202015-11-02%20kello%2021.37.58.png);
/*background-position: 50% 50%;*/
background-size: cover;
border-bottom: solid 0.1em #000;
}
body > header > .path,
header .path a,
header .path .service.toplevel a
{
color: #0068b3;
/*color: #F08F47;*/
/*text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;*/
text-shadow: 0 0 0.2em rgba(255,255,255,0.25);
}

/*Sivun otsakkeen ylä ja alapuolisten linkien väri ja efekti hoverina*/
header .path .pathitem a:hover,
header .path .pathitem a:active,
header .path .service.toplevel a:hover,
header .path .service.toplevel a:active
{
color: #5f626a;
/*color: #fff;*/
text-shadow: 0 0 0 0.2em rgba(0,0,0,1);
}

/* Tällä määritellään että otsikossa koulun nimi näkyy isoilla kirjaimilla, vaikka palvelun tiedoissa nimi kirjoitetaan normaalisti */


header .path .service.toplevel a span span
{
font-weight: 700;
text-transform: uppercase;
/* font-variant: small-caps; */
}


/* Tällä määritellään sivun ikonin koko, kun käytössä on kaikki kolme otsikkoriviä */

header .path .pathitem.toplevel a.withsubtitle1.withsubtitle2 img
{
height: 3.0em;
max-width: 3.0em;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin-left: 0em;
margin-right: 0.1em;
background-color: transparent;
/*padding: 0.2em 0.6em 0.2em 0.4em;*/
}

/* Sivun pääotsikon fontti ja väri jos aliotsikot käytössä*/

header .path .pathitem.toplevel a.withsubtitle1.withsubtitle2
{
/*color: #5f626a;*/
color: #0068b3;
font-family: 'Economica', 'Arial', sans-serif;
font-size: 2.2em;
font-weight: bold;

}

/*Murupolun tausta ja vari*/

nav.path .toplevel > .pathitem
{
background: transparent;
background: rgba(0,0,0,0.2);
color: #fff;
padding-top: 0.4em;
padding-bottom: 0.4em;
}

/* Murupolun linkkien vari otsikon jalkeen */


header .path .toplevel a
{
/*color: #002D64;*/
color: #fff;
}

/*Murupolun viimeisen linkin vari*/

header .path .pathitem.toplevel .pathitem.redundant a
{
/*color: #002D64;*/
color: #fff;
}

/*Murupolun linkkien erottajan väri*/
nav.path .toplevel > .pathitem
{
/*color:#002D64;*/
color: #fff;
}

/*Murupolun efekti*/

header .path .pathitem a:hover, header .path .pathitem a:active, header .path .service.toplevel a:hover, header .path .service.toplevel a:active
{
color: #000000;
text-shadow: 0 0 0.2em #FFFFFF, 0 0 0.3em #FFFFFF, 0 0 0.4em #FFFFFF;
}

.content {
font-family: 'Arial', sans-serif;
line-height: 1.5;
}



/*navigoinnin muutos*/

nav.main nav.virtualsub li a,
nav.main nav.sub .service a {
border: 0;
border-left: 0.3em solid #0168B7;
/*box-shadow: 0 0 0 rgba(0, 0, 0, 0);*/
}

nav.main nav.virtualsub li a:hover,
nav.main nav.sub .service a:hover {
background: #E1E1E1;
}



/* Moduulien ulkoasu */

article article > header h1 {
padding-bottom: 0;
font-family: 'Economica', 'Arial', sans-serif;
}

article article {
border: 0;
border-top: 5px solid #0068b3;
}

div.framelessimage {
}



article article > header ul.actions,
article article.document > header ul.actions {
margin-bottom: 1em;
margin-top: 1em;
background: #eee;
}

article.module, article.learningresource {
background: #fff;
color: #000;
}

article .content.enclose a {
color: #83B18A !important;
text-decoration: underline;
}

article article article {
/*box-shadow: none;*/
border-top: 2px solid #0068b3;
}

.comments article {
border-top: 1px solid #0068b3;
}

article.rssitem {
border-top: 0;
}

article.rssitem > main {
padding-left: 0em;
padding-right: 0em;
}

article article article h1 {
font-size: 1.25em;
}

/*Sivun otsikon vari*/

/*Moduuleiden otsikoiden vari*/

h2 a, h2 a:link, h2 a:visited
{
/*color: #83B18A;*/
color: #0068b3;
}

h1 a,
h1 a:link,
h1 a:visited {
/*color: #5f626a;*/
color: #0068b3;
font-family: 'Economica', 'Arial', sans-serif;
font-weight: bold;
}

/*Sivun banneriotsikon efekti*/
header .path .service.toplevel a span span {
text-shadow: 0 0 0.2em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff;
/*text-shadow: 0px 0px 0.2em #FFF, 0px 0px 0.3em #FFF, 0px 0px 0.4em #FFF;*/
}


header .path .pathitem.toplevel a.withsubtitle1.withsubtitle2 {
text-shadow: 0px 0px 0.2em #FFF, 0px 0px 0.3em #FFF, 0px 0px 0.4em #FFF;
}

/*Tyhja murupolku*/
header .path .pathitem.toplevel > .pathitem.placeholder, header .path .pathitem.toplevel > .pathitem.redundant {
min-height: 0em;
padding: 0;
}