body{
	margin:0px;
	padding:0px;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background: left top no-repeat #f3f3ef;
	letter-spacing:.5px;
    background-attachment: fixed;
	color: #000;
	overflow:hidden;
}

.ctrlv, .ctrlv a{
	letter-spacing:15px;
}

a:link, a:visited {
	color:#000;
	text-decoration: none; 
}

a:hover, a:active, a:focus {
	color: #999;
	text-decoration:none;
}


* { box-sizing: border-box; }

.issue {
	overflow-x:hidden;
}

.cell {
	padding:0px;
	margin:0px;
	background:url(../img/texture.png);
	text-align:center;
}

.cell_issue2 {
	padding:0px;
	margin:0px;
	background:url(../img/issue2_maintexture.png);
	text-align:center;
}

.first {
	background:none;
}


.flickity-page-dots {
  bottom: 15px;
}

.flickity-button {
  background: transparent;
}

.toc {
	width:380px;
	margin-left:auto;
	margin-right:auto;
}

.toplinks a, .covertext{
	color:#ed83a6;
	-webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #120200;
}

.toplinks a:hover{
	color:#b03a85;
}

.closeBio{
	float:right;
	font-size:20pt;
}

.altTitle{
	font-size:10pt;
	width:250px;
	margin:auto;
	padding-top:10px;
}

.soundTitle{
	font-size:16pt;
	width:250px;
	margin:auto;
	padding-top:10px;
}

.contribName{
	font-size:40pt;
	margin:0px;
}

.mute {
	position:absolute;
	opacity:0.9;
	width:70px;
	padding:14px 0px 0px 17px;
	height:50px;
	left:5px;
	bottom:30px;
	text-align:center;
	z-index:2;
}

.mute button{
	border:none;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background:url(../img/mutebutton.png);
	width:70px;
	height:50px;
}

.mute button:hover{
	background:url(../img/mutebutton_o.png);
}

.front {
	position:absolute;
	opacity:0.9;
	padding:6px 10px 0px 13px;
	right:5px;
	bottom:30px;
	text-align:center;
	z-index:2;
}

.front button {
	border:none;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background:url(../img/frontbutton.png);
	width:70px;
	height:72px;
}

.front button:hover {
	background:url(../img/frontbutton_o.png);
}

.bioText a{
	text-decoration: underline;
}

.bioText a:hover, a.closeBio{
	text-decoration: none;
}

@media screen and (max-width: 600px){
	
	.bioText {
		text-align:left;
		padding-top:0px;
		width:90%;
		margin:auto;
		font-size:12pt;
	}
	
	.flickity-button {
	  display:none;
	}

}

@media screen and (min-width: 601px) {
	
	.bioText {
		text-align:left;
		width:550px;
		margin:auto;
		font-size:14pt;
	}
	
	.flickity-button {
	  display:;
	}
}