/* ========================================================================= */
/* Global stuff, applies to all pages */

/* This is for old-browser html5 compatibility */
header, section, footer, aside, nav, main, article, figure {
   display: block;
}

/* Needed for IE */
a, img {
   border: 0;
   outline: none
}

img {
   object-fit: contain;
   max-width: 100%;
/*   display: block;*/
   aspect-ratio: attr(width) / attr(height);
   
   user-drag: none;
   -webkit-user-drag: none;
}

body {
   direction: ltr;
   word-wrap: break-word;
   overflow-wrap: break-word;
   
/*   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;*/

   background: #ffffff;
/*   background: #ffd8d0;*/
   background: -webkit-linear-gradient(left top, #ffffff, #aa55ff);        /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #ffffff, #aa55ff);         /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #ffffff,#aa55ff);        /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #ffffff, #aa55ff);         /* Standard syntax */
   color: #0000bc;
   font-family: 'Truculenta', sans-serif;
   font-size: 1.8em;
}

#wrapper {
   width: 100%;
   min-width: 300px;
   max-width: 1800px;
   margin: 5px auto 5px auto;
   padding: 0;
}

a:link {
   color: #0000bc;
   text-decoration: none;
   border-bottom: 1px dotted;
}

a:link img  {
/*   border-bottom: none !important;*/
   background-color: initial !important;
}

a:visited {
   color: #0000bc;
/*   text-decoration: none;*/
}

a:hover {
   color: #0000bc;
   background-color: #fefe0a;
/*   text-decoration: underline;*/
}

a:active {
   color: #0000bc;
   background-color: #fefe0a;
/*   text-decoration: none;*/
}

ul li {
   list-style-type: square;
}

ol li {
   margin-bottom: 10px;
}

hr {
   width: 60%;
   height: 10px;
   margin: 25px auto 25px auto;
   background-color: #0000bc;
   border: 0 none;
   
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

table {
   border-collapse: collapse;
}

small {
   font-size: small;
}

audio {
   vertical-align: middle;
   margin-right: 10px;
}

/* ========================================================================= */
/* Upper navigation bar, shown at top of all pages */
#nav1 {
   display: block;
   width: 94%;
   margin: 0 3% 0 3%;
   padding: 0;
   font-size: 1.0em;
   font-weight: bold;
}

#nav1 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#nav1 ul li {
   margin: 0;
   padding: 0 25px 0 0;
   list-style: none;
   float: left;
}

#nav1 li a {
   border-bottom: none;
}

#nav1 li.home a,
#nav1 li.about a,
#nav1 li.gigs a,
#nav1 li.music a,
#nav1 li.reviews a,
#nav1 li.newsletter a
{
   background-color: #fefe0a;
}

/*#nav1 li#addsearch {
   display: none;
   float: right !important;
   margin: -2px 0 0 0;
   padding: 0;
}

input[type=text] {
   width: 150px;
   padding: 0 2px 0 2px;
   border: 1px solid #0000bc;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   font-family: 'Truculenta', sans-serif;
   font-size: 0.8em;
}

input[type=text]:focus {
   border-color: #0000bc;
}

input[type=submit] {
   padding: 0 5px 0 5px;
   color: #0000bc;
   background: #fefe0a;
   border: 1px solid #0000bc;
   cursor: pointer;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   font-family: 'Truculenta', sans-serif;
   font-size: 0.8em;
   font-weight: bold;
}*/

#button_row_nav1 {
   float: right;
   padding: 0 20px 0 0 ;
}

#button_row_nav1 img {
   width: 30px;
   height: 30px;
   vertical-align: middle;
   padding: 0 5px 0 0;
   border: 0;
   display: inline;
}

#button_row_nav1 a {
   border-bottom: none;
}

/* ========================================================================= */
/* Lower navigation bar, below the top one */
#nav2 {
   display: block;
   float: left;
   width: 94%;
   min-height: 30px;
   margin: 0 3% 0 3%;
   padding: 10px 0 0 0;
   font-size: 1.0em;
   font-weight: bold;
}

#nav2 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#nav2 ul li {
   margin: 0;
   padding: 0 25px 0 0;
   list-style: none;
   float: left;
}

#nav2 li a {
   border-bottom: none;
}

