@import "main.css";

/*

 version 2 with support for lists

 */
ul.flops {
 width: 75%;
 margin:0;
}
p.flip,
li.flip {
 height: 84px;
 min-height: 84px;
 width: 75%;
}
li.flip {
 margin: 10px 0;
 padding: 0;
 text-align: left;
 list-style-type: none;
}
p.flip span,
p.flip span a,
li.flip span,
li.flip span a {
 width:80px;
 height:80px;
}
p.flip span,
li.flip span {
 float: left;
 margin-right: 1em;
 display: block;
 position: relative;
}
p.flip span a,
li.flip span a {
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: 0% 100%;
 border: 2px solid #f2f1ed;
 position: absolute;
 z-index: 1000;
}
/*
 to center vertically
 duplicates (replaces) context rule when in use
 */
li.flip a.title {
 line-height: 80px;
 text-decoration: underline;
}

/*

 Use a#fragmentId or a.className.

 */

span.flop a.cats { background-image: url(bgrds/cat-cut.png); text-decoration: none;}
span.flop a.bearcut { background-image: url(bgrds/bearcut.png); text-decoration: none;}
span.flop a.bunnycut { background-image: url(bgrds/bunny-cut.png); text-decoration: none;}
span.flop a.fishcut { background-image: url(bgrds/fish-cut.png); text-decoration: none;}
span.flop a.wolfcut { background-image: url(bgrds/wolf-rug.png); text-decoration: none;}
span.flop a.cardinal { background-image: url(bgrds/cardinal-cut.png); text-decoration: none;}
span.flop a.duckcut { background-image: url(bgrds/quacky-duck.png); text-decoration: none;}
span.flop a.woodcut { background-image: url(bgrds/wood-cut.png); text-decoration: none;}
span.flop a.planecut { background-image: url(bgrds/reynolds.png); text-decoration: none;}
span.flop a.flowercut { background-image: url(bgrds/flowercut80-frame.png); text-decoration: none;}
span.flop a.zoocut { background-image: url(bgrds/shark.png); text-decoration: none;}
span.flop a.hippocut { background-image: url(bgrds/hippo1-cut.png); text-decoration: none; text-decoration: none;}
span.flop a.air-show { background-image: url(bgrds/plane-cut.png); text-decoration: none;}
span.flop a.lunchcut { background-image: url(bgrds/lunchcut.png); text-decoration: none;}
span.flop a.barbeque { background-image: url(bgrds/gun-cut.png); text-decoration: none;}
span.flop a.string-art { background-image: url(bgrds/string-cut.png); text-decoration: none;}
span.flop a.buggy { background-image: url(bgrds/buggy-cut.png); text-decoration: none;}
span.flop a.birdfeeder { background-image: url(bgrds/birdfeeder-cut.png); text-decoration: none;}
span.flop a.theatre { background-image: url(bgrds/jubilation-cut.png); text-decoration: none;}
span.flop a.butte { background-image: url(bgrds/butte-cut.png); text-decoration: none;}
span.flop a.speeder { background-image: url(bgrds/train-cut.png); text-decoration: none;}
span.flop a.jewelcase { background-image: url(bgrds/friend-cut.png); text-decoration: none;}
span.flop a.cameracut { background-image: url(bgrds/camera-cut.png); text-decoration: none;}
span.flop a.games { background-image: url(bgrds/frisbie-cut.png); text-decoration: none;}
span.flop a.dragon { background-image: url(bgrds/dragon-cut.png); text-decoration: none;}
span.flop a.cooking { background-image: url(bgrds/pizza-cut.png); text-decoration: none;}
span.flop a.cook-book { background-image: url(bgrds/book-cut.png); text-decoration: none;}
span.flop a.baking { background-image: url(bgrds/cookie-cut.png); text-decoration: none;}
span.flop a.scrapbooking { background-image: url(bgrds/scrap-cut.png); text-decoration: none;}
span.flop a.halloween { background-image: url(bgrds/pinata-cut.png); text-decoration: none;}
span.flop a.tray { background-image: url(bgrds/photo-cut.png); text-decoration: none;}
span.flop a.baskets { background-image: url(bgrds/soap-cut.png); text-decoration: none;}
span.flop a.canvas { background-image: url(bgrds/canvas-cut.png); text-decoration: none;}
span.flop a.table { background-image: url(bgrds/bandana-cut.png); text-decoration: none;}
span.flop a.dye { background-image: url(bgrds/shirt-cut.png); text-decoration: none;}
span.flop a.chimes { background-image: url(bgrds/dog-cut.png); text-decoration: none;}
span.flop a.haunted { background-image: url(bgrds/gingerbread-cut.png); text-decoration: none;}
span.flop a.runners { background-image: url(bgrds/sew-cut.png); text-decoration: none;}
span.flop a.candy { background-image: url(bgrds/sphere-cut.png); text-decoration: none;}
span.flop a.treats { background-image: url(bgrds/pot-cut.png); text-decoration: none;}
span.flop a.costume { background-image: url(bgrds/hat-cut.png); text-decoration: none;}
span.flop a.maze { background-image: url(bgrds/corn-cut.png); text-decoration: none;}
span.flop a.jar { background-image: url(bgrds/ocean-cut.png); text-decoration: none;}
span.flop a.luminary { background-image: url(bgrds/nature-cut.png); text-decoration: none;}
span.flop a.jack { background-image: url(bgrds/dish-cut.png); text-decoration: none;}
span.flop a.stained { background-image: url(bgrds/glass-cut.png); text-decoration: none;}
span.flop a.stuffed { background-image: url(bgrds/door-cut.png); text-decoration: none;}
span.flop a.scary { background-image: url(bgrds/bingo-cut.png); text-decoration: none;}
span.flop a.apple { background-image: url(bgrds/jam-cut.png); text-decoration: none;}
span.flop a.suncatcher { background-image: url(bgrds/sun-cut.png); text-decoration: none;}
span.flop a.suncatcher { background-image: url(bgrds/horse-cut.png); text-decoration: none;}
span.flop a.napkin { background-image: url(bgrds/napkin-cut.png); text-decoration: none;}
span.flop a.chocolate { background-image: url(bgrds/chocolate-cut.png); text-decoration: none;}
span.flop a.garden { background-image: url(bgrds/zen-cut.png); text-decoration: none;}
span.flop a.party{ background-image: url(bgrds/party-cut.png); text-decoration: none;}
span.flop a.soup{ background-image: url(bgrds/mix-cut.png); text-decoration: none;}
span.flop a.treetop{ background-image: url(bgrds/angel-cut.png); text-decoration: none;}
span.flop a.wreath{ background-image: url(bgrds/wreath-cut.png); text-decoration: none;}
span.flop a.dreamcatcher{ background-image: url(bgrds/dreamcatcher-cut.png); text-decoration: none;}
span.flop a.air_freshner{ background-image: url(bgrds/hanger-cut.png); text-decoration: none;}
span.flop a.stepping{ background-image: url(bgrds/stone-cut.png); text-decoration: none;}
span.flop a.paper{ background-image: url(bgrds/iris-cut.png); text-decoration: none;}
span.flop a.board{ background-image: url(bgrds/frame-cut.png); text-decoration: none;}
span.flop a.pieces { background-image: url(bgrds/puzzle-cut.png); text-decoration: none;}
span.flop a.guest { background-image: url(bgrds/speaker-cut.png); text-decoration: none;}
span.flop a.ornament { background-image: url(bgrds/yard-cut.png); text-decoration: none;}
span.flop a.stampede { background-image: url(bgrds/stampede-cut.png); text-decoration: none;}
span.flop a.social { background-image: url(bgrds/fire-cut.png); text-decoration: none;}
span.flop a.baking-pail { background-image: url(bgrds/pail-cut.png); text-decoration: none;}
span.flop a.clause { background-image: url(bgrds/clothcut.png); text-decoration: none;}
span.flop a.lights { background-image: url(bgrds/sled-cut.png); text-decoration: none;}
span.flop a.bright { background-image: url(bgrds/skidoo-cut.png); text-decoration: none;}
span.flop a.valentine { background-image: url(bgrds/heartcut.png); text-decoration: none;}
span.flop a.cloth { background-image: url(bgrds/clothcut.png); text-decoration: none;}
span.flop a.splash { background-image: url(bgrds/splash-cut.png); text-decoration: none;}
span.flop a.painted-rock { background-image: url(bgrds/rock-cut.png); text-decoration: none;}
span.flop a.river-boat { background-image: url(bgrds/queen-cut.png); text-decoration: none;}
span.flop a.river-queen { background-image: url(bgrds/riverboat-cut.png); text-decoration: none;}
span.flop a.gift { background-image: url(bgrds/gift-cut.png); text-decoration: none;}
span.flop a.xmas { background-image: url(bgrds/snowman-cut.png); text-decoration: none;}
span.flop a.stamp { background-image: url(bgrds/stamp-cut.png); text-decoration: none;}
span.flop a.canvas_rug { background-image: url(bgrds/canvasrug-cut.png); text-decoration: none;}
span.flop a.mitten { background-image: url(bgrds/snowmen-cut.png); text-decoration: none;}
span.flop a.boxes { background-image: url(bgrds/keepsake-cut.png); text-decoration: none;}
span.flop a.rings { background-image: url(bgrds/ring-cut.png); text-decoration: none;}
span.flop a.kitchen { background-image: url(bgrds/clothangel-cut.png); text-decoration: none;}
span.flop a.cfb { background-image: url(bgrds/buffalo-cut.png); text-decoration: none;}
span.flop a.clay_pot { background-image: url(bgrds/feeder-cut.png); text-decoration: none;}
span.flop a.trinket { background-image: url(bgrds/trinket-box.png); text-decoration: none;}
span.flop a.beeswax { background-image: url(bgrds/beeswax-cut.png); text-decoration: none;}
span.flop a.keychain { background-image: url(bgrds/charm-cut.png); text-decoration: none;}
span.flop a.trestle { background-image: url(bgrds/trestle-cut.png); text-decoration: none;}



/* ///////////////////////////////////////////////////////////////////

 leave this rule at bottom of list

 */

span.flop a:hover {
 text-decoration:none;
 background-position:0% 0%!important;
 border:2px dotted #963;
}