/* -------------------------------------------------------------------------- */
/* SMALL SCREEN */
@media screen and (max-width: 767px) 
{


.imageTable {
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
}

.imageTextTable {
	width: 100%;
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1px;
    max-width: 680px;
}


.showImageTextRight a:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #888888;
	font-weight: normal;
}
.showImageTextRight a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #888888;
	font-weight: normal;
	}
.showImageTextRight a:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #888888;
	font-weight: normal;
	}
.showImageTextRight a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #880000;
	font-weight: normal;
}


.showImage {
	max-width: 320px;
	}

.showImageTextLeft {
	width: 400px;
	display: table-cell;
	text-align: left;
	font-family: verdana;
	font-size: 13pt;
	color: #555555;
	text-decoration: none;
	margin-bottom: 10px;
}

.showImageTextRight {
	width: 25%;
	display: table-cell;
    text-align: right;
	font-family: verdana;
	font-size: 18pt;
	color: #555555;
	text-decoration: none;
	margin-bottom: 10px;
}



body {
    text-align: center;
}

.thing {
    width: 50px;
    height: 50px;
    margin: 2px;
    background: blue;
    display: inline-block;    
}

.renderImage {
	display: none; 
}

.address {
/*	display: none; */
}

.slashBox {
	display: none; 
}

.windowImage {
	width:332px;
}

.shows {
    display: inline-block;    
    margin: 2px;
	/*position:absolute;
	left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
	top:340px; */
	width:440px;
}


.oldShowsContainer {
	/* position:absolute;*/
	/*float: left;*/
	display: inline-block; 
	/*left:50%;*/
	/*margin-left:-347px;*/
	/*top:140px;*/
	/*margin-left: 28%;*/
	width:440px;
}

.oldShows {
	/* position:absolute;*/
	/*float: left;*/
	display: inline-block; 
	/*left:50%;*/
	/*margin-left:-347px;*/
	/*top:140px;*/
	/*margin: auto;*/
	/*margin-left: 28%;*/
	width:440px;
}
	


.artists {
    display: inline-block;    
    margin: 2px;
	/*position:absolute;
	left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
	top:340px; */
	width:440px;
}

.window {
    display: inline-block;    
    margin: 2px;
	/*position:absolute;
	left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
	top:340px;*/
	width:440px;
}

.artist {
    display: inline-block;    
    margin: 2px;
	width:440px;
}

.artistImage {
	width: 332;
}


.nav {
    display: inline-block;    
    margin: 2px;
	/*position:absolute;
	left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
	top:10px; */
	width:440px;
}

.emailSignup {
    display: inline-block;    
    margin: 2px;
	/*display: none; 
	position:absolute;
	left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
	top:1500px; */
	width:375px;
}

.normalText { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.normalText2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
    font-style: italic;
	color: #666666;
	text-decoration: none;
}


a:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #0000FF;
	font-weight: bold;
}
a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #0000FF;
	font-weight: bold;
	}
a:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
	}
a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #aaaaaa;
	font-weight: bold;
}

td { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}



/* ---------------------------------------------------------------------------- */
/* SHOW LIST CSS
/* ---------------------------------------------------------------------------- */
.show {
    display: table-cell;
	width: 105px;
	vertical-align: middle;
	}
	
.showTitle {
    display: table-cell;
	width: 250px;
	vertical-align: middle;
	/* margin-left: 120px; */
}

.showLine {
	display: table;
	min-height: 38px;
	vertical-align: middle;
}

.yearLine {
	display: table;
	margin: auto;
}

.clear {
	clear: both;
}

.endLink {
	margin-left: 15%;
	margin-right: 15%;
    text-align: center;
}

.year {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    font-style: italic;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
    display: relative;    
	margin: auto;
}
/* end show list */
/* ---------------------------------------------------------------------------- */


}
/* end small screen */
/* ---------------------------------------------------------------------------- */


.artistTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 35px;
}

.artistSectionHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-top: 15px;
	margin-left: 9px;
	margin-bottom: 15px;
}

.artistImagesHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-top: 55px;
	margin-left: 9px;
	margin-bottom: 1px;
}

.artistSection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 8px;
	margin-bottom: 25px;
	margin-left: 19px;
}

.artistText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 40px;
}

.artistImages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 8px;
	margin-bottom: 35px;
}


