Fancybox button helper won't display

Fancybox's buttons are inside of this container:

<div id="fancybox-buttons" class="top">

which uses this css rule:

#fancybox-buttons.top {
    top: 10px;
}

but you have this other css rule

.top {
    margin-top: -80px;
}

in your file http://clpmag.org/css/n_global.css (line 326), which overrides the fancybox rule and displaces the buttons out of the visible area of the viewport

So you either rename the class 'top' or use some specificity like:

#parent .top {}

BTW, it's not a good idea to set general css rules like

a {
    color: #3770CA;
    text-decoration: none;
}

because that will affect also to other jQuery plugins you may want to use .... again some specificity or the use of classes will be recommended like

#wrapper a {
        color: #3770CA;
        text-decoration: none;
    }

Just change Line 8 in jquery.fancybox-buttons.css

#fancybox-buttons.top {
   top: 75px;
}

And it'll be fixed, also make sure yo add this rule in your own CSS file:

#fancybox-buttons ul li {
     list-style-type: none; list-style-type: none; 
}