/* @group common */

#flash {
	width:100%;
	height:100%;
}

#flash_content_container {
	float:left;
	width:100%;
	height:100%;
	margin:0px;
	z-index:-1;
}

#flash_content {
	z-index: -1;
}

#doc input {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #222;
	font: normal 85% Lucida Grande, Lucida Sans Unicode, Lucida, Corbel, Tahoma, Arial, sans-serif;
	letter-spacing: -0.05em;
	margin: 0;
	padding: 4px;
	vertical-align: top;
	width: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#doc button {
	background: #ef0784;
	border: 0;
	border-radius: 3px;
	color: #fff;
	font: 800 90% Lucida Grande, Lucida Sans Unicode, Lucida, Corbel, Tahoma, Arial, sans-serif;
	margin: 0 0 0 2px;
	overflow: hidden;
	padding: 3px;
	text-transform: uppercase;
	vertical-align: top;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#doc .search input {
	padding-right: 24px;
}

#doc .search button {
	background: #fff url(http://www.dialogi.fi/themes/dialogitheme/images/icons/16x16/maglass.png) 50% 50% no-repeat;
	height: 16px;
	margin: 0.35em 0 0 -22px;
	padding: 0;
	text-indent: -10000in;
	width: 16px;
}

/* @end */

/* @group skeleton */

html, body {
	height: 100%;
}

#doc {
	height: auto;
	min-height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#page {
	padding: 0 4.8% 3.8em 4.8%;
	z-index: 100;
}

/* @end */

/* @group head */

#head {
	/* padding: 2.8% 0 1.65% 0; */
	width: 49%;
	padding: 5.8% 0 1.15% 0;
}

#doc #head h1 {
	height: 32px;
	margin: 0 0 0 -12px;
	text-indent: 0;
}

#head a {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/logo.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
	height: 32px;
	overflow: hidden;
	text-indent: -10000in;
	width: 130px;
}

/* @end */


/* @group content */

#doc #content #side-left {
	width: 46.5%;
}

#doc #content div.content-block ul {
	padding:0;
	list-style: none;
}

#doc #content div.content-block ul li {
	padding:0 0 0.3em 0;
	list-style: none;
}

#doc #content .fold {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/fold.png) 0 0 repeat-y;
	bottom: 0;
	left: 50%;
	position: absolute;
	margin: 0 0 0 -38px;
	top: 0;
	width: 76px;
	z-index: 3;
}

#doc #content #side-right {
	width: 46.5%;
}


#doc #content #side-right.full-view {
	bottom: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	z-index: 2;
}

#doc #content .ingress {
	font-size: 190%;
	line-height: 1.07em;
	margin:0;
}

#doc #content .ingress p {
	line-height: 1.07em;
}

#doc #content .column {
	width: 48%;
}

#doc #content .foot {
	bottom: 3.8em;
	position: absolute;
	width: 42%;
}

/* @end */

/* @group foot */

#doc #foot {
	background: #1c1c1c;
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 1.6% 4.8% 3.5% 4.8%;
	position: absolute;
	right: 0;
	z-index: 4;
}

#doc #foot .footer-right59 {
width:59%!important;
}

#doc #foot .footer-left39 {
width:39%!important;
}

.has-js #doc #foot {
	bottom: auto;
	top: 100%;
}

#doc #foot .toggle {
	background: #171717;
	bottom: 100%;
	cursor: pointer;
	display: none;
	font-size: 85%;
	font-weight: 900;
	left: 0;
	padding: 0.6% 4.8%;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

#doc #foot .toggle a {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/arrow-up.gif) 0 50% no-repeat;
	margin: 0 0 0 -12px;
	padding: 0 4.2% 0 12px;
	text-decoration: none;
}

#doc #foot .toggle-on a {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/arrow-down.gif) 0 50% no-repeat;
}

.has-js #doc #foot .toggle-off,
#doc #foot.expanded .toggle-on {
	display: block;
}

#doc  #foot.expanded .toggle-off {
	display: none;
}

#doc #foot h2 {
	font-size: 95%;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 0 0 1.1em 0;
}

#doc #foot a:hover {
	color: #ff419e;
}

#doc #foot .vcard {
	padding: 0;
}

#doc #foot #contact { 
	float:left;
	width: 56%;
	margin-right:3%;
}



