java
html
ajax
python
mysql
linux
xcode
ruby-on-rails
objective-c
eclipse
silverlight
html5
json
perl
algorithm
oracle
cocoa
php5
api
postgresql
Fancybox's buttons are inside of this container:
<div id="fancybox-buttons" class="top">
which uses this css rule:
css
#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:
class
#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; }