/*
Theme Name: Tytti Lindström
Theme URI: http://www.tyttilindstrom.com/
Description: 
Version: 1.0
Author: Jussi Pölkki
Author URI: 
Tags: tytti
*/

#headerimg {
  /* background: url('/images/banners/fi/banner_01.jpg') no-repeat;*/
  width: 720px;
  height: 120px;
}
#headerimg h1 {
  position: absolute;
  left: -999px;
}
body {
background:white url(/images/taustakuva_yla_fuksia.jpg) 50% 180px repeat-x;
font-family: Tahoma, sans-serif;
font-size:14px;
line-height: 1.5em;
letter-spacing: 0.5px;
text-align:center;
margin: 0;
padding: 0;
}
.long #body {
  background: transparent url(/images/taustakuva_ala_fuksia.jpg) center bottom repeat-x;  
}
#body {
    padding-bottom: 50px;
}
h1 {
color:#333333;
font-weight:normal;
margin-bottom:20px;
}
h2 {
font-weight:normal;
}
h3 {
color:#a74194;
}
p {
line-height:160%;
margin-top:0px;
padding-top:0px;
text-align:justify;
}
pre {
white-space:pre-wrap;
}
a {
color:#a74194;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#container {
-moz-box-sizing: border-box;
background:white none no-repeat scroll center top;
border:0px solid #DDDDDD;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
padding:25px 0 10px;
position:relative;
text-align:left;
width:960px;
-webkit-box-shadow: 0px 0px 15px #000;
-moz-box-shadow: 0px 0px 15px #000;
box-shadow: 0px 0px 15px #000;
z-index: 1;
overflow: hidden;
}
#header {
  display:block;
  background: url('/images/b11/headerbg1008.jpg') center bottom no-repeat;
  position: relative;
  z-index: 10;
}
#header-overlay {
  background: url('/images/headerbg-overlay.png') 50% 0 repeat-y;
  height: 180px;
  overflow: hidden;
}
#header .content {
  width: 960px;
  height: 180px;
  margin: 0 auto;
  color: white;
  position: relative;
}
#header h1 {
  margin: 0 0 0 20px;
  padding-top: 15px;
  text-shadow: 2px 2px 5px #000;
}
#header h1 a {
  display: block;
  background: url('/images/logo2011_finnish_shadow.png');
  text-indent: -9999em;
  width:200px;
  height:60px;
  overflow:hidden;  
}
.en #header h1 a {
  background: url('/images/logo2011_english_shadow.png');
}
#header h4 {
color:white;
font-size:20px;
text-align:right;
vertical-align:bottom;
}
#header a { color: white; }
#topnavi {
  position: absolute;
  bottom: 0px;
  left: 127px;
  width: 960px;
  height: 28px;
  text-align:center;
  font-family: Tahoma, sans-serif;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 1px;
}
#topnavi ul {
  padding-left: 0;
  margin: 0;
}
#topnavi li {
display: inline;
list-style-type:none;
}
#topnavi li a {
  display:block;
  float: left;
  margin-right: 10px; 
  padding: 5px 13px;
  background-color: #333;
  background: rgba(0,0,0,0.5);  
}
#navi {
display:none;
padding:4px;
}
#sidebar {

}
#sidebar .current {
color:#2585AB;
font-weight:bold;
}
#sidebar li {
list-style-type:none;
margin-left:0px;
padding-left:0px;
}
#footer {
border-top:1px dotted gray;
clear:both;
margin: 20px 12px 0;
}
#footer p {
color: #999;
font-size:10px;
line-height: 10px;
margin: 4px 0 0;
text-align:left;
}
#center {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:200px;
position:relative;
text-align:center;
}
#center h1 {
font-size:50px;
}
#center a:hover {
color:#3AD1E7;
}
#businessCard {
height:150px;
margin:20px auto 60px;
padding:2px;
position:relative;
width:400px;
}
#businessCard img {
margin-right:20px;
}
#product_list {
float:right;
line-height:100%;
width:140px;
}
#product_list img {
border:2px solid white;
margin:0px;
padding:0px;
}
#product_list img:hover {
border:2px solid #2585AB;
}
#product_list img.current {
border:2px solid #2585AB;
}
#products img {
border:2px solid white;
margin:0px;
padding:0px;
}
#products img:hover {
border:2px solid #2585AB;
}
#cv span, #page_preview span {
clear:right;
float:right;
padding-bottom:10px;
text-align:right;
}
#form {
margin-left:auto;
margin-right:auto;
width:500px;
}
#form table {
margin-top:20px;
}
#form input {
border:1px solid gray;
padding:10px;
width:300px;
}
#form textarea {
border:1px solid gray;
height:200px;
padding:10px;
width:300px;
}
.right {
float:right;
padding:6px 0px 80px 20px;
vertical-align:text-top;
}
.floatRight {
border-width:1px;
clear:right;
float:right;
margin:0px;
padding:0px;
text-align:right;
vertical-align:text-top;
}
.left {
float:left;
}
.noColor {
color:black;
}
.naviCurrent {
text-decoration:underline;
}
.hidden {
display:none;
}
#editor {
margin-top:20px;
}
#editor {
display:none;
}
#editor #editarea {
-x-system-font:none;
border:1px solid blue;
font-family:normal,"Courier New";
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:4px;
}
#ajaxloader {
background:white none repeat scroll 0% 0%;
bottom:20px;
display:none;
left:20px;
padding:4px;
position:fixed;
}

