/* SIVUN TAUSTAN YLEISET ASETUKSET */

body {margin:0px; padding:10px 0px 20px 0px; background-color:gray}
img {display:block}						/* Poistaa kuvien turhan alamarginaalin Mozillassa */
div > :first-child {margin-top:0px}		/* Poistetaan turha ylamarginaali div-elementeista */


		/* PAAKEHYS, jossa kaikki sisalto */

#container, #container_kuvia {margin:0 auto; width:700px; border:1px solid gray;
	background-color:white; color:black;
	box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-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;
}

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


		/* YLAKEHYS, jossa banneri*/

#header {border-bottom:1px solid black}


		/* APUKEHYS, pitaa sisallaan navipalkin ja tekstikehyksen */

#content-container {float:left; width:100%; font:12px/18px arial,helvetica,sans-serif; border-top:1px solid silver}

			/* NAVIGOINTIPALKKIKEHYS */

#navi {width:170px; clear:left; float:left; display:inline; 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}

				/* Sivulinkit */

#navi * {box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box}
#navi ul {width:170px; margin:0; padding:0; list-style-type:none; font-family:arial,helvetica,sans-sefif;
letter-spacing:0.07em; background:#5D2D29 url(images/navitausta.jpg) repeat-y}
#navi li {border-width:1px; border-style:solid; border-color:silver black black gray}
#navi li:hover {background:#933000 url(images/navitausta_current.jpg) repeat-y}
#navi a, #navi .current {padding:4px 0px 4px 30px}
#navi a {display:block; font-size:12px; text-decoration:none; color:white}
#navi .current {font-size:13px; color:yellow; background:#933000 url(images/navitausta_current.jpg) repeat-y}
				

			/* TEKSTIKEHYS, pitaa sisallaan navipalkin ja tekstikehyksen */

#teksti {float:right; width:460px; margin:30px 15px 0 0; display:inline}
#teksti h3 {font:17px "Lucida Sans Unicode","Lucida Grande",arial,helvetica,sans-serif; color:#8B0000;
border-bottom:3px double #8B0000}
#teksti a {color:blue}



#footer {clear:both; height:15px}



		/* YKSITTAISTEN SIVUJEN ASETUKSIA */
		
			/* PERUSKURSSILOMAKE */

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}
.noscript {font-weight:bold; font-size:13px; color:red}

			/* KUVIA */

.kuvia img {display:inline; 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 */
			
.container {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}

			/* HARJOITUSAJAT */

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