/*
-----------------------------------------------
Lokari Template Style, modified from
Blogger Template Style
Name:     Minima
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004
----------------------------------------------- */


body {
  background:#fff;
  margin:0;
  padding:40px 20px;
  text-align:center;
  font:x-small Georgia,Serif;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#bc8f8f;
  text-decoration:none;
  }
a:visited {
  color:#bc8f8f;
  text-decoration:none;
  }
a:hover {
  color:maroon;
  text-decoration:none;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
#header {
  width:660px;
  background-image: url(http://www.valt.helsinki.fi/blogs/fmanners/blog08.jpg);
  margin:0 auto 10px;
  border:1px solid #ccc;
  text-align:left;
  }

#header h1 {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  color:maroon;
  text-transform:uppercase;
  letter-spacing:.2em;
  }

#header h1 a 
  {
  color:#ffebcd;
  text-decoration:none;
  }

#header h1 a:hover 
  {
  color:#ffebcd;
  }

#tagline {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:700px;
  font:78%/1.4em Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:white;
  }


/* Content
----------------------------------------------- */
#wrapper {
  width:660px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#content {
  width:410px;
  float:left;
  }
#sidecontent {
  width:220px;
  float:right;
  }


/* Headings
----------------------------------------------- */
#sidecontent h3, #keywords h3, #feeds h3, #comments h3, #commentform h3, .datesep {
  margin:1.5em 0 .75em;
  font:78%/1.4em Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


/* Posts
----------------------------------------------- */
.datesep {
  margin:1.5em 0 .5em;
  }
.post, #keywords, #comments, #feeds {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.postheader h2 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:maroon;
  }
.postheader h2 a, .postheader h2 a:visited, .postheader h2 strong {
  display:block;
  text-decoration:none;
  color:maroon;
  font-weight:normal;
  }
.postheader h2 strong, .postheader h2 a:hover {
  color:#c60;
  }
.postsubhead {
  font-size:82%;
  }
.post p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
.post .continue {
  font:78%/1.4em Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-left:.6em;
  }
.postfooter {
  margin:-.25em 0 0;
  color:#ccc;
  }
.permalink, .comlink {
  font:78%/1.4em Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.permalink {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comlink {
  margin-left:.6em;
  }
.imgnone, .imgleft, .imgright {
  padding:4px;
  border:1px solid #ddd;
  }
.imgleft {
  margin:0 8px 3px 0;
  }
.imgright {
  margin:0 0 3px 8px;
  }
.post blockquote {
  margin:1.75em 20px;
  }
h4 {
  font:bold 78%/1.6em Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post li {
  line-height: 1.4em;
  margin-bottom: .25em;
  }


/* Comments
----------------------------------------------- */
#comments .sender {
  margin:1em 0;
  font:bold 78%/1.6em Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#999;
  }


/* Sidebar Content
----------------------------------------------- */
#sidecontent .section {
  border-bottom:1px dotted #ccc;
  margin:0 0 1.5em;
  }
#sidecontent ul {
  margin:0;
  padding:0 0 1.5em;
  list-style:none;
  }
#sidecontent li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidecontent p {
  color:#666;
  line-height:1.5em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }

#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em Trebuchet MS,Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Form
----------------------------------------------- */

input, select, textarea {
  display: block;
  font-size: 1em;
  font-family: Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
  }
textarea {
  wi
