/* Merja Hellman CSS Document */
/* Author Crust-Sari Nousiainen*/
/* Created July 22, 2006*/

* {
	margin: 0;
	padding: 0;
	border: none;
}
/* *****HTML***** */
body {
	background-color: #fff7ff;
	background-image: url(kuvat/main_pictures/gradient_main.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #7a92c3;
}
h1 {
	width: 262px;
	height: 65px;
	position: absolute;
}

h2 {
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 10px;
	text-transform: lowercase;
}
.normaali {
	text-transform: uppercase;
}
p.sisennetty {
	margin-left: 0px;
	padding-bottom: 20px;
}
p.rivivalia {
	line-height: 1.35em;	
}
p.rajattuLeveys {
	width: 170px;
}
/*.isoKuva {
	text-align: right;
}*/
/****** MAIN Linkit *****/
a:link, a:visited {
	color: #fa69b6;
	text-decoration: none;
}
a:hover {
	color: #8cb811;
	text-decoration: underline;
}
a:active {
	color: #7a92c3;
	text-decoration: none;
}
		/***** h2 ulkopuoliset LINKIT  ******/
		h2 a:link, h2 a:visited {
			color: #fa69b6;
			text-decoration: none;
			font-size: 70%;
			font-weight: normal;
			}
		h2 a:hover {
			color: #8cb811;
			text-decoration: underline;
			font-size: 70%;
			font-weight: normal;
		}
		h2 a:active {
			color: #7a92c3;
			text-decoration: none;
			font-size: 70%;
			font-weight: normal;
		}
		
		/***** mini LINKIT  ******/
		a.mini:link, a.mini:visited {
			color: #fa69b6;
			text-decoration: none;
			font-size: 85%;
			font-weight: normal;
			}
		a.mini:hover {
			color: #8cb811;
			text-decoration: underline;
			font-size: 85%;
			font-weight: normal;
		}
		a.mini:active {
			color: #7a92c3;
			text-decoration: none;
			font-size: 85%;
			font-weight: normal;
		}
		/*****navBar Linkit Saitin sisaiset****/
		#navBar a:link, #navBar a:visited, #navBar_index a:link, #navBar_index a:visited {
			color: #8cb811;
			
			margin-left: 20px;
			text-decoration: none;
			font-weight: normal;
		}
		#navBar a:hover, #navBar_index a:hover {
			color: #fa69b6;
			/*color: #7a92c3;*/
			margin-left: 20px;
			text-decoration: underline;
			font-weight: normal;
		}
		#navBar a:active, #navBar_index a:active {
			/*color: #7a92c3;*/
			color: #fa69b6;
			margin-left: 20px;
			text-decoration: none;
			font-weight: normal;
		}
		
