<div id="darby-sidebar-nav">
  <ul>
    <li><a href="/final-self-portrait">Self Portraits</a></li>
    <li><a href="/food-for-thought-photo-1">Together Apart</a></li>
    <li><a href="/food-for-thought-photo">Food For Thought</a></li>
    <li><a href="/whos-your-daddy">Who's Your Daddy</a></li>
    <li><a href="/yalenciaga">Yalenciaga</a></li>
    <li><a href="/yale-carpool-video">Yale Carpool</a></li>
    <li><a href="/seymour-g-video">Seymour G</a></li>
    <li><a href="/jude-fine-video">Jude Fine</a></li>
    <li><a href="/real-fat-housewivesvideo">Real Fat Housewives</a></li>
  </ul>
</div>
<style>
#darby-sidebar-nav{position:fixed;top:150px;left:30px;z-index:9999;font-family:inherit;background:rgba(255,255,255,0.92);padding:14px 18px;border-radius:2px;}
#darby-sidebar-nav ul{list-style:none;margin:0;padding:0;}
#darby-sidebar-nav li{margin-bottom:10px;font-size:13px;line-height:1.4;}
#darby-sidebar-nav a{color:#333;text-decoration:none;}
#darby-sidebar-nav a:hover{color:#000;}
#darby-sidebar-nav a.is-active{color:#e0115f;font-weight:600;}
@media (max-width:900px){#darby-sidebar-nav{display:none;}}
</style>
<script>
(function(){
  function highlight(){
    var path = window.location.pathname.replace(/\/$/, '') || '/';
    var links = document.querySelectorAll('#darby-sidebar-nav a');
    for (var i=0; i<links.length; i++){
      var a = links[i];
      var href = a.getAttribute('href').replace(/\/$/, '');
      if (href === path) { a.classList.add('is-active'); }
      else { a.classList.remove('is-active'); }
    }
  }
  highlight();
})();
</script>