body {
	margin:0px 0px 0px 0px;
	font-family:Verdana,Arial,Sans;
	font-size:10pt;
	text-align:center;
	color:#c0c0c0;
	background-color:#330000;
	background-image:url("../pics/bg.gif");
	background-repeat:repeat-x;
}

p {
	margin-top:20px;
	margin-bottom:20px;
}

/*
 OTSIKOT
*/

	h1{
		margin-top:40px;
		margin-bottom:30px;
		font-size:14pt;
		font-weight:normal;
	}

	h2{
		margin-top:40px;
		font-size:10pt;
		border-bottom:1px solid #800000;
	}

	h3{
		margin-top:30px;
		font-size:10pt;
	}

/*
 VIESTIT
*/
	p.error, p.success {
		padding:15px 15px 15px 45px;
		background-repeat:no-repeat;
		background-position:left center;
	}

	p.success {
		background-image:url("../pics/success.gif");
	}
	
	p.error
	{
		background-image:url("../pics/warning.gif");
	}

/*
 LAYOUT
*/

	div#layout, div#leftnavi, div#content, div.adds {
		background-color:#0c0c0c;
		text-align:left;
	}

	div.adds, div#topnavi, div#layout, div#banner, div#footer {
		margin:auto;
		clear:both;
	}

	div#layout, div.adds {
		width:950px;
	}

	div#layout {
		border:1px solid #800000;
	}

	div#content {
		// width:709px;
		width:800px;
		float:right;
		padding:0 60px 40px 0;
	}

	div.adds {
		padding:2px 0 2px 0;
		text-align:center;
		border-left:1px solid #800000;
		border-right:1px solid #800000;
	}

	div#banner {
		margin-bottom:0px;
		background-image:url("../pics/banner.gif");
		background-repeat:no-repeat;
		height:80px;
		position:relative;
	}

	div#banner span {
		padding:0 5px 5px 0;
		color:#c0c0c0;
		text-align:right;
		font-size:8pt;
		font-weight:bold;
		position:absolute;
		right:5px;
		bottom:5px;
	}

	div#footer {
		font-size:8pt;
		border-top:1px solid #800000;
		padding:10px 0px 10px 0px;
		text-align:center;
	}


/*
 NAVIGATION
*/
	a:link, a:visited {
		text-decoration:none;
		color:#800000;
	}

	a:hover, a:active {
		text-decoration:underline;
		color:#ff0000;
	}


	div#topnavi {
		text-align:center;
		padding-left:80px;
		background-color:#800000;
	}

		#topmenu, #topmenu li {
			margin: 0px;
			padding:5px 0px 5px 0px;
			text-align:left;
		}

		#topmenu {
			list-style-type: none;
			width:100%;
			text-align:left;
		}

		#topmenu li {
			display: inline;
			text-align:center;
		}

		#topmenu li a:link, #topmenu li a:visited { 
			text-decoration: none;
			color:#ffffff;
			padding:5px 10px 5px 10px;
		}

		#topmenu li a:hover, #topmenu li a:active {
			background-color:#0c0c0c;
		}


	div#leftnavi {
		border-right:1px dashed #800000;
		border-bottom:1px dashed #800000;
		width:150px;
		float:left;
		padding-bottom:5px;
	}

		#leftmenu, #leftmenu li {
			padding: 0px;
			margin: 0px;
		}
		
		#leftmenu {
			list-style-type: none;
		}

			#leftmenu li {
				text-align:left;
				display: inline;
			}

			#leftmenu li a:link, #leftmenu li a:visited {
				text-decoration: none;
				display: block;
				padding:5px 2px 5px 7px;
				width:135px;
				font-size:8pt;
				color:#c0c0c0;
			}

			#leftmenu li a:hover, #leftmenu li a:active {
				text-decoration:underline;
			}

			#leftmenu li.navititle {
				display: block;
				padding:15px 2px 10px 7px;
				width:135px;
				font-weight:bold;
				color:#ffffff;
				font-size:8pt;
				text-align:center;
				border-bottom:1px dashed #800000;
				margin-bottom:5px;
			}


		#pikalinkit, #pikalinkit li {
			padding: 0px;
			margin: 0px;
		}
		
		#pikalinkit {
			list-style-type: none;
		}

			#pikalinkit li {
				display: inline;
				text-align:left;
				font-size:8pt;
			}

			#pikalinkit li a:link, #pikalinkit li a:visited {
				text-decoration: none;
				display: block;
				padding:2px 2px 2px 7px;
				width:135px;
				color:#800000;
			}

			#pikalinkit li a:hover {
				text-decoration:underline;
			}

			#pikalinkit li a:active {
				color:#800000;
			}

			#pikalinkit li.navititle{
				display: block;
				font-weight:bold;
				color:#c0c0c0;
				padding:5px 0 5px 7px;
				width:143px;
			}

