#WeatherContainer{
    margin-top:15px;
    width:100%;
    color:white;
    background-color: rgba(0,0,0,0.74);
    height:15px;
}

#TextContainer{
    font-size:13px;
    font-family: sans-serif;
    text-shadow: rgba(0,0,0,0.7) 0 0 2px;
    margin:none;
    width:320px;
    z-index:1;
}

#city{
    text-transform:capitalize;
    padding-left:10px;
}

#TextContainer p{
    margin:0;
    display:inline;
}

#city, #temp, #date{
}

#temp{
    font-weight:bold;
    padding-left:5px;
}
#date{
    font-size:11px;
    font-weight:normal;
    padding-left:40px;
    z-index:1;
}

#desc{
    text-transform:capitalize;
    text-align: right;
    padding-right:43px;
    float:right;
    z-index:1;
}

#weatherIcon{
    height:34px;
    width:34px;
    position:relative;
    margin-top:-28px;
    margin-left: 280px;
    z-index:2;
}



#Forecast {
    font-size:11px;
    font-family: sans-serif;
    text-shadow: rgba(0,0,0,0.7) 0 0 2px;
    background-color: rgba(0,0,0,0.50);
    margin:none;
    text-align: center;
    width:320px;
    z-index:1;
}

#day1, #day2, #day3, #day4, #day5, #day0 {
	vertical-align:top;
	width:30em!important;width:53.3px;
	display:table-cell!important;display:inline;
	font-weight:bold;
       padding-top:5px;
}

#icon1, #icon2, #icon3, #icon4, #icon5, #icon0 {
    height:24px;
    width:24px;
	vertical-align:top;
	width:30em!important;width:53.3px;
	display:table-cell!important;display:inline;
}

#hi1, #hi2, #hi3, #hi4, #hi5, #hi0 {
	vertical-align:top;
	width:30em!important;width:53.3px;
	display:table-cell!important;display:inline;
    	font-color:#eeeeee;
}

#low1, #low2, #low3, #low4, #low5, #low0 {
	vertical-align:top;
	width:30em!important;width:53.3px;
	display:table-cell!important;display:inline;
    	font-color:#999999;
       padding-bottom:5px;
}