/**
 * Teeman elementtitoimintojen tyylit
 * Älä muokkaa tätä tiedostoa, kaikki muutokset pitäisi tehdä lapsiteemaan
 */

/* DIA-ANIMAATIO */
#slider img {
	width: 100% !important;
	/* height: auto; */
}

/* KOROSTETU JULKAISUT SCROLLERI */

.featured-posts {
	margin-bottom: 20px;
}

.featured-posts-container {
	padding: 15px;
	border: 1px solid #dddddd;
}

/* VASEN PUOLI */
.featured-posts #featured_post {
	overflow: hidden;
	height: 330px;
}
.featured-posts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#featured_post li {
	display: none;
}
#featured_post li img {
	float: left;
}
#featured_post li h2.title {
	float: left;
	clear: left;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #dddddd;
}
.featured-post-meta {
	float: right;
}

/* OIKEA PUOLI */
#featured_list {
	padding: 10px;
	height: 330px;
	background: #000000;
}
#featured_list ul li {
	display: block;
	border-bottom: 1px solid #333333;
}
#featured_list ul li:hover {
	cursor: pointer;
}
.featured-list-info h5 {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 3px;
	color: #0088cc;
	font-weight: bold;
	font-size: 1em;
}
.featured-list-meta {
	color: #cccccc;
	font-size: 0.8em;
}


/* LIGHTBOX */
#lbOverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #000000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #ffffff;
}
.lbLoading {
	background: #ffffff url("../images/slimbox/loading.gif") no-repeat center;
}
#lbImage {
	position: absolute;
	top: 0;
	left: 0;
	border: 10px solid #ffffff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	position: absolute;
	top: 0;
	display: block;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url("../images/slimbox/prevlabel.gif") no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url("../images/slimbox/nextlabel.gif") no-repeat 100% 15%;
}
#lbBottom {
	border: 10px solid #ffffff;
	border-top-style: none;
	color: #666666;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	line-height: 1.4em;
}
#lbCloseLink {
	display: block;
	float: right;
	margin: 5px 0;
	width: 66px;
	height: 22px;
	outline: none;
	background: transparent url("../images/slimbox/closelabel.gif") no-repeat center;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}


/* VIMPAIMET */

#widget_boxes_container .box ul {
	margin-left: 0;
}
#widget_boxes_container .box ul li a {
	text-align: left;
}


/* LAATIKOT */

#boxes_container a,
#boxes_container a:hover {
	display: block;
	text-decoration: none;
}
.box-image-container {
	text-align: center;
}


/* Elastislide karuselli */
.es-wrapper {
	position: relative;
	margin: 0 15px 20px 15px;
	padding: 20px 16px 20px 40px;
	box-shadow: none;
	border: solid 1px #ddd;
	min-height:60px;
}
.es-carousel {
	overflow: hidden;
	background: transparent;
	margin-left:-30px;
}
.es-carousel ul {
	display: none;
}
.es-carousel ul li {
	display: block;
	float: left;
	min-width: 100px;
	height: 100%;
}
.es-carousel ul li a {
	display: block;
}
.es-carousel ul li a img {
	display: block;
	min-width: 100px;
	max-width: 100%;
	height: auto;
	border: none;
}
.es-carousel ul {
	padding-left:0;
}
.es-nav span {
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -13px;
	width: 14px;
	height: 26px;
	background: transparent url("../images/nav.png") no-repeat top left;
	text-indent: -9000px;
	opacity: 0.8;
	cursor: pointer;
}
.es-nav span:before {
  content: "\2b";
}
.es-nav span.es-nav-next {
	right: 3px;
	left: auto;
	background-position: top right;
}
.es-nav span:hover {
	opacity: 1.0;
}
.carousel-captions {
	position: relative;
	width: 100%;
	text-align: center;
}

/* CTA-KUTSU */
#callout_container .btn p {
	margin: 0;
}

/* BANNERI */

.header-banner {
	margin:0 auto;
	padding: 0 16px;
}