@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: KomikaTitle;
	src: url('komikatitle.ttf');
}
body{
	overflow:scroll; /* jotta sivu ei heilu, kun avaa divin */
}

body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#555555;
}
td, th{
	vertical-align:top;
	text-align:left;
}
a {
	color:#973a62;
	text-decoration:none;
	/*font-weight:bold;*/
}
.color {
	color:#973a62;
}
div#main{
	margin:30px auto;
	max-width:950px;
	/*overflow:hidden;*/
}

p {
	overflow:auto;
}

h1, h2, h3, h4, h5, h6 {
	color:#973a62;
	font-family: KomikaTitle, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	
	display:block;
	margin: 0px;
	padding:5px;
	border-bottom: 1px dotted #AAAEBD;
}
h4, h5, h6 {
	border-bottom: none;
	padding-bottom:0px;
}
h1{
	font-size:x-large;
	font-weight:bold;
	margin-bottom:0.8em;
	border-bottom: none;
}
h2{
	font-size:large;
	font-weight:bold;
}

.rounded {
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
	-moz-box-shadow:    3px 2px 4px #ccc;
	-webkit-box-shadow: 3px 2px 4px #ccc;
	box-shadow:         3px 2px 4px #ccc;
	border-bottom: none;
}

.notop {
	margin-top:2px;
}
.himm {
	filter: alpha(opacity=30); /* IE 5-7 */
	-moz-opacity: 0.3; /* Netscape */
	-khtml-opacity: 0.3; /* Safari 1.x */
	opacity: 0.3; /* Good browsers */
}

.clearer {
	clear:both;
}

.hidden {
	display:none;
	border:1px dotted #AAAEBD;
}
.hidden li {
	padding-top:0.1em;
	padding-bottom:0.1em;
}

#intro {
	float:left;
	width: 570px;
	/*margin-right:70px;*/
	margin-bottom:35px;
}
#yhteystiedot {
	float:right;
	width: 200px;
	margin-right:100px;
}

.etusivujako {
	float:left;
	width:250px;
	margin-right:30px;
}
.etusivujako h2 {
	display: block;
	margin: 0px;
	/*padding: 5px;*/
	padding: 2px 5px 5px 5px; /* to even out the spacing in the font */
	text-align: center;
	background:#973a62;
	color:#fff;
	width:190px;
}

#tekniikat {
	margin-bottom:20px;
}
.star1, .star2, .star3 {
	margin-right:7px;
	padding-right:42px;
	background-position:center right;
	background-repeat:no-repeat;
}
.star1 { background-image:url(star1.png); }
.star2 { background-image:url(star2.png); }
.star3 { background-image:url(star3.png); }

#tyonaytteet {
	float:right;
	width:607px;
	padding: 10px 30px;
	
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-moz-column-gap:30px; /* Firefox */
	-webkit-column-gap:30px; /* Safari and Chrome */
	column-gap:30px;
	-moz-column-rule:1px dotted #AAAEBD; /* Firefox */
	-webkit-column-rule:1px dotted #AAAEBD; /* Safari and Chrome */
	column-rule:1px dotted #AAAEBD;
}
#tyonaytteet a {
	display:block;
	float:left;
	width:110px;
	height:100px;
}
#tyonaytteet img {
	max-width:100px;
	max-height:100px;
}
p.saato {
	height:100px;
}

@media (max-width: 980px) {
	#main {
		width:810px;
	}
	/*#intro, #yhteystiedot, .etusivujako {
		float:none;
	}*/
	#intro {
		/*width:auto;*/
	}
	#yhteystiedot {
		/*width:auto;*/
		margin-right:0px;
	}
	#tyonaytteet {
		/*float:none;
		width:auto;*/
		width:455px;
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Safari and Chrome */
		column-count:1;
		-moz-column-gap:0px; /* Firefox */
		-webkit-column-gap:0px; /* Safari and Chrome */
		column-gap:0px;
	}
	#tyonaytteet a {
		height:auto;
	}
	p.saato {
		display:none;
	}
}

@media (max-width: 810px) {
/*	#main {
		width:auto;
	}
	#intro, #yhteystiedot {
		float:none;
		width:auto;
	}
	#tyonaytteet {
		float:left;
		max-width:220px;
	}
}

@media (max-width: 600px) {*/
	#main {
		width:auto;
	}
	#intro, #yhteystiedot, .etusivujako {
		float:none;
		width:auto;
	}
	#yhteystiedot, .etusivujako {
		max-width:400px;
	}
	#tyonaytteet {
		float:none;
		width:auto;
	}
	#intro h1 img {
		max-width:100%;
	}
}