body { min-height: 1024px; margin: 0px; padding: 0px; background: #F5D195 url(layout/bg_keski.jpg) top center repeat-y; }

.index {  background: url(layout/bg_yla.jpg) center top no-repeat; } 
.index2 { padding: 0px 10px 0px 40px; }
.index3 { padding: 0px 40px 10px 10px; }

#content1 { width: 100%; background: url(layout/bg_top.jpg) left top repeat-x; }

/* Tekstit */

P, .vkte { font: 12px Georgia; color: #8C2200; line-height: 20px; margin: 15px 0px 0px 0px; }
.vkteksti { font: 12px Georgia; color: #8C2200; line-height: 20px; }
.p2 { font: 11px Georgia; color: #8C2200; line-height: 20px; margin: 15px 0px 0px 0px; }
.kuva { font: 11px Georgia; color: #8C2200; text-align: center; }
LI { font: 12px Georgia; color: #8C2200; line-height: 20px; margin: 0; text-align: justify; }
h4 { font-family: Trebuchet MS, Arial; color: #DF947C; font-size: 19px; margin: 15px 0 20px 0; font-style: italic;  }
h5 { font-family: Georgia; color: #982B08; font-size: 15px; margin: 30px 0 0 0; border-bottom: 1px dotted #E4BF84; clear: right; }
h6 { font-family: Georgia; color: #982B08; font-size: 14px; margin: 25px 0 0 0; font-style: italic; clear: both; }



/* Linkit */

A:link, A:active, A:visited { color: #BB5C44; text-decoration: underline;}
A:hover { text-decoration: none; }

/* Kuvat */

a img { border: none; }
.img { border: 3px double #DDAF65; margin: 20px 0 0 15px; float: right; }
.img2 { border: 3px double #DDAF65; }


/* Muut */

.hr { border: 1px solid #F5CE8F; }
ul { list-style-type: none; padding:0 0 0 20px; margin: 15px 0 0 0; }
li { padding-top: 0px; padding-left: 18px; padding-bottom: 3px;  background-image: url(layout/li.gif); background-repeat: no-repeat; background-position: 0 5px; }

/* Header
----------------------------------------------- */

.Header h1, .Header h1 a {
  font-family: Trebuchet MS, Arial; color: #DF947C; font-size: 19px; margin: 15px 0 20px 0; font-style: italic; text-decoration:none;
}

.Header .description {
  margin:0;
  max-width:700px;
  line-height:1.8em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$titlecolor;
  font: $blogDescriptionFont;
}


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: 11px Georgia; 
  color: #AD4524; 
  font-weight: lighter;
  }

.feed-links, .blog-pager { font: 12px Georgia; color: #8C2200; }

.status-msg-body {
  font-family: Georgia; color: #8C2200; font-size: 15px; background: #FFE1B0; border: 1px dotted #C99645; 
  }


/* Posts
----------------------------------------------- */
h2.date-header {
  margin: 30px 0 0 0; 
  }
.post {
  margin:.5em 0 1.5em;
  }
.post h3, .post h3 a, .post h3 strong  {
  font-family: Georgia; color: #982B08; font-size: 16px; margin: 10px 0 0 0; border-bottom: 1px dotted #E4BF84; text-decoration: none;
  }
.post-body { font: 12px Georgia; color: #8C2200; line-height: 20px; margin: 15px 0px 0px 0px; }
.post-body blockquote {
  line-height:1.3em;  
  }
.post-footer {
  color:#A0671D;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size: 10px;
  line-height: 1.4em;
  margin-top: 10px;
  }
.comment-link {
  margin-$startSide:.4em;
  }

.post-footer .post-timestamp,
.post-footer .post-author {
  color:#A0671D; ;
  }
.comment-link strong {
  font-size:130%;
  }
.comment-link {
  margin-$startSide:.4em;
  }
.post img {
  border: 3px double #DDAF65; 
  }


/* Comments
----------------------------------------------- */
#comments {
  border-bottom: 1px dotted #E4BF84; 
  border-top: 1px dotted #E4BF84; 
  margin: 15px 0 0 0;
  }
#comments h4 {
  text-transform: uppercase;
  font: Georgia Serif;
  font-size: 11px;
  font-weight: bold;
  color: #AD4524;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.4em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 20px 0;
  }
. comment-author {
  padding: 15px 0 0 0;
  }

.comment-author, .comment-timestamp { font: 12px Georgia; color: #8C2200; }
  }
#comments-block dd p {
  margin:0 0 .75em;
  }

.comment-footer {
  padding: 0 0 15px 0;
  }

.deleted-comment {
  font-style:italic;
  color:gray;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }
 
#blog-pager {   
  text-align: center; 
 }

/* Sidebar Content
----------------------------------------------- */

.sidebar .widget, .main .widget {
  margin:0 0 15px;
  padding:0 0 15px;
  }

.widget-content {
  font: 11px Georgia; color: #8C2200; line-height: 20px; margin: 15px 0px 0px 0px; 
  }

.main .Blog { 
  background-image: none;
 }

.sidebar ul { 
  list-style-type: none; padding:0; margin: 15px 0 0 0; 
 }

.sidebar li {
  line-height: 20px; font: 11px Georgia; color: #8C2200; padding-top: 0px; padding-left: 15px; padding-bottom: 3px;  background-image: url(http://www.springeri.net/layout/li2.gif); background-repeat: no-repeat; background-position: 0 2px; text-align: left;
  }
.sidebar p {
  font: 11px Georgia; color: #8C2200; line-height: 20px; margin: 15px 0px 0px 0px; 
  }

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}