@font-face {
    font-family: 'iA Writer Mono Regular';  
    src: local('../fonts/iAWriterMono-Regular'),
        url('../fonts/iAWriterMono-Regular.ttf') format('truetype');   
}



@font-face {
    font-family: 'iA Writer Mono Italic';
    src: local('fonts/iAWriterMono-Italic'),
        url('../fonts/iAWriterMono-Italic.ttf') format('truetype');   
}


/* regular desktop styles */

body {
	text-align: center;
	/* height: 100%; */
	margin: 0;
	
	background-color: #ede8e2;
	/*color: hsl(0, 0%, 10%);*/
	
	font-family: "iA Writer Mono Italic", serif;
	font-style: normal;
	font-weight: 300;	
	padding: 0;
	font-size:16px;
}





/********
general shared
**********/



p  {
	padding-top: 0;
	padding-bottom: 2.0em;
	margin-top: 5px;
	margin-bottom: 0;
	
}

.rightalign {
	text-align : right;
}

.ui{
	
    font-weight: 300;
   

}


.uibold{
	
    font-weight: 500;
  

}


b {
	
    font-weight: 500;
   
}

a {
	display:inline-block;
	text-decoration: none;
 	color: black;
 	background-color: none;
 	padding:0.3em;
}
/* visited link */
a:visited {

  text-decoration: none;
  color: black;
}

/* mouse over link */
a:hover {
	
 /* text-decoration: underline; */
 
  color: #ede8e2;
  background-color: dimgrey;
  
}

/* selected link */
a:active {
text-decoration: none;
  /* text-decoration: underline; */
  
  color: #ede8e2;
 background-color: dimgrey;
 
}


/*the release header*/

.releasenavtitle{
	margin: auto;
	margin-bottom: 2em;
	padding-top: 0;
	font-weight: 500;
	width:auto;
	
}

.releaselisttitle {
	font-size: 1.0em;
	font-weight: 500;
	border-bottom: 1px solid;
}

.releasetitletext {
	font-size: 1.0em;
	font-weight: 500;
}

.releasenavtitle span{
 border-bottom: 1px solid black;
	
}

.releasenavtitle span:hover{

	border-bottom: 0;
}


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

 }
 
img.home_logo  {
	width: 551px;
	height: 200px;
}





  .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: 500px;
  
  /* text-indent: 30px; */

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

}