@charset "utf-8";
/* CSS Document */


*{
	margin:0;
	padding:0;
}

body, html{
	width:100%;
	height:100%; 
}

body{
	background:url("images/body_bg.jpg") repeat-x;
	
} 

#mainBody {
	position:relative; 
	width:100%; 
	height:100%;
}

.cloud{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	background:url("images/cloud.png") no-repeat;
	z-index:1;
	opacity:0.8;
}     

#cloud2{
	z-index:3;
}

#weather{
	background:url(images/sun.png) no-repeat;
	border-radius:90px;
	width:150px;
	height:150px;
	position:absolute; 
	left:440px; 
	top:0px;
	z-index:2;
}

#weather img{
	margin:30px -90px;
}

table{
	background:#98A2B0; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 90%, from(#98A2B0), to(#5E6E84));
    background:-moz-linear-gradient(#98A2B0, #5E6E84);
    background:-o-linear-gradient(#98A2B0, #5E6E84);
    background:linear-gradient(#98A2B0, #5E6E84);
	
	margin:50px auto 0;
	position:absolute;
	top:0;
	left:280px;
	z-index:1;
	width:460px;
	padding:6px;
	border-radius:15px;
	color:#FFF;
	letter-spacing:2px;
	text-shadow:0 2px 2px #000;
	overflow:hidden;
	/* box-shadow:0 0 14px #FFE491,0 0 24px #FFE491;*/
}

/* thead tfoot*/
thead tr{
	height:160px;
	background:#314561; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 30%, from(#6E7C90), to(#314561));
    background:-moz-linear-gradient(#6E7C90, #314561);
    background:-o-linear-gradient(#6E7C90, #314561);
    background:linear-gradient(#6E7C90, #314561);
	border-top-right-radius:10px;
	border-top-left-radius:10px;

}


tfoot tr{
	background:#344865;
	height:45px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

/* tbody */

tbody tr{
	background:#40597D;
	height:50px;
}

tbody tr.even{
	background:#344865;
}

tbody td{
	width:165px;
	border-top:4px solid #2D3D56;
	font:22px "黑体";
	line-height:30px;
	padding:2px 10px;
}


tbody td img{
	margin-left:50px;
	width:65px;
	height:45px;
}

/* paragram */

.paraLeft{
	float:left;
	margin:5px 0 0 5px;
}


#local{
	font:26px "黑体";
	line-height:26px;
	margin-top:60px;
}

#city{
	font:18px "黑体";
	line-height:20px;
}

#hour{
	font:18px "黑体";
	line-height:20px;
	color:#8191A4;
	letter-spacing:-1px;
}

#temper{
	height:100px;
	margin-top:60px;
	float:right;
	font:96px Arial, Helvetica, sans-serif;
	line-height:100px;
	text-align:right;
	margin-left:5px;
}



#update{
	font:18px "黑体";
	line-height:45px;
	width:auto;
	height:45px;
	margin:0;
	float:right;
}

span#time1,span#time2{
	font:18px Arial, Helvetica, sans-serif;
	width:auto;
	height:45px;
	line-height:45px;
	margin:0 15px;
	float:right;
}
span#time2{
	float:left;
}

span{
	float:right;
	width:60px;
	font:bolder 32px Arial, Helvetica, sans-serif;
	line-height:30px;
	text-align:right;
	margin-left:5px;
}

span.blue{
	color:#7696C1;
}