/*
Theme Name: Tapiola Undo
Version: 1.0
Author: Into-Digital Oy
Author URI: http://into-digital.fi/

CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body {
	background: #1d1d1d url(gfx/body-top-bg.gif) repeat-x 0 0;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #d7d7d7;
}

h1 span {
	display: none;
}

h2 {
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 50px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: normal;
}

h2 img {
	padding-bottom: 5px;
}

h3 {
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: normal;
}

h4 {
	color:#00a1de;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: normal;
}

h5 {
	color:#00a1de;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: normal;
}

h6 {
	color:#00a1de;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: normal;
}

p {
	margin-bottom: 15px;
	line-height: 21px;
	color: #d7d7d7;
}


a {
	color: #FFFFFF;
	text-decoration: none;
}

td {
	font-size: 13px;
	line-height: 19px;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

ul li {
	position: relative;
}

.clear {
	clear: both;
}

.nosto {
	margin-bottom: 15px;
	width: 180px;
	overflow: hidden;
}

	.nosto p {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 10px;
	}
	
	.nosto a {
		color: #00b92b;
	}

#container {
	margin: 0 auto;
	width: 880px;
}

	#header {
		padding-top: 5px;
		height: 145px;
	}
		
		#logo {
			float: left;
			width: 160px;
		}
		
			#logo p {
				margin: 10px 0 0 -10px;
				text-align: center;
				font-size: 12px;
			}
			
		#menu {
			float: left;
			width: 720px;
		}
		
			#menu ul {
				padding: 20px 0 0 22px;
				height: 125px;
				width:698px;
				
			}
			
				#menu ul li {
					
					float: left;
					height: 125px;
					width: 122px;
					margin: 0 0 0 8px!important;
					margin: 0 0 0 6px;
					overflow: hidden;
				}
				
					#menu ul li a {
						display: block;
						background: url(gfx/menu-bg.gif) no-repeat 0 0;
						padding: 20px 6px 0;
						height: 105px;
						width: 110px;
						font-size: 18px;
						line-height: 20px;
						text-align: center;
					}
					
					#menu ul li a:hover,
					#menu ul li.current_page_item a {
						background-position: left bottom;
						text-decoration: none;
					}
					
					#menu ul li.page-item-10 a:hover,
					body.page-id-10 #menu ul li.current_page_item a {
						background-position: left -125px;
					}

	#content {
		float: left;
		width: 680px;
		padding-bottom: 40px;
	}
	
		#content a {
			color: #00b92b;
		}
		
		#content ul {
			margin-bottom: 10px;
		}
		
		#content img {
			margin: 15px 0;
		}
		
		#content h2 img {
			margin: 0;
		}
	
	#highlights {
		float: right;
		width: 180px;
		min-height: 200px;
		padding-bottom: 80px;
	}

#footer {
	background-color:#007d1f;
	position: fixed!important;
	position: relative;
	bottom: 0;
	width: 100%;
	height: 30px;
}

	#footer-menu {
		position: relative;
		width: 880px;
		height: 30px;
		margin: 0 auto;
	}
	
		#footer-menu ul li {
			float: left;
			height: 30px;
			font-size: 12px;
			margin-right: 30px;
			line-height: 30px;
		}
		
			#footer-menu ul li a {
				float: left;
				height: 30px;
				font-size: 12px;
				line-height: 30px;
			}
				
				#footer .shareElements {
					display: none;
					position: absolute;
					top: -100px;
					left: 0;
				}
				
				#footer-menu ul li a.share-btn {
					background: url(gfx/share.png) no-repeat right 0;
					padding-right: 22px;
				}
		
		#footer-avainlippu {
			background: url(gfx/logo-avainlippu.jpg) no-repeat 0 0;
			width: 16px;
			height: 30px;
			position: absolute;
			left: -30px;
			bottom: 0;
		}
		
		#footer-logo {
			background: url(gfx/logo-tapiola.gif) no-repeat 0 0;
			display: block;
			width: 125px;
			height: 65px;
			position: absolute;
			left: 880px;
			bottom: 0;
		}
		
		

/* video slider */
#video-slider {
	background:url(gfx/scrollbar.jpg) no-repeat;
	width: 680px;
	height: 46px;
	margin-bottom: 15px;
}

	#video-slider a.prev {
		float: left;
		height: 46px;
		width: 40px;
	}
	
	#video-title-container {
		float: left;
		width: 600px;
		height: 46px;
		position: relative;
		overflow: hidden;
	}
		
		#video-title-container ul {
			height: 46px;
			position: absolute;
			margin: 0;
			padding: 0;
		}
		
		#video-title-container ul li {
			float: left;
			height: 46px;
			line-height: 42px;
			padding: 0 10px;
		}
	
	#video-slider a.next {
		float: right;
		height: 46px;
		width: 40px;
	}
	
