/* SIVUN TAUSTAN YLEISET ASETUKSET */

body {margin:0px; padding:10px 0px 20px 0px; background-color:gray}

		/* BANNERI */

#banner {border-bottom:4px solid black; display:block;
-moz-border-bottom-colors:silver #6A5ACD black black;
}

		/* PÄÄKEHYS */

#main, #main_kuvia
{	
	width:700px; margin-left:auto; margin-right:auto; min-height:480px;
	border-width:1px 2px; border-style:solid; border-color:silver;

	background:white url(images/logot.gif) no-repeat 25px 450px;
			/* --------- Selainkohtaiset kokoasetukset pääkehykselle --------- */
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-o-box-sizing:content-box;
	-icab-box-sizing:content-box;
	-khtml-box-sizing:content-box;
			/* --------- Selainkohtaiset asetukset alakulmien pyöristykselle --------- */
	-moz-border-radius:0 0 15px 15px;
	-webkit-border-bottom-right-radius:15px; -webkit-border-bottom-left-radius:15px;
	border-radius:0 0 15px 15px;
}

			/* --------- Pääkehyksen varjon asetukset muualla kuin Kuvia-sivulla --------- */

#main 
{
	-webkit-box-shadow:1px 1px 20px black;
	-moz-box-shadow:1px 1px 20px black;
	box-shadow:1px 1px 20px black;
}




		/* NAVIGOINTIPALKKI */

#navi {width:170px; float:left; margin:30px 0px 20px 15px; background-color:white;
	box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box}
#navi a, #current {display:block; padding:6px 0px 6px 30px; border-width:1px 1px 0px 1px; border-style:solid; border-color:white;
	text-decoration:none; letter-spacing:0.07em;}
#navi a {font:12px arial,helvetica,sans-sefif; color:white; background:#5D2D29 url(images/navitausta.jpg) repeat-y}
#navi a:hover {background:#933000 url(images/navitausta_current.jpg) repeat-y}
#current {font:13px arial,helvetica,sans-sefif; color:yellow; background:#933000 url(images/navitausta_current.jpg) repeat-y}
#navi img {display:block}




		/* TIEDOTE */
		
#navi div#tiedote {width:170px; margin-top:40px; border:2px solid #C00000;
	font:12px arial,helvetica,sans-serif; padding:5px 3px 5px 5px;
	box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px}
#navi div#tiedote a {display:inline; color:blue; background:none; padding:0px; text-decoration:underline; border:none;
	text-align:left; letter-spacing:0px; margin:none}
#navi div#tiedote a:hover {background-color:none; background-image:none}





		/* TEKSTI */
		
#text {width:auto; margin:30px 20px 30px 220px; font:12px/18px arial,helvetica,sans-serif;
box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}

h3 {font:17px "Lucida Sans Unicode","Lucida Grande",arial,helvetica,sans-serif; color:#8B0000;
border-bottom:3px double #8B0000}

#text a {color:blue}


		/* HARJOITUSAJAT-SIVU */
		
.harjoitusajat td {padding-right:15px; font:11px verdana,arial,helvetica,sans-serif}
caption {font-weight:bold; text-align:left}

		/* PERUSKURSSILOMAKE-SIVU */

form {font:11px verdana,arial,helvetica,sans-serif}
.pakollinen {color:red}
#roskapostihuijaus {display:none; margin-bottom:15px; font:12px arial,helvetica,sans-serif;
color:red; background-color:trensparent}

		/* KUVIA-SIVU */

.kuvia img {margin-right:3px; margin-bottom:3px; border:1px solid black; cursor:pointer}
		
#isokuva_wrapper {position:fixed; z-index:10; border:1px solid gray; display:none; background-color:white;
box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-box-sizing:content-box;
box-shadow:1px 1px 10px black; -moz-box-shadow:black 1px 1px 10px; -webkit-box-shadow:1px 1px 10px black}
#isokuva_drag {width:inherit; height:20px; padding-right:1px; cursor:move;
text-align:right; background:#933000 url(images/navitausta_current.jpg) no-repeat top left}
#isokuva_drag a {font:bold 13px arial, helvetica; text-decoration:none; color:white}
.ruksi {padding:1px 3px 1px 3px; font:bold 14px arial,helvetica, sans-serif; color:white; background-color:red}
#isokuva_result img {display:block; border-top:1px solid gray}

				/* Kuvan avaamisesta johtuvat kikkailut */
			
.main {box-shadow:1px 1px 20px black; -webkit-box-shadow:1px 1px 20px black; -moz-box-shadow:black 1px 1px 20px}
.blurred {opacity:0.20; -moz-opacity:0.20; -khtml-opacity:0.20}

		/* VIRHEILMOITUSSIVU, MIKÄLI LOMAKKEEN LÄHETYS EPÄONNISTUI */
	
.noscript {font-weight:bold; font-size:13px; color:red}