@charset "utf-8";

/* houses the actual content inside of the overall widget wrapper*/
#weathercontent {
	width: 186px;
	padding-top: 10px;
}

/* controls conditions font size*/
.d3ww_conditions {
	font-size: 10px;
	font-weight: normal;
}

/* note used in current version*/
.d3ww_locationname {
	font-size: 18px;
	font-weight: bold;
}

/* positions the box that the icon sits in*/
.d3ww_iconbox {
	background-image: url(../images/weatherwidget/iconbox.png);
	background-repeat: no-repeat;
	height: 52px;
	padding-top:5px;
}

/* positions the weather icon*/
.d3ww_iconloc {
	float: left;
	position: absolute;
	margin-top: -13px;
	margin-left: 10px;
}

/* controls the temperature field and the weather status, located inside of the iconbox*/
.d3ww_temp {
	width: 110px;
	float: right;
	padding-right: 10px;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
}

/* font size for the mutli day forecast at the bottom of the widget*/
.d3ww_multiforecast {
	font-size: 10px;
}


/*  tihs controls the fonts for the overall widget, also determines the overall width of the widget box*/
.d3weatherwidget {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:200px; /* based on image dimensions */
	z-index:1;
	margin-left:14px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under d3weatherwidget */
}

/* Here you define the background image for the widget, it should be larger than you need so that it can pull the corner apropriately, also make a backup gif for IE6 and AOl users*/
.d3weatherwidget .d3ww_content,
.d3weatherwidget .t,
.d3weatherwidget .b,
.d3weatherwidget .b div {
	background:transparent url(../images/weatherwidget/transbluebg.png) no-repeat top right;
	_background-image:url(d3weatherwidget2-blue.gif);
}

/* Here you can change the title and subtitles and their font colors*/
.d3weatherwidget h1 {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
}

.d3weatherwidget h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
}

/* spaced out the content on the actual widget shouldnt need to be changed*/
.d3weatherwidget .d3ww_content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 14px 0px 0px;
}

/* FROM HERE DOWN NO CHANGES SHOULD BE NECESSARY*/
.d3weatherwidget .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:14px; /* top slice width */
	margin-left:-14px;
	height:100%;
	_height:1400px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.d3weatherwidget .b {
	/* bottom */
	position:relative;
	width:100%;
}

.d3weatherwidget .b,
.d3weatherwidget .b div {
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.d3weatherwidget .b {
	background-position:bottom right;
}

.d3weatherwidget .b div {
	position:relative;
	width:14px; /* bottom corner width */
	margin-left:-14px;
	background-position:bottom left;
}

.d3weatherwidget .hd,
.d3weatherwidget .bd,
.d3weatherwidget .ft {
	position:relative;
}

.d3weatherwidget .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto;
}

.d3weatherwidget h1, .d3weatherwidget p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0px 0.5em 0px;
}