/*  weather.linuxkidd.com Name: lkweather.css 02/11/03 version 1.0 Michael Kidd */

BODY { 
  font-family: Helvetica,Verdana,Arial,sans-serif;
  font-size: 11px;
  background-image: url("http://www.linuxkidd.com/grafx/grid.gif");
  background-attachment: fixed;
 }


/* * {
padding:0;
margin: 0px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label,
 ul, ol, dl, fieldset, address { margin: 1px; }

li, dd { margin-left:5%; }
fieldset { padding: .5em; }
*/

#pleasewait {
  position: absolute;
  visibility: visible;
  top: 100px;
  left: 10px;
  font-size: 3em; 
  color: red; 
  text-align: center;
  width: 600px;
}


#mainBody {
  visibility: hidden;
  border: #000000 solid;
  border-width: 1px;
  width: 600px;
  margin: 3px;
  background-color: #FFFFFF;
}

#location {
  font-size: 2.5em;
/*  font-weight: bold; */
  text-align: center;
  margin: 5px auto;
}

#observed {
  text-align: center;

}

#currentHeader {
  border: #000000 solid;
  border-width: 1px;
  background-color: #1B2F8A;
  color: #FFFFFF;
  text-align: center;
  margin: 0px auto;
}

#currentConditions {
  border: #000000 solid;
  border-width: 0px;
  width: 99%;
  background-color: #FFFFFF;
  height: 80px;
}

#temps {
  float: left;
  width: 90px;
  padding-left: 15px;
  text-align: center;
}

#currentTemp {
  width: 100%;
  float: left;
  font-size: 2.5em;
  text-align: center;
  color: #CC0000;

}

#feelslike {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 1em;
  color: #1B2F8A;
}

#currentIcon {
  float: left;
  width: 125px;
  text-align: center;
}

#currentIcon img {
  display: inline;
  margin: 0px auto;
}

#currentTextLeft {
  margin-top: 15px;
  float: left;
  width: 170px;
}

#currentTextRight {
  margin-top: 15px;
  margin-left: 10px;
  float: left;
  width: 170px;
}

.leftalign {
  float: left;
  text-align: left;
}

.rightalign {
  text-align: right;
}

#moon {
  text-align: center;
}

#swaHeader {
  font-weight: bold;
  border: #000000 solid;
  border-width: 1px;
  background-color: #CC0000;
  color: #FFFFFF;
  text-align: center;
  margin: 0px auto;
}

#swa {
  text-align: center;
}

#swa a {
  color: black;
}

.tendayHeader1 {
  border: #000000 solid;
  border-width: 0;
  background-color: #1B2F8A;
  color: #FFFFFF;
  text-align: center;
}

.tendayHeader2 {
  border: #000000 solid;
  border-width: 0 0 1px 0;
  background-color: #1B2F8A;
  color: #FFFFFF;
  text-align: center;
}

TABLE { 
  font-family: Helvetica,Verdana,Arial,sans-serif;
  font-size: 1em;
}

.tendayDate {
  width: 80px;
  border-bottom: 1px #000000 solid;
  border-right: 1px #000000 dashed;
  text-align: center;
}

.tendayRight {
  width: 520px;
  border-bottom: 1px #000000 solid;
}

.tendayEntryDay {
  background-color: #f6f1d4;
  width: 100%;
}

.tendayEntryNight {
  background-color: #ecf0fc;
  width: 100%;
}

.tendaySun {
  text-align: center;
  width: 60px;
}

.tendayIcon {
  text-align: center;
  width: 50px;
}

.tendayCondition {
  width: 150px;
}

.tendayTempLabelHi {
  width: 30px;
  text-align: left;
  color: #CC0000;
}

.tendayTempHi {
  width: 40px;
  text-align: center;
  color: #CC0000;
}

.tendayTempLabelLow {
  width: 30px;
  text-align: left;
  color: #000099;
}

.tendayTempLow {
  width: 40px;
  text-align: center;
  color: #000099;
}

.tendayPrecip {
  width: 45px;
  text-align: center;
}

.tendayHumid {
  width: 75px;
  text-align: center;
}

.tendayWinds {
  text-align: center;
}

.tendayTempLabel {
  width: 70px;
}

.tendayTempLabel {
  width: 70px;
}


.tendayConditionLabel {
  width: 200px;

}


#credits {
  text-align: center;
  font-size: .9em;
  font-weight: bold;
  width: 600px;
}

.forecastMenu {
  text-align: center
}

.space1 {
  float: left;
  width: 70px;
  background-color: white;
}

#TenDayButton, #HourlyButton, #GraphButton {
  float: left;
  text-decoration: none;
  text-align: center;
  background-color: #FFFFFF;
  border: #000000 solid;
  width: 150px;
  border-width: 1px;
}

#HourlyButton a,#TenDayButton a, #GraphButton a{
  text-decoration: none;
}

#HourlyButton {
  background-color: #FAE7AA;
}

.sunrise,.sunset {
  font-size: 1em;
  font-weight: bold;
  border: 1px #000000 solid;
  color: #ffffff;
  padding: 1px 0px 1px 5px;
}

.sunrise {
  background-color: #788798;
}

.sunset {
  background-color: #788798;
}

#hourlyContent, #tendayContent, #graphContent{
  clear: both;
  border-collapse: collapse;
  border: 0px solid #000000; /* #A7C9E0 */
  background-color: #FFFFFF;
  margin-top: 2px;
  width: 100%;
}

#graphContent {
  display: none;
}

#tendayContent {
  display: none;
}

#hourlyContent {
  display: block;
}

.titleBar {
  font-size: 1em;
  text-align: center;
  color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  background-color:#1B2F8A;
}
.darkinDentWhite10DayA5    {
  font-size: 1em;
  color: #455B73;
  text-align: center;
  background-color: #ecf0fc;
  padding: 0px 0px 0px 5px;
  border: #cdd0dc solid;
  border-width: 1px 0px 1px 0px;
}
.darkinDentBlue10DayB5   {
  font-size: 1em;
  color: #455B73;
  text-align: center;
  background-color: #ecf0fc;
  padding: 0px 0px 0px 5px;
  border: #cdd0dc solid;
  border-width: 1px 0px 1px 0px;
}
.lightinDentWhite10DayA5    {
  font-size: 1em;
  color: #455b73;
  text-align: center;
  background-color: #f6f1d4;
  padding: 0px 0px 0px 5px;
  border: #e3e1c7 solid;
  border-width: 1px 0px 1px 0px;
}
.lightinDentBlue10DayB5   {
  font-size: 1em;
  color: #455b73;
  text-align: center;
  background-color: #f6f1d4;
  padding: 0px 0px 0px 5px;
  border: #e3e1c7 solid;
  border-width: 1px 0px 1px 0px;
}