#doc #foot #languages { 
	float:left;
	width: 39%;
}

#doc #foot #languages a {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/arrow-right.gif) 100% 50% no-repeat;
	margin: 0 0 0 -12px;
	padding: 0 6.2% 0 12px;
}

#doc #foot #social {
	padding: 0 0 0 6.8%;
	width: 31%;
}

#doc #foot #social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#doc #foot #social li {
	padding: 0 0 0.4em 0;
}

#doc #foot #social .go-facebook {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/icons/16x16/facebook.png) 0 50% no-repeat;
	padding-left: 25px;
}

#doc #foot #social .go-twitter {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/icons/16x16/twitter.png) 0 50% no-repeat;
	padding-left: 25px;
	text-decoration:underline;
}

#doc #foot #social p{
	padding: 0 0 0.4em 0;
	margin:0;
}

#doc #foot #social .social-link {
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left: 25px;
	text-decoration:underline;
}

#doc #foot #wot {
	width: 15%;
}

#doc #foot #subscribe {
	width: auto;
}

#doc #foot #subscribe button {
	background: #ef0784;
	border: 0;
	border-radius: 3px;
	color: #fff;
	font: 800 90% Lucida Grande, Lucida Sans Unicode, Lucida, Corbel, Tahoma, Arial, sans-serif;
	margin: 0 0 0 2px;
	overflow: hidden;
	padding: 3px;
	text-transform: uppercase;
	vertical-align: top;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#doc #foot #subscribe button:hover {
	cursor: pointer;
}

#doc #foot #subscribe input {
	background: transparent;
	border: 1px solid #424242;
	border-radius: 3px;
	color: #fff;
	font: normal 85% Lucida Grande, Lucida Sans Unicode, Lucida, Corbel, Tahoma, Arial, sans-serif;
	letter-spacing: -0.05em;
	margin: 0;
	padding: 4px;
	vertical-align: top;
	width: 11em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* @end */

/* @group bg */

#doc #bg {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

#doc #bg img {
	display: block;
	height: auto;
	position: absolute;
	top: 0;
	width: 100%;
	-ms-interpolation-mode: bicubic;
}

#doc #bg.orient-south img {
	bottom: 0;
	top: auto;
}

/* @end */

/* @group etusivu */

#etusivu { background-color:#d5d6d6;}

#etusivu #doc .fold {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/bg/etusivu_01-fold.png);
	bottom: -50em;
	top: -300em;
}


#etusivu #doc #content .foot {
	width: 90.4%;
}

#etusivu #doc #content .foot h2 {
	margin-bottom: 3.3%;
}

#etusivu #doc #content .go-rss {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/icons/16x16/rss.png) 0 50% no-repeat;
	clear: both;
	line-height: 16px;
	padding-left: 25px;
	text-decoration: underline;
}

#etusivu #doc .blog .title {
	font-size: 100%;
}

/* @end */

/* @group yhteys */

#yhteys #doc .fold {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/bg/yhteys_01-fold.png);
}

#yhteys #doc #map {
	height: 100%;
	position: absolute;
	width: 100%;
}

#yhteys #doc .contact-card { 
	position:relative; width:80%; padding: 0 0 45px 0;
	}

#yhteys #doc .contact-card-image { 
	position:absolute; bottom:130px;display:none;
	}

/* @end */

/* @group nyt */

#nyt #doc .fold {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/bg/nyt_01-fold.png);
}

#nyt #doc #side-left .foot {
	padding-bottom: 1%;
}

/* @end */

/* @group blogi */

#blogi #doc  .fold {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/bg/blogi_01-fold.png);
	left: 30%;
}

#blogi #doc #side-left {
	width: 24.2%;
}

#blogi #doc #side-right {
	width: 66%;
}

#blogi #doc #side-left .category {
	display: -moz-inline-box;
	display: inline-block;
}

#blogi #doc .section {
	border-top: 1px solid #e2e2e2;
	margin-top: 6.6%;
}

#blogi #doc .section h3 {
	font-size: 100%;
	margin: 6.6% 0;
	width: 80%;
}

#blogi #doc .section .categories {
	margin-bottom: 5.6%;
	list-style: none;
	padding: 0;
}

#blogi #doc .section .categories:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 1px;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

#blogi #doc .section .categories a {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/arrow-mask.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border: 0;
	float: left;
	margin: 0 0 4.7% 0;
	padding-right: 1.57em;
}

