* {
	margin:0;
	padding:0;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	background-color:#CC9;
}
#wallpaper {
	position:fixed;
	top:0;
	left:0;
	z-index:1;
}
#wallpaper img {
	width:100%;
	max-width:1920px;
	max-height:1536px;
	height:auto;
	min-height:960px; /*aiheuttaa kuvan skaalautumisen kun selain on kapeanmallinen*/
//	min-width:1024px;
}
#tausta {
	position:relative;
//	position:fixed;
	z-index:2;
	width:768px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/container_tauasta.png);
	background-repeat:repeat-y;
	min-height:600px;
}
#header {
	position:relative;
	width:650px;
	margin-left:24px;
	height:249px;
	float:left;
	background-repeat:no-repeat;
}
/*the following rules define which image should be shown in the header according to the page being viewed*/
#body_1 #header { background-image:url(img/header_back_main.jpg);}
#body_2 #header { background-image:url(img/header_back_bio.jpg);}
#body_3 #header { background-image:url(img/header_back_music.jpg);}
#body_4 #header { background-image:url(img/header_back_gallery.jpg);}
#body_5 #header { background-image:url(img/header_back_body_5.jpg);}
#body_6 #header { background-image:url(img/header_back_contact.jpg);}
/*there you go*/
#logo {
	position:relative;
	width:258px;
	height:249px;
	background-image:url(img/bos_logo_header.gif);
	background-repeat:no-repeat;
}
#logo a {
	display:block;
	width:258px;
	height:249px;
}
#content {
	background-image:url(img/puutausta.jpg);
	background-repeat:repeat-y;
	width:720px;
	margin-left:24px;
	min-height:800px;
}
#listen {
	position:absolute;
	bottom:3px;
	left:10px;
}
#listen a {
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
}
#listen a:hover {
	color:#CFC;
}
#body_3 #listen a { color:#000;}
#body_3 #listen a:hover {color:#cfc;}
#tilanjakaja {
	clear:both;
	width:720px;
	margin-left:24px;
	height:35px;
	background-image:url(img/tilanjakaja_tausta_06.jpg);
}
#tilanjakaja img {
	float:left;
	margin:10px 5px 0 20px;
	border:none;
}
#tilanjakaja img.icon {
	margin:8px 5px 5px 5px;
}
#tilanjakaja p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:33px;
	overflow:hidden;
	float:left;
	width:490px;
}
#tilanjakaja p span.tilanjakajateksti {
	font-size:17px;
	line-height:34px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#content img.welcome_text {
	margin-top:50px;
	margin-left:25px;
	margin-bottom:20px;
}
#content img.heading {
	clear:both;
	display:block;
}
#content div.sivukuva {
	width:200px; 
	float:right;
}
#content div.sivukuva_pieni {
	width:145px;
	float:right;
}
#content div.sivukuva_pieni img {
		border:solid 2px #333;
}
#content img.sivukuva {
	float:right;
	margin-right:10px;
	margin-bottom:5px;
	border:solid 2px #333;
	display:block;
}
#content a:hover img.sivukuva {
	border-color:#666;
}
#content p a.selected {
	color:#fff;
	font-weight:bold;
}
div.theband {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	align:center;
	padding-top:15px;
}
div.theband img {
	border:solid 2px #333;
	padding:0px;
	margin:5px;
	display:block;
	float:left;
}
div.theband a:hover img {
	border-color:#666;
}
div.bandmember h2 {
	clear:both;
}
div.gallery {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:15px;
}
div.gallery img {
	border:solid 2px #333;
	padding:0;
	margin:0;
}
div.gallery a:hover img {
	border-color:#666;
}
/*-------------Yleiset / tekstityylisäännöt------------------*/
.clearfloat {
	clear:both;
}
#content p.clearfloat {
	width:670px;
}
#content p {
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	padding-left:25px;
	width:475px;
	padding-bottom:20px;
	display:block;
	line-height:22px;
}
#content p strong {
	color:#6C6;
	font-weight:bold;
}
#content p.quotation_full {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	font-size:16px;
	font-style:italic;
	line-height:22px;
	width:550px;
	clear:both;
}
#content p.quotation {
	padding-top:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	font-size:16px;
	font-style:italic;
	line-height:22px;
}
#content p.quotation em, #content p.quotation_full em {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	font-style:normal;
}
#content p a {
	color:#6fc;
	text-decoration:none;
}
#content p a:hover {
	text-decoration:underline;
	color:#5ffff6;
}
#content div.sivukuva p.caption {
	width:175px;
	font-size:12px;
}
#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:16px;
	color:#e9f4d2;
	width:475px;
	line-height:24px;
	margin-left:10px;
	padding-left:15px;
	margin-bottom:5px;
	background-image:url(img/content_h2_underline_white.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#content h2 strong {
	color:#FFF;
	font-weight:bold;
}
#content h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	text-align:right;
	padding-right:30px;
}
#content h3 a {
	color:#3f9;
	text-decoration:none;
}
#content h3 a {
	color:#6fc;
}
#content #linkit {
	width:500px;
	margin-bottom:20px;
}
#content #linkit p {
	margin:0;
	padding:0;
	text-align:center;
}
#footer {
	background-image:url(img/tilanjakaja_tausta_06.jpg);
	background-repeat:no-repeat;
	background-position:center;
	clear:both;
	height:35px;
}
#footer p {
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:center;
}
#footer p a {
	color:#FFF;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}
