Now layout is fully bootstrap based

Added hover.css

css/custom.css

@@ -1,19 +1,57 @@
+body{
+  color:#fff;
+  font-family: 'Abel', sans-serif;
+  font-size: 16px;
+}
+
 h3{
   color:#fff;
 }
 
+a:hover{
+  text-decoration: none
+}
+
+.navbar-header{
+  height: 70px;
+  padding-left: 20px;
+}
+
+.navbar-options{
+  padding: 10px;
+  float:right;
+}
+
+.navbar-options a{
+  margin-left: 10px;
+  color: #000;
+  padding: 10px;
+  background: #CCC;
+  font-size: 18px;
+}
+
+.navbar-brand img{
+  height: 40px;
+}
+
+.navbar-header a{
+  color:#000;
+}
+
 .site-header{
   background:#fff;
 }
 
 .site-footer{
-  background:#fff;
+  color: #fff;
 }
 
 .artist-media {
   width: 100%;
   max-height: 200px;
   overflow: hidden;
+  padding: 10px;
+  background: #000;
 }
 
 .artist-media img {
@@ -23,22 +61,81 @@ h3{
 .event{
   padding:10px;
   margin:10px;
+  display:none;
+  background: rgb(0, 0, 0) transparent;
+  background: rgba(0, 0, 0, 0.6);
+  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
 }
 
-.event :hover{
+.event h3{
+  color: #fff;
+  margin-top: 0px;
+  font-size: 32px;
 }
 
 .upcoming{
   background: #ccc;
+  display: normal;
 }
 
 .talk{
-  padding:10px;
-  background: #fff;
-  height: 300px;
+  padding:0px;
+}
+
+.talk :hover{
 }
 
 .talk_detail{
   padding:10px;
-  background: #fff;
+  margin-top:10px;
+}
+
+.talk_detail h3{
+  font-size: 24px;
+}
+
+.talk_detail a{
+  background: #fff;
+  color: #000;
+  margin: 0 auto;
+  padding: 2px;
+  float: center;
+}
+
+.event-selector{
+  text-align: center;
+}
+
+.event-selector ul{
+  list-style:none;
+}
+
+.event-selector li{
+  float:left;
+  margin: 10px;
+}
+
+.event-selector a{
+  display: block;
+  color: #fff;
+  text-size: 20px;
+}
+
+.footer{
+  margin-top: 20px;
+  background: rgb(0, 0, 0) transparent;
+  background: rgba(0, 0, 0, 0.6);
+  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
+}
+
+.footer li{
+  list-style-type:none;
+}
+
+.footer-supporters li img{
+  margin: 10px;
+  height: 80px;
+  float: left;
 }

css/main.scss

@@ -1,52 +0,0 @@
----
-# Only the main Sass file needs front matter (the dashes are enough)
----
-@charset "utf-8";
-
-
-
-// Our variables
-$base-font-family: Helvetica, Arial, sans-serif;
-$base-font-size:   16px;
-$small-font-size:  $base-font-size * 0.875;
-$base-line-height: 1.5;
-
-$spacing-unit:     30px;
-
-$text-color:       #111;
-$background-color: #fdfdfd;
-$brand-color:      #2a7ae2;
-
-$grey-color:       #828282;
-$grey-color-light: lighten($grey-color, 40%);
-$grey-color-dark:  darken($grey-color, 25%);
-
-// Width of the content area
-$content-width:    800px;
-
-$on-palm:          600px;
-$on-laptop:        600px;
-
-
-
-// Using media queries with like this:
-// @include media-query($on-palm) {
-//     .wrapper {
-//         padding-right: $spacing-unit / 2;
-//         padding-left: $spacing-unit / 2;
-//     }
-// }
-@mixin media-query($device) {
-    @media screen and (max-width: $device) {
-        @content;
-    }
-}
-
-
-
-// Import partials from `sass_dir` (defaults to `_sass`)
-@import
-        "base",
-        "layout",
-        "syntax-highlighting"
-;