/*  
Theme Name: KK1
Version: 1.0
*/



* 		{
		margin: 0;
		padding: 0;
		}

body 		{  
		font-family: arial, verdana;
		background: #412C2C url(kuvat/yla.png) repeat-x;
		text-align: center;
		} 	

/* Ulkoasun perusosat
---------------------------------------------*/

#kehys		{
		width: 801px;
		margin: 0 auto;
		text-align: left;
		}

#header		{
		width: 801px;
		height: 150px;
		}

#sisaltobox	{
		width: 801px;
		margin-bottom: 2em;
		padding: 16px 0 16px 0;
		background-color: white;
		}

#sisus		{
		width: 769px;
		margin-left: 16px;
		background-image: url(kuvat/boxitausta.gif);
		}

.vasen		{
		width: 455px;
                min-height: 250px;
		float: left;
		color: #333333;
		text-align: justify;
		}

#paasisalto	{
		width: 352px;
		font-size: 80%;
		color: #333333;
		text-align: justify;
		margin: 12px 0 12px 20px;
		}

#oikea		{
		width: 268px;
		float: right;
		font-size: 80%;
		color: #D2AFAF;
		text-align: justify;
		margin: 12px 22px 12px 0;
		}

#footer		{
		width: 769px;
		clear: both;
		}

/* Eri sivujen taustat
---------------------------------------------*/

.etusivutausta	{
		background: url(kuvat/etusivutausta.gif) no-repeat;
		}

.tietoatausta	{
		background: url(kuvat/tietoatausta.gif) no-repeat;
		}

.elokuvattausta	{
		background: url(kuvat/elokuvatausta.gif) no-repeat;
		}

.vierastausta	{
		background: url(kuvat/vierastausta.gif) no-repeat;
		}

.arkistotausta	{
		background: url(kuvat/arkistotausta.gif) no-repeat;
		}

.uutinentausta	{
		background: url(kuvat/uutinentausta.gif) no-repeat;
		}

/* Linkit 
---------------------------------------------*/

a               {
                color: #71664D;
                text-decoration: underline;
                }

a:hover         {
                color: #663333;
                text-decoration: underline;
                }

#oikea a        {
                color: #CC9999;
                text-decoration: underline;
                }

#oikea a:hover  {
                color: #FFCCCC;
                text-decoration: underline;
                }

.tiedot a, .tiedot a:hover, .siirrynta a, .siirrynta a:hover
		{
		text-decoration: none;
		}

.vasen h2 a	{
		color: #444444;
		text-decoration: none;
		}

.vasen h2 a:hover
                {
		color: #663333;
		text-decoration: none;
		}

/* Teksti 
---------------------------------------------*/

p
		{
		margin: 1em 0 1em 0;
		line-height: 150%;
		}

.tiedot		{
		padding: 3px 15px 1px 15px;
		margin-bottom: 1em;
		text-align: left;
		border: 2px solid #ABA28D;
		background-color: #CAC0AA;
		}

.mainos		{
		padding: 1px 8px 1px 8px;
                font-size: 85%;
                margin-bottom: 20px;
                color: #4A473F;
		background-color: #CAC0AA;
		}

.siirrynta	{
                height: 19px;
		padding: 3px 15px 1px 15px;
		margin-bottom: 1em;
		border: 2px solid #ABA28D;
		background-color: #CAC0AA;
		}

.kuvateksti	{
                font-size: 85%;
		}

h1 a		{
		width: 261px;
		height: 42px;
		margin: 18px 0 0 255px;
		display: block;
		overflow: hidden;
		text-indent: -5000px;
		float: left;
		background: url(kuvat/logo.png) no-repeat;
		}

h2		{
		font-family: "Trebuchet MS", verdana;
		font-size: 140%;
		font-weight: bold;
		color: #444444;
		margin-bottom: 10px;
		border-bottom: 1px solid #444444;
		}

#oikea h2	{
		color: #bb9999;
		border-bottom: 1px solid #bb9999;
		}

h3              {
		font-family: "Trebuchet MS", verdana;
		font-size: 120%;
		color: #444444;
                }

#oikea h3       {
		color: #CC9999;
                }

.sivukorostus	{
		padding: 8px 15px 1px 15px;
		margin-bottom: 1em;
		text-align: left;
		border: 2px solid #8B6B6B;
		background-color: #9C7A7A;
		}

.korostus	{
		padding: 5px 15px 1px 15px;
		margin-bottom: 1em;
		text-align: left;
		border: 2px solid #ABA28D;
		background-color: #CAC0AA;
		}