span.blue-grey {color:#b4c4dd;}
/*--------------Navin muotoilu------------------------------*/
#navi {
//	font-family:Georgia, "Times New Roman", Times, serif;
/*trying something different----------------*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*--------------*/
	font-size:17px;
	width:70px;
	height:249px;
	float:left;
	position:relative;
	background-image:url(img/header_navi_back.jpg);
	background-repeat:no-repeat;
}
#navi ul {
	list-style-type:none;
	position:absolute;
	right:5px;
}
#navi ul li.mainnavi, #navi ul li.noexpand {
	float:left;
	width:65px;
	height:40px;
//	display:block;
	margin-bottom:2px;
}
#navi ul li.mainnavi:hover {
	background-image:url(img/navi_back_mainnavi_cap.png);/*tässä!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	background-repeat:no-repeat;
	background-position:left;
}
#navi ul li.mainnavi:hover ul {
	display:block;
}
#navi ul li.mainnavi ul {
	width:580px;
	position:absolute;
	left:-580px;
	display:none;
}
#navi ul li.mainnavi ul li.subnavi {
	display:block;
	float:right;
	position:relative;
	bottom:40px;
	height:40px;
	text-align:center;
	background-image:url(img/navi_back_repeating.png);/*tässä!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
}
#navi ul li.mainnavi a, #navi ul li.noexpand a {
	text-decoration:none;
	color:#000;
	text-align:right;
	display:block;
	padding-right:6px;
	line-height:40px;
//	white-space:nowrap;
}
#navi ul li a.selected {
	color:#040;
//	font-weight:bold;
}
#navi ul li#firstlink {
	height:42px;
}
#navi ul li#firstlink a {
	line-height:42px;
}
#navi ul li#lastlink {
	margin-bottom:0px;
}
#navi ul li.mainnavi a:hover, #navi ul li.noexpand a:hover {
	color:#d5ffe5;
	z-index:3;
	cursor:pointer;
}
#navi ul li.mainnavi a:active, #navi ul li.noexpand a:active {
	color:#3C3;
}
#navi ul li ul {
	z-index:4;
}
#navi ul li.mainnavi ul li.subnavi a {
	line-height:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding-left:8px;
//	padding-right:8px;
	display:block;
	color:#fff;/*tässä!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
}
#navi ul li#firstlink ul li.subnavi {
	bottom:42px;
}
/*#navi ul li ul li.subnavi:hover {
	display:block;
	background-image:url(img/navi_hover_back2.png);
	background-position:left;
	background-repeat:no-repeat;
}*/
#navi ul li#firstlink ul li.subnavi a {
	line height:42px;
	display:block;
}
#navi ul li.mainnavi ul li.subnavi a:hover {
//	background-image:url(navi2_hover_back.png);
//	background-image:url(img/navi_hover_back2.png);
//	background-repeat:no-repeat;
//	background-position:right;
	color:#dfd;
}
#navi ul li.mainnavi ul li.subnavi a.selected {
	color:#6fc;
}
#navi ul li.mainnavi ul li.endcap {
	background-image:url(img/navi_hover_endcap.png);/*tässä!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	background-position:right;
	background-repeat:no-repeat;
	bottom:42px;
	display:block;
	float:right;
	position:relative;
	bottom:40px;
	height:40px;
	text-align:center;
	width:10px;
}
/*--------------Lightbox-------------------------------*/
#lightbox{	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; top:-70px; background-color:#222; width: 250px; height: 250px; margin: 0 auto; } /*added top:-70px;*/
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } /*changed top from 40%*/
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel_2.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel_2.gif) right 15% no-repeat; }

#imageDataContainer{ position:relative; top:-70px; font: 10px Verdana, Helvetica, sans-serif; background-color:#222; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; } /*added the following: position:relative; top:-70px; */

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*---------------------Comments section------------------------------------------------------------------------------------*/
div.js-kit-comments {
	margin-left:25px;
	width:475px;
}
div.js-commentControl a {
	text-decoration:none;
	color:#3f9;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
}
div.js-commentControl a:hover {
	color:#6fc;
	text-decoration:underline;
}
#comments {
	width:500px;
//	position:absolute;
}
/*----------------------------styling for the flashmp3player div and the listen page-------------------------------*/
#player {
	float:right;
	width:350px;
	height:220px;
	padding-top:10px;
	padding-right:15px;
}
#player p {
	width:330px;
	padding:0;
	margin:10px;
}
#tilanjakaja_listen {
//	clear:both;
	width:720px;
	margin-left:24px;
	height:35px;
	background-image:url(img/tilanjakaja_tausta_06.jpg);
}
#tilanjakaja_listen img {
	float:left;
	margin:10px 5px 0 20px;
	border:none;
}
#tilanjakaja_listen img.icon {
	margin:8px 5px 5px 5px;
}
#tilanjakaja_listen p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:33px;
	overflow:hidden;
	float:left;
	width:468px;
}
#tilanjakaja_listen p span.tilanjakajateksti {
	font-size:17px;
	line-height:34px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#content_listen {
	background-image:url(img/puutausta.jpg);
	background-repeat:repeat-y;
	width:720px;
	margin-left:24px;
}
#content_listen a img {
	border:none;
}
#tausta_listen {
	width:768px;
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/container_tauasta.png);
	background-repeat:repeat-y;
}