/* Contdonwn */

.bg-gradient {
	position   : fixed;
	width      : 1000px;
	height     : 1000px;
	top        : 50%;
	left       : 50%;
	z-index    : -1;
	margin     : -500px 0 0 -500px;
	background : url('../images/bg-gradient.png') no-repeat center;
	}

.cdt {
	font-size   : 30px;
	color       : #eee;
	margin      : 0;
	font-weight : bold;
	}

.cdt .number-wrapper {
	margin             : 3px;
	-moz-box-shadow    : 0 5px 8px #000;
	-webkit-box-shadow : 0 5px 8px #000;
	box-shadow         : 0 5px 8px #000;
	position           : relative;
	}

.cdt .number {
	display                            : inline-block;
	*display                           : inline;
	*zoom                              : 1;
	background                         : #000;
	background-image                   : linear-gradient(bottom, #000 2%, #3c3c3c 50%, #000 100%);
	background-image                   : -o-linear-gradient(bottom, #000 2%, #3c3c3c 50%, #000 100%);
	background-image                   : -moz-linear-gradient(bottom, #000 2%, #3c3c3c 50%, #000 100%);
	background-image                   : -webkit-linear-gradient(bottom, #000 2%, #3c3c3c 50%, #000 100%);
	background-image                   : -ms-linear-gradient(bottom, #000 2%, #3c3c3c 50%, #000 100%);
	-webkit-border-top-right-radius    : 7px;
	-webkit-border-bottom-right-radius : 0;
	-webkit-border-bottom-left-radius  : 0;
	-webkit-border-top-left-radius     : 0;
	-moz-border-radius-topright        : 7px;
	-moz-border-radius-bottomright     : 0;
	-moz-border-radius-bottomleft      : 0;
	-moz-border-radius-topleft         : 0;
	border-top-right-radius            : 7px;
	border-bottom-right-radius         : 0;
	border-bottom-left-radius          : 0;
	border-top-left-radius             : 0;
	-webkit-border-radius              : 7px;
	-moz-border-radius                 : 7px;
	border-radius                      : 7px;
	-moz-background-clip               : padding;
	-webkit-background-clip            : padding-box;
	background-clip                    : padding-box;
	padding                            : 0 8px;
	height                             : 60px;
	line-height                        : 60px;
	text-align                         : center;
	border                             : 1px solid #555;
	-moz-box-shadow                    : inset 0 4px 0 rgba(255, 255, 255, 0.2);
	-webkit-box-shadow                 : inset 0 4px 0 rgba(255, 255, 255, 0.2);
	box-shadow                         : inset 0 4px 0 rgba(255, 255, 255, 0.2);
	-moz-text-shadow                   : 0 3px 3px #000;
	-webkit-text-shadow                : 0 3px 3px #000;
	text-shadow                        : 0 3px 3px #000;
	}

.cdt .line {
	position           : absolute;
	width              : 100%;
	height             : 1px;
	top                : 52%;
	left               : 0;
	background         : #000;
	-moz-box-shadow    : 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-box-shadow : 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow         : 0 1px 0 rgba(255, 255, 255, 0.2);
	}

.caption {
	font-size  : 12px;
	position   : absolute;
	bottom     : -30px;
	left       : 0;
	text-align : center;
	width      : 100%;
	color      : #fff;
	display : none;
	}

footer {
	font-size   : 11px;
	font-weight : normal;
	text-align  : center;
	color       : #777;
	}

footer p {
	margin      : .5em 0;
	line-height : 1.5;
	}