.center		{
		text-align: center;
		}

.kommenttifaktat{
		font-size: 80%;
                color: #BC9A9A;
                border-top: 1px solid #BC9A9A;
		}

#vieraslista .kommenttifaktat
                {
		font-size: 80%;
                margin-bottom: 0;
                color: #333333;
                border-top: 1px solid #ABA28D;
		}

.vastausviiva   {
                padding-top: 10px;
                border-top: 1px solid #ABA28D;
		}

.vasemmalle     {
                float: left;
                margin: 0 0 0 0;
                }

.oikealle       {
                float: right;
                margin: 0 0 0 0;
                }

.pienennys      {
                font-size: 95%;
                }

.criminal       {
                margin-bottom: 160px;
                }

.alatiedot      {
                margin-bottom: 26px;
                }

/* Listat
---------------------------------------------*/

ul 		{ 
		list-style-type: disc;
		margin: 1em 0 1em 20px;
		}

ol 		{
		list-style-type: decimal;
		margin: 1em 0 1em 20px;
		}

#skip		{
		display: none;
		}

#nav		{
		margin: 53px 0 0 195px;
		display: inline;
		float: left;
		}

.valjalista li 	{
                text-align: left;
                margin-bottom: 7px;
		}

#nav li		{
		display: inline;
		}

#nav li a	{
		height: 18px;
		margin-right: 20px;
		display: block;
		overflow: hidden;
		text-indent: -5000px;
		float: left;
		}

#etusivu a	{
		width: 74px;
		background: url(kuvat/etusivu.gif) no-repeat;
		}

#tietoa a	{
		width: 66px;
		background: url(kuvat/tietoa.gif) no-repeat;
		}

#elokuvat a	{
		width: 90px;
		background: url(kuvat/elokuvat.gif) no-repeat;
		}

#vieraskirja a	{
		width: 113px;
		background: url(kuvat/vieraskirja.gif) no-repeat;
		}

#etusivu a:hover{
		background: url(kuvat/etusivuh.gif) no-repeat;
		}

#tietoa a:hover{
		background: url(kuvat/tietoah.gif) no-repeat;
		}

#elokuvat a:hover
		{
		background: url(kuvat/elokuvath.gif) no-repeat;
		}

#vieraskirja a:hover
		{
		background: url(kuvat/vieraskirjah.gif) no-repeat;
		}

#kommenttilista {
                list-style: none;
                list-style-type: none;
                margin: 1em 0 1em 0;
                }

#kommenttilista li
                {
		padding: 8px 15px 1px 15px;
		margin-bottom: 1em;
		text-align: left;
		border: 2px solid #8B6B6B;
		background-color: #937373;
                }

#vieraslista    {
                list-style: none;
                list-style-type: none;
                margin: 1em 0 1em 0;
                }

#vieraslista li {
                margin: 0 0 1em 0;
		padding: 5px 15px 1px 15px;
		text-align: left;
		border: 2px solid #ABA28D;
		background-color: #CAC0AA;
                }

/* Lomakkeet 
---------------------------------------------*/

input 		{
                width: 225px;
		padding: 3px;
		border: 2px solid #8B6B6B;
		background: #D2AFAF;
		}

#comsubmit 	{
                width: 235px;
		}

textarea	{
                width: 225px;
		padding: 3px;
		border: 2px solid #8B6B6B;
		background: #D2AFAF;
		}

.vasen input 	{
                width: 306px;
		padding: 3px;
		border: 2px solid #ABA28D;
		background: #D0C6B2;
		}

.vasen textarea	{
                width: 306px;
		padding: 3px;
		border: 2px solid #ABA28D;
		background: #D0C6B2;
		}

.vasen #comsubmit
                {
                width: 130px;
		}

#maara          {
                width: 20px;
                }

#etu, #suku, #emaili, #postinum, #postitoim          
                {
                width: 140px;
                }

#submitti       {
                width: 60px;
                margin-top: 20px;
                font-weight: bold;
                }

/* Kuvat 
---------------------------------------------*/

img, a img      {
                border: 4px solid #ABA28D;
                }

#oikea img, #oikea a img
                {
                border: 4px solid #745757;
                }


/* Java-kello 
---------------------------------------------*/

.lcdstyle       {
                background-color:black;
                color:lime;
                font: bold 18px MS Sans Serif;
                padding: 3px;
                }

.lcdstyle sup   {
                font-size: 80%
                }