@import 'https://fonts.googleapis.com/css?family=Parisienne|Kalam|Open+Sans|Amarante|Gayathri|Fredoka+One|Caveat+Brush' ;

body { 

background-image:  -webkit-linear-gradient(left,  #5b91ca 10% , white 90%);
background-image: linear-gradient(to left, #FFFFFF 10%,  #5b91ca 90%) ;
}


* {  box-sizing: border-box;}
.timtab3 td {
  border: 1px solid;   padding: 2px ; text-align:center; font-weight:bold
}
table {width: 50%; margin:20px}

.picbox {font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	 text-align: center; color:#144d75;	line-height:150%; ; margin: 4px; padding:1px; }


/* FONT STUFF*/




.dtitle {font-family:'open sans', times; serif; font-size:14px; color:#144d75;}
.text {font-family:'open sans', times; serif; font-size:14px; color:#144d75;}
.text a { font-size:14px;color: #4626a0; font-weight: bold;text-decoration:none;}
.text a:hover { font-size:14px;font-weight: bold;color: #bf9ef8; text-decoration:none;}
.text h1 { font-size:20px;   font-weight: bold; color:#144d75; margin: 0px 0px 0px 10px; }
.text h2 {font-family:'Fredoka One', sans-serif; font-size:17px;  color:#03648f; padding:0; margin:0}
.ptitle {font-family:'Caveat Brush', sans-serif; font-size:40px;  color:#03648f; }
.toptext {font-family:'open sans', sans, ariel; font-size: 12px; font-color: darkblue;}
.magtoptext {font-family:Fredoka One, sans, ariel; font-size: 30px; color:white;}
.wwmenutext {font-family:'open sans', sans, ariel; font-size: 16px; color: #FFF;} 
.wwmenutext a {color:#FFF; text-decoration:none;}
.wwmenutext a:hover {color:#94daf8}
.wwmenutext a:active {color:black}
.coltitle {	font-family: Arial, Helvetica, sans-serif;	font-size: 20px; text-align:center;  font-weight:bold;    }
.linkboxtext {font-family: Arial, Helvetica, sans-serif;	font-size: 20px; text-align:center; color: red}
.linkboxtext  h1 {font-family:'Kalam', sans-serif; ;}
.linkboxtext a {color: darkblue; font-size:15px; font-weight:bold}
.linkboxtext a:hover {font-size:15px; color: purple;}
.footer {font-family:'open sans', times, serif; font-size:small; padding-top:15px; padding-bottom:15px; color:#415f75; text-align:center; }
.footer a {color:#669e86;}
.footer a:hover {color:#4e68c0;}

#headerdiv {background-color:black; color:white; width:100%; text-align:center; font-weight:bold;}
#listdiv {padding-left:20px;}

/* STOP FONT STUFF*/
#linkbox {border: 1px solid grey; height:auto; }
#linkbox img {margin:10px}
/* TABLE STUFF*/
table {
  border: 1px solid; padding: 4px;
}

/* STUFF TO DO WITH MOBILE-MENU */
#nav {display:inline;text-align:left;position:relative; list-style-type:none;}
#nav > li {float:left;padding-top:5px;position:relative;}
#nav > li > a {font-size:10px;padding:15px 8px 5px 8px; border-radius: 10px;position:relative;text-decoration:none;}
#nav > li.selected  > a {background-color:#0377e7;z-index:2;}
#nav li div {background-color:#000;position:relative;}
#nav li div div {background-color:#0377e7;filter: alpha(opacity=80);-moz-opacity: .80; KhtmlOpacity: .80; opacity: .80; display:none; margin:0; position:absolute; top:3px; z-index:11; width:130px; border-radius: 10px }
#nav li div div a {color:#fff; top-margin:0px; text-decoration:none; padding: 5px 10px 5px 10px ; display:block}
#nav li div div a:hover {color:#fff; background-color:#1b2bb5; text-decoration:none; }
. subs{padding-top:100px;}
#nav li div ul {padding:0px;position:relative;width:130px;float:left;list-style-type:none;}
#mobmenu {display:block;	font-family: Arial, Helvetica, sans-serif;	font-size: 15px;	color: #FFF; margin-bottom:20px	}
#wwmenu {display:none;}
#backgroundmap{display:none;}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxdropdown on tablet menusxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#tabmenu {display:none;}





#menu {display:none;}
#toptitle {width:100%; text-align:center; }
#mobilemap{display:block;}
#pcmap{display:none;}
#smallmag {display:block}
#bigmag {display:none;}
#medconts {display:none}
#bigconts {display:none}
/* END STUFF TO DO WITH MOBILE-MENU */


  /*mobile: */
#container {
    border-top: 6px groove #94cece;
    border-right: 6px ridge #94cece;
    border-bottom: 6px ridge #94cece;
    border-left: 6px groove #94cece;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    margin: auto;
     padding: 10px;
	text-align:left;
background-color:white;
}
#container-center {
    border-top: 6px groove #94cece;
    border-right: 6px ridge #94cece;
    border-bottom: 6px ridge #94cece;
    border-left: 6px groove #94cece;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    margin: auto;
     padding: 10px;
	text-align: center;
}
/* DEFAULT IS STUFF FOR MOBILE */
@media only screen and (min-width: 750px) {
  /*tablet: */
.ptitle {font-size:60px;}
.text {font-size: 14px}
.toptext {font-size:18px;}
.magtoptext {font-size: 40px;}
.coltitle{font-size:30px}
#mobmenu {display:none;}
#smallmag {display:none}
#bigmag {display:block;}
#bigmag td {padding:10px;}
/* STUFF TO DO WITH TABLET MENU */
#tabmenu {display: block; background-color:#395d83; padding:5px; text-align:center; margin:5px; border-radius: 10px}
#smallconts {display:none}
#medconts {display:block}



/* END STUFF TO DO WITH TABLET MENU */
/*STUFF TO DO WITH FIND-A-PUB*/
#pcmap{display:block;}

#mobilemap{display:none;}
/*END FIND-A-PUB STUFF*/

}

@media only screen and (min-width: 800px) {
  /* For laptop: */
.toptext {font-size:25px;}
.magtoptext {font-size: 50px;}
.text {font-size: 16px}
#wwmenu {background-color:#395d83; text-align:center;}
.wwmenutext {font-family:'open sans', sans, ariel; font-size: 18px; color: #FFF;} 

}
@media only screen and (min-width: 1200px) {
  /* For desktop: */
#tabmenu {display:none;}
.text {font-size: 18px}
.text a { font-size:16px;}
.text a:hover { font-size:16px;}
.ptitle {font-size:70px;}
.toptext {font-size:30px;}
.magtoptext {font-size: 55px;}
#container {width:100%; max-width: 1200px; padding:20px; }
#wwmenu {display: block; background-color:#395d83; padding:5px; text-align:center; border-radius: 10px}
.wwmenutext {font-family:'open sans', sans, ariel; font-size: 24px; color: #FFF;}
#wrapper {max-width 1500px;}
#medconts {display:none;}
#bigconts {display: block}

}
/* END SCREEN SIZE ADJUSTMENTS */

img {
  max-width: 100%;
  height: auto;
}

#wrapper {
   height:auto;
   width: 100%;
	max-width: 1000px;
   margin-right: auto;
   margin-left: auto;
   padding: 0;
   border: 0;
/*background-image: url(images/webtop5.png);
background-repeat: no-repeat;
background-position: center;*/
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}
#holder td {width:20%; height:auto; max-width:10px;
}
#pump {width:100%; max-width:180px}

/* STUFF FOR PUB AND BEER OF THE YEAR*/
	#resulttbl{max-width: 500px; text-align:center; margin:auto; background:color:cyan }
	#restbl {width:100%; max-width:500px;border:1px solid black; }
	#textth1{font-weight:800; width:10%}
	#textth2{font-weight:800; text-align:left}
	#textth3{font-weight:800; width:10%}
	#texttd{font-weight:100;}
	#texttd2{font-weight:100; text-align:left}
  #smtext{font-size:small; font-weight:100; text-align:left;}
	#h2{text-align:center; font-weight:800; font-size:x-large}
	#selyear{font-size:medium; text-align:center; max-width:500px; margin:auto}
/*END STUFF FOR PUB AND BEER OF THE YEAR*/

/* STUFF FOR MEMBERS AND SHIRTS */
	#membertext{width:100%; max-width:700px; margin: auto; }
 #shirttitle{font-size:large; font-weight:800; text-align:center;}
	.welcomtitle{font-size:x-large; font-weight:800; text-align:center;}
	#membermenu{width:300px; margin:auto; text-align:center;}
	.paratitle{font-weight:800; font-size:large;}
	.iderror{color:red; font-weight:600;}
	#doctitle{width:100%; max-width:600px; margin:auto; text-align:center; }
	#doctable{width:600px; margin:auto; }
	#doclist{width:100%; max-width:600px; margin:auto; }


/* STUFF FOR FIND_A_PUB */
 #mapcontainer{ width:100%; max-width:557px; margin:auto; text-align:center; }
 #arrowdiv{width:100%; margin:auto; width:555px; height:320px; z-index:1;}
 .maptext{max-width:555px; margin:auto;}
 #topcenter {width:200px; margin:auto; text-align:center ;}
 #topbar {width:100%; margin:auto; background-color:#008802; text-align:center; padding:5px}
 .topbar {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:16px }
 .town { font-family: verdana,arial, helvetica; font-size: 11pt; font-weight: normal; color: #666666 ; line-height:140%; }
 .town a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #4e5272; text-decoration: none}
 .town a:hover { font-family: verdana, ms sans serif,arial, helvetica; font-size: 10pt; font-weight: bold; color: #7d8e7c; text-decoration: none}
 .town h1 { font-family: verdana,arial, helvetica; font-size: 28pt; font-weight: normal; color: #ffffff ; line-height:140%}
 #arrows{width:100%; max-width:900px; margin:auto;}
 #biketext{width:90%; max-width:700px; margin:auto; text_align:center;}
 #townlist{width:90%; max-width:900px; margin:auto;}
 #publist {width:20% max-width:240px; padding:3px 5px 10px 15px; border-color: gray; background-color:silver; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}
 .publist {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; line-height:180%}
.publist a {color:#ffffff; text-decoration:none}
.publist a:hover {color:#ffffff; font-weight:bold}
.publist h1 {color:#ffffff;font-size:22px; margin:10px 0px 0px -15px ; text-transform: capitalize ;}
#mainframe {width:100%; float:right;}
#rightpix { float:right; max-width:300px; text-align:center}
.townpixtext { font-family: Arial, Helvetica, sans-serif; font-size:12px;  color:#555555; text-align:center ;}
.townpixtext a { font-family: Arial, Helvetica, sans-serif; font-size:12px;  color:#555555; text-align:center ;}
.townpixtext a:hover { font-family: Arial, Helvetica, sans-serif; font-size:12px;  color:#000; text-align:center ;}
 
/* STUFF FOR ADMIN */
 #adminholder{width:100%; max-width:800px; text-align:center; margin: auto; }
	#admintext{width:90%; max-width:600px; text-align:center; margin:auto;  }
	#admintbl{max-width:600px;}
	.admintd1{font-weight:800; text-align:left; }
	.admintd2{text-align:left}
  .admintd3{text-align:center}
  .addtext{font-weight:800;}
        .instructions{text-align:left;}
        .colhead{width:20px; font-weight:800}
        .colhead1{width:70%; font-weight:800}
        .colhead2{width:10%; font-weight:800}
        .colhead3{width:5%;}
        .ltblue{background-color:#EBF5FB;}
        .ltyellow{background-color:#FEFPE7;}
  .adminth{font-weight:800; text-align:left; }
  #eventlist{width:100%; max-width:700px; margin:auto}
  #eventtbl{ border-collapse:collapse;}
  #resholder{width:100%; max-width:400px; text-align:center; margin: auto;}
  .restd1{text-align:left; width:300px;}
.linkboxtext img {width: 25px}
#image-left {width:20%; float:left;}
#image-right {width:20%; float:right; padding-top:1px;}
#image-right-small {width:30%; float:right;padding:15px;}
#image-center {display: block;
 
  margin-left: auto;
  margin-right: auto;
  width: 60%;}

 /* STUFF FOR DOGS*/
#dogtext{width:100%; max-width:800px; margin:auto;}
#dogtbl{width:100%;}
  .dogcolth{font-weight:800; text-align:left; background-color:#C0C0C0; color:black;}
  .dogcoltd1{background-color:#FAFAD2}
  .dogcoltd2{background-color:#E0FFFF}

/*		STUFF FOR SHOW/HIDE */
#policy {
	position:absolute;
margin: auto  ;
width:90%;
max-width:1100px;
	height:auto;
	z-index:100;
padding:30px;
	visibility: hidden;
	background-color: #d8d3c8;
border: 2px solid black;
-moz-border-radius: 15px 15px 15px 15px;
 border-radius: 15px 15px 15px 15px;
}
#imagecont{
float:left; width:270px; 
}
#imagebox{float:left; width:250px; border:3px double black; background:ivory;  text-align:center;}
.posted{font-size:10px;}
.blog-text{font-family:'open sans', times; serif; font-size:14px; color:#144d75; margin-left:10px}
.blog-image{width:20%; max-width:50px; height:auto; float:right}

#archiveholder{width:100%; max-width:600px; margin: auto; }
#magtext{width:100%; max-width:400px; margin: auto; }

#photoarchive{width:100%; max-width:800px; margin:auto; }