/*--------------------------------------------------------*/
/*	Site: www.jollas.fi
/*	Author: Mediasignal Oy
/*	Date: 1/2010
/*--------------------------------------------------------*/

/* BASIC STYLING */
body{
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#000;
background:#d2e8f1 url(kuvat/body-bg.jpg) top left repeat-x;
font-family: Arial, Helvetica,sans-serif; /* Sans-serif Arial stack */
/*font-family: "Times New Roman",Times,serif;  Serif Times stack */
/*font-family: Georgia,serif;  Serif Georgia stack */
text-align:center;
}
a:link{text-decoration:underline; color:#000;}
a:hover{text-decoration:none; color:#000;}
a:visited{color:#000;}
a:active{}

h1{font:bold 1.4em/1.2 Arial, Helvetica,sans-serif; margin:5px 0;}
h2{font:bold 2em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h3{font:bold 1.9em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h4{font:bold 1.8em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h5{font: bold 1.6em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h6{font: bold 1.4em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
p{font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0;}

#col-right ul {
list-style: disc;
font:1.3em/1.3 Arial,Helvetica,sans-serif;
margin-left: 15px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	}

/* LAYOUT COLUMS */
#wrapper{
	width:970px;
	margin:0 auto;
	font-size:1em; /* 1em = 10px; */
	text-align:left;
}
#wrapper-jollas{
	width:970px;
	margin:0 auto;
	font-size:1em; /* 1em = 10px; */
	text-align:left;
}

#header{
height:96px;
background:#65b3d3 url(kuvat/header-bg.jpg) top center no-repeat;
}
#logo{
	height:71px;
	width:132px;
	display:block;
	margin-left:114px;
	padding-top:7px;
}

#header-main{
height:290px;
background:transparent url(kuvat/header-etusivu.jpg) top center no-repeat;
}
#header-main #logo{
	height:71px;
	width:132px;
	display:block;
	margin-left:114px;
	padding-top:77px;
}


#nav3{
background:transparent url(kuvat/nav-bg.jpg) top center no-repeat;
height:37px;
/* padding-top:2px; */
}
#nav-front{
background:transparent url(kuvat/nav-bg-front.jpg) top left no-repeat;
height:37px;
/*padding-top:2px; */
}
#nav-wrapper{
	height:35px;
	margin-left:111px;
}

#bread-crumb{
	margin-top:10px;
	margin-left:45px;
	padding-bottom:10px;
}
#bread-crumb a{
font-size:1.2em;
color:#999999;
text-decoration:none;
}
#bread-crumb .current{
font-weight:bold;
}

#content-wrapper-1col{
	border:1px solid #000;
}
#content-wrapper-2col{
	background:#ffffff url(kuvat/content-bg.gif) 90% 5% no-repeat;
}
#content-wrapper-2col.normal{
	background:#ffffff none 0 0 no-repeat;
}
#content-wrapper-front{
	background:#ffffff url(kuvat/front-bg.gif) 73% 5% no-repeat;
	padding-top:30px;
	padding-bottom:10px;
}
#content-wrapper-3col{
	
}
#col-left-sidebar{
	float:left;
	display:inline;
	width:306px;
	margin:0 10px 0 25px;
	
}
#col-left-sidebar img{
	display:block;
}
#blog{
	position:relative;
	width:306px;
}

#info{
	position:absolute;
	bottom:10px;
}
#info p{
	background:#fff;
	font-size:1.1em;
	color:#000;
	margin:0;
}
#info a{
	text-decoration:none;
	display:block;
	padding:0;
	margin:0;
}

#sidebar-menu{
	width:234px;
	min-height:300px;
	height:auto !important;
	height:300px;
	border-left:1px solid #e6e5e5;
	border-right:1px solid #e6e5e5;
	background-color:#f3f3f3;
}
#sidebar-menu span.date{
	color:#707070;
	display:block;
	padding-bottom:5px;
	font-size:.92em;
}
#sidebar-menu a{
	display:block;
	font-size:1.2em;
	background:transparent url(kuvat/sidebar-border.gif) bottom left no-repeat;
	padding:10px 0 10px 15px;
	color:#000;
	text-decoration:none;
	width:220px;
}
#sidebar-menu a:hover,#sidebar-menu a.current{
	border-left:6px solid #88c160;
	padding:10px 0 10px 9px;
}
#sidebar-menu a.current{
	font-weight:bold;
}
#sidebar-menu a.last{
	background:none;
}
#col-right-sidebar{
	float:right;
	width:300px;
	margin:0 10px;
	border:1px solid #ccc;
	display:inline;
}
#col-left{
	float:left;
	width:600px;
	margin:0 10px;
	border:1px solid #ccc;
	display:inline;
}
#col-right{
	float:left;
	width:530px;
}
#col-right p{
	margin-bottom:30px;
}
#col-right #more-links{
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
}
#col-right h2{
	font-size:1.3em;
	margin-bottom:10px;
}
.item{
	padding:0 10px;
	border-bottom:1px solid #dedede;
}
.item.last{
	border:0;
}
.item h3{
	color:#55a6c6;
	text-transform:uppercase;
	font-size:1.2em;
	margin-bottom:0px;
}
#more-links .item p{
	margin-bottom:10px;
}
#col-right span.date{
	display:block;
	margin-top:10px;
	color:#707070;
	font-size:1.1em;
}
#front-news{
	float:left;
	width:635px;
	margin:0 0 0 10px;
	display:inline;
}
#news-left{
	float:left;
	width:281px;
}
#news-right{
	float:left;
	border: 1px solid #eee;
	background-color: #f8f8f8;
	padding-left:20px;
	width:320px;
}
a#katso-kaikki{
	float:right;
	margin-right:-12px;
	margin-top:0px;
	display:inline;
	position:relative;
}
.news-item{
	width:150px;
	float:left;
	margin:10px 10px 5px 0;
	display:inline;
}
.news-item p{
	font-size:1.1em;
	padding:0 5px;
}
.news-item.clear{
clear:right;
}
.news-item p a{
	text-decoration:none;
	font-weight:bold;
}
#front-blog{
	float:right;
	width:280px;
}
#front-blog .blog-info{
	background:transparent url(kuvat/blog-bullet.gif) top left no-repeat;
	width:200px;
	padding-left:30px;
}
.blog-info h2{
	font-size:1.4em;
	margin:0 0 5px 0;
}
.blog-info p{
	font-size:1.1em;
	line-height:1.6;
}
#front-blog .blog-info a{
	font-weight:bold;
	color:#54a6c6;
}
#col3-left{
	width:200px;
	background-color:#EFEFEF;
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
#col3-middle{
	width:500px;
	background-color:#EFEFEF;
	float:left;
	margin:0 10px 0 0;
	display:inline;
}
#col3-right{
	width:240px;
	background-color:#EFEFEF;
	float:left;
	display:inline;
}
#content-col{
	float:left;
	width:700px;
}
#footer{
	clear:both;
	height:50px;
	background:transparent url(kuvat/footer-bg.gif) top center no-repeat;
}
#footer-text{
	padding-top:20px;
}
#footer-text p{
	font-size:1.2em;
}
#front-top{
	margin:10px;
	border:1px solid #ccc;
}
#front-col-wrapper{
	margin:0 auto;
	width:937px;
}


/* ELEMENT SPECIFIC STYLING */
.left{
	float:left;
}
#footer p.left{ padding-left:30px;}
.right{
	float:right;
}
#footer p.right{ padding-right:30px;}
#footer p{

}

.msc{
	text-align:right;
	font-size:.9em;
}
.msc a{
	color:#000;
}

.top_img {
float:left;
display:inline;
}