img {
  border: 0;
}
#sidebar {
  display: inline;
  float: right;
  width: 160px;
}
#sidebar ul {
  margin: 0;
  padding: 0;
}

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left
  }
/* End Images */

/* Jussin */
hr {
   display: none;
}
.narrowcolumn {
width: 500px;
float: left;
}
.pikkukuva {
  width: 100px;
  height: 100px;
}
.post {
  float: left;
  width: 700px;
  overflow: hidden;
}
.items { 
  width: 234px;
  float: right;
  margin-right: 12px;
}
.scrollable {
  position: relative;
  overflow: hidden;
  width: 234px;
  height: 472px;  
}
.scrollable_items {
  width: 30000em;
  position: absolute;
}
.scrollable .wrap {
  float: left;
  width: 234px;  
}
.items .item {
  display: inline;
  padding: 0;
  margin: 0;
}
.items .item img {
  display: block;
  float: left;
  margin: 0 0 6px 6px;
  width: 72px;  
  height: 72px;
}
.otsikkolista {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 240px;
}
.otsikkolista li {
  display: inline;
  margin: 0;
}
.otsikkolista img {
	margin: 3px;
	border: 2px solid white;
	display: block;
	float: left;
}
.widecolumn {
	margin: 0 0 0 12px;
}
#lightbox-secNav-btnClose {
	width: 32px;
}
#page {
	-moz-border-radius: 8px;
	border-radius: 8px
}

/* 2011 mods */
#content {
  padding-top: 30px;
  overflow: hidden;
}
#content h1, .entry h4 {
  padding: 0;
  margin: 0 0 15px;
  font-size: 28px;
  line-height: 28px;  
  font-weight: normal;
}
.post h2 {
  margin: 0 0 1em;
  font-size: 20px;
  line-height: 20px;
}
.post h3 {
  margin: 1em 0 0.5em;
}
.items h2 {
  padding-top: 10px;
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 15px 5px;
}
.imagewrap {
  width: 700px;
  text-align: center;  
}

.tn:hover img {
	-webkit-transition-duration : .25s;
	-moz-transition-duration : .25s;
	transition-duration : .25s;
	-webkit-transform : scale(1.5, 1.5);
	-moz-transform : scale(1.5, 1.5);
	transform : scale(1.5, 1.5);
}

.pagebuttons { 
    clear: both; 
    text-align: center; 
    color: #999; 
    margin-left: 5px; 
    position: relative; 
    height: 20px;;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    }
.next, .prev { cursor: pointer;  }    
.disabled { display: none;}
#pagenum { font-size: 0.8em;}
#prev { position: absolute; left: 5px;}
#next { position: absolute; right: 0;}

.page .post { float: none; margin: 0 auto 30px }
.gallerypost h1, .gallerypost p { text-align: center; }
.langselect {
    position: absolute;
    top: 15px;
    right: 15px;
    text-shadow: 1px 1px 2px #333;
}
.category-desc { height: 700px; overflow:hidden;}
.category-desc-entry { padding: 0 30px;  }
#content .category-desc-entry h1 { margin-bottom: 25px; }
.newentry { display: none; }