Added twitter bootstrap layout. Adapt home page.

app/assets/stylesheets/application.css

@@ -1,8 +1,6 @@
 /*
-*= require main
-*= require rails_messages
-*= require nav
-*= require simple_form
+*= require bootstrap_and_overrides
+*= require foodsoft
 *= require token-input
 *= require jquery.fancybox-1.3.4
 */

app/assets/stylesheets/bootstrap_and_overrides.css.less

@@ -0,0 +1,32 @@
+@import "twitter/bootstrap/bootstrap";
+body { 
+	padding-top: 60px;
+}
+
+@import "twitter/bootstrap/responsive";
+
+// Set the correct sprite paths
+@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
+@iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png');
+
+// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
+// Note: If you use asset_path() here, your compiled boostrap_and_overrides.css will not 
+//       have the proper paths. So for now we use the absolute path.
+@fontAwesomeEotPath: '/assets/fontawesome-webfont.eot';
+@fontAwesomeWoffPath: '/assets/fontawesome-webfont.woff';
+@fontAwesomeTtfPath: '/assets/fontawesome-webfont.ttf';
+@fontAwesomeSvgPath: '/assets/fontawesome-webfont.svg';
+
+// Font Awesome
+@import "fontawesome";
+
+// Your custom LESS stylesheets goes here
+//
+// Since bootstrap was imported above you have access to its mixins which
+// you may use and inherit here
+//
+// If you'd like to override bootstrap's own variables, you can do so here as well
+// See http://twitter.github.com/bootstrap/less.html for their names and documentation
+//
+// Example:
+// @linkColor: #ff0000;

app/assets/stylesheets/foodsoft.css.less

@@ -0,0 +1,5 @@
+section {
+  padding-bottom: 30px;
+  margin-bottom: 30px;
+  border-bottom: 1px solid #d3d3d3;
+}

app/assets/stylesheets/main.sass

@@ -43,9 +43,9 @@ h1
   :line-height 0.8em
   :padding 1em 0 5px 5%
   :margin 0 0 1em 0
-  :border-bottom 
+  :border-bottom
     :width 1px
-    :style dotted 
+    :style dotted
     color: $main_red
 
 h2