I'm using V504 and just started to make use of lightbox that comes with it. I'm working on a new skin with foundation framework.

This demonstrates the styling problem in lightbox:
http://prettyscripts.tumblr.com/day/2013/07/06

Notice the line that begins with My vote onwards.

It looks normal with evopress and most skins. But with the skin developed with Foundation framework, it's out of style. I've also tried Bootstrap and it's also out of styles.

Has anyone tried to develop skins with these frameworks? How do you fix this problem?

The order of css, as defined in _skin.class.php:

    function display_init() {
        parent::display_init();

        require_css('basic_styles.css', 'blog');
        require_css('basic.css', 'blog');
        require_css('blog_base.css', 'blog');
        require_css('item_base.css', 'blog');

        require_css('css/foundation.css', 'relative');

        require_css('style.css', 'relative');

        require_js_helper( 'colorbox', 'blog' );
    }