#nav2 li.about a,
#nav2 li.different a,
#nav2 li.gypsy a,
#nav2 li.background a,
#nav2 li.gallery a,
#nav2 li.equipment a,
#nav2 li.future a,
#nav2 li.past a,
#nav2 li.y2013 a,
#nav2 li.y2014 a,
#nav2 li.y2015 a,
#nav2 li.y2016 a,
#nav2 li.y2017 a,
#nav2 li.y2018 a,
#nav2 li.y2019 a,
#nav2 li.y2020 a,
#nav2 li.y2021 a,
#nav2 li.y2022 a,
#nav2 li.y2023 a,
#nav2 li.y2024 a,
#nav2 li.y2025 a,
#nav2 li.y2026 a,
#nav2 li.music a,
#nav2 li.more_music a,
#nav2 li.customers a,
#nav2 li.online a,
#nav2 li.radio a,
#nav2 li.print a,
#nav2 li.dave a,
#nav2 li.jo a,
#nav2 li.paul a,
#nav2 li.graeme a,
#nav2 li.paulm a,
#nav2 li.ian a,
#nav2 li.newsletter a,
#nav2 li.newsletters_old a
{
   background-color: #fefe0a;
}

/* ========================================================================= */
/* For the FiddleBop banner, which is shown at the top of all pages */
#header {
   width: 100%;
/*   margin: 20px 0 10px 0;*/
   margin: 0;
   padding: 0;
}

#header img {
   max-width: 100%;
   max-height: 400px;
   height: auto;
   margin: 0 auto 0 auto;
}

a#header:link, a#header:visited, a#header:hover, a#header:active {
   background-color: initial;
   border-bottom: none;
}

/* ========================================================================= */
/* The main panel */
#main {
   width: 85%;
   margin: 0 auto 5px auto;
   padding: 0;
}

#main p {
/*   text-align: left;*/
   margin: 0 0 20px 0;
}

#main h1 {
   margin: 30px 0 15px 0;
   font-family: 'Poller One', sans-serif;
   font-size: 2.0em;
}

#main h2 {
   margin: 25px 0 12px 0;
   font-family: 'Poller One', sans-serif;
   font-size: 1.5em;
}

#main h3 {
   margin: 20px 0 10px 0;
   font-family: 'Poller One', sans-serif;
   font-size: 1.2em;
}

#main ul {
   list-style-position: outside;
}

/*#main ul li {
   padding-bottom: 10px;
}*/

/* ========================================================================= */
/* For the FiddleBop footer, which is shown near the bottom of all pages */
#footer {
   width: 100%;
/*   margin: 20px 0 10px 0;*/
   margin: 0;
   padding: 0;
   
   -webkit-touch-callout: none;  /* iOS Safari */
   -webkit-user-select: none;    /* Safari */
   -khtml-user-select: none;     /* Konqueror HTML */
   -moz-user-select: none;       /* Old versions of Firefox */
   -ms-user-select: none;        /* Internet Explorer/Edge */
   user-select: none;            /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

}

#footer img {
   max-width: 100%;
   max-height: 200px;
   height: auto;
   margin: -10px auto 0 auto;
}

/*#footer img {
   width: 100%;
   margin: -10px -1% 0 0;
   padding: 0;
}*/

a#footer:link, a#footer:visited, a#footer:hover, a#footer:active {
   background-color: initial;
   border-bottom: none;
}

/* ========================================================================= */
/* Area below footer, shown at bottom of all pages */
#below_footer {
   display: block;
   width: 94%;
   float: left;
   margin: -20px 3% 10px 3%;
   padding: 0;
   line-height: 1.8;
   font-size: 0.9em;
}

#button_row_footer {
   margin: 0;
   padding: 0;
}

#button_row_footer img {
   width: 30px;
   height: 30px;
/*   vertical-align: middle;*/
   vertical-align: -8%;
/*   padding: 0 2px 0 10px;*/
   padding: 0 3px 0 0;
   border: 0;
   display: inline;
}

#button_row_footer a {
   border-bottom: none;
}

#button_row_footer img.license {
   width: 90px;
   height: 30px;
   vertical-align: middle;
   margin: 0;
   padding: 0;
}

.rightifwide {
   float: right;
}

@media (max-width: 580px) {
   .rightifwide {
      float: none;
   }
}

#agents_row_footer {
   margin: 0;
   padding: 0;
   float: left;
   display: inline-block;
}

#agents_row_footer a {
   border-bottom: none;
}

