title: Route MVC area content the same way as controllers and actions?
body: <p>I've got a MVC 3 project with an area, let's call it MyArea. I'd like to place scripts and styles that are specific to MyArea under that area's subfolder, resulting in a project folder structure like this:</p>
  
  <pre><code>/Areas/MyArea
  /Areas/MyArea/Controllers
  /Areas/MyArea/Scripts   &lt;-------- I want these here
  /Areas/MyArea/Styles    &lt;--------
  /Areas/MyArea/ViewModels
  /Areas/MyArea/Views
  /Controllers
  /Scripts
  /Styles
  /ViewModels
  /Views
  </code></pre>
  
  <p>Fine, but now when I link to a style in the document/view it has to be written like this:</p>
  
  <pre><code>&lt;link href="/Areas/MyArea/Styles/MyStyle.css" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>I'd prefer to link it like this:</p>
  
  <pre><code>&lt;link href="/MyArea/Styles/MyStyle.css" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>This would be the same routing as for the area's countrollers and actions.</p>
  
  <p>How can I achieve this routing?</p>