body {  margin: 20px 0; 	
	font: normal .77em/1.5em arial;
	background: #cccccc;
	text-align: center;}


h1, h2, h3 {font: bold 1em arial;
	    color: #344451;}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase;}
h3 { font-size: 1.2em; }

p, h1, h2, h3 {margin: 10px 15px;}
ul, ol {margin: 10px 30px;
	padding: 0 15px;}


code {margin: 5px 0;
      padding: 10px;
      text-align: left;
      display: block;
      overflow: auto;  
      font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
      background: #FAFAFA;}

table { border-collapse: collapse;
	margin: 15px;
	width: 95%;}


#wrap { width: 770px;
	margin: 0 auto;
	background: #ffffff;}


#header { position: relative;
	  height: 176px;
	  text-align: left;		
	  background: #FFF;}

#header .headerphoto {
	position: absolute;
	right: 15px ; top: 15px;
	width: 418px;
	height: 156px;
	background: url(http://norrasnurran.net/kokeilut/hanniyla2.jpg);}


#header #logo-box { position: absolute;
	            left: 15px ; top: 15px;
	            width: 317px;
	            height: 156px;	
	            background-image:url(http://norrasnurran.net/kokeilut/norrasnurran2.jpg)}


#menu ul { font: bolder 14px 'Trebuchet MS', sans-serif;
	   width: 740px;
	   color: #FFF;
	   background-color: #333333;		 	
	   margin: 0 15px;
	   padding: 0;
	   display: inline;
	   border-bottom: 6px solid #FFF;
	   float: left;}

#menu li { float: left;
	   list-style: none;}

#menu li a { display: block;
	     padding: 5px 15px;	
	     color: #FFF;	
	     text-decoration: none;}

#menu li a:hover { background: #0e78b6;
	           color: #FFF;}

#menu li a#current  { background: #0e78b6;
	              color: #FFF;}




#content {
	width: 740px;	
	clear: both;
	text-align: left;	
	padding: 0;
	margin: 0 auto;}


#linkki {
float: left;
	width: 230px;	
	}

#linkki {
    float: right;
	width: 230px;	
	}


#sidebar { float: right;
	   width: 230px;
	   margin: 0 0 10px 0; padding: 0;}	
.sidebox { margin-bottom: 10px;}


#sidebar ul.sidemenu { list-style:none;
	               margin: 10px 0 15px 0;
	               padding: 0;}

#sidebar ul.sidemenu li {padding: 0px 10px;}
#sidebar ul.sidemenu a { display:block;
	                 font-weight:normal;
	                 color: #333;
	                 height: 1.5em;	
	                 padding:.3em 0 .3em 15px;
	                 line-height: 1.5em;
	                 border-bottom: 1px dashed #D5D5D5;
	                 text-decoration:none;}

#main { float: left;
	display:inline;
	width: 495px;	
	margin: 0 0 10px 0; 
	padding: 0;}

#main h1 { padding: 0 0 5px 5px;
	   margin: 0 0 0 10px;
	   border-bottom: 1px dashed #D5D5D5;}

.post { margin: 0; padding: 10px;
	top:auto;}

.post .post-footer { background-color: #fafafa;
	             padding: 5px; margin-top: 20px;
	             font-size: 95%;
	             border: 1px solid #eee;}

#footer { clear: both;
	  margin: 0; padding: 12px 0 0 0;
	  height: 45px;
	  background: url(http://norrasnurran.net/ulkoasu/alareuna.jpg) no-repeat left bottom;
	  color: #666666;
	  text-align: center;}