/* *****Main DIVs***** */
#layoutLogic_intro {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 652px;
}
#layoutLogic_suosittelen {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 652px;
	background-image: url(kuvat/main_pictures/suosittelen.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#layoutLogic_hoidot {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 652px;
	background-image: url(kuvat/main_pictures/hoidot.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#layoutLogic_extrat {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 652px;
	background-image: url(kuvat/main_pictures/extrat.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#layoutLogic_linkit {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 652px;
	background-image: url(kuvat/main_pictures/linkit.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#layoutLogic_yhteystiedot {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 652px;
	background-image: url(kuvat/main_pictures/yhteystiedot.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#header {
	position: relative;
	width: 100%;
}
#header_transparent {
	position: absolute;
	top: 34px;
	left: 25px;
	z-index: 40;
}
	
#navBar_index {
	position: absolute;
	top: 309px;
	left: 30px;
	width: 590px;
	text-align: right;
}
#navBar {
	position: absolute;
	top: 229px;
	left: 188px;
	width: 441px;
	text-align: left;
	z-index: 30;
}
/*#collectContent {
	position: relative;
	width: 520px;
	top: 0px;
	border: 0;
	padding: 280px 0 0 0;
	margin-left: 65px;
	z-index: 20;
}*/
#collectContent {
	position: relative;
	width: 400px;
	top: 0px;
	left: 210px;
	/*border: 1px solid green;*/
	padding: 260px 0 0 0;
	z-index: 20;
}
/** Suosittelen sivu **/
#collectContentWide {
	position: relative;
	width: 652px;
	top: 0px;
	left: 55px;
	/*border: 1px solid green;*/
	padding: 260px 0 0 0;
	z-index: 20;
}
.contentWrap {
	padding: 0;
	margin: 0;
	clear: both;
	width: 560px;
	position: relative;
}
.kuvaBlock {
	float: left;
	width: 150px;
}
.txtWrap {
	float: left;
	width: 380px;
	margin: 0;
}
.blockA {
	position: relative;
	width: auto;
	z-index: 30;
}
.content {
	position: relative;
	width: 355px;
	padding: 0;
	margin: 0 0 15px 25px;
}
.contentKursivoitu {
	position: relative;
	margin: 0 0 0 145px;
	width: 375px;
	font-style: oblique;
}
/*.content_nuoriso {
	position: relative;
	width: auto;
	background-image: url(kuvat/main_pictures/nuoriso_puhd.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 160px;
}*/
#footer {
	position: relative;
	width: 100%;
	background-image: url(kuvat/main_pictures/footer.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 166px;
	height: 166px;
	margin: -20px 0 0 0;
	z-index: 10;
	clear: both;
}
#footer p {
	padding: 90px 0 0 80px;
	font-size: 0.9em;
	color: #8cb811;
	/*color: #fa69b6;*/
}
#footer p.pitkaTxt {
	padding: 60px 0 0 80px;
	font-size: 0.9em;
	color: #8cb811;
}
/* ***** Lisat ***** */
#laine {
	position: absolute;
	left: 231px;
	top: 350px;
}
#kuva {
	position: relative;
	width: 400px;
	background-image: url(kuvat/main_pictures/merja2.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.contentKuva {
	position: relative;
	width: 220px;
	float: right;
}
.content_nuoriso p {
	padding: 15px 0 0 0;
	line-height: 1.35em;
}
.lisaKuva {
	position: absolute;
	top: -2px;
	left: 203px;
}
.runot {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 10px 0 0 0;
	color: #79A20F;
	font-style: oblique;
	margin: 0;
	text-align: right;
}
.isoKuva {
	position: relative;
	margin-left: 45px;
	margin-right: auto;
	width: 500px;
}
.isokuvaBlock {
	float: left;
	width: 230px;
}
.spacer {
	float: left;
}
.vali {
	height: 50px;
}
.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}
/************ CRUST ***********/
a.crust:link, a.crust:visited, a.crust:active {
	color: #fff7ff;
	text-decoration: none;
	font-weight: bold;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
}
a.crust:hover {
	color: #b5e342;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
#crustBlock {
	position: absolute;
	top:  45px;
	left: -7px;
	width: 4px;
	font-family:"Courier New", Courier, mono;
	font-size: 11px;
	color: #FFFFFF;
}
	
/************* OTSIKOT *************/
.vihOtsikko {
	background-image: url(kuvat/grafiikka/otsikko_bg_vih.jpg);
}
.nuoretOtsikko {
	background-image: url(kuvat/grafiikka/otsikko_bg_nuoret.jpg);
}
.punOtsikko {
	background-image: url(kuvat/grafiikka/otsikko_bg_pun.jpg);
}
.multiOtsikko {
	background-image: url(kuvat/grafiikka/otsikko_bg_multi.jpg);
}
.vihOtsikko,
.nuoretOtsikko,
.punOtsikko,
.multiOtsikko
 {
	background-color: transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 4.8em;
	min-height: 65px;
	padding-bottom: 0px;
	margin: 0;
	overflow: hidden;

}

.vihOtsikko span,
.nuoretOtsikko span,
.punOtsikko span,
.multiOtsikko span
 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: lowercase;
	margin-left: 28px;
	display: block;
	padding-top: 1.4em;
}