/*
 FORMS
*/

	form{
		margin:0px;
		padding:0px;
	}

	input.normal, input.large, textarea, select {
		padding:3px;
		background-color:#330000;
		border:1px solid #800000;
		color:#ffffff;
		margin:1px;
	}

	option {
		background-color:#330000;	
		color:#ffffff;
	}

	input.normal {
		width:150px;
	}

	input.large {
		width:250px;
	}

/*
 TODELLISET KAUHUTARINAT -SIVU
*/

	p.page_numbers {
		text-align:center; 
		padding-bottom:10px; 
		font-size:12pt;
	}


/*
 FOBIAT-SIVU
*/
	#fobiaLista p.letter {
		font-size:16pt;
	}

	.fobiarivi a {
		display:block;
		float:left;
		width:150px;
	}

/*
 TESTIT-SIVU
*/
	table.testilista {
		margin:15px 0 15px 0;
	}
	
	table.testilista td {
		vertical-align:top;
	}

	table.testilista th {
		font-size:12pt;
		text-align:center;
	}

	span.testi {
		text-align:center;
		display:block;
		width:200px;
		padding:10px;
		background-color:#111111;
		border:1px solid #800000;
		margin:2px;
	}

	span.testi:hover {
		background-color:#000000;
		border-color:#ff0000;
	}

	p#testitulos {
		text-align:center;
		width:140px;
		padding:20px;
		border:1px solid #ff0000;
		background-color:#111111;
		font-size:26pt;
        	background-image:url("../pics/bg.gif");
        	background-repeat:repeat-x;
		margin:auto;
	}

	p#testitulos_label {
                text-align:center;
                font-size:12pt;
		padding:0 0 20px 0;
                margin:auto;
        }

		p#testitulos_label span#testiuser {
			font-weight:bold;
			color:#ff0000;
		}

	table#elokuvat2 td {
		text-align:center; 
		vertical-align:top;
		padding-top:20px;
	}

	table#elokuvat2 td img {
		border:1px solid #C0C0C0;
		margin:10px 5px 5px 5px;
	}

	input.normal-ok {
		background-color:#072000;
		border:1px solid #008000;
		color:#ffffff;
		padding:3px;
		margin:1px;
	}

	.question {
		display:none;
	}

/* 
	LEGENDAT
*/

	.small {
		font-size:8pt;
	}


/*
	ARVOSTELUT
*/
	a span.alt { display: none; }

	a#arvostelu_link_good, a#arvostelu_link_bad {
		display: block;
		width: 30px;
		height: 30px;
		margin-right:5px;
	}

	a#arvostelu_link_good {
		float:left;
		background-image: url(/pics/smiley_green_gray_small.png);
	}

	a#arvostelu_link_good:hover {
		background-image: url(/pics/smiley_green_small.png);
	}

	a#arvostelu_link_bad {
		float:left;
		background-image: url(/pics/smiley_red_gray_small.png);
	}

	a#arvostelu_link_bad:hover {
		background-image: url(/pics/smiley_red_small.png);
	}

	tr#tarina-arvio td {
		padding:5px 5px 0px 5px;
	}

	div#raportoi {
		text-align:left;
		position:absolute;
		border:1px solid #ff0000;
		background-color:#000000;
		width:200px;
		padding:5px;
	}

		div#raportoi .sulje {
			width:100%;
			text-align:center;
			background-color:#c0c0c0;
		}