/* video player */
#video-title {
	background: url(gfx/shadowbox-top.jpg) no-repeat 0 0;
	width: 640px;
	min-height: 40px;
	padding: 10px 20px;
	font-size: 12px;
}

	#video-title h5 {
		margin-bottom: 0;
	}
	
#video-holder {
	position: relative;
	width: 680px;
	height: 416px;
}

	#stamp {
		position: absolute;
		top: 18px;
		right: 18px;
		z-index:1;
	}
	
	#video {
		width: 680px;
		height: 416px;
	}

#video-info {
	width: 680px;
	margin-bottom: 40px;
}

	#video-info-top {
		background: url(gfx/videoinfo-top.jpg) no-repeat 0 0;
		width: 680px;
		height: 30px;
		padding-top: 24px;
		text-align: center;
	}
	
		#video-info-top p {
			font-size: 18px;
			padding: 10px 0 5px;
			margin: 0;
		}
		
		#video-info-top a {
			color: #FFFFFF;
			font-size: 12px;
		}
		
		#video-info-top a:hover {
			text-decoration: none;
		}
		
			#video-info-top a img {
				margin: 0 10px;
			}
	
	#video-info-content {
		display: none;
		background-color: #121212;
		width: 580px;
		padding: 10px 50px;
		font-size: 13px;
		line-height: 16px;
	}
		
		#video-info-content p {
			font-size: 13px;
			line-height: 16px;
			margin-bottom: 10px;
		}
		
		#video-info-content ul {
			list-style-type: disc;
			list-style-position: outside;
			margin-bottom: 10px;
		}
		
		#video-info-content table {
			float: left;
			margin-right: 20px;
			margin-bottom: 15px;
			font-size: 16px;
			line-height: 24px;
		}
		
			#video-info-content table td {
				padding: 0 5px;
				border-bottom: 1px solid #292929;
			}
			
			#video-info-content table td strong {
				padding: 0 10px 0 0;
				min-width: 60px;
				color: #00a1de;
				font-weight: bold;
			}
			
			#video-info-content table td strong span {
				color: #cb0606;
			}
		
	#video-info-btm {
		background: url(gfx/videoinfo-btm.jpg) no-repeat 0 0;
		width: 660px;
		height: 30px;
		padding: 11px 10px 0;
		position: relative;
	}
		
		#video-info-btm a,
		#video-info-btm p {
			float: right;
			font-size: 12px;
			height: 30px;
			line-height: 30px;
			color:#8c8c8c;
			margin: 0 0 0 10px;
		}
		
		#video-info-btm .shareElements {
			display: none;
			position: absolute;
			top: -100px;
			right: 0;
		}
				
		#video-info-btm a.share-btn {
			background: url(gfx/share.png) no-repeat left 0;
			padding-left: 26px!important;
			padding-left: 10px;
		}
		
		#video-info-btm a.comment-btn {
			background: url(gfx/comment.png) no-repeat left 0;
			padding-left: 27px!important;
			padding-left: 11px;
			margin-right: 20px;
			margin-left: 10px!important;
			margin-left: 20px;
		}
		
		#video-info-btm a.like-btn {
			background: url(gfx/like.png) no-repeat left 0;
			padding-left: 25px!important;
			padding-left: 9px;
			margin-right: 20px;
			margin-left: 10px!important;
			margin-left: 20px;
		}

.shadowbox {
	background: url(gfx/shadowbox-top.jpg) no-repeat 0 0;
}
	
	.shadowbox h5 {
		margin-bottom: 5px;
	}
	
	.shadowbox blockquote {
		background: url(gfx/shadowbox-btm.jpg) no-repeat 0 bottom;
		font-size: 13px;
		width: 620px;
		min-height: 120px;
		padding: 20px 30px;
		position: relative;
	}
	
		.shadowbox blockquote ul {
			list-style-type: disc;
			padding-left: 15px;
			line-height: 16px;
		}
		
			.shadowbox blockquote ul li {
				margin-bottom: 5px;
			}
		
		.shadowbox blockquote .bubble-holder {
			position: relative;
			float: left;
			width: 68px;
			height: 68px;
			margin: 0 10px 20px 0;
		}
		
		#content .shadowbox blockquote .bubble-holder img {
			margin: 0;
		}
		
			.shadowbox blockquote .bubble {
				background:url(gfx/kupla-top.png) no-repeat 0 0;
				font-size: 17px;
				line-height: 21px;
				color: #00a1de;
				width: 189px;
				overflow: hidden;
				padding: 14px 0 0 0;
				position: absolute;
				text-align: center;
				bottom: 60px;
				left: -90px;
				z-index: 1;
			}
			
				.shadowbox blockquote .bubble-btm {
					background:url(gfx/kupla-btm.png) no-repeat 0 bottom;
					padding-bottom: 27px;
				}
				
				.shadowbox blockquote .bubble table {
					background:url(gfx/kupla-mid.png) repeat-y 0 bottom;
					width: 189px;
				}
			
				.shadowbox blockquote .bubble table td {
					font-size: 15px;
					line-height: 18px;
					width: 169px;
					padding: 0 10px;
					overflow: hidden;
					text-align: center;
				}

