Web Interface improvements and bug fixes

- Added button for random sounds to each category
- Visual improvements on category separation and a lot more (thanks, Pixeljockey)
- Crash bug fix on playing random sounds with commands without soundnames

templates/header.html

@@ -16,12 +16,13 @@
             padding-top: 50px;
         }
         .sounditem {
-            margin: 1px;
+            margin: 3px;
             padding: 5px;
-            border: 1px solid black;
+            border: 0px solid;
             background-color: #f2f2f2;
         }
     </style>
+    <link href="static/css/main.css" rel="stylesheet">
     <!-- These two are what you want to use by default -->
     <link rel="apple-touch-icon" href="static/icon.png">
     <link rel="apple-touch-icon-precomposed" href="static/icon.png">
@@ -52,7 +53,7 @@
             </div>
             <div id="navbar" class="collapse navbar-collapse">
                 <ul class="nav navbar-nav">
-                    <li class="active"><a href="#">Home</a></li>
+                    <li><a href="#">Home</a></li>
                     <li><a href="#about">About</a></li>
                     <li><a href="#contact">Contact</a></li>
                 </ul>