body, html {
	margin:0;
	padding:0;
	color:#000;
	background:#fbfbfb;
	overflow: hidden;

	font-family: Myriad, Calibri, Tahoma, sans-serif;

	height: 100%;
}

a img {border: 0}

#overlay {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: none;
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /*ie*/
	background: url('../images/loading3.gif') center center no-repeat black;
	z-index: 100;
}

#right {
	width: 300px;
	float: right;
}

#left {
    position: relative;
	float: left;
}

div.title {
	position: relative;
	height: 30px;
	border: solid 1px #818282;
	background: url('../images/title-bg.png') repeat-x bottom #fdfdfc;

	padding-left: 10px;

	line-height: 30px;
	font-size: 18px;
	color: #6f6f6f;
}

#space {
	float: left;
	height: 100%;
	background: url('../images/space-bg.png') repeat-y left #fbfbfb;
}



div.clouds {
	position: relative;
	background: url('../images/clouds.jpg') repeat-x #8bbfe9;
	height: 185px;

	border: solid 1px #818282;
	border-width: 0 1px;
}

div.current-cond {
	position: absolute;
	top: 35px; left: 5px;
	height: 115px;

	/*background: rgba(238, 248, 254, 0.75);*/
	background: url('../images/cur-cond-fill.png') repeat;


	border: solid 1px #9b9fa1;
	border-radius: 10px;
}

div.current-icon {
	position: absolute;
	top: 18px; left: 70px;
	width: 76px; height: 76px;

	background: url('../images/shape1.png') no-repeat;

	color: white;
	text-align: center;
	font-size: 10px;
}

div.current-icon .descr {
	position: absolute;
	left:0; bottom: 4px;
	width: 100%;

	line-height: 10px;
}

.current-cond {
	
}

div.cur-time {
	position: absolute;
	top: -15px;
	width: 100%;
	height: 15px;
	text-align: center;
	color: white;
	font-size: 11px;
	z-index: 2;
	overflow: hidden;
	text-shadow: 1px 1px 1px #333333;
}
.local-time {
	color: #ff1100;
	text-shadow: white 1px 1px 1px;
}

div.metar-name {
	position: absolute;
	bottom: 2px; right: 6px;
	font-size: 10px;
}

div.cur-location {
	position: absolute;
	bottom: -15px;
	width: 100%;
	text-align: right;
	font-size: 11px;
	color: #2e2e2e;
	text-shadow: white 1px 1px 1px;
}

div.current-cond div.details {
	position: absolute;
	top: 19px; left: 150px;
}

div.current-cond div.details table {
	width: 100%;
	padding: 0;
}

div.current-cond div.details table td {
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	color: #484848;
}
div.current-cond div.details table td.val {
	font-weight: bold;
}

div.current-cond .temp {
	position: absolute;
	left: 0; top: 20px;
	width: 70px;

	text-align: center;
	color: #0000a0;
	font-size: 27px;
}

div.current-cond .wind-icon, div.current-cond .wind {
	font-size: 10px;
	color: #343434;
	line-height: 11px;
}

/* planner */

div.planner-title {
	position: absolute;
	top: 0;
}
div.planner {
	position: absolute;
	top: 7px;
}

div.planner-item {
	position: relative;
	width: 59px; height: 172px;
	float: left;
	background: url('../images/planner-item.png') no-repeat;

	overflow: hidden;

	color: white;
	font-size: 9px;
	text-align: center;
}

div.planner-item div {
	position: absolute;
	width: 100%;
	left: 0;
}

div.planner-item div.date {
	top: 8px;
	font-size: 11px;
}

div.planner-item div.icon {
	top: 27px;
}

div.planner-item div.temp {
	top: 88px;
	font-size: 21px;
	text-shadow: #2f4f4f 1px 1px 1px;
}

div.planner-item div.precip {
	top: 118px;
}

div.planner-item div.wind-icon {
	top: 127px;
}

div.planner-item div.wind {
	top: 155px;
}


/* right column */
div.location-field {
	position: relative;
	width: 232px; height: 24px;
	background: url('../images/location-field.png') no-repeat;

	margin: 3px auto 0 auto;
}

div.location-field input {
	border: 0;
	position: absolute;
	left: 10px; top: 3px;
	width: 190px;

	font-size: 10px;
	line-height: 14px;
	padding: 2px 0;

	font-style: italic;
	color: #bababa;
}

div.location-field input.in-edit {
	font-style: normal;
	color: #444444;
}

div.ad300x250 {
	height: 250px;
}

div.ad300x500 {
	height: 500px;
}

div.block {
	position: relative;
	height: 118px;
	background: url('../images/block-bg.png') repeat-x bottom #f9f9f9;

	border: solid 1px #818282;
	border-top-width: 0;

	text-align: center;
}

div.block img {
	margin-top: 18px;
}


/* 7 day forecast */
div.forecast {
	position: relative;
	height: 270px;

	border: solid 1px #818282;
	border-width: 0 1px 1px 1px;
	background: url('../images/7day-cloud-bg-new.png') repeat-x bottom #eff1f4;
}

div.item-7day {
	position: relative;
	width: 67px; height: 223px;
	float: left;
	margin-top: 20px;
	background: url('../images/7days.png') no-repeat;

	overflow: hidden;

	color: white;
	font-size: 10px;
	text-align: center;
}

div.item-7day div {
	position: absolute;
	width: 100%;
	left: 0;
}

div.item-7day div.date {
	top: 9px;
}

div.item-7day div.icon {
	top: 27px;
}

div.item-7day div.temp_hi {
	top: 95px;
	font-size: 15px;
	text-shadow: #2f4f4f 1px 1px 1px;
}

div.item-7day div.temp_lo {
	top: 119px;
	font-size: 15px;
	text-shadow: #2f4f4f 1px 1px 1px;
}

div.item-7day div.precip {
	top: 150px;
	font-size: 11px;
}

div.item-7day div.wind-icon {
	top: 168px;
}

div.item-7day div.wind {
	top: 202px;
}

div.forecast-space {
	position: relative;
	height: 223px;
	float: left;
	margin-top: 20px;
}

div.powered-by {
	position: absolute;
	right: 170px; bottom: 4px;
	color: #78787b;
	font-size: 10px;
	font-style: italic;
}

div.zoomradar-logo {
	position: absolute;
	right: 8px; bottom: 3px;
	width: 162px; height: 34px;
	font-size: 10px;
}

/* zoomradar */
div.zoomradar {
	background: #cccccc;
}

iframe.zoomradar {
	border: 0;
	overflow: hidden;
}

/* sun / moon */
div.sunrise, div.sunset {
	position: absolute;
	top: 26px; left: 90px;

	font-size: 18px;
	text-shadow: white 1px 1px 4px;
	font-style: italic;
}

div.sunset {
	top: 67px; left: 209px;
}

div.moon-data {
	position: absolute;
	top: 35px; left: 145px;

	font-size: 13px;
	text-shadow: #aaaaaa 1px 1px 1px;
	color: white;

	text-align: left;
}

div.moon-phase {
	font-size: 16px;
}

div.moon-icon {
	position: absolute;
	top: 2px; left: 40px;
	width: 91px; height: 77px;
}


div.forecast-for {
	position: absolute;
	top: 0; right: 0;
	margin: 2px 10px 0 0;
	font-size: 14px;
}