#agents_row_footer img {
   border-bottom: none;
   display: inline-block;
   vertical-align: middle;
   border: 1px solid;
   
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}

.footergigheaven {
/*   width: 180px; */
   border: none !important;
   height: 30px;
}

.footerbookentertainment {
/*   margin-left: 10px; */
   width: 210px; 
   height: 30px;
}

#agents_row_footer .page_date {
   line-height: 0.65;
}

/* ========================================================================= */
a.highslide:link, a.highslide:visited, a.highslide:hover, a.highslide:active {
   background-color: initial;
   border-bottom: none;
}

.box01 {
   float: right;
   width: 350px;
   background-color: #bcd6ff;
   border: 2px solid;
   border-radius: 14px;
   padding: 10px 10px 0 10px;
   margin: 5px 0 10px 20px;
   font-size: 85%;
}

.box02 {
   float: left;
   width: 350px;
   background-color: #bcd6ff;
   border: 2px solid;
   border-radius: 14px;
   padding: 10px 10px 0 10px;
   margin: 5px 20px 10px 0;
   font-size: 85%;
}

.box03 {
   float: right;
   width: 400px;
   min-width: 180px;
   background-color: #bcd6ff;
   border: 2px solid;
   border-radius: 14px;
   padding: 10px;
   margin: 10px 0 5px 20px;
   font-size: 80%;
}

img.right {
   float: right; 
   margin: 10px 0 10px 20px;
   padding: 0; 
   border: 2px solid;
   
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   border-radius: 14px;
}

img.left {
   float: left; 
   margin: 10px 20px 10px 0;
   padding: 0; 
   border: 2px solid;
    
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   border-radius: 14px;
}

img.fbheader {
   width: 100%;
   height: auto;
}

img.fbfooter {
   width: 100%;
   height: auto;
}

img.people {
   width: 100%; 
   height: auto;
}

img.size01a {
   width: 490px;
   height: auto;
}

img.size01b {
   width: 508px;
   height: auto;
}

img.size02 {
   width: 210px;
   height: auto;
}

img.size03 {
   width: 315px;
   height: auto;
}

img.size04 {
   width: auto; 
   height: 357px;
   aspect-ratio: attr(width) / attr(height); 
}

img.size05 {
   width: auto; 
   height: 400px;
   aspect-ratio: attr(width) / attr(height); 
}

img.size06 {
   width: auto;
   height: 357px;
   aspect-ratio: attr(width) / attr(height); 
}
   
img.size07 {
   width: 480px;
   height: auto;
}

img.size08 {
   width: 400px;
   height: auto;
}

img.size09 {
   width: 470px;
   height: auto;
}

img.size10 {
   width: 432px;
   height: auto;
}

img.size11 {
   width: 432px;
   height: auto;
}

img.size12a {
   width: 440px;
   height: auto;
}

img.size12b {
   width: 300px;
   height: auto;
}

img.size13 {
   width: auto;
   height: 388px;
}

img.size13a {
   width: auto;
   height: 300px;
}

img.size14 {
   width: 280px;
   height: auto;
}

img.size15 {
   height: auto;
   width: 570px;
}

