@import url('css/reset.css');
@import url('css/jquery.fancybox-1.2.5.css');
	
	body {
		background:#eb6a2d url(images/tmf-bg.jpg) repeat-x center top;
		font:normal 12px "Lucida Sans unicode", "Lucida Grande", Trebuchet MS;
		color:#000;
		padding:0px;
		margin:0px;
		line-height:1.5em;
		}
	
	.teksti a { 	
		text-decoration:none;
		color:#e8682b;
		}
	
	.teksti a:hover { 
		color:#f98751;
		border-bottom:1px dotted #f98751;
		}

	#wrapper {
		width:740px;
		margin:0 auto;
		}
	
	.clear {
		clear:both;	
		}
		
	p   {
		margin-top:15px;margin-bottom:15px;
		}
	
	
/**** Main ****/
	
	#head {
		height:55px;
		}
				   
	#head h1 a {
		position:absolute;
		background:url(images/tmf-logo.png) no-repeat;
		width:186px;
		height:179px;
		text-indent:-9999px;
		outline:none;
		border:none;
		margin-left:-2px;
		z-index:1;
		margin-top:31px;
		 cursor:pointer;
		}
		
	#container {
		margin-left:60px;
		
		}
	
	
	#bg-varjo {background:url(images/bg-varjo.png) no-repeat top center; position:absolute; width:740px; height:640px; z-index:0; }
	
	
/**** YläPalkki ****/

	#yla-palkki {
		background:  url(images/bg-ylapalkki.png) no-repeat;
		width:620px;
		height:92px;
		z-index:9999;
		
		}
		
	#keski-palkki {
		background:  url(images/bg-keskipalkki.png) repeat-y;
		width:620px;
		}
	
	#slider {
		width: 620px;
		margin: 0 auto;
		position: relative;
		float:left;
		}
	
	.scroll {
		width: 574px;
		overflow:auto;
		overflow-x: hidden;
		position: relative;
		margin-left:24px;
		}
	
	.scrollContainer div.panel {
	  	padding: 9px 20px 10px 5px;
		width: 580px;
		margin-top:20px;
		}
	
	.taulu-overlay {
		background:url(images/taulu-overlay.png) no-repeat;
		position:absolute;
		top:0;
		left:0;
		width:574px;
		height:212px;
		margin:0px 0px 0px 0px;
		
		}
	
	img.feat-img {
		margin:0px 0 0 7px;
		}
		
	.teksti {
		padding:5px 20px 0px 0px;
		margin-top:30px;
		text-shadow:#fff 0 1px;
		} 
	
	h1  {
		color:#000;
		font-size:16px;
		font-family:Georgia, "Times New Roman", Times, serif;
		} 
	
	
	#read-more-in{padding:0px 15px 0px 0px; }
	
	a.visit { 
		width:86px;
		height:29px;
		background:url(images/kotisivu-button.jpg) bottom no-repeat;
		text-indent:-9999px;
		left:0px;
		right:0px;
		display:block;
	}
	
	
		a:hover.visit { 
			background-position:0px; border:none;
		}
		
		a:focus.visit{ 
			background:url(images/kotisivu-button.jpg) top left no-repeat;
		}
	
	
	a.visit-en { 
		width:86px;
		height:29px;
		background:url(images/kotisivu-button-en.jpg) bottom no-repeat;
		text-indent:-9999px;
		left:0px;
		right:0px;
		display:block;
	}
	
		a:hover.visit-en { 
			background-position:0px; border:none;
		}
		
		a:focus.visit-en{ 
				background:url(images/kotisivu-button-en.jpg) top left no-repeat;
			}
	
	a.read-more { 
		width:86px;
		height:29px;
		background:url(images/lue-lisaa-button.jpg) bottom no-repeat;
		text-indent:-9999px;
		left:0px;
		right:0px;
		display:block;
		
	}
	
		a:hover.read-more { 
			background-position:0px; border:none;
		}
		
		a:focus.read-more {
			background:url(images/lue-lisaa-button.jpg) top left no-repeat;
			}
	
	.read-more-en { 
		width:86px;
		height:29px;
		background:url(images/lue-lisaa-button-en.jpg) bottom no-repeat;
		text-indent:-9999px;
		left:0px;
		right:0px;
		display:block;
	}
	
		a:hover.read-more-en { 
			background-position:0px; border:none;
		}
		
		a:focus.read-more-en {
			background:url(images/lue-lisaa-button-en.jpg) top left no-repeat;
			}
	
	.inline h1 {display:inline}
	
	.small {font-size:10px}
	
	
/**** Language bar ****/
	
	ul#language-bar {
	float:right;
	width:40px;
	text-indent:-9999px;
	padding:7px 3px 0 0;
	}
	
	ul#language-bar li {float:left;list-style-type:none;padding:0 5px 0 0}
	ul#language-bar a.suomeksi {display:block;width:14px;height:15px;background:url(images/lang-fi.gif) no-repeat left bottom;}
	ul#language-bar a.suomeksi:hover {background:url(images/lang-fi.gif) top left;}
	ul#language-bar a.inenglish {display:block;width:14px;height:15px;background:url(images/lang-en.gif) no-repeat left bottom;}
	ul#language-bar a.inenglish:hover {background:url(images/lang-en.gif) top left;}
	
	
