@charset "UTF-8";
/* CSS Document */
#container {
	position: relative;
	width: 100%;
	max-width:68em;
}

/* --------------------*/

.genre h1 { /* Big Band heading */
	margin: 10px 0 10px 0;
	font-size: 2.5em;
	/*text-shadow: 0 1px 0 #F00;*/
	clear: both;
	background-color: #000;
	width: 100%;
	padding: 1% 0 0 0;
	position: relative;
}

/*.genre h1, h2.title, .click h3 {
    font-family: 'danielregular';
	text-rendering: optimizeLegibility;
}*/

.spacer {
	clear: both;
	height: 22px;
	border-top: 2px dotted #F7F7F7;
}

.feature {
	padding: 0 0 20px 0;
	width: 100%;
	float: left;
	margin-bottom: 20px;
	background-color: #E7E7E7;
}

h2.title { /*Song Title */
	font-size: 2em;
	padding: 5px 0 5px 2%;
}

/* ---- FEATURE, GROOVE, DIFFICULTY ---- */
.specs {
	background-color: #F5F5F5;
	clear: both;
	height: 70px;
	color: #333;
	margin: 0 0 10px 0;
	font-size: 1em;
}

.label {
	padding: 5px 0 5px 3px;
	display: block;
	text-align: center;
	font-weight: bold;
	margin: 0 0 1% 0;
}

.specBox {
	width: 29.3%;
	text-align: center;
	float: left;
	margin: 0 2%;
}

/* ---- DESCRIPTION AND AUDIO ---- */
.feature .info {
	width: 100%;
	padding: 0 0 1.5% 0;
	float: left;
}

audio {
	margin: 0 auto 5px 2%;
	clear: both;
	width: 96%;
}

.desc {
	color: #000;
	line-height: 1.4em;
	background-color: #C5C5C5;
	padding: 5px 5px 0 8px;
	margin: 0 auto 5px auto;
	font-size: 1em;
	width: 92%;
}

/*----- PDF, BUY BUTTONS -----*/
.feature a {
	display: block;
	text-decoration: none;
	color: #7f7f7f;
	padding: 0 1%;
}

.feature a:first-child {
	margin: 0 0 0 3%;
}

.feature a:hover, .feature a:focus {
	display: block;
	color: #000;
}

.score {
  padding: 0;
  margin: -10px 0 0 0;
  width: 100%;
  float: right;
  text-align: center;
 }
 
 /*.viewPDF,
 .buyScoreUS,
 .buyScoreCDN {
	 width: 29.3%;
	 float: left;
	 margin: 0 2%;
 }*/
 
 .viewPDF {
	 width: 98%;
	 margin: 0;
 }
 
 /* Gradient and border */
.title, 
.score .viewPDF a,
.score .buyScoreUS a,
.score .buyScoreCDN a {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#939393), to(#151515));
   background-image: -webkit-linear-gradient(top, #939393, #151515); 
   background-image:    -moz-linear-gradient(top, #939393, #151515);
   background-image:     -ms-linear-gradient(top, #939393, #151515);
   background-image:      -o-linear-gradient(top, #939393, #151515);
   color: #FFF;
   border: 1px solid #d7d7d7;
}

.score .viewPDF a:hover,
.score .buyScoreUS a:hover,
.score .buyScoreCDN a:hover {
	color: #333;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdcdcd), to(#565656));
   background-image: -webkit-linear-gradient(top, #cdcdcd, #565656); 
   background-image:    -moz-linear-gradient(top, #cdcdcd, #565656);
   background-image:     -ms-linear-gradient(top, #cdcdcd, #565656);
   background-image:      -o-linear-gradient(top, #cdcdcd, #565656);
   border: 1px solid #000;
}

/* ---- Rounded Corners ---- */
.desc, .viewPDF a, .buyScoreUS a, .buyScoreCDN a {
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
	
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
	
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
	
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}

.title.small {
	font-size: 1.6em;
}

.title.smallest {
	font-size: 1.0em;
}

/* QUERIES FOR BIGGER RESOLUTIONS */
@media only screen and (min-width: 36em) {
.feature {
	margin: 2%;
	width: 46%;
	float: left;
}

.spacer {
	display: none;
}

}

@media only screen and (min-width: 38em) and (max-width: 40em) {
.feature {
	height: 310px;
}

}

@media only screen and (min-width: 45.5em) and (max-width: 48em) {
.feature {
	height: 300px;
}

}