/* $Id: local-sample.css,v 1.1.2.1 2010/01/11 00:08:12 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

BODY {
background:url("../images/bg-slide.gif") repeat-x scroll left bottom #FFFFFF;
padding:10px 0 50px;	
}

.footer-links {
	border-top:1px solid #EFEFEF;
	color:#707070;
	line-height:1.5em;
	padding:30px 20px 0 0;	
	font-size: 90%;
}

.footer-links A, .footer-links A:visited {
	background:none repeat scroll 0 0 transparent;
	color:#999999;
}

.footer-links .inner ul UL{
	margin:0 0 0 0;
	max-width:12.2em;
}
.footer-links .fusion-multicol-menu .inner ul li.expanded {
	margin-left:40px;
}
.footer-links .fusion-multicol-menu .inner ul.menu li ul.menu li {
	margin-bottom:0.5em;
}

.top-nav A {
background:none repeat scroll 0 0 transparent;
color:#999999;
font-weight:normal;
text-decoration:none;
}
.top-nav A:hover {
	text-decoration:underline;
}


#block-menu-primary-links {
	background:none repeat scroll 0 0 #FFFFFF;
	border-bottom:1px solid #707070;
	margin:0 0 2em 0;
	padding-bottom:1.5em;
}

#block-menu-primary-links UL LI {
	border:0;
	display:inline;
	float:left;
	font-size:1em;
	line-height:1em;
	list-style-type:none;
	margin:0;
	padding:0;
}

#block-menu-primary-links UL LI A{
	font-size:14px;
	font-weight:normal;
	padding:0.8em 1.25em;
	text-transform:uppercase;
	background:none repeat scroll 0 0 transparent;
	color:#000000;
	display:block;
	margin:0;
	text-decoration:none;
	width:auto;
}

#block-menu-primary-links UL LI A:hover {
	background-color:#EEEEEE;	
}


#block-menu-primary-links UL LI.active-trail A{
	background-color: #9cd3db;
	color:#fff;
}
#logo {
	margin-bottom:1em;	
}


.vlist UL {
	
border-bottom:1px none;
border-top:1px solid #DDDDDD;
list-style-type:none;
margin:0 0 1.5em;
overflow:hidden;
width:100%;
}

.vlist UL {
	border-bottom: 1px;	
	border-top: 1px solid #DDDDDD;
	line-height:1.5em;

}
.vlist UL UL {
	margin:0;
	padding:0;
	border:0;
}

.vlist UL li a:focus, .vlist UL li a:hover, .vlist UL li a:active, .vlist ul li ul li a:hover {
	background-color:#EEEEEE;
	color:#333;
	text-decoration:none;
}

.vlist UL li ul li a:focus, .vlist UL li ul li a:hover, .vlist UL li ul li a:active {
	background-color:#EEEEEE ;
	color:#333;
	text-decoration:none;
}

.vlist UL li ul li a, .vlist UL li ul li strong, .vlist UL li ul li span {
	padding-left:10%;
	/*width: 85%;*/
}

.vlist UL li ul li ul li a:focus, .vlist UL li ul li ul li a:hover, .vlist UL li ul li ul li a:active {
	background-color:#EEEEEE ;
	color:#333;
	text-decoration:none;
}
/*.vlist UL li ul li ul li ul li a:focus, .vlist UL li ul li ul li ul li a:hover, .vlist UL li ul li ul li ul li a:active {
	background-color:#EEEEEE ;
	color:#333;
	text-decoration:none;
}*/

.vlist UL li a, .vlist UL li strong, .vlist UL li span {
	padding-left: 5%;	
	border-bottom:1px solid #DDDDDD;
	display:block;
	padding:3px 0.5em 3px 1em;
	text-decoration:none;
	color: #444444;
}

.vlist UL li.active A, .vlist UL li.active A:hover {
	background-color:#9cd3db;
	color:#fff;
	font-weight:bold;
}

.vlist UL li.active-trail A {
	font-weight:bold;	
}

.vlist ul li ul li a, .vlist UL li ul li a:visited, .vlist ul li.active ul li a, .vlist ul li.active ul li a:visited {
background-color:#F8F8F8;
color:#333333;
font-weight: normal;
}
.vlist ul li ul li a:hover {
	background-color:#EEEEEE ;
	color:#333;
	text-decoration:none;
}

.vlist UL li.active UL LI A, .vlist ul li.active ul li a:visited{
	/*background-color:#fff;
	color:#000;*/
	font-weight:bold;
}

.vlist ul li ul li.active A {
	background-color:#9cd3db;
	color:#fff;
	font-weight:bold;
}

H2.title A {
	color:#B52B62;
	text-transform:uppercase;
}

