html { height: 100%; margin-bottom: 1px; }

body	{
	padding: 15px 0;
	border: 0;
	text-align: center;
	color: #786A47;
	background: #bba url(http://www.nordesjo.se/pics/bg_body1.gif) repeat fixed right top;
	font: 76% "Trebuchet MS", tahoma, "Bitstream Vera Sans", "Lucida Grande", lucida, helvetica, sans-serif;
  }

img  {
  border: 0;
  display: block;
  }


  /* Wrapper */
@media all {
  #wrapper  {
	margin: 0 auto;
	padding: 0;
	border: 1px solid #786A47;
	width: 690px;
	text-align: left;
	background: #ECECEA url(http://www.nordesjo.se/pics/bg_right.gif) repeat-y left top;
	font-size: 1.1em;
    }
  }
@media handheld {
  #wrapper  {
    width: 90%;
    }
  }


  /* Header */

#blog-header  {
  color: #FFFFFF;
  background: #5A748B url(http://www.nordesjo.se/pics/bg_head_1.jpg) repeat-x left top;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
height: 72px;
  }

#blog-header h1  {
  font-size: 1em;
  text-align: left;
  padding: 0px;
  margin: 0px;
  }
  
#blog-header p  {
  font-size: 110%;
  text-align: left;
  padding: 3px 20px 10px 20px;
  margin: 0;
  line-height:140%;
  }

  
  /* Inner layout */

#content  {
  padding: 0 30px 0 20px;
  }
 
 .box {
	clear: both;

}



@media all {
  #main  {
    width: 410px;
    float: right;
    }

  #sidebar  {
	width: 170px;
	float: left;
	font-size: 0.9em;
    }
  }
@media handheld {
  #main  {
    width: 100%;
    float: none;
    }

  #sidebar  {
    width: 100%;
    float: none;
    }
  }
  
  /* Bottom layout */


#footer  {
	clear: both;
	margin: 0;
	padding: 0 20px;
	border: 0;
	text-align: left;
         font-size: 0.9em;
	background: #667b96 url(http://www.nordesjo.se/pics/logo_a_blue.gif) no-repeat right center;
	color: #fff;
  }
  
#footer p  {
  text-align: left;
  margin: 0;
  padding: 10px 0;
  background-color: transparent;
  color: #fff;
  }

#footer a  {
    color: #fff;
  }

#footer a:hover {
    color: #E1BD67;
    }


  /* Default links   */

a:link, a:visited {
  font-weight : bold; 
  text-decoration : none;
  color: #667b96;
  background: transparent; 
  }

a:hover {
  font-weight : bold; 
  text-decoration : none;
  color: #E1BD67;
  background: transparent; 
  }

a:active {
  font-weight : bold; 
  text-decoration : none;
  color: #998;
  background: transparent;  
  }

  
  /* Typography */
  
#main p, #sidebar p {
	line-height: 140%;
  }
  
#recently p {
	margin-bottom: 1em;
	line-height: 1em;
  }
  
.archive-list {
	margin-bottom: 1em;
  }
  
.post-body {
  line-height: 1.5em;
  } 

h2, h3, h5  {
  margin: 25px 0 0 0;
  padding: 0;
  }

h2  {
  font-size: large;
  }

h3.post-title {

font-size: 1.5em;
	margin: 0em;
	font-weight: bold;
	font-style: normal;
	color: #574D33;
	line-height: 1.5em;
  margin-top: 5px;
  }

ul  {
  margin: 0 0 1em;
  }


li  {
	line-height: 160%;
	list-style-type: square;
  }

#sidebar ul   {
  padding-top: 3px;
  }

#sidebar ul li {
  list-style: url(none) none outside;
  vertical-align: top;
  padding: 0;
  margin: 0;
  }
  
dl.profile-datablock  {
  margin: 3px 0 5px 0;
  }
dl.profile-datablock dd {
  line-height: 140%;
  }
  
.profile-img {display:inline;}

.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:4px solid #ccb;
  }
   
   
.blogger-labels {
	visibility: hidden; 
  }   
   
   
#comments  {
  border: 0;
  border-top: 1px dashed #eed;
  margin: 10px 0 0 0;
  padding: 0;
  }

#comments h3  {
  margin-top: 10px;
  margin-bottom: -10px;
  }  

#comments dl dt   {
  margin-top: 2em;
  color: #C1B89F;
  }

#comments dl dd  {
  padding: 0;
  margin: 0;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.comment-link {
  margin-left:.6em;
  }
  #sidebar a {
	color: #E5D9BC;
}
#sidebar a:hover {
	color: #fff;
text-decoration : none;

}


  h2.sidebar-title {
	font-size: 1em;
	font-weight: normal;
	margin-top: 1em;
}

.smallcaps {
	font-weight: normal;
	text-transform: uppercase;
	color: #C1B89F;
	font-size: 0.8em;
}
    h2.date-header {
  font-weight: normal;
	color: #C1B89F;
	font-size: 0.8em;
}
    .post {
	margin-bottom: 2em;  
}
    
    h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0em;
}
p {
	margin: 0px;
}
.platta {
	background-color: #00CC99;
}
#wrapper_wide {

	margin: 0 auto;
	padding: 0;
	border: 1px solid #786A47;
	width: 690px;
	text-align: left;
	background: #ECECEA repeat-y left top;
	font-size: 1.1em;
}

.archive-list {
	text-transform: capitalize;
}