/***********
releases page

************/


/**********
releases list
************/

.reltitlepadding{
	padding-top:0.3em;
}

span.artist{
	display: inline;
    font-weight: 550;
}

span.title{
	display: inline-block;
    font-weight: 300;

}

.headtext{
	  display: inline-block;
    font-weight: 550;
    font-size: 1.3em
}

.buy{
	  display: inline-block;
    font-weight: 300;
    font-size: 0.9em
}

span.topitems{
	display: inline-block;
    font-weight: 300;
     font-size: 0.8em
}


img.home_logo  {
		width: 12em;
		height: auto;
		padding-bottom:0;
}

/*
p.release  {
	padding-top: 0;
	padding-bottom: 0.5em;
	margin-top: 0;
	margin-bottom: 0;

}
 */

.release  {
	/* padding-top: 0.4em; */
	/* padding-bottom: 0.4em; */
	text-align:left;
	border-bottom: 1px dotted #989898;
}

span.under  {
	/* border-bottom: 1px dotted #989898; */
}

.catnum  {
	padding-top: 0.3em;
	padding-bottom: 0;
	text-align:left;
	border-bottom: 1px dotted #989898;
}


.releases {
	padding-top: 20px;
	/*position: relative;*/
	font-weight:300;
}

ul{
	list-style-type: none;
	margin: 0;
  	padding: 0;
}



.releases {
  display: grid;
  grid-template-columns: 60px auto;
  text-align:left;

}


/* unvisited */
link a:link {
  padding: 3px 5px;  text-decoration: none;
  color: black;
}

/* visited */
link a:visited {
  padding: 3px 5px;  text-decoration: none;
  color: black;
}

/* mouse over */
link a:hover {
	color: white;
  text-decoration: underline; padding: 3px 5px;  color: black;
  background-color: black;
}

/* selected */
link a:active {
color: white;
  text-decoration: underline;  padding: 3px 5px;  color: white;
  background-color: black;
}


.contentcenter {
/* max-width: 500px */
  margin: auto;
  width: 700px;
  height: auto;
  /* border: 0.5px solid #111111; */
  padding: 0px;


  font-size: 1.0em;
}

img.smallmenulogo {
  width: 150px;
  height: auto;
}

/* mouse over link */

.pageup:hover {
  text-decoration: none;

  background-color: transparent;
}

.upbutton{

	margin-top: 2em;
	margin-bottom: 2em;
	cursor:pointer ;
	mix-blend-mode: multiply;
	width:80px;
	height:80px;
}

@media (max-width: 1000px) {



/*
@media only screen and (max-width: 1000px)
{
	body {
		background-color: yellow;
		font-size: 100px;

	}
}
 */

@media only screen and (max-width: 1000px) {

  .pagecenter {
/* max-width: 500px */
	  margin: auto;
	  width: 500px;
	  height: 1777px;
	  line-height: 1.0em;
	  border: 0.5px solid #111111;
	  padding: 0;

  }
  p.menu {
   margin-top: 0px;
  }
  .contentcenter {
	/* max-width: 500px */
	  margin: auto;
	  width: 800px;
	  height: auto;
	  /* border: 0.5px solid #111111; */
	  padding: 0;
	 /* font-size: 1.4em */

	}

.releasecontainer {
	/* max-width: 500px */
  margin: auto;
  width: 600px;

  /* text-indent: 30px; */

  /*border: 0.5px solid #111111;*/
  padding: 0;
  color: black;

  }
  .releases {
/* max-width: 500px */
  display: grid;
  grid-template-columns: 110px auto;
  text-align:left;
  font-size: 1.0em

	}

.release  {
	/* padding-top: 0.4em; */
	/* padding-bottom: 0.4em; */
	text-align:left;
	border-bottom: 2px dotted black;
}

.catnum  {
	padding-top: 0.3em;
	padding-bottom: 0;
	text-align:left;
	border-bottom: 2px dotted black;
}


img.smallmenulogo {
  width: 300px;
  height: auto;
}

 .upbutton{

	width:160px;
	height:160px;
}


}

/* mobile only styles when the device is 0-600px in maximum width */

/* mobile only styles when the device is up to 1000px in maximum width */