Time for action – adding a new skin

At the bottom of the animate-position.css file, add the following code:

a { outline:0 none; }
#slider {
  border:1px solid #999; -moz-border-radius:8px;
  -webkit-border-radius:8px; border-radius:8px;
  background-color:#ededed; -moz-box-shadow:0px 2px 7px #aaa;
  -webkit-box-shadow:0px 2px 7px #aaa; box-shadow:0px 2px 7px #aaa;
}
#title, #slider ul { margin-top:10px; margin-bottom:12px; }
#title {
  font:normal 22px "Nimbus Sans L", "Helvetica Neue", "Franklin Gothic Medium", Sans-serif;
  color:#444;
}
#viewer { border:1px solid #999; background-color:#fff; }
#slider ul { width:120px; }
#slider ul li a {
  display:block; width:10px; height:10px; text-indent:-5000px;
  text-decoration:none; border:2px solid #666;
  -moz-border-radius:17px; -webkit-border-radius:17px;
  border-radius:17px; background-color:#fff; text-align:center;
}
#slider #prev, #slider #next { margin:0; text-align:center; }
#slider #prev { left:10px; }
#slider #prev a, #slider #next...