body {
font-family : cursive;
font-weight : normal;
color : #fdfcdc;
background-color : #cccccc;
font-size : 1em;
/* an image */
/* background-image: url('brick.jpg'); */
/* carbon fibre pattern */
/*
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#101010;
background-attachment: fixed;
background-size:16px 16px;
*/
/* carbon pattern */
background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #141414;
background-size: 20px 20px;
background-attachment: fixed; 
}

h1 {
font-weight : normal;
font-size : 2em;
color : #cccc00;
text-align : center;
}
h2 {
font-weight : normal;
font-size : 1.5em;
color : #fdfcdc;
text-align : center;
}
h3 {
font-weight : normal;
font-size : 1.2em;
color : #cccc00;
text-align : center;
}
a {
color : #fdfcdc;
font-style : italic;
}
a:link {
color : #fdfcdc;
}
a:hover {
color : #cac9a9;
}
/*
a.main-nav {
text-decoration:none;
font-style : normal;
} */
a.no-decor {
text-decoration:none;
}
div.c1 {
text-align : center;
/* ?? */
width: 65em;
margin-left: auto;
margin-right: auto;
/* ?? */
}
div.news{
text-align : left;
width: 65em;
margin-left: auto;
margin-right: auto;
}
div.news-month{
text-align : left;
width: 65em;
margin-left: auto;
margin-right: auto;
}
div.l1 {
width:70%;
margin-left: auto;
margin-right: auto;
text-align : left;
}
div.valcheck {
clear:left;
text-align : center;
width:550px;
margin-left: auto;
margin-right: auto;
padding-top : 20px;
}
ul.equip {
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
text-align: left;
width: 500px;
/* width: 35em; */
}
li.equip {
margin:0; 
line-height: 1.1em; 
padding: 0; 
}
ul.news {
margin-left: auto;
margin-right: auto;
width: 65em;
}
div.header {
text-align : center;
border-style : none;
border-bottom-style : none;
border-width : 1px;
}
 
li {
padding-bottom : 10px;
}
p.pics {
padding-bottom : 15px;
}

table {
border-style : none;
margin : 0 auto;
}
table th {
padding-bottom : 5px;
}
table td {
padding-bottom : 10px;
}
th {
text-align : left;
font-weight : normal;
font-size : 1.2em;
}
td {
text-align : left;
font-weight : normal;
font-size : 1em;
vertical-align : text-top;
}
caption {
caption-side : top;
width : auto;
text-align : center;
padding-bottom : 5px;
padding-top : 10px;
font-weight : normal;
font-size : 1.4em;
color : #cccc00;
border-style : none;
border-bottom-style : none;
border-width : 1px;
}
div.page-caption {
text-align : center;
padding-bottom : 5px;
padding-top : 10px;
font-weight : normal;
font-size : 1.4em;
color : #cccc00;
border-style : none;
border-bottom-style : none;
border-width : 1px
}
caption.venues {
padding-top : 20px;
}
img {
vertical-align : text-bottom;
}
img.CD {
vertical-align : text-bottom;
text-align : center;
width : 100px;
border-style : none;
border-color : black;
border-width : 8px;
}
img.icon-class { /* */
vertical-align : text-bottom;
border-style : none;
height : 16px;
}
img.photos { /* */
vertical-align : text-bottom;
border-style : none;
height : 180px;
}
img.thumbnail { /* */
vertical-align : text-bottom;
width : 120px;
}
/* */
div.detailpopup {
visibility : hidden;
background-color : #222222;
border-style : solid;
border-color : green;
font-weight : normal;
color : #fdfcdc;
font-size : 1em;
position:absolute;
left:100px;
top:150px;
width: 135px
}
/*  popup stuff */
#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 1; 
   top:0px;
   left:0px;
   width:100%;
}
div.popupInfo {
	position:absolute;
	/* background-color:#BFEFFF; */
	/* color:#222222; */
	background-color:black;	
	color:#fdfcdc;
	/*width:400px;
	height:500px;*/
	z-index: 2; /* over blanket */
	text-align:center;
	border-style:double;
	border-width:5px;
	border-color:gray;
	border-radius:6px;
	padding-right:6px;
  padding-left:6px;
}
a.puplink {
	color:lightblue;
/* color:navyblue;	*/
}
a.puplinksmall {
	color:lightblue;
	font-size:0.8em;
/* color:navyblue;	*/
}
img.posterthumb {
	vertical-align : text-top;
	text-align : center;
/*	width : 120px; used height instead of width as larger thumbs pushed text over popup frame boundary */
	height : 135px;
}
table.video-table td {
text-align:center;
}
a.youtube {
vertical-align : text-top;
}
img.youtube {
border-style : none;
/* width : 150px; */
height:100px;
border-width : 4px;
border-color : #333;
/*
margin : 5px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 10px;
padding-right : 10px;
* */
}
span.link-button {
border-style : solid;
border-width : 1px;
border-color :#cccccc;
border-radius : 5px;
color : #fdfcdc;
background-color : #00001c;
font-size:0.9em;
text-decoration:none;
margin-top:10px;
padding-top:0px;
padding-bottom:2px;
padding-right:4px;
padding-left:4px;

}
span.link-button:hover {
color : #cac9a9;
}
/* news v2 */
div.news-outer {
width:500px;
margin:auto;
text-align:left;
}
div.news-month {
font-weight:bold;
text-align:left;
padding-top:15px;
}
div.news-items {
text-align:left;
padding-left:20px;
}

