/* 
Theme Name: ZestMark
Theme URI: http://www.mylly.fi
Description: ZestMark Theme 
Version: 0.1
Author: Pohjolan Mylly / Tommi Hars
Author URI: http://www.mylly.fi
*/

body {
	background: url(image/zmbg.jpg) #eee 0px 0px;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, sans-serif;
	font-size: 80%;
	color: #fff;
	line-height: 2.5ex;
}

#lang_fi {
	display: none;
}

#goLang {
	color: transparent;
	position: absolute;
	display: none;
	width: 15px;
	height: 15px;
	top: 32px;
	right: 25px;
	background: url(image/lang.gif) transparent no-repeat 0px 0px;
	z-index: 99;
	text-indent: 32px;
	text-decoration: none;
	border: none;
}

form, fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

div.youtube  {
	margin-top: 15px;
}

object {
	width: 400px !important;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, sans-serif;
	font-weight: normal;
}

h2.loading {
	text-indent: -9999px;
	background: url(image/loading.png) transparent no-repeat 0px 0px;
	height: 30px;
}


h2.mark {
	text-indent: -9999px;
	background: url(image/title_1.png) transparent no-repeat 0px 0px;
	height: 30px;
}

h2.company {
	text-indent: -9999px;
	background: url(image/title_2.png) transparent no-repeat 0px 0px;
	height: 30px;
}

h2.training {
	text-indent: -9999px;
	background: url(image/title_3.png) transparent no-repeat 0px 0px;
	height: 30px;
}

h2.contact {
	text-indent: -9999px;
	background: url(image/title_4.png) transparent no-repeat 0px 0px;
	height: 30px;
}

h2.community {
	text-indent: -9999px;
	background: url(image/title_5.png) transparent no-repeat 0px 0px;
	height: 30px;
}


#notePop {
	width: 294px;
	background: url() transparent no-repeat 0px 0px;
	position: absolute;
	right: 60px;
	top: 80px;
	z-index: 99;
	display: none;
}

#notePopTop {
	height: 33px;
	background: url(image/popup0.png) transparent no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
}

#notePop p {
	margin: 0px 0px 0px 0px;
}

#notePopContent {
	background: url(image/popup1.png) transparent repeat-y 0px 0px;
	margin: 0px;
	padding: 5px 13px 0px 13px;
	font-size: 90%;
}

#notePopBottom {
	height: 9px;
	background: url(image/popup2.png) transparent no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}


h3 {
	font-family: Tahoma, sans-serif;
	font-weight: bold;
}

h3.inner {
	color: #799b26;
	font-weight: normal;
	font-size: 150%;
	font-family: Arial;
}

h4 {
	color: #799b26;
	font-weight: normal;
	font-size: 150%;
	font-family: Arial;	
	padding: 0px;
	margin: 0px;
}

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

a:hover {
	text-decoration: underline;
}

iframe {
	background-color: transparent;
	border: none;
	position: relative;
	left: -11px;
}

.blogEntry {
	background-repeat: no-repeat;
	padding: 0px 0px 10px 0px;
	border-bottom: solid 1px #444;
	margin: 0px 0px 10px 0px;
}

.blogEntry .blogTime {
	color: #787570;
	font-size: 90%;
}

.blogEntry .blogTime a {
	color: #787570;
}

.blogEntry img {
	display: none;
}

.blogEntry p {
	margin-bottom: 0px;
}

.tweetEntry {
	background-repeat: no-repeat;
	padding: 0px 0px 10px 55px;
	min-height: 45px;
	border-bottom: solid 1px #444;
	margin: 0px 0px 10px 0px;
}

.tweetEntry strong {
	color: #d87b6d;
}

.tweetEntry a {
	color: #71c8ce;
}


.tweetEntry .tweetTime {
	color: #787570;
	font-size: 90%;
}

.commentTime {
	color: #787570;
	font-size: 90%;
}

.tweetEntry .tweetTime a {
	color: #787570;
}

.markerTime {
	color: #787570;
	font-size: 90%;
}

.markerTime a {
	color: #787570;
}

#facebookEmbed {
	display: block;
}

#zestContainer {
	width: 100%;
	height: 480px;
	overflow: hidden;
	background-color: transparent;
	position: relative;
	top: 0px;
	left: 0px;
}

#zestHeader {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 33px;
	overflow: show;
	background: url(image/header.gif) #000 repeat-x 0px 0px;
}

