.clearfix:after {
     content:"."; display:block; height:0; clear:both; visibility:hidden;
  }

  #weather-main {
    width: 950px;
    font-family: Helvetica, Arial, sans-serif;
  }

  /** GENERIC STUFF **/

  .bottom-align {
    position: absolute;
    bottom: 0;
  }


  .weather-color-1 {
    color: #0082af;
  }

  .weather-color-2 {
    color: #33668b;
  }

  .weather-color-3 {
    color: #664a8b;
  }

  .weather-color-4 {
    color: #992d44;
  }

  .weather-color-5 {
    color: #cc1120;
  }


  .weather-button {
    background-color: #004276;
    color: white;
    border: 1px solid white;
    padding: 3px 6px 3px 6px!important;
    font-weight: bold;
    font-size: 12px;

    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;

    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
  }

  .weather-button:hover {
    color: #cccccc;
    cursor: pointer;
  }

  .weather-big-button {
    background-color: #004276;
    color: white;
    border: 1px solid white;
    padding: 6px 6px 6px 6px!important;
    font-weight: bold;
    font-size: 18px;

    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;

    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
  }

  .weather-big-button:hover {
    color: #cccccc;
    cursor: pointer;
  }

  .weather-big-input {
    font-size: 30px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
  }






  /** MAIN ROW **/



  #weather-top-row {
    width: 950px;
    height: 125px;
    margin-bottom: 25px;
    position: relative;
  }

  #weather-where {
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.05em;
    overflow: hidden;
    padding-right: 20px;
    float: left;
    width: 240px;

    position: absolute;
    left: 0px;
    bottom: 0px;

  }


  #weather-now-label {
    width: 80px;
    font-weight: normal;
    font-size: 18px;
    color: #aaaaaa;

    position: absolute;
    left: 260px;
    bottom: 0px;

  }


  #weather-now-temp {
    width: 180px;
    font-weight: normal;
    font-size: 120px;

    position: absolute;
    left: 340px;
    bottom: -25px;

  }

  #weather-now-image {
    width: 160px;
    position: absolute;
    left: 520px;
    bottom: -20px;
  }

  #weather-extremes {
    width: 180px;
    position: absolute;
    left: 740px;
    bottom: -6px;
  }

  #weather-extremes-table {
   width: 180px;
   margin: 0px;

  }

  #weather-extremes-table td {
    vertical-align: middle;
    border: 0px;
    padding: 0;
  }

  #weather-extremes-table td.label {
    padding-right: 6px;
    text-align: right;
    font-weight: normal;
    font-size: 18px;
    color: #aaaaaa;
  }

  #weather-extremes-table td.high {
    text-align: right;
    font-weight: bold;
    font-size: 44px;
  }

  #weather-extremes-table td.low {
    text-align: right;
    font-weight: bold;
    font-size: 44px;
  }



  /** LOWER TABLES **/

  #weather-center-well {
     width: 950px;
     margin-top: 20px;
  }

  #weather-col-a {
     width: 260px;
     float: left;
  }

  #weather-col-b {
     width: 308px;
     border-left: 1px solid #aaaaaa;
     border-right: 1px solid #aaaaaa;
     padding: 0px 10px 0px 10px;
     float: left;
  }

  #weather-col-c {
     width: 340px;
     padding: 0px 10px 0px 10px;
     float: left;
  }

  #weather-search {
     border-top: 2px solid black;
     padding: 20px 0 0 0;
     color: #666666;
     margin-right: 10px;
  }

  #weather-other-location {
      margin-bottom: 6px;
  }

  #weather-units {
      margin-top: 15px;
      margin-bottom: 6px;
      padding-top: 18px;
      border-top: 1px solid #aaaaaa;
  }

  #weather-ads {
      margin-top: 15px;
      margin-bottom: 6px;
      padding-top: 25px;
      border-top: 1px solid #aaaaaa;
  }


  table#weather-hourly {
     margin: 0;
     padding: 20px 0 0 0;
     border: none;
     width: 100%;
     border-top: 2px solid black;
  }


  table#weather-hourly th {
     margin: 0px 0 0 0;
     padding: 0 0 0 0px;
     border: none;
     font-size: 9px;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     color: #999999;
     font-weight: normal;
     text-align: left;
     text-transform: uppercase;
  }


  table#weather-hourly td {
     margin: 0px 0 0 0;
     padding: 6px;
     border: none;
     border-bottom: 1px solid #aaaaaa;
  }

  table#weather-hourly td.weather-day {
     empty-cells: show;
  }

  table#weather-hourly td.weather-temp {
     font-size: 20px;
     font-weight: bold;
     padding: 3px 0px 3px 0px;
  }

  table#weather-hourly td.weather-precip {
     color: #999999;
     padding: 3px 0px 3px 0px;
  }

  /** OTHER PAGES **/

  #weather-big-type {
    font-size: 30px;
    font-weight: bold;
    margin-top: 60px;
  }

  #weather-flash {
      color: green;
      padding-bottom: 10px;
  }


  #weather-medium-type {
    font-size: 21px;
    font-weight: bold;
    margin-top: 30px;
  }


  #weather-search-examples {
    font-size: 13px;
    color: #aaaaaa;
    font-weight: normal;
    margin-top: 5px;
  }


  a:link {
      text-decoration: none;
      color: #0079a3;      
  }

  a:visited {
      text-decoration: none;
      color: #0079a3;
  }