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

/*
#BFBFBF /*harmaa
#60CDE4; /*vaalea taivaansininen

#1C6A74 /*dieselsini
#7C9776 /*vihrea sammal harmaataitto
#EDF19C /*kellanvihrea sammal

#79A356 /*vihrein sammal
#72B2BC /*likainen tumma turkoosi
#5FD4CE /*kirkas turkoosi

#FFC325 /*keltainen halloween
#FF5B00 /*kirkas oranssi
#691B11 /*viininpuna
#B8531C /*tummempi oranssi
*/

#wrapper {
	width: 960px;
	/*HAHMOTUS height: 800px; /*hahmotus*/
	padding: 5px 0px 5px 0px;
	margin: 10px auto 0 auto;
	clear: both;
	background-image: url(halloween_pics/harmaat.JPG);
	/*background-color: #FFC325 /*keltainen halloween;*/
	/*background-color: #FF5B00 /*kirkas oranssi;*/
}
	
#wrapper1 {
	width: 960px;
	/*height: 800px; /*hahmotus*/
	padding: 5px 0px 5px 0px;
	margin: 10px auto 0 auto;
	clear: both;
	/*background-color: #959595 /*harmaa;*/
	background-image: url(halloween_pics/harmaat.JPG);
}
	
header {
	width: 948px;
	height: 118px;
	/*border-radius: 10px;*/
	padding: 0px;
	margin: 0px 5px 3px 5px;
	clear: both;
	/*background-color: #FFF;*/
	border-radius: 5px;
	border: 1px dotted #FF5B00 /*kirkas oranssi*/;
	overflow: hidden;
}

#nav {
	width: 950px;
	height: 30px;
	padding: 0px;
	margin: 0px 5px 3px 5px;
	/*background-color: #FFF;*/
	/*tekstit*/
	/*font-family: "Courier New", Courier, monospace;*/
	font-size: 16px;
	/*color: #FFF;*/
	float: right;
}

/*tippunavi ekataso*/
.top_nav a {
	display: block;
	/*font-family: "Courier New", Courier, monospace;*/
	font-size: 16px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	/*text-align: center;*/
}

.top_nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/*tippunavi ekataso*/
.top_nav > li {
	position: relative;
	float: left;
	height: 30px;
	text-decoration: none;
}

.top_nav > li:hover {
	font-weight: bold;
}

.top_nav li:hover > ul {
	display: inline;	
}

/*tippunavi tokataso*/
.tippuva_nav {
	z-index: 5000;
	position: absolute;
	display: none;
	list-style-type: none;
	font-size: 16px;
	width: 600px;
	margin: 0px;
	padding: 0px;
	/*top: 35px;*/
}

/*tippunavi tokataso*/
.tippuva_nav a {
	color: #FF5B00 /*kirkas oranssi*/;
}

.tippuva_nav > li {
	position: relative;
	height: 30px;
	background-color: #FFF;
	border-bottom: 1px dotted #333;
	border-radius: 5px;
	/*border-right: 1px solid #FF5B00 /*kirkas oranssi;*/
	/*border-left: 1px solid #FF5B00 /*kirkas oranssi;*/
	margin: 0px;
	padding: 0px;
}

.tippuva_nav li a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

.tippuva_nav li a:hover{
	color: #FF5B00 /*kirkas oranssi*/;
	font-weight: bold;
}

.blockoranssi {
	width: 600px;
	height: 30px;
	background-color: #333; /*#FF5B00 /*kirkas oranssi;*/
	border-radius: 5px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.blockdiesel {
	width: 346px; /*160px;*/
	height: 30px;
	background-color: #1C6A74 /*dieselsini*/;
	margin: 0 0 0 4px; /*190px;*/
	border-radius: 5px;
	font-family: Arial Black, Helvetica, sans-serif;
}

#container {
	width: 950px;
	height: 500px; /*hahmotus*/
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 3px 5px; 
	border-radius: 5px;
	/*clear: both;*/
	float: left;
	/*background-color: #FFC325 /*keltainen halloween;*/
	/*border: 1px solid #333;*/
}

/*KUVAGALLERIA SIVUJEN CONTAINER*/
#container1 {
	width: 950px;
	height: 510px; /*hahmotus*/
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 3px 5px; 
	border-radius: 5px;
	/*clear: both;*/
	float: left;
	/*background-color: #FFC325 /*keltainen halloween;*/
	/*border: 1px solid #333;*/
}

#kuvalinkit {
	width: 300px;
	height: 500px; /*hahmotus*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px; 
	border-radius: 5px;
	/*border: 1px solid #333;*/
	float: left;
	/*background-color: #FFC325 /*keltainen halloween;*/
}

.img_index {
	float: right;
	margin: 15px 0 0 0;
}

/*.rotate45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}*/

article {
	width: 430px;
	/*height: 500px; /*hahmotus*/
	padding: 0px 0px 7px 15px;
	margin: 10px 5px 3px 5px; 
	border-radius: 5px;
	/*clear: both;*/
	float: left;
	/*background-color: #FFC325 /*keltainen halloween;*/
	background-color: #B8531C /*tummempi oranssi*/;
}

article p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	padding: 0px;
}

footer {
	width: 950px;
	height: 28px;
	padding: 12px 0 0 0;
	margin: 5px 5px 0px 5px;
	clear: both;
	font-family: "Courier New", Courier, monospace;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 11px;
	color: #FFF;
	text-align: center;
	background-color: #333; /*#FF5B00 /*kirkas oranssi;*/
}

/*tekstit*/
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	padding: 0px;
}

/*PUITTEET MASKEERAUS RUOAT SISALTO KUVAT*/
/*#vasen {
	width: 300px;
	height: 200px;
	/*background-color: #FFF;
	float: left;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	/*overflow: hidden;
	overflow-y: scroll;
}*/

/*KUN VASEMMASSA DIVISSA SCROLLI*/
div#vasen {
	width: 315px;
	height: 460px;
	/*background-color: #FFF;*/
	float: left;
	margin: 0px 6px 0px 2px;
	padding: 0px;
	/*overflow: hidden;*/
	overflow-y: scroll;
}

/*THUMBBIEN SCROLLBARIN ASETUKSIA EI TOIMI FIREFOX*/
div::-webkit-scrollbar {
    width: 5px;
    height: 2em;
}

div::-webkit-scrollbar-track-piece {
    background: #333;
	border-radius: 3px;
}

div::-webkit-scrollbar-thumb {
    background: #FF5B00 /*kirkas oranssi*/;
	border-radius: 3px;
}

.thumbit {
	margin: 0px 1px 1px 0px;
	border: none;
}

#oikea {
	width: 500px;
	height: 0px;
	background-color: #FFF;
	float: right;
	margin: 5px 5px 0px 0px;
	overflow: hidden;
}

.thumbit {
	margin: 0px 1px 1px 0px;
	border: none;
}

#oikea {
	width: 625px;
	height: 430px;
	background-color: #FFF;
	float: right;
	margin: 0px 2px 0px 0px;
	overflow: hidden;
}