// TÄMÄ MÄÄRITTÄÄ CSS TYYLITIEDOSTON

var vaalea = "rgb(177,251,96)";
var keskivari = "rgb(135,130,230)";
var tumma = "rgb(47,141,0)";
var perusvihrea = "rgb(97,191,26)";

var linkit = perusvihrea; 
var linkitpaalla = tumma; //"rgb(46,150,26)";

var valkoinen = "rgb(255,255,255)";
var musta = "rgb(0,0,0)";
var harmaa = "rgb(200,200,200)";

// SEURAAVAT TYYLIMÄÄRITTELYJEN MUUTTUJIA
var fontit = "font-family: verdana, tahoma, arial;";
var pieni_koko = "font-size: 10px;";
var lainaus_koko = "font-size: 12px;";
var perus_koko = "font-size: 13px;";
var iso_koko = "font-size: 16px;";
var h1_koko = "font-size: 25px;";
var h2_koko = "font-size: 20px;";
var h3_koko = "font-size: 16px;";
var paalinkki_koko = "font-size: 14px;";

var bold = "font-weight: bold;";
var normaalifontinpaksuus = "font-weight: normal;";
var italic = "font-style: italic;";

var ei_mitaan = "text-decoration: none;";
var alleviivaus = "text-decoration: underline;";

var tumma_vari = "color: " + tumma + ";";
var vaalea_vari = "color: " + vaalea + ";";
var musta_vari = "color: " + musta + ";";
// NÄMÄ OVAT ERIKSEEN VIRHEEN JA EI VIRHEEN ILMOITUKSIA
var punainen_vari = "color: red;";
var vihrea_vari = "color: " + perusvihrea + ";";
var linkki_vari = "color: " + linkit + ";";
var linkitpaalla_vari = "color: " + linkitpaalla + ";";
var valko_vari = "color: " + valkoinen  +";";

// MÄÄRITETÄÄN ERITYYPPISIÄ TAUSTOJA
var vaalea_tausta = "background: " + vaalea + ";";
var keski_tausta = "background: " + keskivari + ";";
var tumma_tausta = "background: " + tumma + ";";
var valko_tausta = "background: " + valkoinen + ";";
var musta_tausta = "background: " + musta + ";";
var harmaa_tausta = "background: " + harmaa + ";";
var vihrea_tausta = "background: " + perusvihrea + ";";

// MUITA VÄRIMUUTTUJIA
var reuna_vari = "border-color: " + tumma + ";";      
var vaalea_reuna_vari = "border-color: " + vaalea + ";";      

// REUNAMUUTTUJIA
var reuna_leveys = "border-width: 1px;";
var reuna_tyyli = "border-style: ridge;";

// TYYLI MÄÄRITTELYT

document.write("<style type=\"text/css\">");

// YLEISET KAIKKIIN
document.write("html, body {"); 
document.write("margin: 0px;");
document.write("padding: 0px;");
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write(vihrea_tausta);
document.write("}");

document.write("form {");
document.write("margin: 0px;");
document.write("padding: 0px;");
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write("}");

// PERUS
document.write("p, table, tr, td {"); 
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write(valko_tausta);
document.write("}");

// PIENI KOKO
document.write(".pieni {"); 
document.write(pieni_koko);
document.write("}");

// ISO KOKO
document.write(".iso {"); 
document.write(iso_koko);
document.write("}");

// UUTISOTSIKKO
document.write(".uutisotsikotNOLINK {");
document.write(tumma_vari);
document.write(h2_koko);
document.write(bold);
document.write("}");

// OTSIKOT
document.write("h1 {");
document.write("border-bottom: 0px groove;"); 
document.write(fontit);
document.write(tumma_vari);
document.write(h1_koko);
document.write(bold);
document.write("}");

document.write("h2 {"); 
document.write("border-bottom: 0px groove;");
document.write(fontit);
document.write(tumma_vari);
document.write(h2_koko);
document.write(bold);
document.write("}");

document.write("h3 {"); 
document.write("border-bottom: 0px groove;");
document.write(fontit);
document.write(vaalea_vari);
document.write(h3_koko);
document.write(bold);
document.write("}");

document.write(".paakoko {");
document.write(paalinkki_koko);
document.write(bold);
document.write("}");

