/*Live Broadcast Counter script "Author: Amena Designs"*/

/***Backgound colors and size***/
/*******************************/
#counter, #counterlive {


	display: block;
    height: 130px;
	width:300px;
    position: relative; float:left;
}

/***Header text color, family and size***/
/****************************************/
#counter h3 {
	padding: 14px 0 0 5px;
	font-size:16px;
	letter-spacing:2px;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	text-transform:uppercase;
	color:#ffffff; font-weight:bold
}

/***DO NOT EDIT BELOW THIS LINE OR YOU WILL LOSE THE WIDGET'S APPEARENCE***/
/**************************************************************************/
#counterlive {
    text-align: center;
}
#countdown {
  position: absolute;
  top: 48px;
}
#livelink {
	position:relative;
	top: 50px;
	text-align:center;
}

#livelink a {
	color:#ffffff;
	font-size: 18px;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	text-transform:uppercase;
	text-underline
}

#livelink a:hover {
	background:none;
	text-decoration:none;
}

#livelink span {
	color:#ffffff;
	font-size: 12px;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	text-transform:uppercase;
}

#countdown div , #countdown span {
	float: left;
}
#day, #hours, #minutes, #seconds {
  color: #FFFFFF;
  display: block;
  font-size: 30px;
  height: 40px;
  line-height: 38px;
  text-align: right;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
#days-span, #hours-span, #minutes-span, #seconds-span {
  color: #FFFFFF;
  font-size: 10px;
  padding: 18px 0 0 4px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
#counter #date {
	position: absolute;
	bottom: 15px;
	font-size:11px;
	color:#ffffff;
	left: 18px;
}
.days, .hours, .minutes, .seconds {
  background: url("../images/counter-bg.png") no-repeat scroll 0 0%;
  margin-right: 2px;
  padding: 4px 10px;
  position: relative;
  z-index: 2;
}

.days:after, .hours:after, .minutes:after, .seconds:after {
  
  content: "";
  height: 36px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}