﻿@charset "UTF-8";
/**
 * Stylesheet: example.css
 *
 * (c) 2011-2012 Zazar Ltd
 * 
 * Description: Stylesheet for examples
 *
 **/




.weatherFeed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 5px 0;
	width: 235px;
	background-image:url(../images/weather_bg.gif); background-repeat:repeat-x;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* Konqueror */
  border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	background-size: contain;
	background-position:left bottom;
}
.weatherFeed a { color: #fff; }
.weatherFeed a:hover {
	color: #000;
	text-decoration: none;
}
.weatherItem {
	padding: 0.8em;
	text-align: right;
	background-size: contain;
}
.weatherCity { text-transform: uppercase; }
.weatherTemp {
	font-size: 2.8em;
	font-weight: bold;
	color: #FFF;
}
.weatherDesc, .weatherCity, .weatherForecastDay  { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; font-size: 110%;}
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 1em; color:#ffffcc; }
.weatherLink, .weatherForecastItem {
	margin-top: 0.5em;
	text-align: left;
	font-size:13px;
}
.weatherForecastItem {
	padding: 0.5em 0.5em 0.5em 80px;
	background-color: #fff;
	background-position: left center;
}
.weatherForecastDay { font-size: 1.1em; }

.odd {  border:1px solid #a09246;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* Konqueror */
  border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
  }
.even { background-color: #d4d4e8; }
