/*
 (c) 2009 работа DNALOR ZIROM, Мюнхен
    Казахский Интернет-дизайн эксперт с большим мужеством приятно позабавило, хотя анализ этой странице
    Читатель застрахованы все из нашего собственного производства близко!
    Обратные читать и чувствовать большую энергию по устройству о завершении победа!
*/
body {
  background: url('../images/bg2.png') repeat-x;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}

h1,h2,div {
  margin: 0;
  padding: 0;
}

#content {
  margin: auto;
  width: 1200px;
  padding-left: 10px;
}

#content #city {
  margin-top: 20px;
  font-size: 19px;
}

#city input {
  margin:0;
  padding:0;
  height: 76px;
  font-size: 64px;
  width: 500px;
  background: none;
  font-weight: 600;
  border: none;
  color: #DE7800;
}

#content span.date {
  font-weight: 200;
  font-size: 18px;
  color: #E1E1F1;
}

#content #city span {
  float: left;
  margin-top: 44px;
  color: #2565BD;
}

#content #city h1{
  float: left;
  font-size: 64px;
  font-weight: 600;
  color: #DE7800;
  padding-bottom: 5px;
}  

#content #city h1 :hover{
  background: none;
}

#content #city h1.wetter{
  font-weight: 100;  
  color: #2565BD;
}

#content #local_name {
  clear: left;
  text-align: left;
  font-weight: 100;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
  font-size: 14px;
  margin-bottom: 15px;
  margin-left: 20px;
  color: #B86400;
}

#content h2 {
  background-color: #236ab3;
  padding: 10px;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 5px;
  margin: 0;
  border: none;
  color: #fff;
  -moz-border-radius-topleft:0.5em;
  -moz-border-radius-topright:0.5em;
  -webkit-border-top-left-radius:0.5em;
  -webkit-border-top-right-radius:0.5em;  
  font-size: 21px;
}

#city {
  margin: auto;
  margin-bottom: 20px;
  clear: right;
}

#now, #today, #tomorrow, #dayaftertomorrow {
  float: left;
}

#now, #today, #tomorrow {
  margin-right: 45px;
}

#content .box {
  margin-top: -5px;
  width: 230px;
  height: 325px;
  padding: 10px;
  border: 5px solid #236ab3;
  border-top: none;
  float: left;
  background-color: #FFFCE6;
  -moz-border-radius-bottomleft:0.5em;
  -moz-border-radius-bottomright:0.5em;
  -webkit-border-bottom-left-radius:0.5em;
  -webkit-border-bottom-right-radius:0.5em;
}

#content #tomorrow .box {
  border: 3px solid #437DB2;
  border-top: none;
}
#content #tomorrow  h2 {
  background-color: #437DB2;
}

#content #dayaftertomorrow .box {
  border: 2px solid #7393B3;  
  border-top: none;
}
#content #dayaftertomorrow  h2 {
  background-color: #7393B3;
}  

#content p {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

#content p.condition {
/*  background-color: red;
*/  
  margin-top: -60px;
  margin-bottom: 50px;
  padding: 5px;
/*  margin: -10px -10px 0 -10px;*/
  font-size: 22px;
  font-family: Georgia;
  color: #737373;
  height: 29px;
}
#content p.icon {
  font-size: 10em;
  line-height: 180px;
  margin-top: -20px;
  margin-bottom: 20px;
}

#content img.icon {
  padding-top: 0px;
  padding-bottom: 50px;
  margin-top: -5px;
}


#content p.htemperature {
  font-size: 65px;
  line-height: 1em;
  margin-top: -25px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 7px;
  font-weight: bold;
  padding:12px 5px 12px 5px;
  background-color: #FFE9C9;
  border-top: 2px solid #CFC376;
  border-bottom: 2px solid #CFC376;
}
#content p.htemperature.very_high {
  color: #FF3325;
}
#content p.htemperature.high {
  color: #FF623B;
}
#content p.htemperature.normal {
  color: #7595B6;
}
#content p.htemperature.low {
  color: #546EC9;
}
#content p.htemperature.very_low {
  color: #253AC9;
}
/*#content p.ltemperature {
  font-size: 16px;
  line-height: 1em;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
  font-weight: bold;
  padding:8px 5px 5px 5px;
  background-color: #FFFAEE;
  border-bottom: 1px solid #CFC376;
  color: #7C7C7C;
}
*/
#content p span.ltemperature {
  font-size: 16px;
  line-height: 1em;
  margin-top: -10px;
  margin-left: -15px;
  margin-right: -10px;
  font-weight: bold;
  padding:8px 5px 5px 5px;
  color: #7C7C7C;
}