img.size16 {
   width: 400px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size17 {
   width: 350px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size18 {
   width: 500px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size19 {
   width: auto;
   height: 500px;
   aspect-ratio: attr(width) / attr(height);   
}

img.size20 {
   width: auto;
   height: 500px;
   aspect-ratio: attr(width) / attr(height);   
}

/*@media (max-width: 1300px) {
   img.size20 {
      display: none;
   }
}*/

img.size21 {
   width: auto;
   height: 400px;
   aspect-ratio: attr(width) / attr(height);   
}

img.size22 {
   width: auto;
   height: 400px;
   aspect-ratio: attr(width) / attr(height);   
}

img.size23 {
   width: auto;
   height: 300px;
   aspect-ratio: attr(width) / attr(height);   
}

img.size24 {
   width: 420px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size25 {
   width: 300px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size26 {
   width: 450px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size27 {
   width: auto;
   height: 300px;
   aspect-ratio: attr(width) / attr(height);   
}

img.size27a {
   width: auto;
   height: 300px;
   aspect-ratio: attr(width) / attr(height);   
}

img.size28 {
   width: 300px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size29 {
   width: 300px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size30 {
   width: 300px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size31 {
   width: 300px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size32 {
   width: 350px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size33 {
   width: 350px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size34 {
   width: 200px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size35 {
   width: 300px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size36 {
   width: 250px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size37 {
   width: 250px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size38 {
   width: 400px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size39 {
   width: 450px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size40 {
   width: 100%;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
}

img.size41 {
   width: 100%;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
   border: 1px solid; 
   margin: 10px 10% 10px 10%;
}

/*img.size42 {
   width: 100%;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
   border: 1px solid; 
   margin: 10px 10% 10px 10%;
}*/

img.size43 {
   width: 300px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
   border: 1px solid;
}

img.size44 {
   width: 350px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
   border: 1px solid;
}

img.size45 {
   width: 80%;
   height: auto;
   aspect-ratio: attr(width) / attr(height);   
   border: 1px solid; 
}

img.size46 {
   width: 200px; 
   height: auto;
   aspect-ratio: attr(width) / attr(height);      
   border: 1px solid;
}

img.size47 {
   width: 170px; 
   height: auto;
   aspect-ratio: attr(width) / attr(height);      
   border: 1px solid;
}

img.size48 {
   width: 335px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size49 {
   width: 200px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size50 {
   width: 200px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size51 {
   width: 384px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size52 {
   width: 416px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size53 {
   width: 324px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: none;
/*   border: 1px solid;*/
}

img.size54 {
   width: 279px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size55 {
   width: 360px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size56 {
   width: 311px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size57 {
   width: 208px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size58 {
   width: 240px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size59 {
   width: 300px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size60 {
   width: 358px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size61 {
   width: 256px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

img.size62 {
   width: 237px;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
   border: 1px solid;
}

/* ========================================================================= */
/* Overrides of Highslide defaults, for search, audio and video popups DFM */
.highslide-wrapper {
   background-color: #6fbcff;
   padding: 0;
   
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border-radius: 9px;
}

.highslide-html-content {
   padding: 0;
   border: 0;
   
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border-radius: 9px;
}

.highslide-header {
   height: 40px;
/*   background-color: black;*/
   background-color: #6fbcff;
}

/* The list of controls */
.highslide-wrapper .highslide-header ul {
   margin: 0;
   padding: 0;
   text-align: right;
}

.highslide-wrapper .highslide-header ul li {
   display: inline;
   padding: 0 10px 0 0;
}

/* Hide the previous and next links */
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next, .highslide-wrapper .highslide-header .highslide-move a  {
   display: none;
}

.highslide-wrapper .highslide-header a {
   /*   font-weight: bold; */
   color: gray;
   /*   text-transform: uppercase; */
   text-decoration: none;
}

.highslide-wrapper .highslide-header a:hover {
   color: black;
}

.highslide-footer {
   height: 40px;
/*   background-color: black;*/
   background-color: #6fbcff;
}

/*.highslide-wrapper .highslide-footer .highslide-resize {
   cursor: nw-resize;
   float: right;
   height: 8px;
   width: 8px;
   background: url(../highslide/graphics/resize.gif);
   position: relative;
   top: 1px;
   left: 1px;
}*/

/* ========================================================================= */
/* Misc */
.too_long {
   font-size: 100%;
}

/* ========================================================================= */
/* Specific to home page */
#mottoMiddle {
   /* text above carousel */
   margin: 5px auto 0 auto;
   padding: 0 10px 0 10px;
   text-align: center;
   color: #0000bc;
   font-family: 'Truculenta', sans-serif;
   font-size: 3em;
   font-weight: bold;
   line-height: 1;
   /*text-shadow: 4px 4px 8px #000000;*/
   
   -webkit-touch-callout: none;  /* iOS Safari */
   -webkit-user-select: none;    /* Safari */
   -khtml-user-select: none;     /* Konqueror HTML */
   -moz-user-select: none;       /* Old versions of Firefox */
   -ms-user-select: none;        /* Internet Explorer/Edge */
   user-select: none;            /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

#roundaboutInfo {
   /* text below carousel */
   margin: 100px auto 0 auto;
   padding: 0 10px 0 10px;
   text-align: center;
   color: #0000bc;
   font-family: 'Truculenta', sans-serif;
/*   font-size: 2.5em;*/
   font-size: 1.1em;
/*   font-weight: bold;*/
   line-height: 1;
   /*text-shadow: 4px 4px 8px #000000;*/
   
   -webkit-touch-callout: none;  /* iOS Safari */
   -webkit-user-select: none;    /* Safari */
   -khtml-user-select: none;     /* Konqueror HTML */
   -moz-user-select: none;       /* Old versions of Firefox */
   -ms-user-select: none;        /* Internet Explorer/Edge */
   user-select: none;            /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

#smiley {
   display: inline; 
   vertical-align: middle; 
   width: 40px; 
   height: 40px; 
   padding: 0;
}

#mottoLower {
   /* text below carousel */
   margin: 10px auto 10px auto;
   padding: 0 10px 0 10px;
   text-align: center;
   color: #0000bc;
   font-family: 'Truculenta', sans-serif;
   font-size: 1.6em;
   font-weight: bold;
   line-height: 1;
   /*text-shadow: 4px 4px 8px #000000;*/
   
   -webkit-touch-callout: none;  /* iOS Safari */
   -webkit-user-select: none;    /* Safari */
   -khtml-user-select: none;     /* Konqueror HTML */
   -moz-user-select: none;       /* Old versions of Firefox */
   -ms-user-select: none;        /* Internet Explorer/Edge */
   user-select: none;            /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

/*#flyimage1 {
 *   position: absolute;
 *   left: -500px;
 *   width: 10%;
 * }*/

/* ========================================================================= */
/* Responsive iframe stuff for videos */
.video16to9 {
   position: relative;
   overflow: hidden;
   width: 100%;
   padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
   border: 1px solid;
   
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   border-radius: 14px;
}

.video9to16 {
   position: relative;
   overflow: hidden;
   width: 100%;
   padding-top: 177.67%; /* 9:16 Aspect Ratio (divide 16 by 9 = 1.7767) */
   border: 1px solid;
   
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   border-radius: 14px;
}

.videoframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

/* ========================================================================= */
/* Used on pages other than home page */
.inlinebookentertainment {
   display: inline-block; 
   vertical-align: middle; 
   width: 211px; 
   height: 30px; 
   
   border: 1px solid; 
   -moz-border-radius: 3px; 
   -webkit-border-radius: 3px; 
   border-radius: 3px;
}

.inlinegigheaven {
   display: inline-block;
   vertical-align: middle;
/*   width: 211px; */
   height: 30px;

   border: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

/* ========================================================================= */
/* Used to simulate an href for the Highslide html pop-up */
.fakelink {
   cursor: pointer;
}

.fakelink:hover {
   color: #0000bc;
   background-color: #fefe0a;
   text-decoration: underline;
}

.fakelink:active {
   color: #0000bc;
   background-color: #fefe0a;
}

/* ========================================================================= */
/* For newsletters */
h1.newsheading {
   text-align: center;
   font-size: 1.2em;
}

h2.newsheading {
   text-align: center;
   font-size: 1.1em;
}

/* ========================================================================= */
/* For Mailchimp newsletter sign-up form */
input[type="text"]
{
   float: right;
   width: 400px;
   font-family: 'Truculenta', sans-serif;
   font-size: 0.7em;
}

input[type="email"]
{
   float: right;
   width: 400px;
   font-family: 'Truculenta', sans-serif;
   font-size: 0.7em;
}

input[type="submit"]
{
   float: right;
   font-family: 'Truculenta', sans-serif;
   font-size: 1.0em;
}

/* ========================================================================= */
/* Gigs page */
.gigposter {
   padding: 0; 
   margin: 0 auto 0 auto; 
   width: 95%;
}

.gigsmaller {
   font-size: 95%;
   line-height: 1.1;
   text-align: left;
}

/* ========================================================================= */
/* Links to social media events on gigs page */
a.social {
   border-bottom: none;
}

a.social img, img.social {
   width: 30px;
   height: 30px;
   vertical-align: middle;
   padding: 5px;
   border: 0;
   display: inline;
}

img.eventlink {
   display: inline;
   vertical-align: middle;
   height: 40px !important;
   width: auto !important;
   margin: 5px;
   padding: 0;
}

/* ========================================================================= */
#gigs_table {
   width: 99.5%;
   padding: 0;
   margin: 0;
   border: 2px solid #0000bc;
   background: #ffffff; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(left top, #ffffff, #a7c2ff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #ffffff, #a7c2ff); /* Standard syntax */
   box-shadow: 6px 6px 12px #222222;

   font-family: 'Truculenta', sans-serif;

   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;

   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;

   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;

   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
   
   word-break: break-word;
}

#gigs_table table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   height: 100%;
   margin: 0;
}

#gigs_table td {
   vertical-align: middle;
   padding-left: 10px;
   padding-right: 10px;
}

#gigs_table tr:first-child td {
   border: 0;
   background-color: #0000bc !important;
   color: #fefe0a;
}

#gigs_table table td:last-child {
   padding-left: 10px;
}

#gigs_table table tr:first-child td:first-child {
   -moz-border-radius-topleft: 13px;
   -webkit-border-top-left-radius: 13px;
   border-top-left-radius: 13px;
}

#gigs_table table tr:first-child td:last-child {
   -moz-border-radius-topright: 13px;
   -webkit-border-top-right-radius: 13px;
   border-top-right-radius: 13px;
}

#gigs_table tr:last-child td:first-child {
   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;
}

#gigs_table tr:last-child td:last-child {
   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;
}

#gigs_table tr:last-child td {
   border-width: 0 2px 0 0;
}

#gigs_table tr td:last-child {
   border-width: 0 0 2px 0;
}

#gigs_table tr:last-child td:last-child {
   border: 0;
}

#gigs_table tr:first-child td:last-child {
   border: 0;
}

/* ========================================================================= */
.audio_table {
   width: 99.5%;
   padding: 20px;
   margin: 0;
   border: 2px solid #0000bc;
   background: #ffffff; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(left top, #ffffff, #a7c2ff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #ffffff, #a7c2ff); /* Standard syntax */
   box-shadow: 6px 6px 12px #222222;

   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;

   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;

   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;

   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
   
   word-break: break-word;
}

.audio_table table {
   border-collapse: collapse;
   width: 100%;
   height: 100%;
   border-spacing: 0;
   margin: 20px auto 20px auto;
   padding: 0;
}

.audio_table td {
   vertical-align: middle;
   padding: 5px;
   border: 0;
}

.audio_table table tr:first-child td:first-child {
   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
}

.audio_table table tr:first-child td:last-child {
   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;
}

.audio_table tr:last-child td:first-child {
   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;
}

.audio_table tr:last-child td:last-child {
   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;
}

/* ========================================================================= */
.people_table {
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
   border-collapse: collapse;
   word-break: break-word;
}

.people_table table {
   max-width: 600px;
   border: none;
   background-color: initial !important;
}

.people_table tr:nth-child(odd) {
   margin-bottom: 15px;
}   

.people_table td {
   border: none;
   width: 50%;
   margin: 0;
   padding: 0 10px 0 10px;
   vertical-align: top;
}

/* ========================================================================= */
/* Replacement for video_table */

.video_flex {
  display: flex;
  flex-wrap: wrap;
}

.video_flex div {
   max-width: 500px;
   margin: 5px 10px 5px 0;
}

.video_flex p {
   font-size: 90%;
}

/* ========================================================================= */
.reviews_table {
   width: 99.5%;
   padding: 0;
   margin: 0;
   border: 2px solid #0000bc;
   background: #ffffff; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(left top, #ffffff, #a7c2ff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #ffffff, #a7c2ff); /* Standard syntax */
   box-shadow: 6px 6px 12px #222222;

   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;

   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;

   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;

   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
   
   word-break: break-word;
}

.reviews_table table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
}

.reviews_table td {
   vertical-align: top;
   padding: 30px;
}

.reviews_table table tr:first-child td:first-child {
   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
}

.reviews_table table tr:first-child td:last-child {
   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;
}

.reviews_table tr:last-child td:first-child {
   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;
}

.reviews_table tr:last-child td:last-child {
   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;
}

.reviews_table td:first-child {
   border-width: 0 2px 2px 0;
}

.reviews_table td:last-child {
   border-width: 0 0 2px 0;
}

.reviews_table tr:last-child td {
   border-width: 0 2px 0 0;
}

.reviews_table tr:last-child td:last-child {
   border: 0;
}

/* ========================================================================= */
#past_newsletter_table {
   width: 99.5%;
   padding: 0;
   margin: 0;
   border: 2px solid #0000bc;
   background: #ffffff; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(left top, #ffffff, #a7c2ff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #ffffff, #a7c2ff); /* Standard syntax */
   box-shadow: 6px 6px 12px #222222;

   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;

   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;

   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;

   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
   
   word-break: break-word;
}

#past_newsletter_table table {
   border-collapse: collapse;
   width: 100%;
   height: 100%;
   border-spacing: 0;
   margin: 20px auto 20px auto;
   padding: 0;
}


#past_newsletter_table td {
   vertical-align: middle;
   padding: 5px;
   border: 0;
}

#past_newsletter_table tr {
   text-align: center;
   border: 0;
}

#past_newsletter_table table tr:first-child td:first-child {
   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
}

#past_newsletter_table table tr:first-child td:last-child {
   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;
}

#past_newsletter_table tr:last-child td:first-child {
   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;
}

#past_newsletter_table tr:last-child td:last-child {
   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;
}

/* ========================================================================= */
#signup_newsletter_table {
   width: 99.5%;
   padding: 0;
   margin: 0;
   border: 2px solid #0000bc;
   background: #ffffff; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(left top, #ffffff, #a7c2ff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #ffffff, #a7c2ff); /* Standard syntax */
   box-shadow: 6px 6px 12px #222222;

   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;

   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;

   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;

   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
   
   word-break: break-word;
}

#signup_newsletter_table table {
   border-collapse: collapse;
   width: 100%;
   height: 100%;
   border-spacing: 0;
   margin: 20px auto 20px auto;
   padding: 0;
}

#signup_newsletter_table td {
   vertical-align: middle;
   padding: 0 20px 0 20px;
   border: 0;
}

#signup_newsletter_table tr {
   text-align: left;
   border: 0;
}

#signup_newsletter_table table tr:first-child td:first-child {
   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
}

#signup_newsletter_table table tr:first-child td:last-child {
   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;
}

#signup_newsletter_table tr:last-child td:first-child {
   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;
}

#signup_newsletter_table tr:last-child td:last-child {
   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;
}

/* ========================================================================= */
#newsletter_table {
   width: 99.5%;
   font-size: 0.8em;
   border-collapse: collapse;
   margin: 0;
   background: #ffffff; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(left top, #ffffff, #a7c2ff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #ffffff, #a7c2ff); /* Standard syntax */
   box-shadow: 6px 6px 12px #222222;
   
   word-break: break-word;
}

