body  { color: #333; font: 14px/1.5em "Trebuchet MS", Verdana, Arial, Sans-serif; background: #bca; text-align: center; margin: 0; padding: 20px 10px }
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */
#content {
  width:740px;
  margin:0 auto;
  text-align:left;
  }
#main   { color: #ced; font-size: 97%; line-height: 1.5em; background: #466 url(pix/systempix/corners_main_bot.gif) no-repeat left bottom; margin: 15px 0 0; padding: 0 0 10px; width: 485px; float: right }
#main2   { background: url(pix/systempix/corners_main_top.gif) no-repeat left top; padding: 10px 0 0; width: 100%; float: right }
#sidebar  { font-size: 97%; line-height: 1.5em; margin: 15px 0 0; width: 240px; float: left }


/* Links
----------------------------------------------- */
a:link { color: #475 }
a:visited {
  color:#798;
  }
a:hover {
  color:#c63;
  }
a img {
  border-width:0;
  }
/* Blog Header
----------------------------------------------- */
#header {
  background:#476 url(pix/systempix/bg_hdr_bot.jpg) no-repeat left bottom;
  margin:0 0 0;
  padding:0 0 8px;
  color:#fff;
  }
#header div {
  background:url(pix/systempix/corners_cap_top.gif) no-repeat left top;
  padding:8px 15px 0;
  }
.picright { float: right }
#blog-title {
  margin:0;
  padding:10px 30px 5px;
  font-size:200%;
  line-height:1.2em;
  }
/* Posts
----------------------------------------------- */
.date-header   { color: #cf4; font-size: 100%; font-weight: bold; line-height: 2em; text-transform: uppercase; letter-spacing: 0.2em; margin: 0 28px 0 43px }
.post  { margin: 0.3em 0 25px; padding: 0 13px; border-style: dotted; border-width: 1px 0 1px 0; border-color: #6a7 }
.post-title  { color: #fff; font-size: 135%; line-height: 1.5em; background: url(pix/systempix/icon_arrow.gif) no-repeat 10px 0.5em; display: block; margin: 0; padding: 2px 14px 2px 29px; border-style: dotted; border-width: 0 1px 1px; border-color: #6a7 }
.post-title1 { color: #fff; font-size: 135%; line-height: 1.5em; background: url(pix/systempix/icon_arrow.gif) no-repeat 10px 0.5em; display: block; margin: 0; padding: 2px 14px 2px 29px; border-style: dotted; border-width: 0 1px; border-color: #6a7 }
.post-body {
  border:1px dotted #6a7;
  border-width:0 1px 1px;
  border-bottom-color:#485;
  padding:10px 14px 1px 29px;
  }
.tabell     { color: #ced; font-size: 97%; line-height: 1.5em }
html>body .post-body {
  border-bottom-width:0;
  }
a.post-link, .post-title strong   { color: #ced; text-decoration: underline }
a.title-link:hover { color: #000; background-color: #355 }
a.post-link:hover { color: #000 }
.post p {
  margin:0 0 .75em;
  }
p.post-footer   { color: #acb; font-size: 100%; line-height: 1.1em; background: #577; text-align: left; margin: 0; padding: 2px 14px 2px 29px; border-style: dotted dotted solid; border-width: 1px; border-color: #6a7 #6a7 #577 }
.fetstil { font-weight: 800 }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url(pix/systempix/icon_comment.gif) no-repeat 0 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url(pix/systempix/icon_comment.gif) no-repeat 0 45%;
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #586;
  }
blockquote {
  margin:.75em 0;
  border:1px dotted #596;
  border-width:1px 0;
  padding:5px 15px;
  }
.post blockquote p {
  margin:.5em 0;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border:1px dotted #6a7;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  border-bottom:1px dotted #6a7;
  font-size:120%;
  line-height:1.4em;
  color:#fff;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.textindrag { position: relative; left: 60px }
.comment-data  { color: #ced; margin: 0.5em 0; padding: 0 0 0 20px }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#fff;
  }
.comment-timestamp a:link {
  color:#fff;
  }
.deleted-comment {
  font-style:italic;
  color:#ccc;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  background:#9b5 url(pix/systempix/corners_prof_bot.gif) no-repeat left bottom;
  margin:0 0 15px;
  padding:0 0 10px;
  color:#fff;
  }
#profile-container h2 {
  background:url(pix/systempix/corners_prof_top.gif) no-repeat left top;
  padding:10px 15px .2em;
  margin:0;
  border-width:0;
  font-size:115%;
  line-height:1.5em;
  color:#fff;
  }
.profile-datablock {
  margin:0 15px .5em;
  border-top:1px dotted #ce9;
  padding-top:8px;
  }
.profile-img {display:inline;}
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:4px solid #dfa;
  }
.profile-data strong {
  display:block;
  }
#profile-container p {
  margin:0 15px .5em;
  }
#profile-container .profile-textblock {
  clear:left;
  }
#profile-container a {
  color:#fff;
  }
.profile-link a {
  background:url(pix/systempix/icon_profile.gif) no-repeat 0 .1em;
  padding-left:15px;
  font-weight:bold;
  }


/* Sidebar Boxes
----------------------------------------------- */
.box {
  background:#fff url(pix/systempix/corners_side_top.gif) no-repeat left top;
  margin:0 0 15px;
  padding:10px 0 0;
  color:#666;
  }
.box2 {
  background:url(pix/systempix/corners_side_bot.gif) no-repeat left bottom;
  padding:0 0 8px;
  }
.box3   { font-size: 95%; background: url(pix/systempix/rails_side.gif) repeat-y; padding: 0 13px }
.sidebar-title {
  margin:0;
  padding:0 0 .2em;
  border-bottom:1px dotted #9b9;
  font-size:115%;
  line-height:1.5em;
  color:#566;
  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  }
.box ul li {
  background:url(pix/systempix/icon_arrow_sm.gif) no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #eee;
  line-height:1.4em;
  }
.box p {
  margin:0 0 .6em;
  }


/* Footer
----------------------------------------------- */
#footer  { font-size: 80%; margin: 0; padding: 15px 0 0; clear: both }
#footer div  { color: #fff; background: #466 url(pix/systempix/corners_cap_top.gif) no-repeat left top; padding: 8px 0 0 }
#footer div div {
  background:url(pix/systempix/corners_cap_bot.gif) no-repeat left bottom;
  padding:0 15px 8px;
  }
#footer hr {display:none;}
#footer p  { margin: 0 }
#footer a  { color: #fff; font-size: 80% }