title: Using express, node.js and jade - style.css is not being displayed/found
body: <p>I'm trying to figure out how to use node.js with jade right now, and I can't seem to get it to pull in the css stylesheet. My app.js looks like this:</p>
  
  <pre><code>/* * Module dependencies */ 
  var http    = require("http"),
  express = require('express') , 
  stylus = require('stylus')
  
  //create an app server
  var app = module.exports = express.createServer();
  
  app.configure(function(){
    //set path to the views (template) directory
    app.set('views', __dirname + '/views');
    app.set('view engine', 'jade');
    app.use(express.favicon());
    app.use(express.logger('dev'));
    app.use(app.router);
    app.use(express.bodyParser());
    app.use(express.methodOverride());
    app.use(app.router);
  
    app.use(stylus.middleware({
      debug: true,
      src: __dirname + '/views',
      dest: __dirname + '/public'
    }));  
    app.use(express.static(__dirname + 'public'));
  });
  
  app.configure('development', function(){
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
  });
  
  app.configure('production', function(){
    app.use(express.errorHandler());
  });
  
  //handle GET requests on /
    app.get('/', function(req, res){res.render('index.jade'); 
  });
  //listen on localhost:3000
  app.listen(3000);
  </code></pre>
  
  <p>My layout.jade file looks like:</p>
  
  <pre><code>html
    head
      title= title
      link(rel='stylesheet', href='/stylesheets/style.css')
    body!= body
  </code></pre>
  
  <p>And my file structure is:</p>
  
  <pre><code>App
    -node_modules
    -public
      -css
        style.css
      -img
      -js
    -views
      -routes
      -stylesheets
        style.styl
      index.jade
      layout.jade
    app.js
    package.json
  </code></pre>
  
  <p>I'm getting the website to load properly, but the stylesheet isn't loading.</p>