title: Rails custom css links are not working - following tutorial in http://ruby.railstutorial.org
body: <p>I'm new to rails and working my way into the tutorial here: <a href="http://ruby.railstutorial.org/ruby-on-rails-tutorial-book" rel="nofollow">http://ruby.railstutorial.org/ruby-on-rails-tutorial-book</a></p>
  
  <p>I've added the blueprint css package to the public/stylesheets directory and added a custom.css file however I cannot seem to get the stylesheet to load. From my understanding fo the setup the page should have a blue background and some other small changes. </p>
  
  <p>In my app/views/layouts/application.html.erb file I've added the following line:</p>
  
  <pre><code>&lt;%= stylesheet_link_tag 'stylesheets/custom', :media =&gt; 'screen' %&gt;
  </code></pre>
  
  <p>Which I believe should cause the css from the /public/custom.css to load.</p>
  
  <p>In the tutorial the content of the custom.css file is located in section 5.1.2 (sorry I'm only able to post 2 hyperlinks here)
  .
  And the content of the app/views/layouts/application.html.erb file is here:</p>
  
  <p><a href="http://ruby.railstutorial.org/chapters/filling-in-the-layout#sec:adding_to_the_layout" rel="nofollow">http://ruby.railstutorial.org/chapters/filling-in-the-layout#sec:adding_to_the_layout</a></p>
  
  <p>When I view source on the page there is a link to the custom.css file here:
   </p>
  
  <p>But clicking that brings up a "Routing Error - No route matches "/stylesheets/stylesheets/custom.css"" message.</p>
  
  <p>As far as I can find I've followed the tutorial exactly so I'm not sure what is wrong or what I've missed. Any help on where to go from here would be appreciated.</p>
  
  <p>complete text of the application.html.erb file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;&lt;%= title %&gt;&lt;/title&gt;
      &lt;%= csrf_meta_tag %&gt;
         &lt;!--[if lt IE 9]&gt;
      &lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;    
      &lt;%= stylesheet_link_tag 'blueprint/screen', :media =&gt; 'screen' %&gt;
      &lt;%= stylesheet_link_tag 'blueprint/print',  :media =&gt; 'print' %&gt;
      &lt;!--[if lt IE 8]&gt;&lt;%= stylesheet_link_tag 'blueprint/ie' %&gt;&lt;![endif]--&gt;
      &lt;%= stylesheet_link_tag 'custom', :media =&gt; 'screen' %&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="container"&gt;
        &lt;header&gt;
          &lt;%= image_tag("logo.png", :alt =&gt; "Sample App", :class =&gt; "round") %&gt;
          &lt;nav class="round"&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;%= link_to "Home", '#' %&gt;&lt;/li&gt;
              &lt;li&gt;&lt;%= link_to "Help", '#' %&gt;&lt;/li&gt;
              &lt;li&gt;&lt;%= link_to "Sign in", '#' %&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/nav&gt;
        &lt;/header&gt;
        &lt;section class="round"&gt;
          &lt;%= yield %&gt;
        &lt;/section&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <hr>
  
  <p>This still has the same error when clicking the custom.css link in source as before:</p>
  
  <pre><code>"Routing Error - No route matches "/stylesheets/stylesheets/custom.css""
  </code></pre>