diff --git a/resources/css/dashboard.css b/resources/css/dashboard.css
@@ -4,7 +4,7 @@
 
 /* Move down content because we have a fixed navbar that is 50px tall */
 body {
-  padding-top: 50px;
+
 }
 
 
@@ -13,6 +13,7 @@ body {
  */
 
 .sub-header {
+  margin-top: 5px;
   padding-bottom: 10px;
   border-bottom: 1px solid #eee;
 }
@@ -24,6 +25,9 @@ body {
 .navbar-fixed-top {
   border: 0;
 }
+.navbar-nav i {
+  font-size: 20px;
+}
 
 /*
  * Sidebar
@@ -83,6 +87,17 @@ body {
 .main .page-header {
   margin-top: 0;
 }
+.current-room-details {
+  padding: 0 15px;
+}
+.room-status {
+  font-size: 18px;
+  padding: 10px;
+}
+.detail {
+  padding: 0 15px;
+  margin: 0;
+}
 
 
 /*
@@ -103,3 +118,39 @@ body {
   display: inline-block;
   border-radius: 50%;
 }
+
+/*
+ * Sticky footer
+ */
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 60px;
+}
+
+.footer > .section-link {
+  height: 60px;
+  width: 100%;
+  padding: 10px 20px;
+  border-top: 1px solid #d0d0d0;
+}
+
+/*
+ * Lightbulb colors
+ */
+ .light.detail {
+  padding-top: 3px;
+  padding-bottom: 3px;
+  line-height: 24px;
+ }
+.fa-lightbulb-o {
+  font-size: 24px;
+}
+.fa-lightbulb-o.on {
+  color: #E2D225;
+}
+.fa-lightbulb-o.off {
+  color: #555;
+}
diff --git a/resources/css/dashboard.css~ b/resources/css/dashboard.css~
diff --git a/resources/css/login.css~ b/resources/css/login.css~
diff --git a/resources/jquery-mobile/jquery.mobile.custom.js b/resources/jquery-mobile/jquery.mobile.custom.js
diff --git a/resources/jquery-mobile/jquery.mobile.custom.min.js b/resources/jquery-mobile/jquery.mobile.custom.min.js
diff --git a/resources/jquery-mobile/jquery.mobile.custom.structure.min.css b/resources/jquery-mobile/jquery.mobile.custom.structure.min.css
diff --git a/resources/jquery-mobile/jquery.mobile.custom.theme.min.css b/resources/jquery-mobile/jquery.mobile.custom.theme.min.css
diff --git a/resources/js/controls.js b/resources/js/controls.js
@@ -0,0 +1,78 @@
+function mod(n, m) {
+  return ((n % m) + m) % m;
+}
+
+var songIndex = 0;
+var songs = [
+  {
+    title: 'I Kissed a Girl',
+    artist: 'Katy Perry'
+  },
+  {
+    title: 'Fireworks',
+    artist: 'Katy Perry'
+  },
+  {
+    title: 'Dark Horse',
+    artist: 'Katy Perry'
+  }
+];
+
+$(function() {
+  /*
+   * DOM Lookups
+   */
+  var sliders = $('.slider');
+  var temp = $('#temp');
+  var tempDown = $('#tempDown');
+  var tempUp = $('#tempUp');
+
+  var songStatus = $('#songStatus');
+  var songPrev = $('#songPrev');
+  var songPause = $('#songPause');
+  var songPlay = $('#songPlay');
+  var songNext = $('#songNext');
+  var songTitle = $('#songTitle');
+  var songArtist = $('#songArtist');
+
+  sliders.slider();
+
+  $('a.navbar-brand').click(function(e) {
+    e.preventDefault();
+    location.href = 'index.html';
+  });
+
+  tempDown.click(function() {
+    var val = parseInt(temp.text()) - 1;
+    temp.text(val);
+  });
+
+  tempUp.click(function() {
+    var val = parseInt(temp.text()) + 1;
+    temp.text(val);
+  });
+
+  songPause.click(function() {
+    songStatus.text('Paused:');
+    songPause.hide();
+    songPlay.show();
+  });
+
+  songPlay.click(function() {
+    songStatus.text('Playing:');
+    songPlay.hide();
+    songPause.show();
+  });
+
+  songPrev.click(function() {
+    songIndex = mod((songIndex - 1), songs.length);
+    songTitle.text(songs[songIndex].title);
+    songArtist.text(songs[songIndex].artist);
+  });
+
+  songNext.click(function() {
+    songIndex = mod((songIndex + 1), songs.length);
+    songTitle.text(songs[songIndex].title);
+    songArtist.text(songs[songIndex].artist);
+  });
+});