/**** Ylä Valikko ****/
	

	
	#yla-navigation {
		float:right;	
		width:240px;
		
		}
	
	ul.yla-navigation {
		padding:16px 0px 0px 8px;
		}
	
	ul.yla-navigation li {
	   float:left;
	   text-indent:-9999px;
	   padding:0px 10px 0px 0px;
		}
		
	ul.yla-navigation a {
	   display:block;
	   cursor:pointer;
		}
		
	ul.yla-navigation a.etusivu {
		height:36px;
		width:88px;
		background:url(images/nav-yla-etusivu.png) bottom left no-repeat;
		}
	
	ul.yla-navigation a:hover.etusivu {
		background:url(images/nav-yla-etusivu.png) 0px no-repeat;
		text-decoration:none;
		}
	
	ul.yla-navigation a.etusivu.selected, ul.yla-navigation a:focus.etusivu {
		background:url(images/nav-yla-etusivu.png) top left no-repeat;
		}
	
	ul.yla-navigation a.etusivu-en {
		height:36px;
		width:88px;
		background:url(images/nav-yla-etusivu-en.png) bottom left no-repeat;
	}
	
	ul.yla-navigation a:hover.etusivu-en{
		background:url(images/nav-yla-etusivu-en.png) 0px no-repeat;
		text-decoration:none;
	}
	
	ul.yla-navigation a.etusivu-en.selected, ul.yla-navigation a:focus.etusivu-en {
		background:url(images/nav-yla-etusivu-en.png) top left no-repeat;
		}
	
	
	ul.yla-navigation a.yhteystiedot {
		height:36px;
		width:122px;
		background:url(images/nav-yla-yhteystiedot.png) bottom left no-repeat;
	}
	
	ul.yla-navigation a:hover.yhteystiedot {
		background:url(images/nav-yla-yhteystiedot.png) 0px no-repeat;
		text-decoration:none;
	}
	
	ul.yla-navigation a.yhteystiedot.selected, ul.yla-navigation a:focus.yhteystiedot  {
		background:url(images/nav-yla-yhteystiedot.png) top left no-repeat;
		text-decoration:none;
	}
	
	ul.yla-navigation a.yhteystiedot-en {
		height:36px;
		width:122px;
		background:url(images/nav-yla-yhteystiedot-en.png) bottom left no-repeat;
	}
	
	ul.yla-navigation a:hover.yhteystiedot-en {
		background:url(images/nav-yla-yhteystiedot-en.png) 0px no-repeat;
		text-decoration:none;
	}
	
	ul.yla-navigation a.yhteystiedot-en.selected, ul.yla-navigation a:focus.yhteystiedot-en  {
		background:url(images/nav-yla-yhteystiedot-en.png) top left no-repeat;
		text-decoration:none;
	}
	
	
	
	a.none{display:none;}
	
	
/**** Ala Valikko ****/
	
	ul.navigation {
		list-style: none;
		margin:0;
		padding: 0;
		height:54px;
		width:620px; 
		}
	
	ul.navigation li {
	   float:left;
	   text-indent:-9999px;
		}
	
	ul.navigation a.biennale {
		display:block; width:193px; height:52px;
		background:url(images/fest-navigation.png) bottom left no-repeat;
		}
	
	
	ul.navigation a:hover.biennale {
		background:url(images/fest-navigation.png) 0px no-repeat;
		text-decoration:none;
	}
	
	ul.navigation a.biennale.selected, ul.navigation a:focus.biennale {
		background:url(images/fest-navigation.png) top left no-repeat;
	}
	
	ul.navigation a.jazz {
		display:block; width:239px; height:52px;
		background:url(images/fest-navigation.png) -194px bottom no-repeat;
	}
	
	ul.navigation a:hover.jazz {
		background:url(images/fest-navigation.png) -194px no-repeat;
		text-decoration:none;
	}
	
	ul.navigation a.jazz.selected, ul.navigation a:focus.jazz {
		background:url(images/fest-navigation.png) -194px top no-repeat;
	}
	
	ul.navigation a.vocal {
		display:block; width:188px; height:52px;
		background:url(images/fest-navigation.png) right bottom no-repeat;
	}
	
	ul.navigation a.vocal:hover {
		background:url(images/fest-navigation.png) right no-repeat;
		text-decoration:none;
	}
	
	ul.navigation a.vocal.selected, ul.navigation a:focus.vocal {
		background:url(images/fest-navigation.png) -432px top no-repeat;
	}
	
	ul.navigation a.vocal-en {
		display:block; width:188px; height:52px;
		background:url(images/fest-navigation-en.png) right bottom no-repeat;
	}
	
	ul.navigation a:hover.vocal-en {
		background:url(images/fest-navigation-en.png) right center no-repeat;
		text-decoration:none;
	}
	
	ul.navigation a.vocal-en.selected, ul.navigation a:focus.vocal-en {
		background:url(images/fest-navigation-en.png) top right no-repeat;
	}
	
	ul.navigation a:hover {
		text-decoration:none;
	}
	
	
/**** Footer ****/	

	#footer {
		text-align:center;
		font-size:0.8em;  padding:8px 10px 5px 10px;
	}
	
	#footer a { 
		color:#ecb49b;  text-decoration:none;  text-shadow:#843512 0px 1px;
	}
	
	#footer a:hover {
		 text-decoration: none; color:#f2c0a9; 
	}