/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 24, 2013 */



@font-face {
    font-family: 'weathericonsregular';
    src: url('/ui/font/weather-webfont.eot');
    src: url('/ui/font/weather-webfont.eot?#iefix') format('embedded-opentype'),
         url('/ui/font/weather-webfont.woff') format('woff'),
         url('/ui/font/weather-webfont.ttf') format('truetype'),
         url('/ui/font/weather-webfont.svg#weathericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.icon {

}
.icon.icon-weather {

}
.icon.icon-weather abbr {
	font-family: 'weathericonsregular';
	color: #aad400;
	border-bottom-width: 0;
	font-size: 5em;
}

/******** COLORS ********/
.icon.icon-weather.sun abbr,
.icon.icon-weather.half-sun abbr,
.icon.icon-weather.lightning abbr {
	color: #f7ba31;
}
.icon.icon-weather.cloud abbr {
	color: #f2f2f3;
}
.icon.icon-weather.cloud-dark abbr {
	color: #96989b;
}
.icon.icon-weather.rain abbr {
	color: #97d8e6;
}

/******** Group ********/
.icon-group {
	width: 6.5em;
	/*height: 6.5em;*/
    height: 2.15em;
	position: relative;
	font-size: 25%;
}

/******** Group: Partly Cloudy ********/
.icon-group-partly-cloudy .half-sun {
	position: absolute;
	top: -1.3em;
	left: 0;
}
.icon-group-partly-cloudy .cloud {
	position: absolute;
	bottom: 0;
	right: 0;
}
.icon-group-partly-cloudy .half-sun abbr {
	font-size: 3.7em;
}
.icon-group-partly-cloudy .cloud abbr {
	font-size: 5.8em;
}

/******** Group: Cloudy ********/
.icon-group-cloudy .cloud {
	position: absolute;
	bottom: 0;
	left: 0;
}
.icon-group-cloudy .cloud-dark {
	position: absolute;
	bottom: 0;
	left: 0;
}
.icon-group-cloudy .cloud abbr {
	font-size: 6.4em;
}

/******** Group: Thunderstorm ********/
.icon-group-thunderstorm .cloud {
	position: absolute;
	top: -1.3em;
	left: 0.7em;
}
.icon-group-thunderstorm .lightning {
	position: absolute;
	bottom: 0;
	left: 2em;
}
.icon-group-thunderstorm .cloud abbr {
	font-size: 5em;
}
.icon-group-thunderstorm .lightning abbr {
	font-size: 1.7em;
}

/******** Group: Rain ********/
.icon-group-rain .cloud {
	position: absolute;
	top: 0;
	left: 0.7em;
}
.icon-group-rain .rain {
	position: absolute;
	bottom: -0.6em;
	left: 1.1em;
}
.icon-group-rain .cloud abbr {
	font-size: 4em;
}
.icon-group-rain .rain abbr {
	font-size: 2.8em;
}