@charset "utf-8";
/* CSS Document */

html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Arial, 'Lucida Sans Unicode';
}

.small {
	font-size:70%;
	color:#000;
}

a {
	text-decoration:none;
}

a:link, a:visited {
	color:#F90;
}

a:hover, a:active {
	color:#F00;
}

header {
	margin-left:auto;
	margin-right:auto;
	padding:18px;
}

img {
	border:0;
}

.ys-img {
	width:60%;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.style-ys-logo {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:30%;
	height:auto;
}

.style-w-logo {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:25%;
	height:auto;
}

.style-nav ul {
	list-style-type:none;
}

.style-nav ul li a {
	text-decoration:none;
	color:#2f322a;
	font-size:24px;
	text-align:center;
	display:block;
	padding:8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.style-nav a:hover, .style-nav a:active,
.style-nav .active a:link, .style-nav .active a:visited{
	background-color: #F00;
	color: #000;
	text-shadow:none;
}

.style-nav-index ul {
	list-style-type:none;
}

.style-nav-index ul li a {
	text-decoration:none;
	color:#2f322a;
	font-size:24px;
	text-align:center;
	display:block;
	padding:8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.style-nav-index a:hover, .style-nav-index a:active,
.style-nav-index .active a:link, .style-nav-index .active a:visited{
	background-color: #F00;
	color: #000;
	text-shadow:none;
}

.mainContent {
	line-height:25px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


.content {
	width:65%;
	margin-left:auto;
	margin-right:auto;
	color:#000;
}

.topcontent {
	background-color:#FFF;
	margin-bottom:2%;
}

.mainFooter {
	background-color: #FFF;
	width:100%;
	height:40px;
	float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:2%;
}

.mainFooter p {
	color: #000;
	width:92%;
	margin:10px auto;
	text-align:center;
}

.row:before, .row:after {
	content: "";
	display:table;
}

.row:after {
	clear:both;
}

.col {
	width: 100%;
}

.info-box {
	width:90%;
	height:auto;
	text-align:center;
	padding: 30px 30px;
	line-height:25px;
	background-color: #f5f5f5;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.info-box2 {
	width:90%;
	height:auto;
	text-align: left;
	padding: 30px 30px;
	line-height:25px;
	background-color: #f5f5f5;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.info-box3 {
	width:100%;
	height:auto;
	text-align:center;
	padding: 10px 10px;
	line-height:25px;
	background-color: #f5f5f5;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.pic-box {
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:30px;
}

.vid-box {
	width:100%;
	text-align:center;
	line-height:25px;
}

iframe {
	width:100%;
}

.release-img {
	width:100%;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.band-img {
	width:100%;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.release-page-img {
	width:80%;
	height:auto;
	vertical-align:middle;
}

.release-page-img-sm {
	width:45%;
	height:auto;
	vertical-align:middle;
}

/*tablet view*/

@media (min-width: 768px){
	
	
	.style-nav ul li {
		display:inline-block;
	}
	
	.style-nav ul {
		text-align:center;
	}
	
	.style-nav-index ul li {
		display:inline-block;
	}
	
	.style-nav-index ul {
		text-align:center;
	}
	
	.style-ys-logo {
		width:20%;
		height:auto;
	}
	
	.col-one-half {
	float:left;
	width:50%;
	}
	
	.info-box {
		padding: 15px 30px;
		font-size:80%;
		line-height:20px;
	}
	
	.release-page-img {
	width:90%;
	max-width:100%;
	height:auto;
	vertical-align:middle;
	}
	
	.release-page-img-sm {
	width:30%;
	}

}


/*desktop view*/

@media (min-width: 1024px){
	
	header {
		max-width:90%;
	}
	
	.release-page-img {
	width:67%;
	height:auto;
	vertical-align:middle;
	}
	
	.style-ys-logo {
		float:left;
		width:15%;
		height:auto;
	}
	
	.style-nav {
		float:right;
		margin-top:8%;
	}
	
	.col-one-quarter {
	width:25%;
	}
	
	.col {
		float:left;
	}
	
	.col-one-half-lg {
	float:left;
	width:50%;
	}
	
	.ys-img {
	width:40%;
	max-width:100%;
	height:auto;
	vertical-align:middle;
	}
	
	.vid-box {
		width:50%;
	}
	
	.info-box2 {
	width:50%;
	height:auto;
	text-align: left;
	padding: 30px 30px;
	line-height:25px;
	background-color: #f5f5f5;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	}
	
	.info-box {
		font-size:100%;
		line-height:25px;
	}
	
	.release-page-img-sm {
	width:45%;
	}
}