/* Declare SHOW / HIDE il>li>ID elements */

#wcl-icon {
  display: none;
}
#wcl-img {
  display: none;
}
#wcl-thumbnail {
  display: block;
}
#wcl-temp {
  display: block;
}
#wcl-city {
  display: none;
}
#wcl-currently {
  display: none;
}
#wcl-sunset {
  display: none;
}
#wcl-sunrise {
  display: none;
}
#wcl-link {
  display: none;
}
#wcl-updated {
  display: none;
}
#wcl-time {
  display: block;
}

/* Declare SHOW / HIDE il>li>ID elements */

div#wcl-weather {
  display: block;
  position: relative;;
  overflow: hidden;
  width: auto;
  float: left;
  margin: 0;
  padding: 3px;
  /*background: rgba(0, 0, 0, 0.1);*/
}
div#wcl-time {
  position: relative;
	overflow: hidden;
	margin: 0;
	padding: 3px 0px 3px 15px;
	float: left;
	color:#f7be2d;
	/*background: rgba(0, 0, 0, 0.1);*/
}
div#wcl-time #t-icon{
  position: relative;
  float: left;
  margin: 3px 0px;
  width: 20px;
}
div#wcl-time #t-icon img{
  width: 100%;
  height: auto;
}
div#wcl-time #showtime{
  position: relative;
  float: left;
  margin: 5px 15px;
}
div#wcl-weather ul {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
div#wcl-weather ul li {
  position: relative;
  overflow: hidden;
  float: left;
  height: 30px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  /*border-right: 1px solid #bbb;*/
}
div#wcl-weather ul li img {
  position: relative;
  overflow: hidden;
  float: left;
}
div#wcl-weather ul li font {
  line-height: 30px;
  position: relative;
  overflow: hidden;
  float: left;
  padding: 0;
  margin: 0 0 0 8px;
  color:#f7be2d;
}
div#wcl-weather ul li#wcl-temp font {
  margin: 0;
}
li#wcl-icon img {
  width: 30px;
  height: auto;
}
li#wcl-sunset img {
  width: 30px;
  height: auto;
}
li#wcl-sunrise img {
  width: 30px;
  height: auto;
}