.item1 { grid-area: header; }
.item2 { 
    grid-area: strip; 
    background-image: 
    url('../images/stripes.gif'); 
    background-repeat: repeat-y; 
    min-width: 100px;
    }
.item3 { grid-area: image; }
.item4 { grid-area: shows; }
.item5 { grid-area: links; }
.item6 { grid-area: footer; }

/** main container */
.grid-container {
    display: grid;
    grid-template-areas:
    'strip 	header  header'
    'strip 	image   image'
    'strip 	shows   shows'
    'strip 	links   links'
    'strip 	footer  footer';
    gap: 15px;
    padding: 2px;
    max-width: 780px;
    border: 0px solid #333;
}

/** panels */
.grid-container > div {
    padding: 2px 0;
    border: 0px solid #333;
}

/** concert-html photo array */
.image-container {
    border: solid black 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.image-container div {
    border: solid black 0px;
    display: flex;
    background-color: #eee;
    overflow: hidden;
} 
/** end concert-html */ 

.concert-date-container {
    border: solid 0px black;
    display: flex;
    flex-direction: column;
    font-size: 1.15em;
    width: 100%
}

/** concert date cell */
.concert-date-row {
    border: solid 0px black;
    background-color: #e3e3e3;
    display: flex;
    margin: 5px 2px 2px 5px;
    justify-content: space-between;
}
/** end concert date cell */

.concert-header{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    font-weight: bold;
    background-color: maroon;
    color: white
}

.concert-footer {
    color: #fff;
    font-weight: normal;
    justify-content: space-between
}

a.fWhiteLink:link {
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}

a.fWhiteLink:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none
}

a.fWhiteLink:active {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

a.fWhiteLink:hover { 
    color: red; 
    font-weight: normal;
    text-decoration: none;
}