#blogi #doc .section a {
	background-position: 0 0;
	border-bottom: 1px solid #e2e2e2;
	clear: both;
	display: block;
	font-weight: bold;
	margin-top: 2.4%;
	padding-bottom: 2.4%;
	text-transform: uppercase;
}

/* @end */

/* @group palvelut */

#palvelut #doc #side-left {
	padding-bottom: 5%;
}

#palvelut #doc #side-left h2 {
	color: #00dbef;
	margin-top: 0;
}

#palvelut #doc #side-left .left h2 {
	color: #91ed0e;
}

#palvelut #doc #side-right {
	padding-bottom: 5%;
}

#palvelut #doc #side-right h2 {
	background: #000;
	color: #fff;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 100%;
	margin: 0;
	padding: 0.5em 0.7em;
	text-decoration: none;
}

#palvelut #doc #side-right .spread {
	margin-bottom: 6%;
}

#palvelut #doc #case-teasers {
	/*height: 340px;*/
	position: relative;
}

#palvelut #doc #case-teasers .case {
	height: 96px;
	position: absolute;
	width: 96px;
}

#palvelut #doc #case-teaser-1 {
	left: 26%;
	top: 34px;
}

#palvelut #doc #case-teaser-2 {
	left: 0;
	top: 92px;
}

#palvelut #doc #case-teaser-3 {
	left: 64%;
	top: 7px;
}

#palvelut #doc #case-teaser-4 {
	left: 53%;
	top: 135px;
}

#palvelut #doc #case-teaser-5 {
	left: 78%;
	top: 205px;
}

#palvelut #doc #case-teaser-6 {
	left: 13%;
	top: 234px;
}

#palvelut #doc #case-teasers .case .thumb {
	position: relative;
	z-index: 2;
}

#palvelut #doc #case-teasers .case .thumb a {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/case-rmask.png) 0 0 no-repeat;
	display: block;
}

#palvelut #doc #case-teasers .case .thumb img {
	display: block;
	position: relative;
	z-index: -1;
}

#palvelut #doc #case-teasers .case .tip {
	bottom: 140%;
	margin-left: -6em;
	width: 12em;
}

#palvelut #doc #case-teasers .case .tip h3,
#palvelut #doc #case-teasers .case .tip h4 {
	font-size: 115%;
	margin-top: 0;
}

#palvelut #doc #case-teasers .case .tip p {
	margin-bottom: 0;
}

/* @end */

/* @group tekijat */

#tekijat #doc #side-right {
	text-align: center;
}

#tekijat #doc #side-right h2 {
	background: #000;
	color: #fff;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 100%;
	margin-top: 0;
	padding: 0.5em 0.7em;
	text-decoration: none;
}

#tekijat #doc #side-right form {
	margin-top: 2.5%;
}

#tekijat #doc #content .vcard-list {
	clear: both;
	margin: 0 -1%;
	position: relative;
	top: -17px;
}

#tekijat #doc #content .vcard-list .column {
	width: 49.9%;
}

#tekijat #doc #content .vcard-list .right .vcard {
	float: right;
}

#tekijat #doc #content .vcard {
	float: left;
	height: 228px;
	padding: 0;
	position: relative;
	text-align: center;
	width: 114px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#tekijat #doc #content .vcard:hover {
	background-position: 0 -228px;
}


#tekijat #doc #content .vcard .photos img {
	display: block;
	margin: 0 auto;
}



#tekijat #doc #content .vcard .photos .on {
	display: none;
}

#tekijat #doc #content .vcard:hover .photos .on {
	display: block;
}

#tekijat #doc #content .vcard:hover .photos .off {
	display: none;
}

#tekijat #doc #content .vcard blockquote {
	margin-bottom: 0;
}

/* @end */


/* @group case */

#case #doc .fold {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/case_07-fold.png);
}


#case #doc #side-left {
	padding-bottom: 0;
}

#case #doc #side-left .story {
	line-height: 1.28em;
	/*height: 17em; */
}

#case #doc #side-left .story p {
	line-height: 1.28em;
}

