/*Live Broadcast Counter script "Author: Amena Designs"*/

/***Backgound colors and size***/
/*******************************/
#counter, #counterlive {
	background: #333333;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
	display: block;
    height: 120px;
	min-width:280px;
    position: relative;
}

/***Header text color, family and size***/
/****************************************/
#counter h3 {
	padding: 18px 0 0 18px;
	font-size:12px;
	letter-spacing:2px;
	font-family: "Yanone Kaffeesatz";
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	text-transform:uppercase;
	color:#ffffff;
}

/***DO NOT EDIT BELOW THIS LINE OR YOU WILL LOSE THE WIDGET'S APPEARENCE***/
/**************************************************************************/
#counterlive {
    text-align: center;
}
#countdown {
  left: 10px;
  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: 23px 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/bg_l.png") no-repeat scroll 0 0%, url("../images/bg_mid.png") repeat-x scroll 0 0%, url("../images/bg_r.png") repeat-x scroll 0 0 transparent;
  margin-right: 2px;
  padding: 0 4px;
  position: relative;
  z-index: 2;
}

.days:after, .hours:after, .minutes:after, .seconds:after {
  background: url("../images/bg_r.png") no-repeat scroll 100% 0 transparent;
  content: "";
  height: 36px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}