/* CSS Document */

img, ul, h1, form {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}

.clear {
	clear: both;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

body { 
	background: #aec9db url(/images/winter_2010/bg_body.png) repeat-y center;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	margin: 0;
	}

	#site_container {
		margin: 0 auto;
		width: 980px;
		}
		
		#products_bar {
			background-color: #04649e;
			font-size: 11px;
			height: 21px;
			}
			
			#products_bar .right {
				background-color: #014269;
				height: 18px;
				padding: 3px 22px 0 22px;
				}
			
			#products_bar a {
				color: #fff;
				text-decoration: none;
				}
			
			#products_bar a:hover {
				color: #fff;
				text-decoration: underline;
				}
			
			#products_bar ul {
				list-style-type: none;
				list-style-image: none;
				padding-top: 3px;
				}
			
			#products_bar li {
				float: left;
				margin-left: 60px;
				}
	
	#site {
		background-color: #fff;
		clear: both;
		}
		
		#leaderboard {
			padding: 9px;
			}
		
		#header {
			background: url(/images/winter_2010/bg_header.jpg) no-repeat;
			height: 101px;
			width: 980px;
			overflow: hidden;
			}
			
			#header a {
				display: block;
				height: 101px;
				}
				
				#header h1 {
					margin-left: -1000px;
					}
		
		#maincontainer {
			}
			
			#timeline {
				background: url(/images/winter_2010/bg_timebar.png) repeat-y;
				background-color: none;
				font-weight: bold;
				padding: 3px 15px;
				position: relative;
				text-align: right;
				}
			
			#floatleft {
				float: left;
				margin: 9px 8px 0 9px;
				width: 794px;
				}
				
				#weathertoday {
					background: url(/images/winter_2010/bg_weathertoday.png) no-repeat;
					float: left;
					height: 341px;
					overflow: hidden;
					width: 536px;
					}
					
					#cities {
						padding: 67px 0 0 10px;
						}
						
						#cities li {
							background: transparent url(../images/winter_2010/bg_weathertodaybar.png) no-repeat;
							display: block;
							height: 42px;
							width: 520px;
							}
						
						#cities .link {
							float: right;
							margin-right: 15px;
							padding-top: 5px;
							width: 120px;							
							}
						
						#cities li .icon {
							float: right;
							margin: 2px 30px;
							width: 80px;
							}
						
						#cities li .temperature {
							float: right;
							font-size: 16px;
							font-weight: bold;
							padding-top: 9px;
							width: 100px;
							}
						
						#cities li .cityname {
							font-size: 16px;
							font-weight: bold;
							margin-right: 250px;
							padding-left: 10px;
							padding-top: 9px;
							}
				
				#selectcity {
					background: url(/images/winter_2010/bg_selectcity.jpg) no-repeat;
					float: left;
					height: 341px;
					margin-left: 8px;
					overflow: hidden;
					width: 250px;
					}
					
					#selectcity select {
						margin-left: 10px;
						}
				
				#stories {
					background-color: #fff;
					clear: left;
					height: 285px;
					}
					
					#storiesleft {
						background: url(/images/winter_2010/bg_stories.jpg) no-repeat;
						float: left;
						height: 250px;
						margin: 9px 0 0 9px;
						overflow: hidden;
						width: 536px;
						}
						
						.storiescontent {
							background: url(../images/winter_2010/bg_trans.png);
							margin-left: 35px;
							margin-top: 68px;
							padding: 10px 10px 10px 20px;
							}
							
							.storiescontent a {
								color: #ffffff;
								text-decoration: none;
								}
							
							.storiescontent a:hover {
								text-decoration: underline;
								}
					
					#storiesright {
						float: left;
						height: 250px;
						margin: 9px 0 0 8px;
						overflow: hidden;
						width: 250px;
						}
			
			#floatright {
				float: right;
				margin: 9px 9px 0 0;
				width: 160px;
				}
		#footer {
			background-color: #fff;
			clear: both;
			font-size: 11px;
			padding: 0 10px 20px 10px;
			}
			
			#footer ul {
				border-bottom: 1px solid #dadada;
				height: 20px;
				list-style-type: none;
				list-style-image: none;
				}
			
			#footer li {
				float: left;
				margin-right: 25px;
				}
			
			#footer a {
				color: #f60;
				text-decoration: none;
				}
			
			#footer a:hover {
				color: #f60;
				text-decoration: underline;
				}
			
			#logo {
				float: left;
				width: 80px;
				}
				
/* 5 day forecast view */

			#timeline .floatleft {
				color: #014269;
				float: left;
				}
				
				#timeline a {
					color: #014269;
					text-decoration: none;
					}
				
				#timeline a:hover {
					color: #014269;
					text-decoration: underline;
					}
				
			/* #floatleft {
				} */
					
				#extendedleft {
					background: url(/images/winter_2010/bg_extended.png) no-repeat;
					float: left;
					height: 600px;
					overflow: hidden;
					width: 536px;
					}
					
					#cities_forecast #cities {
						padding: 0 0 0 10px !important;
						}
					
					#DetailConditions {
						font-size: 11px;
						margin: 10px 0 0 25px;
						}
					
					#extended7day {
						padding: 15px 10px 10px 20px;
						}
						
						#extended7day hr {
							background-color: #beb2ae;
							color: #beb2ae;
							height: 0;
							}
						
						#sevendayfeed {
							font-size: 14px;
							font-weight: bold;
							vertical-align: middle;
							}
							
							#sevendayfeed td {
								vertical-align: middle;
								}