h2, h3, h4, h5 {
font-family:Arial,Helvetica,sans-serif;
font-size:150%;
margin:1em 0 0.25em;
font-weight:normal;
}

h3 {
font-size:125%;
}

h4 {
font-size: 110%;
font-weight:bold;
}

h1.title {
font-family:Helvetica,Arial,sans-serif;
font-weight:normal;
text-transform:uppercase;
margin:0 0 0.5em 0;
color:#B52B62;
font-size: 250%;
line-height: 1.5em;
font-weight:normal;
}
p {
line-height:1.5em;
margin:0 0 1em;
}

a {
background:none repeat scroll 0 0 transparent;
color:#44C9DD;
text-decoration:none;
}
a:visited {
color:#4D87C7;
}
a:focus,
  a:hover,
  a:active { color:#44c9dd; text-decoration:underline; }


.rImg {
	float:right;		
	margin: 0 0 0.5em 0.5em;
}

.lImg {
	float:left;
	margin: 0 0.5em 0.5em 0;
}

blockquote  {
color:#666666;
margin:0 0 1em 1.6em;
}
blockquote, cite, q {
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
}

#main-content #content-content ul li, #main-content #content-content DIV.item-list ul li {
background:url("../images/bullet.gif") no-repeat scroll 0 0.45em transparent;
margin-bottom:0.5em;
padding-left:20px;
list-style-type: none;
}
#main-content #content-content UL.pager LI, #main-content #content-content DIV.item-list UL.pager LI{
	background: none;	
}

#main-content #content-content UL.pager LI.pager-current, #main-content #content-content DIV.item-list UL.pager LI.pager-current {
	background-color: #777;	
    padding: 3px 6px 2px;
}
#main-content #content-content li {
line-height:1.5em;
margin-left:0.8em;
}

#main-content #content-content ul  {
list-style-type:none;
line-height:1.5em;
margin:0 0 1em 1em;
padding:0;
}

.rtf, .pdf, .doc, .xls, .ppt {
	padding: 1px 21px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/icons/rtf.gif);
	background-position: top right;
	line-height:16px;
}

.pdf{ background-image: url(../images/icons/pdf.gif);}

.doc{ background-image: url(../images/icons/doc.gif);}

.xls { background-image: url(../images/icons/xls.gif);}

.ppt { background-image: url(../images/icons/ppt.gif);}

.search-form label {
	display: none;	
}
.search-form  {
	margin-top:0.4em;
}
.search-form INPUT.form-text {
	height: 15px;
	margin-top:2px;
}

.search-form INPUT.form-submit {
	color: #fff;
	background-color: #44C9DD;
	border:1px solid #ccc;
	text-transform:uppercase;
	font-size: 11px;

}

.search-form INPUT.form-submit:hover {
	color:#333;
}

div.teaser  {
display:inline;
float:left;
margin-right:23px;
width:170px;
}
DIV.teaser-last {
	margin-right:0;
}

div.teaser p, div.teaser p a {
color:#464646;
font-size:12px;
}


.teaser h3, .teaser h3 a {
color:#252525;
font-family:Helvetica,Arial,sans-serif;
font-size:22px;
font-weight:normal;

}
.teaser IMG {
	margin: 0.5em 0;
}

#header-top {
	margin-top: 1em;	
}

.etusivu-isonosto H2 {
color:#B52B62;
font-family:Helvetica,Arial sans-serif;
font-size:42px;
font-weight:normal;
line-height:1em;
margin-bottom:0.8em;
margin-top:0.2em;
}

.etusivu-isonosto p {
	font-size: 14px;
	width: 450px;
}
.view-id-Ajankohtaista {
/*	background-color: #b52b62;	*/
	background-color: #9cd3db;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*border: 1px solid #e4377c;*/
}

.view-id-Ajankohtaista A {
	color: #fff;
	font-size:16px;
	font-weight: bold;
}

.view-id-Ajankohtaista .views-field-created {
	color: #333;
	font-size: 11px;
}

#content-bottom-inner {
	/*background-color: #9cd3db;	*/
	border-top:1px solid #707070;
}

#footer {
	background-color: #fff;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footer P{ 
	margin:0;
	padding:0;
}

#footer .block {
	margin:0;	
}

.grid16-12 {
	width: 570px;	
}

.front #content-top #content-top-inner {
	/*padding-top: 10px;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	margin-bottom: 1em;
}

.front .breadcrumbs {
	display: none;
}

.front .feed-icon {
	float:right;
	margin-top: -20px;}

.etusivu-ajankohtaista TABLE {
	width: 95%;	
}

.etusivu-ajankohtaista TABLE TD{
	vertical-align: top;	
}

.views-field-created{
	color: #ccc;
	font-size: 11px;
}

#block-menu-secondary-links {
	width: 210px;
}

.search-form {
	width: 200px;	
}