@charset 'utf-8';
/*
*
*		Viu
*
*		style.css
*
*/


/* FONTIT  */

	a{ text-decoration:underline; color:#94194d; }
		a:hover{ text-decoration:none; }

	body, p, h1, h2, h3, h4, ul, ol, li, input, textarea{ font-family:arial, sans-serif; }
	h1{ font-size:15px; text-transform:uppercase; padding:0px 0px 0px 10px; line-height:69px; font-weight:bold; margin:0px 0px 10px 0px; color:#fff; height:69px; background-image:url(../images/bg_h1.png); background-repeat:no-repeat; }
		h1 select{ font-size:12px !important; text-transform:none !important; color:#000 !important; }
	h2{ font-size:16px; text-transform:none; font-weight:bold; margin:0px 0px 10px 0px; color:#94194d; }
		.kotiottelu{ font-size:25px; letter-spacing:-2px; color:#000; }
	h3{ font-size:14px; text-transform:none; font-weight:bold; margin:0px 10px -6px 0px; padding:0px 0px 0px 30px; height:29px; line-height:29px; color:#94194d; background-image:url(../images/newsbullet.png); background-repeat:no-repeat; }
	p{ font-size:12px; color:#454545; line-height:150%; margin:0px 0px 15px 0px; }
		.sarjataulukko{ font-family:courier !important; }


/* FORMIT  */

	input, textarea{ font-size:12px; color:#6e6e6e; background-image:url(../images/bg_input.png); background-repeat:repeat-x; background-position:bottom; border:2px solid #cccccc; }

	.txtInput{ width:230px; height:18px; line-height:20px; }
	.txtArea{ width:230px; height:70px; line-height:20px; }


/* YLEISET */

	body{ height:100%; background-image:url(../images/bg2.jpg); background-repeat:repeat-y; background-position:center top; background-color:#8c1346; }
	#topSpacer{ width:948px; height:150px; }
	#main{ position:absolute; top:0; left:50%; height:100%; margin:0px auto auto -491px; width:982px; text-align:left; }
	#banner{ margin:5px 5px 5px 20px; position:absolute; z-index:99; width:948px; height:148px; overflow:hidden; background-image:url(../images/logo.png); background-repeat:no-repeat; }
		.bannerPlace{ width:728px; height:90px; margin:27px 0px 0px 205px; }
	#footer{ text-align:center; position:fixed; bottom:0; margin:0px 0px 0px 20px; z-index:200; width:948px; height:41px; overflow:hidden; background-image:url(../images/bg_footer.png); font-size:11px; color:#6e6e6e; }
	#navContainer{ margin:0px 0px 0px 20px; position:absolute; width:194px; z-index:100;}
		.navHead{ width:194px; height:30px; background-image:url(../images/sprite_nav.png); background-repeat:no-repeat; overflow:hidden; }
		.navMiddle{ width:194px; background-image:url(../images/bg_nav.png); background-repeat:repeat-y; }
			.navTop{ background-position:0px 0px; }
			.navBottom{ background-position:0px -30px; }
	#mainContainer{ width:763px; position:absolute; z-index:102; margin:0px 0px 0px 208px; }
		.mainHead{ width:763px; background-image:url(../images/sprite_main.png); background-repeat:no-repeat; }
		.mainMiddle{ width:763px; background-image:url(../images/bg_main.png); background-repeat:repeat-y; }
			.mainTop{ width:763px; height:25px; overflow:hidden; background-position:0px 0px; }
			.mainBottom{ width:763px; height:25px; overflow:hidden; background-position:0px -25px; }

	.eraser{ clear:both; }
	#bottomSpacer{ clear:both; height:30px; }
	.margins{ margin:5px 0px 5px 0px; }
	.margins2{ margin:15px 0px 15px 0px; }


/* KUVAGALLERIA  */

	a.galleryThumb{ display:block; float:left; margin:0px 20px 20px 0px; }
		a.galleryThumb img{ border-collapse:collapse; border:3px solid #fff; }
		a:hover.galleryThumb img{ border:3px solid #ccc; }

/* YHTEISTYÖ ja LINKIT  */

	a.yhteistyo, a.linkit{ display:block; float:left; margin:0px 15px 10px 0px; }
		a.yhteistyo img{ border:1px solid #ccc; }
	a.linkit{ border:1px solid #ccc; }
	a.linkit img{ margin:10px; }
        
        .nolink { display:block; float:left; margin:0px 15px 10px 0px; }
	.nolink { border:1px solid #ccc; }


/* KALENTERI  */

	span.calTime{ display:block; padding:5px; color:#6e6e6e; border-right:1px solid #ccc; margin:0px 7px 7px 0px; font-size:11px; float:left; }


/* NEWS  */

	div.newsImgContainer{ float:right; margin:0px 10px 10px 10px; width:300px; text-align:center; }
	.newsThumb{ display:block; float:left; }
	span.newsImgHeading{ display:block; padding:5px 10px 5px 10px; font-size:11px; font-style:italic; color:#6e6e6e; }


/* ETUSIVU  */

	div.floater1{ width:240px; float:left; margin:0px auto; }
	div.floater2{ width:480px; float:left; margin:0px auto; }
	div.floater3{ width:720px; float:left; margin:0px auto; }
	div.floater4{ width:360px; float:left; margin:0px auto; }
		.centered{ text-align:center; }
	.fadein { position:relative; width:130px; height:106px; }
	.fadein img { position:absolute; margin:0px 0px 0px 40px; left:0; top:0; }


	.newsHead{ margin-left:30px; }


/* PADDINGTONIT  */

	.padds1{ padding:5px 20px 10px 20px; }
	.paddsFooter{ padding:15px 30px 0px 30px; }
	.floatPadds{ padding:5px; }


/* KORISTEET  */

	#splatter1{ margin:0px 0px 0px 15px; z-index:1; text-align:left; position:absolute; width:441px; height:426px; background-image:url(../images/splatter1.png); background-repeat:no-repeat; overflow:hidden; }

/* NAVI  */

	a.nav1{ text-transform:uppercase; padding:0px 0px 0px 10px; font-size:11px; color:#6e6e6e; text-decoration:none; display:block; height:25px; line-height:25px; margin:0px 12px 0px 12px; }
		a:hover.nav1{ background-color:#b5b5b5; color:#fff; }
		.navLock{ background-color:#94194d; color:#fff !important; font-weight:bold; }

	a.subNav{ font-size:12px; height:20px; line-height:20px; text-decoration:none; color:#6e6e6e; display:block; margin:6px 12px 6px 12px; padding:0px 0px 0px 19px; }
		a:hover.subNav{ background-color:#b5b5b5; color:#fff; }
		.subNavLock{ background-color:#b5b5b5; color:#fff !important; font-weight:bold; }