#content p.icon.sunny {
  color: #FFDA00;
}
#content p.icon.cloudy {
  color: #BC862C;
}
#content p.icon.rainy {
  color: #5C4216;
}
#content p.icon.snowy {
  color: #ff7c00;
}

#content p.wind, #content p.humidity {
  padding: 0;
  margin: 0;
  margin-top: -2px;
  color: #6B6B6B;
}

#content p.humidity {
}


#weatherboxes {
  clear: left;
  z-index: 0;
  
}

#webcams {
  display: inline;
  z-index: 1;
}

.webcam_box {
  width: 170px;
  float: left;
  margin: 0 10px 0 13px;
  display: hidden;
}

.webcam_box h3 {
  font-size: 12px;
  background-color: #236ab3;
  padding: 10px;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 5px;
  margin: 0;
  border: none;
  color: #fff;
  -moz-border-radius-topleft:0.5em;
  -moz-border-radius-topright:0.5em;
  -webkit-border-top-left-radius:0.5em;
  -webkit-border-top-right-radius:0.5em;
}

.webcam_box p {
  height: 120px;
  width: 164px;
  border: 3px solid #236ab3;
  border-top: none;
  float: left;
  padding-top: 10px;
  background-color: #FFFCE6;
  -moz-border-radius-bottomleft:0.5em;
  -moz-border-radius-bottomright:0.5em;
  -webkit-border-bottom-left-radius:0.5em;
  -webkit-border-bottom-right-radius:0.5em;
}
.webcam_box img {
  margin-top: 10px;
}

img { 
  border: none;
}

.bold {
  font-weight: 600;
}
.notice {
  position: relative;
  top: 100px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
               "Helvetica Neue", sans-serif;
  font-weight: 300;
  color: #988E30;
  font-size: 50px;  
}

#localize_notice, #geohelper, #manual_choice {
  clear: left;
  text-align: left;
}

#localize_notice {
  background-color: #FFFCE6;
  padding: 20px;  
  -moz-border-radius-topleft:0.5em;
  -moz-border-radius-topright:0.5em;
  -webkit-border-top-left-radius:0.5em;
  -webkit-border-top-right-radius:0.5em;
}

#geohelper {
  display: none;
  background-color: #FFFCE6;
  padding: 20px;
  padding-top: 0;
  -moz-border-radius-bottomleft:0.5em;
  -moz-border-radius-bottomright:0.5em;
  -webkit-border-bottom-left-radius:0.5em;
  -webkit-border-bottom-right-radius:0.5em;
}

#manual_choice {
  padding-top: 20px;
  margin-bottom: 30px;
  display: none;
}

#manual_choice label, input{
  font-size: 35px;
  width: 400px;
}

#manual_choice input, button {
  margin-left: 20px;
}

#manual_choice input {
  padding-top: 10px;
  padding-bottom: 10px;
}
#manual_choice button {
  height: 50px;
  width: 100px;
  font-size: 35px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
               "Helvetica Neue", sans-serif;
  font-weight: 300;    
}


#footer {
  clear: left;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #988E30;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
               "Helvetica Neue", sans-serif;
  font-weight: 300;
}

#footer p {
  margin: 0;
}
#footer .disclaimer {
  margin-top: -25px;
  font-size: 12px;
}

#nearby {
  clear: left;
  text-align: center;
  padding-top: 8px;
}

a.nearby {
  margin: 10px;
  text-decoration: none;
}

.nearby h3 {
  display: inline;
  font-weight: 300;
  color: #4C4C4C;
}

#footer a {
  text-decoration: none;
  color: #988E30;
  font-weight: bold;
}