/* ©2018 huddsnet.uk  v24.100  dotguide.co.uk small stylesheet (max-width 480px - any height) */

/* styles+buttonpics+pictures>wide>small>smallwide>tablet */


div#header {background-size: 50%; background-repeat: no-repeat;}

div#content {top: 110px;  bottom: 30px; right: 10px; left: 10px;}

div#text {top: 110px;  left: 10px; right: 10px; bottom: 30px; padding: 0px 24px 5px 10px;  }

div#bar {bottom: 6px; height: 20px; font-size: 0pt; font-weight: normal; }

#bigmap {top: 110px; left: 10px; right: 10px; bottom: 30px;}


iframe.webcam {height: 520px; width: 92vw; left: 6px;}

/* images */

img.blob{position: relative; top: 2px; margin: 0px 4px 0px 0px; max-width: 30px; max-height: 30px;}

img.right{margin: 0px 1px 2px 0px; max-width: 80vw;}

/* text */

h2 {font-size: 18pt;}

notice h2 {font-size: 18pt;}

/* Basic buttons */

a.button {font-size: 18pt; height: 24px; min-width: 66vw;}

post a.button {font-size: 18pt; height: 24px; min-width: 66vw;}

notice a.button {font-size: 18pt; height: 24px; min-width: 66vw;}

section a.button {font-size: 18pt; height: 24px; min-width: 66vw;}

subsection a.button {font-size: 18pt; height: 24px; min-width: 66vw;}

a.shortbutton {font-size: 18pt; height: 24px; min-width: 66vw;}

a.mappopbutton {font-size: 18pt; height: 24px; min-width: 66vw;}

a.mapbutton {font-size: 18pt; height: 24px; min-width: 66vw;}

a.extbutton {font-size: 18pt; height: 24px; min-width: 66vw;}

/* menu button */
a#menu {width: 80px; height: 86px; right: 10px; background-size: 50%; padding: 0px 0px 0px 0px;} 
a#menu:hover {background-size: 50%; background-color: transparent; }
a#menu:active {background-size: 50%; background-color: transparent;}

/* menu button */
a#menubut {width: 80px; height: 80px; right: 10px; background-size: 50%; padding: 0px 0px 0px 0px;} 
a#menubut:hover {background-size: 50%; background-color: transparent; }
a#menubut:active {background-size: 50%; background-color: transparent;}

/* Home button ----------------------------- */
a#home {width: 80px; height: 86px; top: 6px; left: 10px; border: 0px; border-radius: 50% 50%; background-image: none; box-shadow: none; -webkit-box-shadow: none; }
a#home:before {content:""; }
a#home:hover {background: none;  }

/* Go back button */
a.mapback {top: 8px; right: 10px; vertical-align: middle; background-image: none; color: darkblue; background-color: rgba(230, 230, 255, 0.6); height: 24px; font-size: 18pt; padding: 0px 0px 4px 4px; margin: 0px 4px 12px 0px; border: solid 1px darkblue; text-decoration: none; width: 100px; border-radius: 4px; box-shadow: 5px 5px 5px black; -webkit-box-shadow: 5px 5px 5px black; }