/*        pix-album/style.css          */
body	{
	margin:0;
	font-family: arial, helvetica, sans-serif;
	background-color: #000000;
	color: #FFFFFF;
}
td        {font-family: arial, helvetica, sans-serif;}
a         {text-decoration: none;}
a:link    {color: #FFFF00;}
a:active  {color: #00FFFF;}
a:visited {color: #77FF44;}
a:hover   { color: #CC0000}
.box      {
           display: inline-block;
           width: 200px;
           text-align: center;
           margin: 16px;
           }
/* START different images for < 900px */

.wide {
}

.narrow {
	display:none;
}

@media only screen and (max-width: 900px) {
	.wide {
		display:none;
	}
	.narrow {
		display:inline-block;
	}
}

/* END different images for < 900px */

/* pix-album content wrapper */
#topofpage	{
		text-align:center;
		}

/* the box with the copyright message */
#message	{
		text-align:justify;
		font-size:x-small;
		width:92%;
		min-width:300px;
		max-width:600px;
		margin:16px auto;
		border:6px;
		border-color:white;
		border-style:ridge;
		background:#595959;
		padding:8px;
		border-radius:8px;
		}
/* Flex container/s for general use */
.flex-container {
  padding: 0;
  margin: 0 8px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  flex-wrap: wrap;
}
.flex-item {
  text-align: center;
  margin: 0.5em;
  flex: 1 1 auto;
}
.flex-item-fixed {
  text-align: center;
  vertical-align: middle;
  margin: 0.5em;
  flex: 0 0 auto;
 }
.flex-item-middle {
  text-align: center;
  margin: 12px 0;
  display: flex;
  -webkit-flex-direction:column;
  flex-direction: column;
  -webkit-justify-content:center;
  justify-content:center;
  resize:vertical;
  /* overflow: auto; */
  }
.flex-item-middle div {
  resize: vertical;
  /* overflow: auto; */
  }

/* END Flex container/s for general use */

.middle  { text-align:center; }

/* START the classes used to dim or omit things during a playing Album */
.dim {
     opacity: 0.2;
     filte:alpha(opacity=20); /* for IE8 and earlier */
     }
.off {
     display:none;
     }
/* END the classes used to dim or omit things during a playing Album */


/*   END   pix-album/style.css          */