/* button css test gold2 button */
.button {
border-top: 1px solid white;
border-left: 1px solid white;
background: #C1930B;
background: -webkit-gradient(linear, left top, left bottom, from(#C1930B), to(#4E3F16));
background: -webkit-linear-gradient(top,#C1930B,#4E3F16);
background: -moz-linear-gradient(top,#C1930B,#4E3F16);
background: -ms-linear-gradient(top,#C1930B,#4E3F16);
background: -o-linear-gradient(top,#C1930B,#4E3F16);
padding: 0px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color:white;
font-size: 1em;
text-decoration: none;
vertical-align: middle;
}
.button:hover {
border-top-color:#90762F;
border-left-color:#90762F;
background:#90762F;
color:#ddd;
}
.button:active {
border-top-color:#756539;
border-left-color:#756539;
border-right-color:white;
border-bottom-color:white;
background:#756539;
}
/* end button */ 

div.show-detail {
padding-bottom:16px;
}
/* === */
div.nav {
text-align : center;
border-style : none;
border-bottom-style : none;
border-top-style : none;
border-width : 1px;
font-size : 1.2em;
padding-bottom : 15px;
padding-top : 1px;
}
table.navbtn {
border:solid;
border-color:#222222;
border-width:1px;
border-radius:3px;
}
td.navbtn {
width:5.5em;
background:#111111;
text-align : center;
font-size : 1.1em;
font-weight : normal;
font-style : normal;
border-color:#222222;
border-style:solid;
border-width:1px;
border-radius:3px;
padding-top:4px;
padding-bottom:4px;
}
td.navbtn:hover {
border-color:#444444;
}
td.navbtn-active {
width:5.5em;
background:#111111;
text-align : center;
font-size : 1.1em;
font-weight : normal;
font-style : normal;
border-color:#222222;
border-style:solid;
border-width:1px;
border-radius: 3px;
padding-top:4px;
padding-bottom:4px;
}
a.navbtn {
text-decoration:none;
font-style : normal;
}
a.navbtn:hover {
font-style : normal;
text-decoration:underline;
}
a.navbtn-active {
font-style : normal;
color:#cccc00;
text-decoration:underline;
}
a.navbtn-active:hover {
}
div.shows-container {
text-align : center;
width: 21em;
margin-left: auto;
margin-right: auto;
/* background-color:#000000; */
border-style:none; /*
border-width:1px;
border-radius: 5px;
border-color:#111111; */
/* ?? */
}
div.show-detail {
text-align : center;
margin: 5px;
padding:5px;
background-color:#080808;
border-style:solid;
border-width:1px;
border-radius: 5px;
border-color:#000000;
/* ?? */
}
div.navB {
padding:10px;
}
p.nav-xtra {
color:turquoise;
vertical-align:bottom;
}
q {
font-style:italic;
}
/*
 *
 *
 * Mobile Drop Down Menu Style
 *
 *
 */
.dropbtn {
/*    background-color: #4CAF50; */
    color: #cccc00; */
    padding: 16px;
    font-size: 1.8em;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    /* background-color: #3e8e41; */
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-size:1.4em;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #f1f1f1}

.show {display:block;}
/*
 *
 */