/**************************************************************************************************
| Software Name        : Site Template - Boobpots1
| Software Author      : Neil Waters
| Website              : https://boobpots.uk
| Copyright (c) February 2026 Boobpots.uk. All rights reserved.
|**************************************************************************************************/


body {
        background: url("/img/bgskin-51cont.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        font-family: "Lucida Sans", Verdana, sans-serif;
}

span.dropt {
        border-bottom: thin dotted; 
        background: #ffeedd;
}
span.dropt:hover {
        text-decoration: none; 
        background: #ffffff; z-index: 6; 
}
span.dropt span {
        position: absolute; 
        left: -9999px;
        margin: 4px 0 0 0px; 
        padding: 3px 3px 3px 3px; 
        border-style:solid; 
        border-color:black; 
        border-width:1px;
        z-index: 6;
}
span.dropt:hover span {
        margin: 20px 0 0 170px; 
        background: #ffffff; 
        z-index:6;
} 
.jo {
    margin-left: 50px;
}

.jo img {
    max-width: 30px;
}

a, a:link, a:visited {  
	color: #c56d55; 
	text-decoration: none;
}

a:hover { 
	color: #984a34; 
	text-decoration: none;
}

.main img {
       width: 100%;
}

h1{
       font-size: 1.7em;
}

h2{
       font-size: 1.5em;
}

.header {
       padding: 1%;
       background: url(/img/headerbg4.jpg) no-repeat;
       background-size: cover;
       border: 1px solid #F7B887;
       border-radius: 1em;
}
.header h1{
      font-size: 1.7em;
      color: #FFFFFF;
      text-indent: 20px;
}

.menuitem {
      text-align: center;
      color:#992600;
      margin: 4.5%;
      margin-left: 0;
      margin-top: 0;
      padding: 4.5%;
      background-color: #F4B19E;
      border-bottom: 1px solid #f09075;
      border-radius: 1em;
      cursor: pointer;
      box-shadow: 4px 4px 3px #7B7B7B;
    width: 98%;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.menuitem:hover {
      background-color: #C56D55;
      box-shadow: 4px 4px 3px #999999;
}
.menuitem a {
      display: block;
      width: 100%;
}
.main {
     padding: 2%;
}

.right {
     padding: 4.5%;
     background-color: #FDF1E7;
     border: 1px solid;
     border-color: #F7B887;
     border-radius: 1em;
     text-align: left;
     text-indent: 8px;

}

.footer {
     padding: 1%;
     text-align: center;
     background-color: #FDF1E7;
     border: 1px solid #F7B887;
     border-radius: 1em;
     font-size: 0.75em;
}

.gridcontainer {
     width: 100%;
}

.gridwrapper {
     overflow: hidden;
}

.gridbox {
    margin-bottom: 2%;
    margin-right: 2%;
    float: left;
}

.gridheader {
    width: 100%;
}

.gridmenu {
    width: 12%;
}

.gridmain {
    width: 58%;
}

.gridright {
    width: 23.5%;
    margin-right: 0;
}

.gridfooter {
    width: 100%;
    margin-bottom: 0;
}

input.btn {
    background: #F4B19E;
    border: 0;
    border-radius: 0.35em;
    padding: 5px;
    color: #992600;
    font-weight: bold;
    font: bold 1.2em "Trebuchet MS", Arial;
    cursor: pointer;
    box-shadow: 4px 4px 3px #7B7B7B;
}
input.btn:hover{
    background: #C56D55;
    box-shadow: 4px 4px 3px #999999;
}
.mobmenu {
    display: none;
}
.menunav {
    display: block;
}


@media only screen and (max-width: 500px) {
.mobmenu {
    display: block;
    text-align: center;
} 
.menunav {
    display: none;
}
.gridmenu {
    width: 100%;
    }

.header h1{
    text-indent: 0px;
}

.menuitem {
    width: 50%;
    margin-left: 20%;
    display: block;
    text-align: center;
}

.gridmain {
   width: 100%;
}

.main {
   padding: 1%;
}

.gridright {
   width: 100%;
}

.right {
   padding: 1%;
}

.gridbox {
   margin-right: 0;
   float: left;
}
}