/*  html tags */
body {
  background-color: black;
  margin: auto;
  min-width: 600px;
  max-width: 1000px;
}

a:hover {
  background-color: #F5F5F5;
  text-shadow: 3.25em 0.21em 2.2em #708090;
}


ul#tunesLeft li{
  list-style: none;
}

ul#tunesRight li{
  list-style: none;
}


/* DIV sections Level 1 */

.pageContainer {
  float: left;
  display: inline;
  width: 90%;
  margin-left: 5%;
  background-color: white;
}

/* DIV sections Level 2 */

.bodyContainer {
  float: left;
  display: inline;
  width: 97%;
  height: auto;
  margin-left: 1.5%;
  padding-top: 1%;
  background-color: white;
  border-top-color: gray;
  border-top-style: solid;
  border-top-width: 1px;
}

.footerContainer {
  float: left;
  display: inline;
  clear: both;
  width: 94%;
  height: auto;
  padding-top: 1%;
  margin-left: 3%;
  margin-top: 1%;
  background-color: transparent;
  border-top-color: gray;
  border-top-style: solid;
  border-top-width: 1px;
}

.headerContainer {
  float: left;
  width: auto;
  height: auto;
  display: inline;
  margin-top: 0%;
  padding-top: 0%;
}

.bioPhotoSection {
  float: left;
  display: inline;
  margin-left: 2%;
  margin-right: auto;
  margin-bottom: 1%;
  width: 95%;
  height: auto;
  background-color: transparent;
  border-color: silver;
  border-style: solid;
  border-width: 0.05em;
  overflow: hidden;
}

/* DIV sections Level 3 */

.bannerSection {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: auto;
  background-color: black;
  text-align: center;
}

.bodyColumnLeft {
  float: left;
  width: 63%;
  margin-left: 1.5%;
  display: inline;
  background-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: silver;
}

.bodyColumnRight {
  float: right;
  width: 31%;
  margin-right: 1.5%;
  display: inline;
  padding-left: 1%;
  background-color: transparent;
  overflow: hidden;
}

.footerColumnCenter {
  float: left;
  display: inline;
  width: 30%;
  margin-left: 3%;  
  text-align: center;
}

.footerColumnLeft {
  float: left;
  width: 30%;
  margin-left: 1.5%;
  display: inline;  
  text-align: center;
}

.footerColumnRight {
  float: left;
  display: inline;
  width: 30%;
  margin-left: 3%;
  text-align: center;
}

.menuContainer {
  float: left;
  display: inline;
  width: 100%;
  clear: both;
}

.photosColumnLeft {
  float: left;
  width: 80%;
  margin-left: 1.5%;
  display: inline;
  background-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: silver;
}

.photosColumnRight {
  float: left;
  width: 15%;
  margin-left: 1.5%;
  display: inline;
  background-color: transparent;
}

.tableSchedule {
  width: 95%;
  _width: 50px;
  height: auto;
}

/* Entries and Content DIV  */

.entryCukeCam {
  float: left;
  display: inline;
  height: 200px;
  padding: 0.5%;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}

.entryFull {
  float: left;
  display: inline;
  width: 100%;
  padding: 0.5%;
}

.entryHalf {
  float: left;
  display: inline;
  width: 48%;
  padding-left: 2%;
}

.entryNoScript {
  float: left;
  display: inline;
  width: 100%;
  padding: 0.5%;
  background-color: yellow;
  
}

.entryPhotoGigSection {
  float: left;
  display: inline;
  height: auto;
  padding: 0.5%;
  width: 95%;
  background-color: transparent;
}

.entryPhotoShow {
  float: left;
  display: inline;
  height: 500px;
  padding: 0.5%;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}

.entrySidebarFull {
  float: left;
  display: inline;
  width: 100%;
  padding: 2%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: silver;
  clear: both;
}

.entryUpcomingGigs {
  float: left;
  display: inline;
  width: 100%;
  background-color: #B22222;
}

/* Images */

.imgAd {
  height: auto;
  width: 90%;
  overflow: hidden;
  padding-left: 5%;
  padding-top: 1%;
  padding-bottom: 1%;
}

.imgBanner {
  height: auto;
  width: 100%;
  min-height: 150px;
  min-width: 800px;
  background-color: black;
}

.imgCukeCam {
  height: auto;
  width: 100%;
  background-color: black;
}

.imgFooter {
  height: 100px;
  width: auto;
  margin: auto;
  border: 0;
}

.imgPhotoGig {
  height: auto;
  width: 99%;
  background-color: black;
 }

.imgSmallLogo {
  width: 80%;
  height: auto;
  padding-top: 15%;
 _width: expression(document.body.clientWidth < 1000? "150px" : document.body.clientWidth > 1000? "225px" : "auto");
}

.imgStory {
  float: right;
  width: 40%;
  _width: expression(document.body.clientWidth < 1000? "150px" : document.body.clientWidth > 1000? "225px" : "auto");
  padding: 1%;
  height: auto;
}

.imgStorySmall {
  float: right;
  width: 20%;
  padding: 1%;
  height: auto;
}

