How to override another javascripts css changes without being able to modify that file?
<p>I'm customising a Tumblr theme.</p>

<p>Tumblr's lightbox for Photosets is created through their own javascript, on the fly. IE: When i click on a link, the element is created at the bottom of the page. Here's a copy of that file: <a href="http://dl.dropbox.com/u/346800/stackoverflow-questions/tumblr.js" rel="nofollow">http://dl.dropbox.com/u/346800/stackoverflow-questions/tumblr.js</a> and the line in question is #370:</p>

<pre><code>            stage.style.backgroundColor = (image.className == "placeholder") ? ((navigator &amp;&amp; navigator.userAgent.indexOf("MSIE") != -1) ? "#444" : "rgba(255,255,255,0.05)") : "transparent";
</code></pre>

<p>The question is, how do i make my css declarations take precedence over a JS generated group of elements? Since I can't manipulate their built in JS, I need to do it in my own file.</p>

<p>You can see that here: <a href="http://syndex.me" rel="nofollow">http://syndex.me</a>
The very first post is a photoset.</p>
