/* set defaults to 0, courtesy of Eric Meyer, meyerweb.com */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: white;
	background: white;
}


/*-- my styles start here --*
/*-- general --*/

em {
font-style:italic;
}

ul {
display:block;
clear:left;
list-style:none;
}

li {
display:inline;
}  

/* ---------- background for month ---------- */

body {
background-image:url(../images_common/bgtile_oct07.gif);
}

/* ---------- banner photo ---------- */ 

#banner {
position:fixed;
top:0x;
height:199px;
width:100%;
background-color:black;
}

#banner img {
display:block;
margin-left:auto;
margin-right:auto;
}

/*---------- navbar ---------- */

#navbar {
width:100%;
position:fixed;
background:black;
top:199px;
height:24px;
padding-left:12px;
font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 9px;
font-style: normal;
}

#navbar a:link {
color:#66CCFF;
text-decoration:underline;
}

#navbar a:visited {
text-decoration:none;
color:#ccf;
}

#navbar a:hover {
background-color:#0066FF;
}

.month {
display:inline;
font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:18px;
}

.previous {
display:inline;
font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif;
}

.about {
display:inline;
padding-left:48px;
font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif;
}

/* ---------- searchbar ---------- */

#searchbar {
width:100%;
position:fixed;
top:222px;
height:30px;
padding-left:12px;
padding-top:9px;
padding-bottom:6px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
font-style: normal;
color:black;
}

#searchbar p {
display:inline;
margin:0;
padding:0:
}

#searchbar form {
display:inline;
margin:0;
}

/* ----- color for month (2007 stats)----- */

.jan {background-color:#8E6B8C;}
.feb {background-color:#8E6B8C;}
.mar {background-color:#8380A2;}
.apr {background-color:#5F919E;;}
.may {background-color:#5E8A7F;}
.jun {background-color:#6C906A;}
.jul {background-color:#799453;}
.aug {background-color:#799453;}
.sep {background-color:#6C906A;}
.oct {background-color:#5E8A7F;}
.nov {background-color:#5F919E;}
.dec {background-color:#8380A2;}

/* ----- color by temperature ----- */

.bg_below10 {background-color:#f1f1f1;}
.bg_10 {background-color:#a84b79;}
.bg_20 {background-color:#8E6B8C;}
.bg_30 {background-color:#8380A2;}
.bg_40 {background-color:#5F919E;}
.bg_50 {background-color:#5E8A7F;}
.bg_60 {background-color:#6C906A;}
.bg_70 {background-color:#799453;}
.bg_80 {background-color:#DBC928;}
.bg_90 {background-color:#F49D47;}
.bg_100 {background-color:#EB5F5F;}

/* ----- daily info, image, title ----- */

#daily {
position:relative;
top:263px;
height:235px;
width:5780px;
padding: 0;
}

#date li {
float:left;
width:180px;
background-color:black;
font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .9em;
font-style: italic;
color: #FFF;
line-height: 1em;
margin:0 2px 0 0;
padding: 3px 0 3px 0;
}

.sun {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
margin:0;
padding:0;
font-style: normal;
float: right;
	}

#picture li {
float:left;
width:180px;
height:235px;
margin:0 2px 0 0;
padding: 0;

}

#dailycaption li {
width:180px;
background-color:black;
color: #FFF;
float:left;
text-align:center;
font-family: Futura, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 0.8em;
font-style: italic;
line-height: 1em;
margin:0 2px 0 0;
padding-top:6px;
padding-bottom:4px;
}

#footer {
position:absolute;
top:600px;
width:99%;
padding:3px;
border-top: 1px black dotted;
}

#footer img {
display:block;
margin:auto;
}