.imgVenueLeft {
  float: left;
  width: 90%;
  _width: 140px;
  overflow: hidden;
  padding-left: 2%;
  height: auto;
}

 .imgBioFull {
  float: left;
  width: 25%;
  height: auto;
  padding-left: 0.4%;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  padding-right: 2%;
  border: 0;
}

.imgBioSummary {
  float: left;
  width: 20%;
  height: auto;
  margin: auto;
  margin-right: 2%;
}

/* Images Photo Album Specific */

#gallery {
  width: 100%; 
  height: auto;
  
}

#gallery ul {
  list-style:none; 
  padding:0; 
  margin:0; 
  width: 20%; 
  position:relative; 
  float:right;
  background-color: #DAC0B2;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

#gallery ul li {
  display:inline; 
  width: 42%; 
  height: 70px; 
  float:left; 
  margin: 5% 0 3px 3px;
}

#gallery ul li a {
  display:block; 
  width: 100%; 
  height: 100%; 
  text-decoration:none; 
  border:1px solid #000;
}

#gallery ul li a img {
  display:block; 
  width: 100%; 
  height: 100%; 
  border:0;
}

#gallery ul li a:hover {
  white-space:normal; 
  border-color: yellow; 
  background-color: green;
}

#gallery ul li a:hover img {
  position: absolute; 
  right: 100%; 
  top: 0%; 
  min-width: 400%;
  width: 400% !important;
  width: 800%; 
  height: auto; 
  border: 0;
}

/* Menu CSS */

ul#minitabs {
  list-style: none;
  margin: 0;
  margin-bottom: 0.25%;
  margin-top: 0.25%;
  padding: 0.25%;
  padding-top: 0.5%;
  padding-left: 4%;
  white-space: nowrap;
	font-family: 'Century Gothic', sans-serif;
	font-weight: bold;
	font-size: 75%;
}

ul#minitabs li{
  display: inline;
  margin: 0.85em;
}

ul#minitabs a{
  text-decoration: none;
  padding: 0 0 1px;
  border-bottom: 1px solid white;
  color: blue;
}

ul#minitabs a#current{
  border-color: #F60;
  color: red;
  font-style: normal;
  border-bottom: 0px solid white;
  text-decoration: blink;
  font-size: 100%;
}

ul#minitabs a:hover{
  text-decoration: underline;
}

/* Text */

.dateLineText {
  padding-left: 3%;
  padding-top: 1%;
	font-family: 'Verdana', sans-serif;
	font-size: 75%;
	font-style: italic;
	color: gray;
}

.footerHeaderText {
  padding-left: 3%;
  padding-top: 1%;
  padding-right: 1.5%;
	font-family: 'Verdana', sans-serif;
	font-size: 77%;
	font-weight: bold;
	color: black;
}

.footerStandardText {
 	padding-left: 6%;
	font-family: 'Verdana', sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: black; 
}

.headerGigText {
  padding-left: 3%;
  padding-top: 1%;
  padding-right: 1.5%;
	font-family: 'Verdana', sans-serif;
	font-size: 135%;
	font-weight: bold;
	color: blue;
}

.headerText {
  padding-left: 3%;
  padding-top: 1%;
  padding-right: 1.5%;
	font-family: 'Verdana', sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: black;
}

.noScriptText {
  padding-left: 6%;
  padding-top: 3%;
  padding-right: 6%;
	font-family: 'Verdana', sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: black;	
}

.photoLinkText {
  padding-left: 6%;
  padding-top: 3%;
  padding-right: 6%;
	font-family: 'Verdana', sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: blue;	
}

.photoText {
  padding-left: 6%;
  padding-top: 3%;
  padding-right: 6%;
	font-family: 'Verdana', sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: black;
	word-spacing: 1em;
}

.scheduleHeaderText {
  padding-left: 2%;
  padding-top: 1%;
  padding-right: 3%;
	font-family: 'Verdana', sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: black;
}

.scheduleText {
  padding-left: 5%;
  padding-top: 1%;
  padding-right: 6%;
	font-family: 'Verdana', sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: black;
}

.sidebarHeaderText {
  padding-left: 3%;
  padding-top: 3%;
  padding-right: 3%;
	font-family: 'Verdana', sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: black;
}

.sidebarHeaderWhiteText {
  padding-left: 3%;
  padding-top: 3%;
  padding-right: 3%;
	font-family: 'Verdana', sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: white;
}

.sidebarText {
  padding-left: 6%;
  padding-top: 1%;
  padding-right: 3%;
	font-family: 'Verdana', sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: black;
}

.sidebarWhiteText {
  padding-left: 6%;
  padding-top: 1%;
  padding-right: 3%;
	font-family: 'Verdana', sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: white;
}

.standardGigText {
  padding-left: 6%;
  padding-top: 1%;
  padding-right: 3%;
	font-family: 'Verdana', sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: black;
}

.standardText {
  padding-left: 6%;
  padding-top: 1%;
  padding-right: 3%;
	font-family: 'Verdana', sans-serif;
	font-size: 75%;
	font-weight: normal;
	color: black;
}