/* 
    Document   : counter
    Created on : 09-Jun-2013, 12:05:29
    Author     : ekembs
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/*

Styling the counter itself.
Set image paths accordingly.

THIS YOU NEED TO KEEP.

So you can have multiple counters on a page, just make sure each one has a class of "flip-counter".

You can download the background sprite here:
http://cnanney.com/journal/demo/apple-counter-revisited/img/digits.png

*/

.flip-counter ul.cd{float:left;list-style-type:none;margin:0;padding:0}
.flip-counter li{background:url(http://cnanney-files.s3.amazonaws.com/journal/apple-counter-revisited/digits.png) 0 0 no-repeat}
.flip-counter li.t{background-position:0 0;width:53px;height:39px}
.flip-counter li.b{background-position:0 0;width:53px;height:64px}
.flip-counter li.s{background-position:-53px -1030px;width:14px;height:103px}