body {
		font-family: 'calluna';
	}
	#top {
		background:url('http://turkutimes.fi/i/top.jpg') #000 no-repeat center center;
		text-align: center;	
		Abackground: #fff;
		height:350px;
		Aline-height: 350px;
	}
	#top #logo {
		padding-top:35px;
		
		margin:0 auto;
		text-align: center;
	}
	#top #logo img {
		max-width:670px;width:100%;
	}
	#navi {
		text-align: center;
		Abackground: #000;
		background:rgba(0,0,0,0.7);
		Abackground:green;
		height:64px;
		line-height:64px;
		margin-top:98px;
	}
	#navi ul li {
		display: inline;
		font-size:18px;
    	text-indent: -.7em;
	    padding-right:10px;
	}
	#navi ul li:before {
	    content: "\002022";
    	color: #ff3676; /* or whatever color you prefer */
	    padding-right:10px;
	}
	#navi ul li:first-child:before {
		content:'';
	}
	#navi ul li a {
		text-decoration: none;
		color:#cecece;
		font-style: italic;
	}
	#navi ul li a.current {
		color:#fff;
	}
	#navi ul li a:hover {
		color:#fff;
	}
	#current {

	}
	#current h2 {
		color:#000;
		font-size:30px;
		padding-bottom:20px;
		font-style: italic;
		border-bottom:1px solid #000;
		text-align: center;
		margin-bottom:0;
		font-weight:300;
	}
	#current h3 {
		margin:15px 0 15px 0;
		text-align:center;
		font-size:18px;
	}

	#available {
		background: #000;
	}
	#available a, #available a:visited {
		color:#979797;
		text-decoration: none;
	}
	#available a:hover {
		color:#fff;

	}
	#available ul li {
		list-style: none;
		padding:8px 0 8px 0;
	}
	#available ul li a {
		background:url('../i/arr-off.gif') no-repeat center right;
		padding-right:23px;
	}
	#available ul li a:hover {
		background:url('../i/arr-on.gif') no-repeat right center;
		padding-right:23px;
		padding-top:3px;
	}
	#available h2 {
		color:#fff;
		font-size:30px;
		padding-bottom:20px;
		font-style: italic;
		border-bottom:1px solid #fff;
		text-align: center;
		margin-bottom:0;
		font-weight:300;
	}
	#map {
		padding-bottom:30px;
	}
	#map h2 {
		font-weight:300;	
		color:#000;
		font-size:30px;
		padding-bottom:20px;
		font-style: italic;
		border-bottom:1px solid #000;
		text-align: center;
		margin-bottom:30px;
	}

	#footer {
		text-align: center;
		background:#000;
		color:#c3c3c3;
		height:94px;
		line-height: 94px;
	}
	
	/* mediakortti */
	#media {
	background:#fff;
	}
		#media a, #media a:visited {
		color:#000;
		text-decoration: none;
	}
	#media a:hover {
		color:#000;

	}
	#media h2 {
		color:#000;
		Afont-size:19px;
		font-size:30px;
		padding-bottom:20px;
		font-style: italic;
		border-bottom:1px solid #fff;
		text-align: center;
		margin-bottom:0;
		font-weight:300;
	}
	#media h3 {
	color:#56063c;
	}

.nude-bg {
background:#fdd6d9;
padding:20px;
}
table td {
vertical-align:top;
line-height:20px;
}
.media-footer {
background:#56063c;
color:#fff;
text-align: center;
padding:10px 0 10px 0;
margin:20px 0 20px 0;
}
.media-footer a {
color:#fff !important; 
text-decoration: underline !important;
}

#media table td strong {
display:inline-block;
width:20px;}

img.thumb {
padding-bottom:7px;

}


#top.with-slideshow {
	overflow: hidden;
	position: relative;
	background:none;
}
.slideshow { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.slideshow li { display: none; float: left; margin: 0 -100% 0 0; width: 100%; }
.slideshow li:first-child { display: block; }
.slideshow img { max-width: 100%; vertical-align: top; }
.slideshow ul {
	height: 350px;
}
.slideshow li {
	height:350px;
	background-size: cover;
}
#top.with-slideshow #logo, 
#top.with-slideshow #navi {
	z-index:99;
}
#top.with-slideshow #navi {
	position: absolute;
	bottom:0;
	width:100%;
	line-height:35px;	
}
#top.with-slideshow #logo {
	position: absolute;
	top:0;
	left:0;;
	text-align: center;
	width: 100%;
}

#available .cols ul {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2;    /* Firefox */
	column-count: 2;         /* Standard syntax */
}

@media screen and (max-width:580px) {
	#logo img {
		width:80%;
		
	}
	#available .cols {
		overflow: hidden;
	}
}