*{margin:0; padding:0}
body{ font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; }
a{color: #1e46d2}
a:hover{color: #ff1482;}
.container{ width: 950px; margin: 0 auto;}
.topbanner{text-align:center; margin:10px 0 0 0;}
	.topbanner iframe{border:1px solid #f0f0f0;}
	*html .topbanner iframe{width:950px; height:88px}
.pink, .head a, .copy a, .current h1{color:#ff1482}
.head ul {list-style-type:none; margin:0; padding:0}
	.head li {display:inline;}
.head{margin: 15px 0; font-size:12px;}
	.head ul{float:right; list-style-type:none; margin:0; padding:0}
	.head li{color:#999;margin-right:6px;}
	.logo{margin:0; padding:0; font-size:18px; background: url(/i/afisha-weather-logo.gif) no-repeat; font-family: Tahoma;}
	.logo a{text-decoration:none; display:block; padding: 17px 0 0 52px; width: 120px}
.cities{font-size:15px; margin:20px 0; color:#ccc; clear:both}
	.cities ul{list-style-type:none; margin:0; padding:0}
	.cities li{display:inline; padding: 0 8px 0 0;}
	.cities h2{font:normal 13px Arial; color:#666; margin:1px 5px 0 0; padding:0; float:left}
	.cities b{color:#666}
.current{clear:both; padding: 0 0 20px 0; font: normal 13px arial;}
	.current h1{margin:0; padding:0; font: normal 22px arial; float:left}
	.current .now{padding:2px 5px 0 15px; float:left; color:#009900}
		.current .now b{font-size:18px; font-family: Arial; font-weight:normal; color:#009900}
	.current .data{color:#666; padding:3px 5px 0 15px; float:left}
/*table{border-collapse:collapse}*/
.forecast{float:left; clear:both; margin:14px 0}
	.forecast table{width:950px}
	.forecast td{background: #f0f0f0 url(/i/alpha.png) bottom repeat-x; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='/i/alpha.png'); /*border-left:1px solid #fff;*/ width:244px; vertical-align:top; padding:10px 12px}
*html .forecast td{background-image:none}
	.forecast td.fst{border-left:none; }
	.forecast td.fst {border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -khtml-border-radius:10px 0 0 10px;}
	.forecast td.lst {border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -khtml-border-radius:0 10px 10px 0;}
*html .forecast td.fst .bl, *html .forecast td.lst .bl{background-image: none}
	td.t9{background-color:#ffdaa8}
	td.t8{background-color:#ffe5b0}
	td.t7{background-color:#ffebc4}
	td.t6{background-color:#fff0d3}
	td.t5{background-color:#f9f1e2}
	td.t4{background-color:#f4f0e8}
	td.t3{background-color:#f6f4f0}
	td.t2{background-color:#f2f3f4}
	td.t1{background-color:#ecf1f9}
	td.t0{background-color:#e3ecfd}
	td.t-1{background-color:#d6e2fa}
	td.t-2{background-color:#d4e2ff}
	
	.forecast h2{margin:0; padding:0 0 3px 0; font: normal 18px Arial; color:#555;}
	.forecast .date{font: normal 12px arial; color:#444; padding:0 0 6px 0}
	.forecast img{float:left; margin:1px 6px 5px 0;}
		.forecast td.fst img{margin-left: 2px}	
	.forecast .data{font: normal 12px arial; float:left; padding:0; width:114px}
	
*html .forecast img{margin-top:2px}
*html .forecast .data{padding-top:2px}
		.forecast .data h3{font:normal 16px Arial; padding-bottom:3px}
		.forecast .data h3 b{font:normal 18px Arial}
		.forecast .data p{font:normal 11px tahoma; color:#666; padding:7px 0 0 0}
	.days2 h2, .days3 h2{font: bold 14px Arial; color:#555;}
	.forecast .days2 img, .forecast .days3 img{margin-top:5px}
	.forecast .days2 .data, .forecast .days3 .data{padding-top:4px}

*html .forecast .days2 img{margin-top:7px}
*html .forecast .days2 .data{padding-top:6px}

.sms{clear:both; color:#333; font-size:12px; margin:15px 0; background:#fff3f9; padding:4px; border:1px solid #ffd0e6;}
	.sms b{color:#ff1482}
	.sms span{color:#000}
#graph{font-size: 12px; clear: both; color: #666;}
	#graph p{float: left; padding: 0 0 5px 24px;}
	#graph div.close-link{float: right;}	
	#graph #daygraph, #graph #nightgraph{} 
	#graph #nightgraph{display:none;}
	#graph #a_day{color:#ff1482}
.content{ border-top: 1px solid #d7d7d1; margin-top: 12px; margin-bottom: 30px; padding-right: 200px; }
.content h1{ margin-top: 16px; font: normal 21px Arial; }
.content p { font-size: 13px; line-height: 17px; margin-top: 10px; }
	
.foot{clear:both; margin:15px 0 12px 0; font-size:12px; float:left}
	.copy{float:left; padding:3px 0}
	.copy a{text-decoration: none}
	.source{float:left; width:275px; padding-left:55px;}
		.source img{float:right; margin-top:2px}
		.source .eula{float:left; padding:3px 0 10px 0; }
	.debug{clear:both}