#zestHeader ul {
	margin: 0px auto 0px auto;
	padding: 0px;
	list-style-type: none;
	width: 436px;
}

#zestHeader ul li {
	display: inline;
}

#zestHeader ul li a {
	display: block;
	float: left;
	background: url(image/navi0.gif) transparent no-repeat 0px 0px;
	width: 21px;
	height: 33px;
	overflow: hidden;
	text-indent: -9999px;
}

#zestHeader ul li a:hover {
	background-image: url(image/navi1.gif);
}

#zestHeader ul li.shareFacebook a {
	margin-right: 2px;
}

#zestHeader ul li.shareTwitter a {
	background-position: -23px 0px;
	margin-right: 2px;
}

#zestHeader ul li.shareMail a {
	background-position: -46px 0px;
	margin-right: 3px;	
}

#zestHeader ul li.naviCompany a {
	background-position: -70px 0px;
	width: 87px;
}

#zestHeader ul li.naviTraining a {
	background-position: -157px 0px;
	width: 89px;
}

#zestHeader ul li.naviContact a {
	background-position: -246px 0px;
	width: 84px;
}

#zestHeader ul li.naviCommunity a {
	background-position: -330px 0px;
	width: 103px;
}

#zestMap {
	width: 100%;
	height: 100px;
}

#zestBar {
	margin-left: 0px;
	position: absolute;
	top: 33px;
	left: 0px;
	width: 548px;
	background: url(image/bg.png) transparent 0px 0px;
	z-index: 99;
	overflow: show;
}

#zestBar h1 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background: url(image/logo.gif) transparent 0px 0px;
	width: 573px;
	height: 85px;
}

#zestWindow {
	position: relative;
	overflow: hidden;
	margin: 0px 20px 20px 120px;
	height: 200px;
}

/* */

#zestWindow #scrollUp {
	position: absolute;
	color: transparent;	
	width: 15px;
	height: 15px;
	top: 64px;
	right: 0px;
	background: url(image/scrollUp.gif) #eee no-repeat 0px 0px;
	z-index: 99;
	text-indent: 32px;
	text-decoration: none;
	border: none;
}

#zestWindow #scrollDown {
	color: transparent;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 96px;
	right: 0px;
	background: url(image/scrollDown.gif) #eee no-repeat 0px 0px;
	z-index: 99;
	text-indent: 32px;
	text-decoration: none;
	border: none;
}

#scrollBar {
	color: transparent;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 125px;
	left: 513px;
	background: url(image/scrollBar.gif) transparent no-repeat 0px 0px;
	z-index: 99;
	text-indent: 32px;
	text-decoration: none;
	border: none;
}


#zestWindow #goHome {
	color: transparent;
	display: none;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 32px;
	right: 0px;
	background: url(image/gohome.png) transparent no-repeat 0px 0px;
	z-index: 99;
	text-indent: 32px;
	text-decoration: none;
	border: none;
}
/* */

#zestContent { 
	width: 370px;
	margin: 0p;
}

#mouseTip {
	display: none;
	background-color: #000;
	color: #fff;
	border: solid 1px #eee;
	position: absolute;
	z-index: 99;
	top: 0px;
	left: 0px;
	padding: 10px;
	font-size: 150%;
}

/* Channel Instances */

.channelInstance {
	position: relative;
	overflow: hidden;
	font-size: 90%;
	padding: 10px 10px 0px 10px;		
}

.channelInstance a.channelToggleHide {
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: 11px;
	background: url(image/toggle0.png) transparent no-repeat 0px 0px;
	display: block;
	width: 10px;
	height: 10px;
	color: transparent;
}

.channelInstance a.channelToggleShow {
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: 11px;
	background: url(image/toggle1.png) transparent no-repeat 1px 1px;
	display: none;
	width: 10px;
	height: 10px;
	color: transparent;
}

.channelInstance a.channelToggle:hover {
	text-decoration: none;
}

.channelInstance h3 {
		text-transform: uppercase;
		background: url() transparent no-repeat 0px 0px;
		padding: 13px 5px 20px 52px;
		margin: 0px;
}

#channelFacebook {
		border-bottom: solid 1px #3276b9;
}

#channelFacebook h3 {
		background-image: url(image/title_fb.png);
		text-indent: -9999px;
}

#channelTwitter {
		border-bottom: solid 1px #79d1d5;
		background: url(image/bg2.png) transparent;			
}

#channelMarker {
		border-bottom: solid 1px #799b26;
		background: url(image/bg2.png) transparent;			
}

