/************main************/

* {
        margin:0;
        padding:0;
        outline: 0;
}
body {
        text-align:center;
        font:13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #222;
	background:#a3945d;
}

a, a:link, a:active, a:visited {
	color: #4A708B;
	text-decoration: none;
}

a:hover {
        color: #a35407;
	text-decoration:underline;
}

a img {
	border:none;
}

p {
        padding: 10px 0 10px 0;
}

/************topnavit************/

#topnavi {
       margin: 0;
       width: 205px;
       float: left;
}

#menu {
      margin: 0;
      padding: 0;
      list-style: none;
} 

#menu li {
      margin: 0;
      padding: 0;
      display: inline;
}

#menu li a {
	display: block;
	padding: 5px 12px;
	font: 1.2em arial, serif;
	letter-spacing: -0.05em;
	text-decoration: none;
	color: #bf9a82;
	background-color: #663300;
	border-top: 6px solid #FFF;
	border-bottom: 3px solid #333;
        text-align: left;
}

#menu li.here a {
	color: #FFF;
background-image: url(../img/menu_here.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#menu li.plain a {
        color: #000;
	padding: 5px 12px;
	font: 1.1em arial, serif;
	letter-spacing: -0.05em;
	text-decoration: none;
        text-align: left;
        background-color: #CDC8B1;
	text-align: left;
        border:0;
}
#menu li a:hover {
	color: #ffffff;
	background-color: #40200A;
	background-image: url(../img/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#menu li .plain a:hover {
	color: #ffffff;
	}

#menu li ul {
	display: none;
}

#line {
	height: 6px;
        display: block;
        background: #FFF;
        padding: 0;
        margin-bottom: 5px;
}

/************content************/

#container {
        width:960px;
        margin: 10px auto 0px auto;
        background:#dce4b1;
        padding: 0;
}

#main {
        width:690px;
        float:right;
        background: transparent;
        text-align: left;
        border: 0px solid #666;
        margin: 20px 20px 10px 40px;
}

#main .post {
	line-height:1.6em;
        margin-left: 10px;
        margin-right: 10px;
        background: transparent;
}

.entry {
	padding-bottom: 2em;
	font-family:"Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
        margin-bottom: 10px;
}

.entry .image {
	float: left;
        display: inline;
        margin: 5px 12px 8px 0px;
}

.post .image {
	float: left;
        display: inline;
        margin: 0px 12px 8px 0px;
}

#lehti {
	height: 330px;
        display: block;
        padding: 0;
        margin: 0;
}

#lehti .image {
        float: left;
        display: inline;
	margin: 0px 10px 0px 0px;
}

.meta {
background: url(/img/tag.png)
no-repeat;
        padding-bottom:5px;
	padding-left:20px;
	font-weight:bold;
        font-size: 10px;
	color:#4A708B;
}

.posted_on {
        margin-bottom:20px;
	font-weight:bold;
        font-size: 10px;
	color: #4A708B;
        float: right;
        margin-right: 10px;
}

ul {
        margin: 0.2em 0.2em 0.2em 1.6em;
        list-style-type:none;
        font: 1.0em arial, serif;
        color: #000;
	text-decoration: none;
}

li {
        margin: 0.2em 0.2em 0.2em 3.0em;
        list-style-type:disc;
        font: 1.0em arial, serif;
        color: #000;
	text-decoration: none;
}
/************header************/

h1{
        display:block;
        height:1px;
        text-indent:-500em;
}

#header {
}

#header img {	
        background: transparent;
        height:366px;
	float: right;
}

#header_logo {
        background: url(/img/toplogo.jpg);
        height:210px;
	background-repeat: no-repeat;
	background-position: top left;
}

#header_logo a {
	border: 0;
}

/************sidebar************/

#sidebar {
	width:205px;
        font-size:1em; 
        text-align: left;
        background: transparent;
        float: left;
}

#sidebar ul {
        margin: 0.2em;
        list-style-type:none;
        font: 1.0em arial, serif;
        color: #000;
	text-decoration: none;
}

#sidebar li a {
	padding: 5px 12px;
	font: 1.1em arial, serif;
	letter-spacing: -0.05em;
	text-decoration: none;
	color: #000;
	}

#sidebar h2 {
        color: #000;
        font-size: 1.2em;
        margin-top: 2em;
        background:#87a284;
        height: 40px;
        border-bottom:6px solid #2F4F4F;
        display:block;
        text-transform: uppercase;
        padding: 0.3em;
}

#sidebar h3 {
        color: #000;
        font-size: 1.2em;
        margin-top: 1em;
        display:block;
        text-transform: uppercase;
        padding-left: 10px;
}

#sidebar .tags {
        padding-left: 10px;
        color: #fff;
        font-size: 0.8em;
        margin-top: 1em;
        background:#87a284;
        display:block;
}

#sidebar .box {
        padding-left: 10px;
        color: #fff;
        font-size: 1.0em;
        margin-top: 1em;
        background:#87a284;
        display:block;
}

#sidebar .box a:hover, #sidebar .tags a:hover {
        color: #fff;
        text-decoration: none;
}

/************headings************/

h2, h3, h4 {
	font-family: "Century Gothic", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

h2 {
        color: #2F4F4F;
	margin:5px 0 15px 0;
	font-size: 1.8em;
}


h3 {
	color: #000;
        margin:5px 0 5px 0;
	font-size: 1.2em;
}

h5, h5 a:link, h5 a:active, h5 a:visited {
	color: #000;
        margin:5px 0 5px 0;
        text-align: center;
	font-size: 11px;
        margin: 10px 0px 10px 0px;
}

/************footer************/

#footer{
	border-top:10px solid #2F4F4F;
	border-bottom:10px solid #2F4F4F;
	color: #eee;
	background: #87a284;
	clear:both;
	padding:0;
	text-align:center;
	margin-left: auto;
        margin-right: auto;
	display:block;
        font-size: 0.9em;
        margin-top:5px;
}
#footer a{
	color: #fff;
	font-weight:bold;
}

/************misc************/

#email {
        text-align: left;
}
#email textarea {
        width: 340px;
}

code{
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 0.8em;
	display:block;
	padding:0.5em;
	background-color: #E5EaE4;
	border: 1px solid #d2d8d1;
}

input[type="submit"]{
	padding:0.2em;
	font-size: 1.25em;
	border: 1px solid #CCCFBC;
	color: #353F2f;
	background: #fefff8;

}

button {
        padding:0.3em;
	font-size: 1.0em;
	color: #FFF;
        text-transform: uppercase;
	background: #2F4F4F;
        border: 1px solid #2F4F4F;
        margin: 5px 0px 5px 0px;
}

input, textarea {
	padding:0.2em;
	font-size: 1.2em;
	border: 1px solid #CCCFBC;
	color: #353F2f;
	background: #fefff8;
}

fieldset {
        border: 0;
}

#searchform  {
        border: 0px;
        padding: 4px 4px 4px 0px;
}

#LSResult {
        background: #dce4b1;
}

#LSResult .lsDate {
        margin-left: 10px;
        font-size: 0.8em;
}

form#searchform input {
        border: 1px solid #eee;
        padding: 0.2em;
}

form#searchform input:hover {
	border: 1px solid #aaa;
}