/*****************************************************************************
It is adviced to place the sIFR JavaScript calls in this file, keeping it
separate from the `sifr.js` file. That way, you can easily swap the `sifr.js`
file for a new version, while keeping the configuration.

You must load this file *after* loading `sifr.js`.

That said, you're of course free to merge the JavaScript files. Just make sure
the copyright statement in `sifr.js` is kept intact.
*****************************************************************************/

// Make an object pointing to the location of the Flash movie on your web server.
// Try using the font name as the variable name, makes it easy to remember which
// object you're using. As an example in this file, we'll use Futura.
var utility = { src: '/system/themes/chopsticks/flash/utility.swf' };

// sIFR.useStyleCheck = true;

// Next, activate sIFR:
sIFR.activate(utility);

sIFR.replace(utility, {
  selector: 'div#page-banner h2',
  css: '.sIFR-root { color: #333333; font-size:54px; letter-spacing:-0.25; text-align:center; }',
  offsetTop: -17,
  tuneHeight: -24
});
sIFR.replace(utility, {
  selector: 'div.page-extra h2',
  css: '.sIFR-root { color: #ffffff; font-size:24px; letter-spacing:-0.25; }',
  transparent: true,
  offsetTop: -8,
  tuneHeight: -14
});
sIFR.replace(utility, {
  selector: 'div.page-extra h3',
  css: '.sIFR-root { color: #ffffff; font-size:24px; letter-spacing:-0.25; } .sIFR-root a { color: #0099cc; text-decoration:none; } .sIFR-root a:hover { color: #ffff99; }',
  transparent: true,
  offsetTop: -8,
  tuneHeight: -14
});
sIFR.replace(utility, {
  selector: 'h3',
  css: '.sIFR-root { color: #000000; font-size:24px; letter-spacing:-0.25; } .sIFR-root a { color: #0099cc; text-decoration:none; } .sIFR-root a:hover { color: #333333; }',
  transparent: true,
  offsetTop: -8,
  tuneHeight: -14
});
sIFR.replace(utility, {
  selector: 'div#menu li',
  css: '.sIFR-root { color: #000000; font-size:18px; letter-spacing:-0.25; text-transform:lowercase; } .sIFR-root a { color: #0099cc; text-decoration:none; } .sIFR-root a:hover { color: #333333; text-decoration:none; }',
  transparent: true,
  offsetTop: -6,
  tuneHeight: -12
});