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



/***Backgound colors and size***/

/*******************************/

#counter, #counterlive {

	background: #03AC48;

    border-radius: 2px 2px 2px 2px;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;

	display: block;

    height: 130px;

	min-width:280px;

    position: relative;

}



/***Header text color, family and size***/

/****************************************/

#counter h3 {

	padding: 14px 0 0 18px;

	font-size:14px;

	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: 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/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;

}