#newsletter_table table {
   border-collapse: collapse;
   width: 100%;
   height: 100%;
   border-spacing: 0;
   margin: 20px auto 20px auto;
   padding: 0;
}

#newsletter_table table, th, td {
   border: 2px solid #0000bc;
}

#newsletter_table th, td {
   vertical-align: middle;
}

#newsletter_table td {
/*   margin-top: 5px;*/
   padding: 5px;
}

#newsletter_table td img {
   vertical-align: bottom;
}

#newsletter_table tr:first-child td {
   border-width: 0 2px 2px 2px;

   background-color: #0000bc !important;
   color: #FEFE0A;
}

/* ========================================================================= */
#past_gig_year_table {
   width: 99.5%;
   padding: 0;
   margin: 0;
   border: 2px solid #0000bc;
   background: #ffffff; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(left top, #ffffff, #a7c2ff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #ffffff, #a7c2ff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #ffffff, #a7c2ff); /* Standard syntax */
   box-shadow: 6px 6px 12px #222222;

   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;

   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;

   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;

   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
   
   word-break: break-word;
}

#past_gig_year_table table {
   border-collapse: collapse;
   width: 100%;
   height: 100%;
   border-spacing: 0;
   margin: 20px auto 20px auto;
   padding: 0;
}


#past_gig_year_table td {
   vertical-align: middle;
   padding: 5px;
   border: 0;
}

#past_gig_year_table tr {
   text-align: center;
   border: 0;
}

#past_gig_year_table table tr:first-child td:first-child {
   -moz-border-radius-topleft: 16px;
   -webkit-border-top-left-radius: 16px;
   border-top-left-radius: 16px;
}

#past_gig_year_table table tr:first-child td:last-child {
   -moz-border-radius-topright: 16px;
   -webkit-border-top-right-radius: 16px;
   border-top-right-radius: 16px;
}

#past_gig_year_table tr:last-child td:first-child {
   -moz-border-radius-bottomleft: 16px;
   -webkit-border-bottom-left-radius: 16px;
   border-bottom-left-radius: 16px;
}

#past_gig_year_table tr:last-child td:last-child {
   -moz-border-radius-bottomright: 16px;
   -webkit-border-bottom-right-radius: 16px;
   border-bottom-right-radius: 16px;
}

/* ========================================================================= */