/*
Theme Name: Kirjan talon teema
Theme URI: http://kirjantalo.org/
Description: Kirjan talon WordPress-teema
Version: 1.0
Author: Samuli Laukka
Author URI: http://samulin.fi/
Tags: kirjantalo

*/

/*

	logonpuna: #70364C;

*/

body {
	margin:0;
	padding:0;
	background-image: url(images/tiili.jpg);
	/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-family: "BergamoStdRegular", Georgia, "Times New Roman", Times, serif;
}

.raami {
	margin:0 auto;
	padding:0;
	width:960px;
}

a {
	color:#70364C;
}

a:hover {
	text-decoration: none;
}

.otsake {
	margin:0;
	padding:0 30px;
	height:140px;
	background-image: url(images/repaleet-ylos.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.otsikko {
	margin:0;
	padding:0;
	float:left;
	width:402px;
}

.otsikko h1 {
	margin:0;
	padding:0;
}

.otsikko #tekstijalogo {
   background:transparent url(images/kirjan-talo-otsikko.gif) no-repeat top left;
   height:0;
   overflow:hidden;
   padding-top: 96px; /* height of logo for screen */
   width: 401px; /* width of logo for screen */
}

.info {
	margin:0;
	padding:20px 0 0 0;
	float:right;
	width:472px;
	color: #70364C;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 1.4em;
	font-weight: 500;
	text-shadow:1px 1px 5px #ddd;
}

.valikko {
	margin:0;
	padding:13px 0 0 0;
	float:right;
	width:472px;
	text-shadow:1px 1px 5px #ddd;
}

.sisalto {
	clear:both;
	margin:0;
	padding:0 30px;
	background-image: url(images/taustaviivat.png);
	background-repeat: repeat-y;
	background-position:0 0;
	background-color: #fff;
}

.kokosivusisalto {
	clear:both;
	margin:0;
	padding:0 30px;
	background-color:#fff;
}

.sisallon-helma {
	clear:both;
}

.jalusta {
	clear:both;
	margin:0;
	padding:60px 0;
	background-image: url(images/repaleet-alas.png);
	background-position: top right;
	background-repeat: no-repeat;
	text-align:center;
	line-height: 150%;
}

.tekstipalsta {
	float:left;
	margin:0 30px 0 0;
	padding:0;
	width:400px;
}

.tekstipalsta h2, .tekstipalsta h3 {
	margin-top:0;
	padding-top:0;
}

.tekstipalsta h2 {
	font-size:22px;
}

.markkinointipalkki {
	float:left;
	margin:0 30px 0 0;
	padding:0;
	width:220px;
	min-height: 800px;
	background-image:url(images/tausta-markkinointipalkki.jpg);
	background-position: 0px 30px;
	background-repeat: no-repeat;
	text-shadow: 0px 0px 2px #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.talopalkki {
	float:right;
	margin:0;
	padding:0;
	width:220px;
/*	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; */
}

.markkinointipalkki img, .talopalkki img {
	border:0;
}

.markkinointipalkki h3, .talopalkki h3 {
	margin-top:0;
	padding-top:0;
}

.talopalkki h3 {
	margin-bottom:0;
	padding-bottom:0;
	font-size:16px;
}

.talopalkki ul {
	margin-top:4px;
	padding:0;
	list-style:none;
}

.talopalkki p, .talopalkki li {
	font-size: 14px;
	line-height: 140%;
	margin-top:0;
	padding-top:0;
}

.talopalkki li {
	background-image: url(images/listanuoli-vaalea.png);
	background-position: 0 1;
	background-repeat: no-repeat;
	padding:0 0 2px 20px;
}

.talopalkki li:hover {
	background-image: url(images/listanuoli-tumma.png);
	background-position:0 1;
	background-repeat: no-repeat;
}

.talopalkki a {
	text-decoration: none;
}

.talopalkki a:hover {
	text-decoration: underline;
}

.talopalkki form {
	margin-bottom:30px;
	text-align: center;
}

.markkinointiotsikko {
	text-align:center;
	color:#70364C;
	text-transform: uppercase;
}

.markkinointipalkki a {
	text-decoration: none;
}

.markkinointipalkki a:hover {
}

.markkinointipalkki h3 {
	font-size:14px;
	margin-bottom:0;
	padding-bottom:0;
	letter-spacing: -0.05em;
}

.markkinointipalkki p, .markkinointipalkki li {
	font-size:12px;
	line-height: 130%;
	margin-top:0;
	padding-top:0;
}

.juttu {
	clear:both;
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	background-image: url(images/erotin.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.juttu h2, .juttu h3, .juttu h4, .juttu h5, .juttu h6 {
	margin-top:0;
	padding-top:0;
}


.juttu p, .juttu li, .juttu blockquote {
	font-size: 16px;
	line-height: 140%;
}

.juttu h2 {
	margin-bottom:0;
	padding-bottom:0;
}

.juttu h4 {
	margin-bottom:0;
	padding-bottom:0;
	font-size: 16px;
}

h2.otsikkosivulla {
	padding-bottom:14px;
}

.juttu h2 a {
	text-decoration: none;
}

.juttu h2 a:hover {
	text-decoration: underline;
}

.juttu p, .juttu ul {
	margin-top:0;
	padding-top:0;
}

.jutun-pvm {
	margin:14px 0 14px 0;
	padding:0;
	color:#999;
}

.jutun-metatieto {
	margin-bottom:15px;
	color:#999;
}

.jutun-metatieto a {
	color:#999;
	text-decoration: none;
}

.jutun-metatieto a:hover {
	text-decoration: underline;
}

.jutun-jakaminen {
	margin:10px 0 0 0;
	padding:0;
}

.tykkaamisnappi {
	margin-bottom:20px;	
}

.jakonappi {
}

.liikkuminen {
	height:30px;
}

.liikkuminen .vanhempiin {
	float:right;
	width:48%;
	text-align: right;
}

.liikkuminen .uudempiin {
	float:left;
	width:48%;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.screen-reader-text {
	display:none;
}

.kalenterin-etusivulle {
	text-align: center;
	margin-bottom:10px;
}

.haettu-sivu {
	
}

.haettu-sivu a {
	text-decoration: none;
}

.haettu-sivu a:hover {
	text-decoration: underline;
}

.haettu-sivu h2 {
}

.yhteystietolinkki {
	padding:12px 5px;
	background-color:#eee;
	border:1px solid #ddd;
	text-align:center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	text-transform: lowercase;
	font-variant: small-caps;
}

.yhteystietolinkki:hover {
	border:1px solid #bbb;
}

.yhteystietolinkki a {
	color:#999;
	text-decoration: none;
}

.yhteystietolinkki a:hover {
	text-decoration:underline;
}


/* Markkinointiwidgetit */

.tuote {
}

.korostus {
	text-transform: uppercase;
}

/*.tyky {
	float:right;
	width:120px;
	text-align:right;
}*/

.satusynttarit {
	float:right;
	margin-top:30px;
	width:120px;
	text-align:right;
}

/*.satusynttarit {
	padding-top:100px;
	width:100px;
}*/

.irtityosta {
	padding-top:130px;
	width:100px;
}

.naurettavaataidetta {
	width:100px;
}

.ihanatnaamat {
	float:right;
	text-align: right;
	width:100px;
}

.laitaseaanettomalle {
	clear:both;
	float:right;
	text-align: right;
	width:110px;
}

.arvostelupalvelu {
	clear:both;
}

.luovuustreeni {
	width:100px;
}

.kirjoittajakurssit {
	width:100px;
}

.kasikirjoituspalvelu {
}

.kirjallisuusterapia {
}

.kirjakaveri {
	clear:both;
}

.runomuotokuvat {
}

.korvarunot {
}

.kielenhuolto {
	clear:both;
}


.kokoustilat {
}

/* Kommentit */

.commentlist {
	list-style: none;
	margin-left:0;
	padding-left:0;
}

.commentlist li {
	margin-left:0;
	margin-bottom:20px;
	padding-left:0;
	border-bottom:1px solid #eee;
}

.avatar {
	display:none;
}

.comment-author {
	margin-bottom:0;
	padding-bottom:0;
	font-size:smaller;
}

.comment-author a, cite {
	color:#000;
	font-style: normal;
	text-decoration: none;
}

.comment-author a:hover {
	text-decoration: underline;
}

.commentlist p {
	margin-top:1px;
	padding-top:0;
}

.comment-meta {
	display:none;
}


/* Megapudotusvalikko */

ul#topnav {
	margin: 0; 
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size:16px;
}
ul#topnav li a {
	float: left;
	/* text-indent: -9999px; */ /*--Push text off of page--*/
	height: 30px;
	text-decoration: none;
}
ul#topnav li:hover a, ul#topnav li a:hover { 
	background-position: left bottom; 
	background-color:transparent;
} /*--Hover State--*/

ul#topnav a {
	margin-right:50px;
}

