title: Less files are not loading on live server?
body: <p>Okay my problem is that the less files are not working on the live server. I have made double sure that they are there and that the paths are correct, but it just is not working. </p>
  
  <p>This does however work fine on the localhost.</p>
  
  <p>My script is as follows</p>
  
  <pre><code>&lt;link href="fonts/fonts.css" rel="stylesheet"&gt;
  &lt;!-- CSS files for plugins --&gt;
  &lt;link href="stylesheets/pace.preloader.css" rel="stylesheet"&gt;
  &lt;link href="stylesheets/animate.css" rel="stylesheet"&gt;
  &lt;link href="stylesheets/parallax.css" rel="stylesheet"&gt;
  &lt;link href="stylesheets/owl.carousel.css" rel="stylesheet"&gt;
  &lt;link href="stylesheets/owl.theme.css" rel="stylesheet"&gt;
  &lt;link href="stylesheets/magnific-popup.css" rel="stylesheet" &gt; 
  &lt;link href="stylesheets/jquery.tweet.css" rel="stylesheet"/&gt;
  &lt;link href="stylesheets/foliohover.css" rel="stylesheet"&gt;
  &lt;link href="stylesheets/fancymenu.css"  rel="stylesheet"&gt;
  &lt;link href="stylesheets/intro.css" rel="stylesheet"&gt;
  &lt;link rel="stylesheet" type="text/less" href="less/color.less" /&gt;
  
  &lt;!-- Main Template Styles --&gt;
  &lt;link href="stylesheets/main.css" rel="stylesheet"&gt;
  &lt;!-- Main Template Responsive Styles --&gt;
  &lt;link href="stylesheets/main-responsive.css" rel="stylesheet"&gt;
  &lt;!-- Main Template Retina Optimizaton Rules --&gt;
  &lt;link href="stylesheets/main-retina.css" rel="stylesheet"&gt;
  &lt;!-- LESS stylesheet for managing color presets --&gt;
  &lt;!-- LESS JS engine--&gt;
  &lt;script src="less/less-1.5.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="javascripts/modernizr.custom.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>If you open inspect element you will see the 404 errors for the less files</p>
  
  <p>View the site live here: www.codethis.co.za</p>
  
  <p>Please any help would be much appreciated</p>