/* extrainfo popup */

p.extrainfo {
	position: absolute;
	background-color: #000000;
	opacity: 0.9;
	padding: 10px;
	margin: 0;
	top:-50px;
	left:130px;
	z-index: 10;
	width: 490px;
	cursor: pointer;
}


/* forms */
input,
textarea {
	padding: 3px;
}

#friendFormHolder {
	position: relative;
	float: right;
	margin-left: 5px;
	width: 206px;
	height: 182px;
}

	#friendLink {
		background:url(gfx/kerro_kaverille.gif) no-repeat 0 0;
		display: block;
		width: 206px;
		height: 182px;
	}
	
	#friendForm-top {
		display: none;
		position: absolute;
		top: 182px;
		right: 11px;
		width: 669px;
		padding-top: 11px;
		background: #3c8a2e url(gfx/kaveri-top.gif) no-repeat 0 0;
		z-index: 2;
	}
	
	#friendForm-btm {
		width: 629px;
		padding: 10px 20px;
		background: #3c8a2e url(gfx/kaveri-btm.gif) no-repeat 0 bottom;
	}
	
		#friendForm-btm p {
			font-size: 14px;
			line-height: 20px;
		}
		
		#friendForm .friendFormBlock {
			float: left;
			width: 200px;
			margin-right: 30px;
			font-size: 13px;
			line-height: 14px;
		}
			
			#friendForm label {
				font-weight: bold;
				display: block;
				margin-bottom: 5px;
			}
			
			#friendForm input {
				background: url(gfx/kaveri-input.gif) no-repeat 0 0;
				width: 190px;
				height: 20px;
				line-height: 20px;
				margin-bottom: 15px;
				padding: 5px;
				color: #FFFFFF;
				
			}
				
				#friendForm ul {
					padding-top: 10px;
				}
				
				#friendForm ul li {
					float: left;
					line-height: 18px;
					width: 80px;
					margin-right: 4px;
					overflow: hidden;
					font-weight: bold;
				}
			
				#friendForm #friendSubmit {
					clear: both;
					background: url(gfx/kaveri-btn.gif) no-repeat 0 0;
					float: right;
					width: 100px;
					height: 36px;
					margin-top: 31px;
					cursor: pointer;
				}

/* Päivitykset syksy 2010 */

div.table-bg {
	background: url(gfx/td-bg.gif) no-repeat 0 0;
	margin: 10px 0 0 0;
	padding: 25px 30px;
	width: 590px;
	height: 314px;
}

div.table-frontpage {
	background: url(gfx/td-bg.jpg) no-repeat 0 0;
	margin: 10px 0 20px 0;
	padding: 25px 30px;
	width: 590px;
}
#content div.table-frontpage td {
	font-size: 15px;
}
#content div.table-frontpage h3 {
	font-size: 28px;
	padding-top:10px;
	margin-bottom: 15px;
}
#content  div.table-frontpage h3.small {
	font-size: 24px;
}
#content div.table-frontpage td.nro {
	background: url(gfx/nro-bg.gif) no-repeat 0 0;
	vertical-align: top;
	color: #1e1d1e;
	width: 35px;
	font-size: 16px;
	padding-left: 8px;
	padding-top: 4px;
}
#content div.table-frontpage a{
	color: #d7d7d7;
}
#content div.table-frontpage .tarjous td{
	text-align: right;
	font-size: 18px;
	padding: 3px 5px 3px 0px;
}

#content div.table-frontpage .tarjous .tarjous-title{
	color: #00a1de;
	text-align: left;
	width: 210px;
}

#content div.table-frontpage .tarjous .tarjous-kk{
	font-size: 13px;
	color: #aaa;
	text-align: left;
	font-weight: bold;
}

#content div.table-frontpage .lahtohinta{
	font-size: 13px;
	color: #aaa;
	text-align: left;
	font-weight: bold;
}

#content div.table-frontpage img {
	margin: 0px 10px 0px 0px;
}
#content .table-tuoteseloste {
	margin-left: 25px; margin-top: 10px;
}
#content .table-tuoteseloste img{
	margin: 0px 0px 0px 5px;
	vertical-align:middle;
}