.weatherFeed {
    background: #ff7878;
}

.weatherFeed a {
    color: white;
}

.weatherFeed a:hover {
    color: #eee;
    text-decoration: none;
}

.weatherItem {
    padding: 0.8em;
    text-align: right;
}

.weatherCity {
    text-transform: uppercase;
}

.weatherTemp {
    font-size: 2.8em;
    font-weight: bold;
}

.weatherDesc, .weatherCity {
    font-weight: bold;
}

.weatherDesc {
    margin-bottom: 0.4em;
}

.weatherRange, .weatherWind {
    font-size: 0.8em;
}

.weatherLink {
    margin-top: 6px;
    text-align: left;
    font-size: 0.8em;
}

/*.vertical {
  position: relative;
  overflow: hidden;
  height: 160px;
  width: 280px;
  border: 4px solid #555;
  background: $panelHeader;
}*/
.items div.weatherItem {
    height: 160px;
}

.navi {
    width: 288px;
    height: 20px;
}

.navi a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url("../../images/navigator.png") 0 0 no-repeat;
    display: block;
    font-size: 1px;
}

.navi a:hover {
    background-position: 0 -8px;
}

.navi a.active {
    background-position: 0 -16px;
}