/* Päivitetty "Muokkaa Tyyliä" sivulla oleva tausta, helpommin näkyvä teksti, Harmaa teksti boxi, kuten tämä mitä luet, ja bugeja korjattu. */

/* Vasemmalla sivulla olevat valikot */
nav.main nav.virtualsub li a, nav.main nav.sub .service a {
background-color: #fff;
background-image: url(https://68.media.tumblr.com/c7aea830315076f99afc8871124b666b/tumblr_oa80vpI46H1uruo10o1_500.gif);
border-radius: 0.25em;
-webkit-background-clip: padding-box;
}

/* Napit kuten Muokkaa Tyyliä */
.actions ul {
font-size: 0.8em;
color: #fff;
}

/* Fontit */

h1 {
font-family: "Wingdings";
}
header nav.global {
font-family: "Wingdings";
}
body, textarea, input {
font-family: "Comic Sans MS";
}
h1, header .path .service.toplevel a, nav.main h2 {
font-family: "Comic Sans MS";
}

/* Tausta */
html {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
background-size: cover;
background-attachment: fixed;
}

/* Liukuva väri ylhäällä */
header nav.global {
background: transparent;
background-image: linear-gradient(to right, rgba(0,0,128, 0.8) 10em, rgba(27,28,28,0.5) 30em);
color: #ffa;
}

/* Profiilin tausta (Tavallaan keskellä oleva) */
body > main {
background-image: url(https://s-media-cache-ak0.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
background-size: cover;
background-attachment: fixed;
color: #000;
padding-bottom: 1em;
}

/* Teksti Boxi */
input.t, input.tcustom, textarea, .xhtmleditor {
background-image: url(https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/J9H9WF0/blue-turquoise-gradient-polygon-shaped-background-zoomed-in-and-zoomed-out-in-one-motion_nj5dnqsrl__F0000.png);
background-size: cover;
background-attachment: fixed;
color: #000;
padding: 0.1em 0.2em;
margin: 0.1em 0em;
border: 0.1em solid #B4C0D1;
border-radius: 0.25em;
-webkit-background-clip: padding-box;
}
article article, div.framelessimage, .eventmodify div.question {
color: #FF0303;
background: #fff;
border: solid 0.1em #b4c0d1;
-moz-box-shadow: 0em 0em 0.2em #ccc;
-webkit-box-shadow: 0em 0em 0.2em #ccc;
box-shadow: 0em 0em 0.5em rgba(0, 0, 0, 0.25);
border-radius: 0.25em;
-webkit-background-clip: padding-box;
}
/* Asetuksia, ei kannata koskea */
.maincontentwithnavigation > .contentwrapper > .content > .maincontent {
float: left;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0em;
padding: 0em;
padding-right: 0em;
}

/* Julkisen Kuvaus (proffakuvan alla) */
aside .persondescription {
font-size: 1.7em;
color: #FF0303;
}

/* Banner */
body > header
{
background: transparent;
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
background-size: 100%;
background-position: 0em 50%;
border-bottom: solid 0.1em #000;
}

/* Pohjalla oleva boxi */
body > footer {
color: #000;
background-image: url(https://s-media-cache-ak0.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
background-size: cover;
background-attachment: fixed;
}

/* Jaa napin muutto
.actions.important a, .actions.important a:visited, .actions.important a:link {
background-color: #c65021;
background-image: url(https://media.giphy.com/media/MK3MCHd2ZCwKY/giphy.gif);
border-radius: 1em;
-webkit-background-clip: padding-box;
}

/* Tekstin väri */
h1 a, h1 a:link, h1 a:visited {
color: #FF0000;
}

/* Vasemmalla oleva teksti */
nav.main h2 {
display: none;
font-size: 2em;
font-weight: 300;
margin: 0 0 0.25em 0;
color: #FFF;
}

/* Muokkaa Tyyliä Paikka */
body > main, body.modify > main, body > footer {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
}

body.modify > main > article {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
}

body > header, body.modify > main > article > header {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
}

label, legend {
font-size: 0.9em;
color: #fff;
}

/* Teksti Boxi, mikä on jo kirjoitettu (luettava) */
article article, div.framelessimage, .eventmodify div.question {
color: #FF0303;
background: #a9a9a9;
border: solid 0.1em #b4c0d1;
-moz-box-shadow: 0em 0em 0.2em #ccc;
-webkit-box-shadow: 0em 0em 0.2em #ccc;
box-shadow: 0em 0em 0.5em rgba(0, 0, 0, 0.25);
border-radius: 0.25em;
-webkit-background-clip: padding-box;
}

article article.document > header ul.actions {
background: #a9a9a9;
border-left-color: #00f;
}