﻿/*!
 * Retro Style Countdown
 * Copyright (c) 2009 Eric Garside (http://eric.garside.name)
 * Dual licensed under:
 *  MIT: http://www.opensource.org/licenses/mit-license.php
 *  GPLv3: http://www.opensource.org/licenses/gpl-3.0.html
 */

/* Master Style
----------------------------------*/
.epiclock-retro-countdown .epiclock-img,
.epiclock-retro-countdown .epiclock-separator { display: block; float: left; background: url('retro.countdown.png') no-repeat 0 36px; 
height: 59px; }

/* Individual Styles
----------------------------------*/
.epiclock-retro-countdown .epiclock-spacer { display: block; float: left; width: 10px; height: 1px; margin: 0; }
.epiclock-retro-countdown .epiclock-img { width: 36px; }
.epiclock-retro-countdown .epiclock-separator { width: 18px; text-indent: -999999px; background-position: -120px -531px; }

/* Container Clearfix
----------------------------------*/
.epiclock-retro-countdown:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.epiclock-retro-countdown { display: inline-block; }
* html .epiclock-retro-countdown { height:1%; }
.epiclock-retro-countdown { display:block; }

/* Background
----------------------------------*/
.epiclock-chrome {
	background-image:url('bg2.jpg'); height:88px;background-repeat:no-repeat; padding: 14px 10px; text-align:center;width: 420px;
}

/* Static Positions
----------------------------------*/
.epiclock-retro-countdown .d0.s { background-position: 0 -531px; }
.epiclock-retro-countdown .d1.s { background-position: 0 -472px; }
.epiclock-retro-countdown .d2.s { background-position: 0 -413px; }
.epiclock-retro-countdown .d3.s { background-position: 0 -354px; }
.epiclock-retro-countdown .d4.s { background-position: 0 -295px; }
.epiclock-retro-countdown .d5.s { background-position: 0 -236px; }
.epiclock-retro-countdown .d6.s { background-position: 0 -177px; }
.epiclock-retro-countdown .d7.s { background-position: 0 -118px; }
.epiclock-retro-countdown .d8.s { background-position: 0 -59px; }
.epiclock-retro-countdown .d9.s { background-position: 0 0; }

/* Animation Phase 1
----------------------------------*/
.epiclock-retro-countdown .d9.a1 { background-position: -36px -531px; }
.epiclock-retro-countdown .d0.a1 { background-position: -36px -472px; }
.epiclock-retro-countdown .d1.a1 { background-position: -36px -413px; }
.epiclock-retro-countdown .d2.a1 { background-position: -36px -354px; }
.epiclock-retro-countdown .d3.a1 { background-position: -36px -295px; }
.epiclock-retro-countdown .d4.a1 { background-position: -36px -236px; }
.epiclock-retro-countdown .d5.a1 { background-position: -36px -177px; }
.epiclock-retro-countdown .d6.a1 { background-position: -36px -118px; }
.epiclock-retro-countdown .d7.a1 { background-position: -36px -59px; }
.epiclock-retro-countdown .d8.a1 { background-position: -36px 0; }

/* Animation Phase 2
----------------------------------*/
.epiclock-retro-countdown .d9.a2 { background-position: -72px -531px; }
.epiclock-retro-countdown .d0.a2 { background-position: -72px -472px; }
.epiclock-retro-countdown .d1.a2 { background-position: -72px -413px; }
.epiclock-retro-countdown .d2.a2 { background-position: -72px -354px; }
.epiclock-retro-countdown .d3.a2 { background-position: -72px -295px; }
.epiclock-retro-countdown .d4.a2 { background-position: -72px -236px; }
.epiclock-retro-countdown .d5.a2 { background-position: -72px -177px; }
.epiclock-retro-countdown .d6.a2 { background-position: -72px -118px; }
.epiclock-retro-countdown .d7.a2 { background-position: -72px -59px; }
.epiclock-retro-countdown .d8.a2 { background-position: -72px 0; }