Apply cleaned-up CSS

_includes/head.html

@@ -9,6 +9,7 @@
         <link rel="alternate" type="application/rss+xml" title="Gergely Polonkai's Blog - RSS Feed" href="{{site.url}}/blog/atom.xml">
 
         <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+        <link rel="stylesheet" href="{{'/css/style.css' | prepend: site.baseurl}}">
 
         <script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js"></script>
         <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

css/style.sass

@@ -2,7 +2,7 @@
 ---
 
 $main-font: sans-serif
-$page-background: #333333
+$page-background: #ffffff
 $content-background: #ffffff
 $content-text: #000000
 $header-background: #4d4d4d
@@ -12,201 +12,12 @@ $menu-text: #ffffff
 $footer-text: #7f7f7f
 
 body
-  font: 100% $main-font
   background-color: $page-background
   margin: 0
 
-  #content-wrapper
-    background-color: $content-background
-    width: 960px
-    margin: 0 auto 0 auto
-    padding-top: 14px
-
-  #header
-    height: 190px
-    width: 960px
-    background-color: $header-background
-    color: $header-text
-    position: absolute
-
-    #picture
-      background-color: $content-background
-      position: relative
-      width: 170px
-      height: 170px
-      display: inline
-      float: left
-      top: 40px
-      left: 20px
-
-      img
-        margin: 10px
-
-    h1
-      text-align: right
-      margin: 40px 10px 0 0
-      font-size: 41px
-      font-weight: bold
-      padding-top: 45px
-
-      a
-        color: $header-text
-        text-decoration: none
-
-    h2
-      text-align: right
-      margin: 0 10px 0 0
-      font-size: 12px
-      font-weight: normal
-      padding-top: 5px
-
-  #contact-list
-    position: absolute
-    right: -22px
-    width: 20px
-
-    a
-      display: block
-
-  #menu
-    background-color: $menu-background
-    height: 39px
-    margin-top: 15px
-
-    ul
-      margin: 8px
-      padding: 0
-      list-style-type: none
-      float: right
-
-      li
-        float: right
-        margin: 1px 0 10px 1em
-        height: 30px
-
-        a
-          color: $menu-text
-          font-weight: bold
-          font-size: 12px
-          text-decoration: none
-
-      li.active
-        background-image: url('../images/arrow-up.png')
-        background-repeat: no-repeat
-        background-position: center bottom
-
-  #tagcloud-button
-    float: left
-    padding: 2px 0 0 6px
-    cursor: pointer
-
-  #content
-    clear: both
-    padding: 8px
-
-    h3
-      margin: .5em 0 .2em 0
-
-    p
-      margin: .6em 0
-      text-indent: 1.5em
-      text-align: justify
-      font-size: 80%
-
-    a
-      color: $content-text
-      text-decoration: underline
-
-  #content-padding
-    height: 200px
-
-  dt
-    font-weight: normal
-    text-decoration: underline
-
-  dd
-    p
-      text-indent: 0 !important
-      margin-top: .5em !important
-
-  #page-disclaimer
-    margin-top: 2em
-    text-align: right
-    font-size: 80%
-    color: $footer-text
-
-    a
-      color: $footer-text
-      text-decoration: underline
-
-  #bottombar-wrapper
-    display: block
-
-  #bottombar-padding
-    clear: both
-    height: 35px
-
-  #bottombar
-    position: fixed
-    background-color: #4d4d4d
-    bottom: 0
-    left: 0
-    margin: 0
-    z-index: 70000
-    width: 100%
-    padding: 1em
-    text-align: center
-    vertical-align: center
-    color: #b3b3b3
-    font-size: 10px
-    border-top: 1px solid black
-
-    a
-      color: #b3b3b3
-      text-decoration: underline
-
+  #about-well-image
     img
-      vertical-align: middle
-
-  #more-posts
-    margin-top: 1em
-    text-align: right
-
-  #tag-cloud
-    position: absolute
-    width: 600px
-    padding: 8px
-    border: 1px solid black
-    background-color: #303030
-    margin-left: 5px
-    margin-top: 2px
-    display: none
-
-    a
-      color: #b3b3b3
-      text-decoration: none
-      padding: 8px
-
-    .size0
-      font-size: 80%
-
-    .size1
-      font-size: 90%
-
-    .size2
-      font-size: 100%
-
-    .size3
-      font-size: 110%
-
-    .size4
-      font-size: 130%
-
-    .size5
-      font-size: 150%
-
-  .clear
-    clear: both
+      padding-right: 1em
 
   pre
     font-family: monospace