Sidebar doesn't appear the same on all pages
<p>I use a template on <a href="http://writecraftgr.blogspot.de/" rel="nofollow">my Blogger</a> and since it was too narrow, I adjusted the sidebar and the main posts column. It worked great but only for the homepage. </p>

<p>The problem is that the sidebar doesn't appear the same on all pages. </p>

<p>See <a href="http://writecraftgr.blogspot.de/p/blog-page_89.html" rel="nofollow">one of the pages</a> that the sidebar is not the same.</p>

<hr>

<p>My current CSS code for the sidebar is:</p>

<pre><code>#sidebar-wrapper { 
  border-radius: 5px;
  color: #A8AAAC;
  background:rgba(0,0,0,0.1);
  float:left; margin: -2430px 150px 100px -120px;
  width:40%; 
}
</code></pre>

<hr>

<p>and there is one more code sample for the sidebar, but even though I tried to change it nothing happened. </p>

<pre><code>#sidebar-wrapper .widget {margin-bottom: 30px;}

#sidebar-wrapper a:hover{color:#fff}

#sidebar-wrapper h2 {
  color: #C8CACC;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.4;
  margin: 30px 0 10px;
  font-family: Oswald,Arial,sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
</code></pre>