/* -------------------------------------------------------------------------- */
/* LARGE SCREEN */
@media screen and (min-width:768px) {
   /* put your css style in there */



.imageTable {
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
}

.imageTextTable {
	width: 100%;
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1px;
}

.showImage {
	max-width: 420px;
}


.showImageTextLeft {
	width: 400px;
	display: table-cell;
	text-align: left;
	font-family: verdana;
	font-size: 9pt;
	color: #555555;
	text-decoration: none;
	margin-bottom: 10px;
}

.showImageTextRight a:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #888888;
	font-weight: normal;
}
.showImageTextRight a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #888888;
	font-weight: normal;
	}
.showImageTextRight a:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #888888;
	font-weight: normal;
	}
.showImageTextRight a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #880000;
	font-weight: normal;
}

.showImageTextRight {
	width: 25%;
	display: table-cell;
    text-align: right;
	font-family: verdana;
	font-size: 8pt;
	color: #555555;
	text-decoration: none;
	margin-bottom: 10px;
}




.artistImage {
	max-width: 415;
}


.renderImage {
	/* display: none; */
}

.address {
	/* display: none; */
}


.slashBox {
	position:absolute;
	left:50%;
	margin-left:-347px;
	top:10px;
	width:440px;
}

.windowImage {
	width:396px;
}

.shows {
	position:absolute;
	left:50%;
	margin-left:-347px;
	top:140px;
	width:440px;
}

.artists {
	position:absolute;
	left:50%;
	margin-left:-347px;
	top:10px;
	width:440px;
}

.artist {
	position:absolute;
	left:50%;
	margin-left:-430px;
	top:10px;
	width:490px;
}


.window {
	position:absolute;
	left:50%;
	margin-left:-410px;
	top:10px;
	width:490px;
}

.nav {
	position:absolute;
	left:50%;
	margin-left:102px;
	top:10px;
	width:293px;
}

.emailSignup {
	position:absolute;
	left:50%;
	margin-left:102px;
	top:662px;
	width:293px;
}

.normalText { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #444444;
	text-decoration: none;
}

.normalText2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    font-style: italic;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}



a:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0000FF;
	font-weight: bold;
}
a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0000FF;
	font-weight: bold;
	} 
a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
	font-weight: bold;
	}
a:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	}


td { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


/* ---------------------------------------------------------------------------- */
/* SHOW LIST CSS
/* ---------------------------------------------------------------------------- */
.show {
    display: table-cell;
	width: 85px;
	vertical-align: middle;
	}
	
.showTitle {
    display: table-cell;
	width: 250px;
	vertical-align: middle;
	/* margin-left: 120px; */
}

.showLine {
	display: table;
	min-height: 35px;
	vertical-align: middle;
}

.yearLine {
	display: table;
	margin: auto;
}

.clear {
	clear: both;
}

.endLink {
	margin-left: 15%;
	margin-right: 15%;
    text-align: center;
}

.year {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    font-style: italic;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
    display: relative;    
	margin: auto;
}
/* end show list */
/* ---------------------------------------------------------------------------- */

.oldShowsContainer {
	/* position:absolute;*/
	/*float: left;*/
	/*display: inline-block; */
	/*left:50%;*/
	/*margin-left:-347px;*/
	/*top:140px;*/
	margin: auto;
	/*margin-left: 28%;*/
	width:710px;
}

.oldShows {
	/* position:absolute;*/
	/*float: left;*/
	/*display: inline-block; */
	/*left:50%;*/
	/*margin-left:-347px;*/
	/*top:140px;*/
	/*margin: auto;*/
	/*margin-left: 28%;*/
	width:440px;
}
	

}
/* END LARGE SCREEN */
/* ---------------------------------------------------------------------------- */




/* ---------------------------------------------------------------------------- */
/* OLD STUFF - NOT SURE THIS IS STILL USED
/* ---------------------------------------------------------------------------- */
.menu { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #dddddd;
	font-weight: normal;
	text-decoration: none;
}

.headerbig { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #dddddd;
	font-weight: bold;
	text-decoration: none;
}

.headersmall { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #dddddd;
	font-weight: bold;
	text-decoration: none;
}
/* end old stuff */
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/* BLINKING TEXT CSS
/* ---------------------------------------------------------------------------- */
.blink_red {

animation:1.0s blinker linear infinite;
-webkit-animation:1.0s blinker linear infinite;
-moz-animation:1.0s blinker linear infinite;

 color: red;
}

@-moz-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
}
/* end blinking text
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/* BLINKING TEXT CSS
/* ---------------------------------------------------------------------------- */
.blink_green {

animation:1.0s blinker linear infinite;
-webkit-animation:1.0s blinker linear infinite;
-moz-animation:1.0s blinker linear infinite;

 color: green;
}

@-moz-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
 100% { opacity: 1.0; }
}
/* end blinking text
/* ---------------------------------------------------------------------------- */