#case #doc #side-left .comments {
	background: #fff;
	color: #000;
	line-height: 1.28em;
	margin: 7.8% -10% -4.2em -11.5%;
	/*margin: 18.8% -10% -4.2em -11.5%;*/
	padding: 3.8% 10% 70px 11.5%;
	/* margin: 3.8% -7.8% -2.2em -11.5%;
	padding: 3.8% 7.8% 150px 11.5%; */
	position: relative;
}

#case #doc #side-left .comments p {
	line-height: 1.28em;
}

#case #doc #side-left .comments h3 {
	font-size: 100%;
}

#case #doc #side-left .comments .image {
	bottom: 0;
	float: left;
	position: absolute;
	width: 39%;
}

#case #doc #side-left .comments .image img {
	display: block;
	float: right;
}

#case #doc #side-right {
	/* background: #fff; */
}

#case #doc #side-right .content-block {
	padding:20px 40px 0 40px;
	color:#000;
}

/* @end */

/* @group contrast */

.contrast {
	background: #fff;
	color: #fff;
}

.contrast #head a {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/logo-contrast.png);
}

/* @end */



/* @group spread */

#doc .spread:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 1px;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

#doc .spread .left {
	float: left;
	width: 49.9%;
}

#doc .spread .right {
	float: right;
	width: 49.9%;
}

/* @end */

/* @group vcard */

#doc .vcard { margin-bottom:30px;}

#doc .vcard,
#doc .vcard-wrap .content-block {
	padding: 0 0 13% 0;
}

#doc .vcard .fn,
#doc .vcard-wrap h2 {
	font-size: 116%;
	font-weight: 600;
	margin: 0 0 4.4% 0;
}

#doc .vcard .tip .fn {
	margin-bottom: 0.6em;
}

#doc .vcard-wrap p {
	padding: 0;
	margin:0;
}

/* @end */

/* @group blog */

#doc .blog-list {
	margin-bottom: -5.4%;
}

#doc .blog {
	clear: both;
	margin: 0 0 5.4% 0;
}

#doc .blog-list-extended .blog {
	margin-bottom: 7.8%;
}

#doc .blog-headline {
	margin-bottom: 3.6%;
}

#doc .blog:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 1px;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

#doc .blog .category,
#doc #content .go-category-uutiset {
	background: #bda48b;
	color: #fff;
	font-weight: bold;
	padding: 0.5em 0.7em;
	text-decoration: none;
	text-transform: uppercase;
}

#doc .blog-list-extended .blog .title a {
	color: #bda48b;
}

#doc .category-inspis .category,
#doc #content .go-category-inspis {
	background: #91ed0e;
	color: #fff;
	font-weight: bold;
	padding: 0.5em 0.7em;
	text-decoration: none;
	text-transform: uppercase;
}

#doc .blog-list-extended .category-inspis .title a {
	color: #91ed0e;
}

#doc .category-duuniputki .category,
#doc #content .go-category-duuniputki {
	background: #0ed6ee;
	color: #fff;
	font-weight: bold;
	padding: 0.5em 0.7em;
	text-decoration: none;
	text-transform: uppercase;
}

#doc .blog-list-extended .category-duuniputki .title a {
	color: #0ed6ee;
}

#doc .blog-list-extended .blog .title a:hover,
#doc .blog-list-extended .blog .title a:active {
	color: #000;
}

#doc .blog .title {
	color: #cbcbcb;
	letter-spacing: -0.05em;
	margin: 3.3% 0 2.8% 0;
}

#doc .blog-list-extended .blog .title {
	font-size: 225%;
	margin-top: -0.6%;
}

#doc .blog .title .date {
	color: #222;
}

#doc .blog .title a {
	text-decoration: none;
}

/* #doc .blog .thumb {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/blog-thumb.png) 0 0 no-repeat;
	display: inline;
	float: right;
	height: 128px;
	margin: -0.4% -4px 0 3.7%;
	padding: 11px;
	width: 181px;
}
*/

#doc .blog .thumb {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/blog-thumb2.png) 0 0 no-repeat;
	height: 208px;
	margin-bottom: 1.7%;
	width: 281px;
	display: inline;
	float: right;
	margin: -0.4% -4px 0 3.7%;
	padding: 11px;
}

#doc .blog .thumb-medium {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/blog-thumb2.png) 0 0 no-repeat;
	height: 208px;
	margin-bottom: 1.7%;
	width: 281px;
	display: inline;
	float: right;
	margin: -0.4% -4px 0 3.7%;
	padding: 11px;
}

