style changes and refactoring

app/assets/stylesheets/phone/application.css

@@ -8,6 +8,8 @@
  * You're free to add application-wide styles to this file and they'll appear at the top of the
  * compiled file, but it's generally better to create a new file per style scope.
  *
- *= require_self
+ *= require 'bootstrap_and_overrides'
+ *= require 'bootstrap_overrides'
  *= require_directory .
+ *= require_self
  */

app/assets/stylesheets/phone/bootstrap_overrides.css.sass

@@ -1,17 +0,0 @@
-
-//BOOTSTRAP overrides
-body
-  a
-    color: white
-    &:hover
-      color: white
-  .table-hover
-    tbody
-      tr
-        &:hover
-          td
-            background-color: #555
-  .navbar-inner
-    $navbar-inner-teint: 200 
-    background-color: rgba($navbar-inner-teint, $navbar-inner-teint, $navbar-inner-teint, 0.8)
-    background-image: url()

app/assets/stylesheets/phone/structure.css.sass

@@ -1,14 +1,16 @@
 @import compass
+@import constants
 $side-spacing: 5px
-$qbrown: #634227
 
 
 html
-  background-image: image-url('textures/wood6.png')
+  background-image: $wood
+  background-color: $background-brown
 body
   padding-left: $side-spacing
   padding-right: $side-spacing
-  background-image: image-url('textures/wood6.png')
+  //background-image: image-url('textures/wood6.png')
+  background-color: transparent
   .home-panel
     margin-left: 20px
     margin-right: 20px