/*
Item Name : Circular Countdown jQuery Plugin
Item URI : http://codecanyon.net/item/circular-countdown-jquery-plugin/3761921
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.21
*/


/*  _______________________________________

	COUNTDOWN
    _______________________________________  */
	


/* 
   IMPORTANT
   The exact same width must be set to the #countdown_container and to the canvas
   element #circular_countdown in the HTML markup !
*/

#countdown_container {
    margin: 0 auto;
    display: block;
}


#countdown_timer,
#countdown_timer ul,
#circular_countdown {
	position: relative;
	width:100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#countdown_clock {
	width:100%;
	position:relative;
	z-index:1;
	margin: 0;
	padding:0;
}
#circular_countdown_days,
#circular_countdown_hours,
#circular_countdown_minutes,
#circular_countdown_seconds {
	position:relative;
	z-index:1;
	padding:0;
	width: 75px;
}
#circular_countdown_days {
	margin: 0 0px 0 0px;
}
#circular_countdown_hours {
	margin: 0 0px 0 0;
}
#circular_countdown_minutes {
	margin: 0 0px 0 0;
}
#circular_countdown_seconds {
	margin: 0;
}

#countdown_timer {
    z-index: 2;
}


#countdown_timer li {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin-top: 18px;
    float: left;
    width: 75px;
    color: #333333;
    font-size: 9px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
}

		#countdown_timer li.days {
			left:-6px;
		}
		#countdown_timer li.hours {
			left:72px;
		}
		#countdown_timer li.minutes {
			left:152px;
		}
		#countdown_timer li.seconds {
			left:231px;
		}

#countdown_timer li em {
    display: block;
    font-size: 20px;
    line-height: 10px;
    font-weight: bold;
    font-style: normal;
    padding: 0;
}


/*
Markup to keep a decent layout under IE8 and below
*/

/* IE8 */

@media \0screen {
	#countdown_timer {
		height: 130px;
	}
	#countdown_container h1 {
		margin:0 auto;
	}
}

/* IE7 and below */

#countdown_timer {
	*height: 130px;
}
#countdown_container h1 {
	*margin:0 auto;
}


#countdown_container {
    width: 315px;
}