#channelComments {
		border-bottom: solid 1px #b1ac9e;
		background: url(image/bg2.png) transparent;			
}

#channelComments .giveComment{
	padding: 0px 0px 10px 0px;	
}

#channelComments .commentEntry {
	padding: 10px;
	background: url(image/bg2.png) transparent;	
	margin-bottom: 3px;
}

#channelComments .giveComment input {
	width: 200px;
	margin: 0px;
	background: url(image/cc.png) #fff no-repeat 98% 5px;
	border: solid 1px #aaa;
	padding: 3px;
}

#channelComments .giveComment input#commentgiver {
	width: 100px;
	background: url(image/ccg.png) #fff no-repeat 98% 7px;		
}

#channelComments .giveComment input#submitcomment {
	background: url(image/cbtn.png) transparent no-repeat;
	border: none;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

#channelMarker p {
	margin-top: 0px;
}

#channelTwitter h3 {
		background-image: url(image/title_tw.png);
		text-indent: -9999px;
}

#channelMarker h3 {
		background-image: url(image/channelMarker.png);
		text-indent: -9999px;
}

ul#twitter {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#twitter li {
	border-bottom: 1px solid #aaa;
	padding: 10px 0;
}
ul#twitter .meta a {
font-weight: bold; font-size: 10px; color: #79D1D5;}

#channelComments h3 {
		background-image: url(image/channelComments.png);
		text-indent: -9999px;
}

#channelFlickr {
		border-bottom: solid 1px #ea3e94;
}

#channelFlickr h3 {
		background-image: url(image/title_fl.png);
		text-indent: -9999px;
}

#channelFlickr img {
	border: solid 4px #fff;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-top: 0px;
	height: 75px;
	width: 75px;
	overflow: hidden;
}

#channelBlogger {
		border-bottom: solid 1px #ff6600;
		background: url(image/bg2.png) transparent;		
}

#channelBlogger h3 {
		background-image: url(image/title_bl.png);
		text-indent: -9999px;
}

.channelContent {
	margin: 0px;
	paddiong: 0px;
}

.channelContent p {
	margin-top: 0px;
}

#maprec {
	position: absolute;
	top: 40px;
	right: 207px;
	width: 67px;
	height: 22px;
	background: url(image/maprec.png) transparent no-repeat 0px 0px;
}

#markerrec {
	background: url(image/mapicons/icon2.png) transparent no-repeat 0px 0px;	
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 32px;
	height: 49px;
	padding: 0px;
	margin: 0px;
	margin-top: -50px;
}

#zestNotify {
	height: 24px;
	background: url(image/info.png) #f3efa7 no-repeat 20px 8px;
	color: #000;
	padding: 8px 0px 0px 45px;
	font-weight: bold;
	font-size: 90%;
	display: none;
}


#markerInfo {
	background: url(image/markinfo.png) transparent no-repeat 0px 0px;	
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 254px;
	height: 212px;
	padding: 20px 20px 20px 20px;
	cursor: crosshair;
	overflow: hidden;	
}

#markerInfoCustom {
	background: url(image/markinfocustom.png) transparent no-repeat 0px 0px;	
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 254px;
	height: 212px;
	padding: 20px 20px 20px 20px;
	cursor: crosshair;
	overflow: hidden;	
}

#markerInfo h4 {
	font-weight: normal;
	font-family: Arial;
	font-size: 120%;
	background: url(image/title_6.png) transparent no-repeat 0px 0px;	
	padding-top: 30px;
	margin: 0px 0px 0px 0px;
	color: #fff;
}

#markerInfo h4 strong {
	font-weight: normal;
	font-size: 80%;
}

#markerInfo .limiter {
	width: 254px;
	height: 212px;
	overflow: hidden;
}

#addpoint {
	display: none;
	width: 620px;
	height: 460px;
	padding: 40px;
	margin: 100px auto 0px auto;
	background: url(image/zmrec.png) transparent no-repeat 0px 0px;	
}

#addpoint input, #addpoint textarea {
	width: 576px;
	margin-bottom: 15px;
	border: none;
	border: solid 3px #ccc;
	padding: 10px;
	font-size: 150%;
}

#addpoint textarea {
	font-family: Tahoma, sans-serif;
	height: 90px;
	font-size: 150%;
}

#addpoint #submit, #addpoint #cancel {
	width: auto;
}

h2.zmrec {
	text-indent: -9999px;
	background: url(image/zmrectitle.png) transparent no-repeat 0px 0px;
	height: 30px;
}