#weather {
    margin-right: 20px;
    width: 70px;
    height: 65px;
    font-size: .56em;
    text-transform: uppercase;
    background-image: url(../../../img/pv4/weather/sprite_weather.png);
    background-repeat: no-repeat;
    background-position: 999em 0;
    position: absolute;
    top: -5px;
    right: 0;
}

body.day-sun { background-image: url(../../../img/pv4/weather/bg_body-day-sun.jpg); }
body.night-sun { background-image: url(../../../img/pv4/weather/bg_body-night-sun.jpg); }
body.day-sun #weather { background-position: -0px 0; }
body.night-sun #weather { background-position: -70px 0; }

body.day-cloud { background-image: url(../../../img/pv4/weather/bg_body-day-cloud.jpg); }
body.night-cloud { background-image: url(../../../img/pv4/weather/bg_body-night-cloud.jpg); }
body.day-cloud #weather { background-position: -140px 0; }
body.night-cloud #weather { background-position: -210px 0; }

body.day-rain { background-image: url(../../../img/pv4/weather/bg_body-day-rain.jpg); }
body.night-rain { background-image: url(../../../img/pv4/weather/bg_body-night-rain.jpg); }
body.day-rain #weather { background-position: -280px 0; }
body.night-rain #weather { background-position: -350px 0; }

body.day-thunder { background-image: url(../../../img/pv4/weather/bg_body-day-thunder.jpg); }
body.night-thunder { background-image: url(../../../img/pv4/weather/bg_body-night-thunder.jpg); }
body.day-thunder #weather { background-position: -420px 0; }
body.night-thunder #weather { background-position: -490px 0; }

body.day-snow { background-image: url(../../../img/pv4/weather/bg_body-day-snow.jpg); }
body.night-snow { background-image: url(../../../img/pv4/weather/bg_body-night-snow.jpg); }
body.day-thunder #weather { background-position: -560px 0; }
body.night-thunder #weather { background-position: -630px 0; }

#weather_desc {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 10px;
    text-align: left;
    color: #e4e4e4;
    right: 10px;
    position: absolute;
    z-index: 999;
    top: 10px;
    right: 160px;
    visibility: visible;
    background: url(../../../img/pv4/bg_trans.png);
    width: 220px;
    padding: 10px;
    display: none;
}

#weather_desc h2 {
    border-bottom: 1px dotted #fff;
    font-size: 1.3em;
    padding-bottom: 5px;
    margin-bottom: 7px;
}

#weather_desc h3 {
    font-size: 1.1em;
    padding-bottom: 3px;
}

#weather_desc p {
    padding-bottom: 8px;
}

#arrow-right {
    position: absolute;
    right: -7px;
    top: 13px;
    background: url(../../../img/pv4/arrow-right.png) no-repeat;
    width: 7px;
    height: 13px;
}