/*  Global page styling  */
* {margin:0; padding:0; border:0}
html, body {background:#e8edf7 url(http://m.mylocalweather.org.uk/images/bg.gif) top left repeat-x; font-family:Arial, Helvetica, sans-serif; color:black; text-align:center;max-width:240px;margin:0 auto}
object {outline:none}
#header {width:100%; background:url(http://m.mylocalweather.org.uk/images/bg-head.jpg) repeat-x; text-align:center}
#header h1 a {display:block; width:100%; max-width:211px; height:39px; background:url(http://m.mylocalweather.org.uk/images/mobile-logo.gif) center 6px no-repeat; margin:0 auto}

h3 {color:white; background-color:#2a54cc; height:23px; line-height:23px; font-size:14px; width:100%; text-indent:8px; text-align:left}
.lnk {width:80%; max-width:240px; margin:0 auto}
.lnk a {display:block; width:100%; padding:8px 0px; margin:6px 0; color:white; background-color:#2a54cc; text-decoration:none; font-size:13px; letter-spacing:1px}
.lnk a:hover, .lnk a:focus {background-color:#6987db}
.lnk a:active, #footer a:active {color:yellow}
#footer {background-color:#2a54cc; width:100%; height:26px}
#footer a {color:white; font-size:14px; text-align:left; padding-left:4px}
#footer p {color:white; font-size:8px; text-align:right; padding-right:4px}
.padimg {margin:4px 4px 0 4px}
.bigtemp {font-size:21px; font-weight:bold}
.caption {font-size:10px}
.outlookcaption {font-size:12px; color:black; text-align:center}
.temp {font-size:15px; font-weight:bold} /* was 15px  */
.high {color:red}
.low {color:blue}
.forecastword {font-size:15px; padding-top:0;margin-top:0}
#weather {font-size:13px !important; line-height:18px; margin:4px 0px 10px 0px}
.itm {color:#2a54cc}
.updated {font-size:10px; color:#666; margin-bottom:8px}
.warnimg, .warnimg2 {width:100%; max-width:265px}
.warnimg2 {min-height:20px; margin-bottom:5px}

#theforecast {background-color:#c7d4f7; margin:5px 0px; padding:5px 0px; border:1px solid #2a54cc}
.group {background:url(http://m.mylocalweather.org.uk/images/group_bg.gif); margin:2px 0px; padding:2px 0px}


#header h1 span, #header h6, #settle h6 span, #kilnsey h6 span, #dalesbike h6 span, #pace h6 span, #creamery h6 span, #malham h6 span {display:none; visibility:hidden} /*{display:block; width:0; height:0; overflow:hidden}*/

#settle h6, #kilnsey h6, #dalesbike h6, #pace h6, #creamery h6, #malham h6 {display:block; width:100%; max-width:211px; height:24px; margin:0 auto}
#settle {width:100%; background-color:#660000}
#settle h6 {background:url(http://m.mylocalweather.org.uk/images/mobile-settle.gif) center top no-repeat}
#kilnsey {width:100%; background-color:#165a29}
#kilnsey h6 {background:url(http://m.mylocalweather.org.uk/images/mobile-kilnsey.gif) center top no-repeat}
#dalesbike {width:100%; background-color:#1f4624}
#dalesbike h6 {background:url(http://m.mylocalweather.org.uk/images/mobile-dalesbike.gif) center top no-repeat}
#pace {width:100%; background:black url(http://m.mylocalweather.org.uk/images/mobile-pace-bg.gif) left top repeat-x}
#pace h6 {background:url(http://m.mylocalweather.org.uk/images/mobile-pace.gif) center top no-repeat}
#creamery {width:100%; background-color:#005037}
#creamery h6 {background:url(http://m.mylocalweather.org.uk/images/mobile-wensleydale.gif) center top no-repeat}
#malham {width:100%; background-color:#4b5a48}
#malham h6 {background:url(http://m.mylocalweather.org.uk/images/mobile-malham.gif) center top no-repeat}