@import url("editor.css");
@import url("services.css");
@import url("news_syndicate.css");
@import url("blog.css");
html{
	background: #eff6fb url("../gfx/body.jpg") no-repeat center 145px;
}
.edit_html{
	background: #eff6fb url("../gfx/body.jpg") no-repeat center 175px!important;
}
body {
	background: transparent url("../gfx/html.jpg") repeat-x;
}
body.edit_on{
	background: transparent url("../gfx/html.jpg") repeat-x 0 19px;
}

/* WRAPPER */
#wrapper {
	width: 913px;
	margin: 0px auto;
	position: relative;
}

/* HEADER */
#header {
	height: 120px;
	overflow: hidden;
	position: relative;
}
#logo{
	position: absolute;
	top: 17px;
	left: 25px;
}
#extra_button{
	background: transparent url("../gfx/extra_button.gif") no-repeat left;
	bottom:30px;
	height:24px;
	position:absolute;
	right:25px;
	width:286px;
}
	#extra_button ul{
		margin: 0;
		padding: 0;
	}
	#extra_button ul li{
		display:block;
		float:left;
		list-style: none;
		width:84px;
		padding: 3px 0 0 0px;
	}
	#extra_button ul li a{
		text-decoration: none;
		color: #333333;
		font-size: 10px;
		white-space: nowrap;
	}
	#extra_button ul li.lang_fin a{
		padding-right: 15px;
		background: transparent url("../gfx/fin.gif") no-repeat right;
	}
	#extra_button ul li.lang_swe a{
		padding-right: 15px;	
		background: transparent url("../gfx/swe.gif") no-repeat right;
	}
#top_navigation{
	bottom:0;
	height:29px;
	left:0;
	position:absolute;
	width:904px;
}
#top_navigation{}
	#top_navigation ul {
	    padding: 0;
	    margin: 0 0 0 15px;
	}
	#top_navigation ul li a.home{
		padding: 8px 13px 8px 0;
		cursor: pointer; 
	}	
	.home_act{
		height: 13px;
		width: 13px;
		display: block;
		background: transparent url("../gfx/home_active.gif") no-repeat center 0px;
	}
	.home_pas{
		height: 13px;
		width: 13px;
		display: block;
		background: transparent url("../gfx/home_passive.gif") no-repeat center 0px;
	}
	#top_navigation ul li{
		list-style: none;
		float: left;
		padding-left: 13px;
		height: 29px;
		overflow: hidden;
	}
	#top_navigation ul li a{
		color: white;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 29px;
		padding: 0 13px 0 0;
		display: block;
	}
	#top_navigation ul li.active{
		background: transparent url("../gfx/navi_top_left.gif") no-repeat left 0px;
	}
	#top_navigation ul li a.active{
		background: transparent url("../gfx/navi_top_right.gif") no-repeat right 0px;
		color: #ed3e11;
	}

/* MAIN */
#main {
	zoom: 1;
}
	#upper_image{
		background: transparent url("../gfx/main.gif") no-repeat;
		height: 20px;
		margin-top: -5px;
		overflow: hidden;
	}
	#porders{
		background: transparent url("../gfx/porders.png") repeat-y 3px 10px;
		padding: 0px 5px 0 6px;
	} * html #porders{
			background-image: none;
		}
	#page{
		background: transparent url("../gfx/page.gif") repeat-x;
		margin: 0;
		width: 900px;
		background-color: white;
		border-left: solid 1px #ff9700;
		border-right: solid 1px #ff9700;
		overflow: hidden;
	}
	#space{
		height: 477px;
		width: 1px;
		float: left;
	}
/* default.tpl*/
	/* SIDEBAR */
	#sidebar {
		width: 200px;
		padding: 0px;
		float: left;
		overflow: hidden; 
		padding-bottom: 1001em;
		margin-bottom: -1000em;
	}
	
	/* NAVIGATION */
	#sidebar #navigation {
	    margin: 0 0 0 8px;
	}
	#sidebar #navigation ul {
	    padding: 0;
	    margin: 0;
	}
	#sidebar #navigation ul li {
	   padding: 0;
	   margin: 0;
		list-style: none;
	}
	#sidebar #navigation ul li a{
		width: 178px;
		height: 24px;
		padding:5px 0 0 14px;
		display: block;
		background: transparent url("../gfx/navi_button.gif") no-repeat;
		text-decoration: none;
		color: #333333;
		white-space: nowrap;
	}
	#sidebar #navigation ul li a.active {
		font-weight: bold;
	}
	#sidebar #navigation ul li a:hover {
		font-style: italic;
	}
	/* Leve 2 */
	#sidebar #navigation ul ul{
		margin: 5px 0 0 15px;
	}
	#sidebar #navigation ul ul li a{
		background-image: none;
		height: 13px;
		padding: 1px 0 3px 0px;
		border-bottom: solid 1px #cdcdcd;
	}
	#sidebar #navigation ul ul li a.active {
		font-weight: bold;
		
	}
	
	#content {
		padding: 15px;
		float: left;
		width: 660px;
		overflow: hidden;
	}
		#page_image, #random_image{
			width: 665px;
			height: 180px;
			background-color: silver;
			position: relative;
			margin-bottom: 15px;
		}
		
		#random_image {
      background-color: white;
      overflow: hidden;
    }
		
		#page_image p, #random_image p{margin: 0;padding: 0;}
		.cascade{
	    filter:alpha(opacity=50);
	    opacity:.50;
		}
			#page_image .htmldata_controls{
				position: absolute;
				bottom: -25px;
				right: 15px;
			}
			
			#random_image .htmldata_controls {
        position: absolute;
        bottom: 0;
        right: 15px;
      }
			
/* etusivu.tpl */		
	#content_front{
		padding: 15px;
		float: left;
		width: 865px;
		overflow: hidden;
	}
/* etusivu_kolme_palstaa.tpl */		

.front_colum {
  float:left;
  overflow:hidden;
  width:49%;
}
.right_line {border-right:1px dashed #777777;padding-right:1%;}
.left_line {border-left:1px dashed #777777;margin-left:-1px;}
.front_row {padding:10px;}
.bottom_line {border-bottom:1px dashed #777777}

/* FOOTER */
#footer {
	clear: both;
	background: transparent url("../gfx/footer.png") no-repeat left bottom;
	height: 35px;	
	margin-left: 3px;
	overflow: hidden;
} * html #footer{
	background: transparent url("../gfx/footer.gif") no-repeat left bottom;
}
	#f_content{
		position: relative;
		margin: 0 10px;
		border-top: solid 1px #ff9700;
		padding: 4px 10px;
		font-size: 10px;
	}
	#f_content .htmldata_controls {
		position: absolute;
		right: 0;
		top: 3px;
	}

/* EMEDIA SIGNATURE */
#signature {
	float: right;
	margin-top: 2px;
}
#signature, #signature a {
	color: #b6ccdb;
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
.ext{
	clear: both;
}