#doc .blog .thumb-large {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/blog-thumb2.png) 0 0 no-repeat;
	height: 208px;
	margin-bottom: 1.7%;
	width: 281px;
	display: inline;
	float: right;
	margin: -0.4% -4px 0 3.7%;
	padding: 11px;
}

#doc .blog-list-extended .blog .thumb {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/blog-thumb2.png) 0 0 no-repeat;
	height: 208px;
	margin-bottom: 1.7%;
	width: 281px;
}

#doc .blog .thumb a {
	display: block;
	height: 100%;
	overflow: hidden;
}

#doc .blog .thumb-medium a {
	display: block;
	height: 100%;
	overflow: hidden;
}

#doc .blog .thumb-large a {
	display: block;
	height: 100%;
	overflow: hidden;
}

#doc .blog .thumb img {
	display: block;
	height: auto;
	width: 100%;
	-ms-interpolation-mode: bicubic;
}

#doc .blog .thumb-medium img {
	display: block;
	height: auto;
	width: 100%;
	-ms-interpolation-mode: bicubic;
}

#doc .blog .thumb-large img {
	display: block;
	height: auto;
	width: 100%;
	-ms-interpolation-mode: bicubic;
}



#doc .blog .ingress {
	font-size: 125%;
}

#doc .blog .author {
	color: #ababab;
	display: block;
	font-style: normal;
	margin: 0.6em 0;
	text-transform:uppercase;
}

/* @end */

/* @group tip */

#doc .tip {
	background: #91ed0e;
	padding: 1em;
	position: relative;
	text-align: left;
	z-index: 1000;
}

#doc .tip a {
	color: #000;
}

#doc .tip .handles .nw,
#doc .tip .handles .ne,
#doc .tip .handles .se,
#doc .tip .handles .sw {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/tip-nw.png) 0 0 no-repeat;
	font-size: 1px;
	height: 10px;
	left: -10px;
	position: absolute;
	top: -10px;
	width: 10px;
}

#doc .tip .handles .ne {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/tip-ne.png);
	left: 100%;
}

#doc .tip .handles .se {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/tip-se.png);
	left: 100%;
	top: 100%;
}

#doc .tip .handles .sw {
	background-image: url(http://www.dialogi.fi/themes/dialogitheme/images/tip-sw.png);
	top: 100%;
}

#doc .tip .handles .n,
#doc .tip .handles .e,
#doc .tip .handles .s,
#doc .tip .handles .w {
	background: #91ed0e;
	font-size: 1px;
	height: 10px;
	left: 0;
	position: absolute;
	top: -10px;
	width: 100%;
}

#doc .tip .handles .e {
	height: 100%;
	left: 100%;
	top: 0;
	width: 10px;
}

#doc .tip .handles .s {
	height: 10px;
	left: 0;
	top: 100%;
	width: 100%;
}

#doc .tip .handles .w {
	height: 100%;
	left: -10px;
	top: 0;
	width: 10px;
}

#doc .tip .handles .ind {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/tip-ind.png) 0 0 no-repeat;
	bottom: -34px;
	height: 24px;
	left: 50%;
	margin: 0 0 0 -14px;
	position: absolute;
	width: 19px;
}

/* @end */

/* @group tipper */

#doc .tipper {
	position: relative;
}

#doc .tipper .tip {
	bottom: 105%;
	display: none;
	margin: 0 0 0 -8.5em;
	left: 50%;
	position: absolute;
	width: 17em;
}

#doc .tipper .tip-leftmost {
	left: -1em;
	margin: 0;
}

#doc .tipper .tip-leftmost .handles .ind {
	left: 30%;
}

#doc .tipper .tip-rightmost {
	left: auto;
	margin: 0;
	right: -1em;
}

#doc .tipper .tip-rightmost .handles .ind {
	left: 70%;
}
#doc .tipper_edit {
	position: relative;
}

#doc .tipper_edit .tip {
	bottom: 105%;
	display: none;
	margin: 0 0 0 -8.5em;
	left: 50%;
	position: absolute;
	width: 17em;
}

#doc .tipper_edit .tip-leftmost {
	left: -1em;
	margin: 0;
}

#doc .tipper_edit .tip-leftmost .handles .ind {
	left: 30%;
}

#doc .tipper_edit .tip-rightmost {
	left: auto;
	margin: 0;
	right: -1em;
}

