/* Global */

body
{
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  /*background-color: #f2f2f7;*/
  background-image: url('backgrounds/band.gif');
  background-repeat: repeat;
  background-attachment: scroll;
}	

#container
{
  margin: 0;
  padding: 0;
  border: 0;
}




label
{
  margin-left: -12px;
}




.hide
{
  position:absolute; top:-1px; left:-1px; width:1px; height:1px;
}

.baro
{
  position: absolute;
  top: 0%;
  left: 0%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}



.rain
{
  position: absolute;
  left: 0%;
  top: 30.2%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}




.uv
{
  position: absolute;
  left: 0%;
  top: 62%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}



.outtemp
{
  position: absolute;
  left: 33%;
  top: 35%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}


.outhumidity
{
  position: absolute;
  left: 50%;
  top: 35%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}



.intemp
{
  position: absolute;
  left: 33%;
  top: 55%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}


.inhumidity
{
  position: absolute;
  left: 50%;
  top: 55%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}



.pooltemp
{
  position: absolute;
  left: 33%;
  top: 75%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}




.time
{
  position: absolute;
  left: 50%;
  top: 75%;
  /*font: 20px segment;*/
  font-weight: 200;
  font-size: 40px;
  font-family: Lucida Console;
}




.plotter
{
  position: absolute;
  left: 69%;
  top: 53%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}


.wind
{
  position: absolute;
  left: 69%;
  top: 0%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}


.forecast
{
  position: absolute;
  left: 33%;
  top: -1%;
  width: 33%;
  /*font: 20px segment;*/
  font-weight: 1200;
  font-size: 40px;
  font-family: Lucida Console;
}


@font-face
{
  font-family: "segment";
  src: url("fonts/7segment.woff") format('woff');
}



@font-face
{
  font-family: "digital";
  src: url("fonts/digital-7 (mono italic).ttf") format('ttf');
}