ul#topnav a.etusivu {
}
ul#topnav a.palvelut {
}

ul#topnav a.palvelut:hover {
	background-image:url(images/valikkomerkki.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}

ul#topnav a.talo {
}
ul#topnav a.talo:hover {
	background-image:url(images/valikkomerkki.gif);
	background-repeat:no-repeat;
	background-position:bottom center;

}

ul#topnav a.yhteydet {
	margin-right:0;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 30px; right: -120px;
	z-index: 99999;
	/* background: #344c00 url(http://www.kirjantalo.org/wp-content/themes/kirjantalo/sub_bg.png) repeat-x; */ /*--Background gradient--*/
	background-color: #fff;
	border:3px solid #70364C;
	padding: 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .palvelupudotus {
	width:510px;
}

ul#topnav li .talopudotus {
	width:340px;
}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

ul#topnav li .sub ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 170px;
	float: left;
}

ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #70364C;
	text-transform: none;
	font-weight: normal;
	font-size:14px;
}

ul#topnav .sub ul li h4 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	padding-bottom:5px;
	font-size: 1.3em;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
}

ul#topnav .sub ul li h4 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #70364C;
	margin-right:0;
}

ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/* background: url(http://www.kirjantalo.org/wp-content/themes/kirjantalo/navlist_arrow.png) no-repeat 5px 12px; */
	padding: 7px 5px 7px 0px;
	display: block;
	text-decoration: none;
	color: #70364C;
	border:0;
	margin-right:0;
}

ul#topnav .sub ul li a:hover {
	color: #999;
	background-position: 5px 12px ;/*--Override background position--*/
	border:0;
}