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 { margin-top: -60px; margin-bottom: 50px; padding: 5px;  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 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}