body {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
}

#top, #bottom, #left, #right {
	background: #4181af;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 20px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 20px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

@media 

/* Fairly small screens including iphones */
only screen and (max-width: 300px),

/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 

{
	#top, #bottom, #left, #right { display: none; }
}

.btn {
  -webkit-appearance: none;    
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  font-weight: 700;
  color: #4181af;
  font-size: 16px;
  padding: 7px 17px 5px 17px;
  border: solid #4181af 6px;
  text-decoration: none;
  background-color: white;
}

.btn:hover {
  -webkit-appearance: none;    
  background: #4181af;
  text-decoration: none;
  color: white;

}

#container {
    width:70%;
    height: auto;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    }
#shows {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    
}
.menunav {
    vertical-align: middle;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}

img.logo {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 50%;
    
}

img.ngcover { 
    width: 100%;
    height: auto; 

}

#menu { 
    margin-left:auto;
    margin-right: auto;
    margin-top: 70px;
    margin-bottom: 60px;
    vertical-align: middle;
    height: auto;
    text-align: center;
    
    
}
#emailstrip {
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 2px 0px 2px 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: Courier;
    
    
}

.block-02-right .inner p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.6em;
    font-size: .9em;
    
}

h3 {
    font-size: 1em;

}

#ngrow {
    height: auto;
    width: 100%;
    background-color: ;
    

}

#showrow {
    height: auto;
    width: 100%;
    background-color: #518648;
    padding-top: 20px;
    color: white;
}
#historyrow {
    height: auto;
    width: 100%;
    padding-top: 20px;
}
#history {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    
}
#history p {
    line-height: 1.5em;
    
}

img.live {
    width: 90%;
    
}
img.matt {
   text-align: center;
    width: 70%;
    
}
#history p1 {
    font-size: 16px;
    line-height: 1.5em;
    display: block;
    color: #e4463a;
}

.block-01 {}
.block-01 .block-02 {}
.block-01 .block-02 .block-02-left {}
.block-01 .block-02 .block-02-left > .inner {padding: 0px;}
.block-01 .block-02 .block-02-right {padding-left: 0px}
.block-01 .block-02 .block-02-right > .inner {}

a.digital:link {
    color: black;
    
}
a.digital:hover {
   color: black; 
    
}

a.digital:active {
  color: black;  
    
}
a.digital:visted {
   color: black; 
    
}

a.links:link {
    color: black;
    text-decoration: none;
    line-height: 30px;
}
a.links:hover {
    color: black;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: solid 5px black; 
        
}
a.links:active {
    color: black;
    text-decoration: none;
}
a.links:visited {
    color: black;
    text-decoration: none;
}

#footer {
    height: auto;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #4181af;
    color: white;
    
}

#credits {
 text-align: center;
    font-size: .8em;
    color: white;
    
}

a.me:link {
    color: white;
    text-decoration: underline;
    
}
a.me:hover {
    color: white;
    text-decoration: underline;
    
}
a.me:active {
    color: white;
    text-decoration: underline;
    
}
a.me:visited {
    color: white;
    text-decoration: underline;
    
}

.buy {
    font-family: Courier;
    font-size: .9em; 
}
a.purchase:link {
    background-color: #e4463a;
    color: white;
    padding: 4px;
    text-decoration: none;
    line-height: 2em;
    
}

a.purchase:hover {
  text-decoration: underline;
    
}
a.purchase:visited {
    background-color: #e4463a;
    color: white;
    padding: 4px;
    text-decoration: none;
    line-height: 1.8em;
    
}
a.purchase:active {
    background-color: #e4463a;
    color: white;
    padding: 4px;
    text-decoration: none;
    line-height: 1.8em;
    
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
    .col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}


/* Responsive */
    @media all and (min-width: 1000px) {
      .block-01 {display: table; width: 100%; table-layout: fixed;}
      .block-01 .block-02 {display: table-row; width: 100%;}
      .block-01 .block-02 .block-02-left {display: table-cell; width: 50%; vertical-align: top;}
      .block-01 .block-02 .block-02-left > .inner {}
      .block-01 .block-02 .block-02-right {display: table-cell; width: 50%; vertical-align: top; padding-left: 50px }
      .block-01 .block-02 .block-02-right > .inner { margin-top: -20px;}
        
    
    #container {
    width:60%;
    height: auto;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    }
    #ngrow {
    height: auto;
    width: 100%;
    background-color: ;
    padding-top: 20px;
    padding-bottom: 20px;
}
    #shows {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em;
        color:  white;
    
}
    #history {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em;
    
}
      #history h2 {
    letter-spacing: 2px;
    font-size: 2.2em;
    
}    
    #history p {
    line-height: 1.5em;
    
}     
        
    #shows h2 {
    letter-spacing: 2px;
    font-size: 2.2em;
    
}

    img.ngcover { width: 100%;
    height: auto; 
    
    }
            
    #menu { 
    margin-left:auto;
    margin-right: auto;
    margin-top: 70px;
    margin-bottom: 30px;
    vertical-align: middle;
    height: auto;
    text-align: center;
    
    
} 
   img.logo {
   width: 15%;  
    
}
    #footer {
    height: auto;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #4181af;
    color: white;
    
}
        #credits {
 text-align: center;
    font-size: .8em;
            width: 80%;
            margin: auto;
    
}
        
        #history p1 {
         font-size: 16px;
            line-height: 1.5em;
            display: block;
            color: #e4463a;
            
        }
        
        
    img.matt {
   text-align: center;
    width: 50%;
}
   
    }