Show ads better

content/css/screen.scss

@@ -29,7 +29,7 @@ html > body {
     padding: 0;
     margin: 0;
 
-    background-color: $clouds;
+    background-color: #ffffff;
 
     font-size: 14px;
     font-family: "PT Sans", helvetica, arial;
@@ -43,6 +43,8 @@ a, a:hover, a:visited, a:active {
 header#title {
     background-color: $peterriver;
 
+    border-bottom: 3px solid $belizehole;
+
     margin: 0;
     padding: 12px 12px 0 12px;
 
@@ -192,7 +194,7 @@ section.post {
     }
 
     section#sidebar {
-        @include grid-column(2);
+        @include grid-column(3);
     }
 }
 
@@ -287,14 +289,18 @@ form {
     }
 }
 
-body .one {
+.adpack {
+    float: right;
+    margin-left: 6px;
+
     .bsa_it_ad {
         background: transparent;
         border: none;
         font-family: inherit;
-        padding: 68px 15px 0 10px;
+        padding: 10px 0;
         margin: 0;
         text-align: center;
+        max-width: 130px;
     }
 
     .bsa_it_ad:hover img {
@@ -313,11 +319,13 @@ body .one {
     .bsa_it_ad .bsa_it_i img {
         padding: 0;
         border: none;
+        min-width: 130px;
     }
 
     .bsa_it_ad .bsa_it_t {
         padding: 3px 0;
         display: block;
+        width: 130px;
     }
 
     .bsa_it_ad .bsa_it_d {
@@ -329,13 +337,12 @@ body .one {
     .bsa_it_p {
         display: none;
     }
-}
-
-body #bsap_aplink,
-body #bsap_aplink:hover {
-    display: block;
-    font-size: 10px;
-    margin: 3px 15px 0;
-    text-align: center;
+
+    #bsap_aplink,
+    #bsap_aplink:hover {
+        display: block;
+        font-size: 10px;
+        text-align: center;
+    }
 }
 

layouts/post.haml

@@ -7,6 +7,10 @@
         %p.meta
           Written by <strong>Ariejan de Vroom</strong> on #{get_pretty_date(item)}.
 
+        %aside.adpack
+          .bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
+          %a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs
+
         = yield
 
       %section#comments
@@ -19,8 +23,3 @@
             dsq.src = '//ariejannet.disqus.com/embed.js';
             (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
         })();
-
-  %section#sidebar
-    %aside.adpack
-      .bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
-      %a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs