body {
margin : 0;
padding : 0;
text-align : left;
color : #333;
background : #858563 url(img/sinitausta.jpg) ;
font : 95% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
}
#container {
width : 846px;
margin : 20px auto;
padding : 0;
color : #aaa;
background : #ffffff	;

}
			
#banneri {
float : left;
width : 846px;
height : 367px;
padding : 0;
margin-bottom : 0;
background : #eee url(img/kantoniemen_tuvat.jpg) ;
}
#banneri h1 {
margin : 40px 0 0 20px;
font : normal 2em georgia, verdana, arial, tahoma, sans-serif;
text-transform : none;
letter-spacing : 3px;
color : #acaf2c;
background : transparent;
}

#navibar{
		  float: left;
		  width: 100%;
		  text-align: center;
background: url(images/menubg.jpg) repeat-x top left;


		}
		#navibar a, #navibar a:visited{
		  background-color: #80C040;
		  float: left;
		  width: 139px;
		  color: white;
		  border: 1px solid black;
		  text-decoration: none;
		}
		#navibar a:hover, #navibar a:active{
		  background-color: #80C000;
		  font-weight: bold;
		}


#content {
padding : 10 10px 10 10px;
margin-left : 60px;
margin-right : 60px;
margin-top : 0;
color : #604000;

line-height : 1.8em;
}
#content h1 {
padding : 20px 0 0 0;
font : normal 1.4em verdana, tahoma, arial, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #604000;
background : inherit;
text-align : center;
}
			/*LEFT SIDEBAR*/
#sidebar {
float : left;
width : 60px;
margin : 0 0 0 0;
padding : 5px;
}
			/*NAVIGATION*/
.menu {
margin-bottom : 20px;
width : 110px;
padding : 10px 0 0 0;
color : #604000;

}
.menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.menu li {
margin : 0 0 0.2em 0;
}
.menu a {
display : block;
font-size : 12px;
color : #60A020;
background : #E0E0C0;
width : 120px;
padding : 0.5em 0.8em;
text-decoration : none;
border-left : 10px solid #4c4c42;
}
.menu a:hover {
border-left : 10px solid #6d6f1c;
background-color : #acaf2c;
color : #fff;
}
.links {
font-size : 1.4em;
text-transform : uppercase;
letter-spacing : 3px;
}
			/*RIGHT SIDEBAR*/
#sidebar-b {
float : right;
width : 60px;
margin : 0 0 0 0;
padding : 5px;
color : #604000;

}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 5px;
height : 40px;
font-size : 0.8em;
border-top : 1px solid #515244;
color : #eee;
background : #404040;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #acaf2c;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #858563;
background : inherit;
color : #858563;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0 0 10px 0;
font : normal 1.4em verdana, arial, tahoma, sans-serif;
text-transform : uppercase;
color : #400000;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #604020;
}
			/*LINKS*/
a {
color : #604020;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : none;
color : #369;
background : inherit;
}
a img {
border: 0;
}
			/*CLASS*/
.clear {
clear : both;
overflow : hidden;
width : 0;
height : 1px;
}
.post {
background-color : #404040;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 80%;
}
.post .date {
background : url(img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .comments {
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .readmore {
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}

.drag-pointer { 
position: absolute; 
top: 0; 
width: 14px; 
height:11px; 
display: block; 
font-size: 0; 
line-height: 0; 
text-indent: -4000px; 
cursor: move; 
}



.image-box { 
position: relative; 
top: 0; 
left: 0; 
float: left; 
display: inline;  
width: 204px; 
height: 250px; 
 
padding: 0 4px; margin: 0 10px 10px 0; 
}

.image-box .drag-pointer { 
top: 8px; 
left: 6px; 
}

.image-box .photo-cover {
 position: relative; 
 width: 170px; 
height: 150px;
 background: url(img/photo-cover.gif) no-repeat 0 0; margin: 33px 0 0 15px;
 padding: 3px 0 0 3px; 
}

.image-box .photo-name { 
 height: 32px;
 border-top: 1px dashed #000;
 background: url(img/photo-name-bg.gif) no-repeat center 7px; 
margin-top: 15px; 
color: #231f19; 
text-align: center; 
padding-top: 8px;

 }