// INPUT KENTÄT
document.write("input, textarea, select {");
document.write(fontit);
document.write(perus_koko);
document.write(vaalea_tausta);
document.write(reuna_vari);
document.write(reuna_leveys);
document.write(reuna_tyyli);
document.write("}");

// OPTIONIT
document.write("option {");
document.write(fontit);
document.write(perus_koko);
document.write(vaalea_tausta);
document.write("}");

// LINKIT
document.write("a {");
document.write(fontit);
document.write(linkki_vari);
document.write("}");

document.write("a:link, a:active, a:visited {"); 
document.write(ei_mitaan);
document.write("}");

document.write("a:hover {"); 
document.write(alleviivaus);
document.write(linkitpaalla_vari);
document.write("}");

// PÄÄÄLINKIT
document.write("a.paa {");
document.write(linkki_vari);
document.write(fontit);
document.write(paalinkki_koko);
document.write(bold);
document.write("}");

document.write("a.paa:link, a.paa:active, a.paa:visited {"); 
document.write(ei_mitaan);
document.write("}");

document.write("a.paa:hover {"); 
document.write(valko_vari);
document.write(ei_mitaan);
document.write(vihrea_tausta);
document.write("}");

// UUTISOTSIKKOLINKIT
document.write("a.uutisotsikot {");
document.write(tumma_vari);
document.write(h2_koko);
document.write(bold);
document.write("}");

document.write("a.uutisotsikot:link, a.uutisotsikot:active, a.uutisotsikot:visited {"); 
document.write(ei_mitaan);
document.write("}");

document.write("a.uutisotsikot:hover {"); 
document.write(ei_mitaan);
document.write("}");

// KUVALLINEN VIHREÄ
document.write(".vihreakuvabg {"); 
document.write("background-image: url('kuvat/logon_vihrea.png');");
document.write("}");

// FOORUMIN TYYLKENTÄT
document.write("textarea.uusiviesti {");
document.write("overflow: scroll;");
document.write("overflow-y: scroll;");
document.write("overflow-x: hidden;");
document.write("overflow:-moz-scrollbars-vertical;");
document.write("}");

document.write("input.bold {");
document.write(bold);
document.write("}");

document.write("input.italic {");
document.write(italic);
document.write(normaalifontinpaksuus);
document.write("}");

document.write("input.underline {");
document.write(alleviivaus);
document.write(normaalifontinpaksuus);
document.write("}");

document.write("input.url {");
document.write(normaalifontinpaksuus);
document.write("}");

document.write("input.vaihtoteksti {");
document.write(normaalifontinpaksuus);
document.write("border: none;");
document.write("padding: 0px;");
document.write(valko_tausta);
document.write("}");

document.write(".lainaus {");
document.write("margin-left: 40px;");
document.write("padding: 3px;");
document.write(lainaus_koko);
document.write(vihrea_tausta);
document.write(italic);
document.write(reuna_vari);
document.write(reuna_leveys);
document.write(reuna_tyyli);
document.write("}");


// TAUSTAVÄRIT
taustat = new  Array('.vaaleabg','.keskibg','.tummabg','.valkobg',
		     '.mustabg','.harmaabg','.vihreabg');
taustavarit = new Array(vaalea_tausta,keski_tausta,tumma_tausta,valko_tausta,
			musta_tausta,harmaa_tausta,vihrea_tausta);

for (k=0 ; k<taustat.length ; k++){
  document.write(taustat[k] + "{"); 
  document.write(taustavarit[k]);
  document.write("}");
}

// PÄÄLINKIN PÄÄLLÄ OLEVA BG
document.write(".paalinkkipaallabg {"); 
document.write(paalinkki_koko);
document.write(bold);
document.write(ei_mitaan);
document.write(vihrea_tausta);
document.write(valko_vari);	
document.write("border: 1px solid;");
document.write("border-color: " + tumma + ";");
document.write("padding: 3px;");
document.write("cursor: pointer;cursor: hand;");
document.write("}");

document.write(".paalinkkipoisbg {"); 
document.write(paalinkki_koko);
document.write(bold);
document.write(ei_mitaan);
document.write(valko_tausta);
document.write(vihrea_vari);
document.write("border: 1px solid;");
document.write("border-color: " + valkoinen + ";");
document.write("padding: 3px;");
document.write("}");

document.write("</style>");