#doc .tipper_edit .tip-rightmost .handles .ind {
	left: 70%;
}

/* @end */

/* @group tags */

#doc .tags {
	list-style: none;
	margin: 0;
	padding: 0;
}

#doc .tags li {
	display: inline;
	margin: 0 1%;
	vertical-align: middle;
}

#doc .tags a {
	display: -moz-inline-box;
	display: inline-block;
}

#doc .tags .selected a,
#doc .tags a:hover,
#doc .tags a:active {
	color: #000;
	text-decoration: none;
}

#doc .tags .size-1 {
	font-size: 100%;
}

#doc .tags .size-2 {
	font-size: 135%;
}

#doc .tags .size-3 {
	font-size: 170%;
}

/* @end */

/* @group common icons */

#doc #content .go-rss,
#doc #content .go-twitter {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/icons/23x23/rss.png) 0 50% no-repeat;
	display: -moz-inline-box;
	display: inline-block;
	line-height: 23px;
	padding: 0 0 0 34px;
	text-decoration: none;
}

#doc #content .go-twitter {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/icons/23x23/twitter.png) 0 50% no-repeat;
}

/* @end */


/* @group typography */

html, body, blockquote, dd, div, dl, dt, fieldset, form, li, object, ol, p, table, td, th, ul {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.2em;
}

html {
	font: 14px Lucida Grande, Lucida Sans Unicode, Lucida, Corbel, Tahoma, Arial, sans-serif;
	letter-spacing: -0.06em;
}

body {
	background: #fff;
	color: #000;
	line-height: 1.2em;
}

#doc h1, #doc h2, #doc h3, #doc h4, #doc h5, #doc h6 {
	font-size: 12px;
	margin: 9px 0;
}

#doc h1 {
	font-size: 410%;
	font-weight: 800;
	letter-spacing: -0.05em;
	line-height: 90%;
	/*margin: -5% 0 2.4% 0;*/
	margin: -5% 0 0.8% 0;
	text-indent: -3px;
	text-transform: uppercase;
}

#doc h2 {
	font-size: 170%;
	font-weight: 600;
	line-height: 100%;
	margin: 0.6em 0;
	text-transform: uppercase;
}

#doc h3 {
	font-size: 128%;
	font-weight: bold;
	margin: 0.6em 0;
	text-transform: uppercase;
}

#doc h4 {
	font-size: 95%;
	font-weight: bold;
	margin: 0.6em 0;
	text-transform: uppercase;
}

#doc p, #doc ul, #doc ol, #doc dl, #doc table {
	margin: 0.6em 0;
}

#doc ul, #doc ol {
	padding-left: 1.5em;
}

#doc dd {
	margin-left: 2em;
}

#doc cite, #doc em {
	font-style: italic;
}

#doc a {
	color: #ef0784;
	text-decoration: underline;
}

#doc a:hover, #doc a:active {
	color: #000;
}

#doc img {
	border: 0;
}

div.play-video {background: url(http://www.dialogi.fi/themes/dialogitheme/images/bg-bt-open-video.gif) repeat 0 0; width:80%;}
div.play-video:hover {background: url(http://www.dialogi.fi/themes/dialogitheme/images/bg-bt-open-video-act.gif) repeat 0 0; width:80%;}
div.play-video a.show-vimeo-clip {background: url(http://www.dialogi.fi/themes/dialogitheme/images/katsovideo-play.png) no-repeat 50% 45px; display:block; height:55px; text-align:center; padding-top:95px;  text-decoration:none!important; color:#171717!important; font-size: 110%; letter-spacing:-0.02em; font-weight: bold; text-transform: uppercase;}

.close-vimeoplayer { position:absolute; top:-30px; right:-27px; width:20px; height:20px; padding:8px 5px 5px 6px; z-index:3001; background-color:#fff; text-align:center;border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.close-vimeoplayer a.close { text-decoration:none; font-size:20px; color:#d20c77; font-weight:bold;}

/* @end */

/* @group cufon */

.cufon-loading h1,
.cufon-loading h2,
.cufon-loading h3 {
	visibility: hidden !important;
}

.cufon-active #etusivu #doc #nav a {
	padding-top: 0.4%;
}

.cufon-active #etusivu #doc #nav a .cufon {
	margin-bottom: -4px;
}


/* @end */