#plugin_container {
    width:100%;
    height:100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position:relative;
    overflow:hidden;
    font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;

    margin: auto;

}

#plugin_container p {
    margin:0;
    padding:0;
}

#clock {
    float:left;
    width: 95%;
    height: 0;
    margin-left:5%;
}

#hours, #minutes {
    width:45%;
    height:100%;
    float:left;
    position:relative;
}

#minutes {
    margin-left:4px;
}

#hours_bg, #minutes_bg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:99;
}
#hours_bg img, #minutes_bg img{
    height: 100%;
    width: 100%;
}

.first_digit {
    width:40%;
    height:100%;
    position:absolute;
    top:0;
    left:10%;
    z-index:100;
}

.second_digit {
    width:40%;
    height:100%;
    position:absolute;
    top:0;
    left:50%;
    z-index:100;
}

.line {
    width:87%;
    height:1%;
    background:#efefef;
    position:absolute;
    top:48%;
    left:7%;
    z-index:101;

}

#am_pm {
    position:absolute;
    top:156px;
    left:130px;
    z-index:110;
}


#weather {
    width:100%;
    height:60%;
    position:absolute;
    top:0;
    left:0;
    z-index:105;

}

#weather .loading {
    float:left;
    margin:90px 0 0 45px;
}
#weather #local {
    float:left;
    margin: 0 0 0 5%;
    overflow: hidden;
    text-align:left;
    width: 35%;
    height: 40%;
}

.city {
    height: 50%;
    overflow: hidden;
}
.high_low {
    height: 50%;
    font-weight: 900;
}

#weather #tempb {
    margin: 30px 0 0 5%;
    text-align:left;
    width: 25%;
    height: 40%;
    font-weight: 900;
}

#weather #date {
    padding-right:2px;
    height: 50%;
    width: 100%;
}

.tempb {
    padding-top:0;
    height: 50%;
    width: 100%;
}

.tempb .metric {
    margin-left: 0;
}


#weather #forecast {
    width:100%;
    height:60%;
    list-style:none;
    margin:25% 0 0 0;
    padding:0;
}

#weather #forecast li {
    width:25%;
    height:100%;
    float:left;
    text-align:center;
    overflow: hidden;
}

#weather #forecast li p {
    width:100%;
    height:20%;
    margin:0;
    padding:0;
}

#weather #forecast li .dayname {
    margin-top: 5%;
    padding-top: 10%;
    width: 100%;
    height: 25%;
}

#weather #forecast li img {
    width:100%;
}




#weather #bottom {
    text-align:right;
    margin:3px 15px 0px 15px;
}
#weather #soleil {
    text-align:left;
    float:left;

}

#weather #update {
    margin:4px 0px 0px 0px;
    float:right;
    text-align:right;

}

#weather #update img {
    margin:-2px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}