.item{
	width:100%;
}
.collection .item img{
	width: 106px;
	float:left;
	margin:0 1em .1em 0;
	
}


.collection .item img.fl{
	width:180px !important;
}
.collection{
	margin: 2em 0 0 0;
	float:left;
	width: 100%;
	
}
#extra-content{
	margin:2em 0 2em 0;
	float:left;
	width:100%;
}
.collection #playlist{
	clear:left !important;
	padding: 1em 0 0 0 !important;	
	
}
.collection ul{
	margin: 1em !important;
	/*clear:left !important;*/
	list-style: none;
	
}

.collection ul li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1em;
    position: relative;
}
.collection p{
	font-size: 14px;
	
}
.collection h6, .collection h5{
	clear:right;
	margin: 0 0 .7em 0;
	line-height: 1em;
}
.collection h1{
	line-height: 1em;
	margin: 0 0 .7em 0;
}
.collection .first-listen h6{
	margin-left:0;
}
.item{
	position:relative;
	float:left;
}
.collection .item{

	margin: 2em 0 2em 0;
}
#album-art img{
	cursor:pointer;
	
}
#album-art{
	cursor:pointer;
}

.entry-content .mejs-container{
	width:100% !important;
	margin:0 0 .8em 0;
}

.mejs-list .item:hover {
    /*background: #ffa;
    cursor: pointer;*/
}
.mejs-list .current {
    /*background: #cddfff;*/
}
/*************************************************Loading Stuff**************************************************************/
#infscr-loading img{
	/*margin:0;
	padding:0;
	display:table-cell;
	margin: 0 auto 0 auto;*/
	visibility: collapse;
}
#infscr-loading{
		display:inline-block;
		/*position:absolute;*/
		position:relative;
		right:auto;
		left:auto;
}
@-webkit-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
#loading {
	/*font-size: 3em;*/
	margin: 0;
	padding: 0;
	/*text-align: center;*/ 
}

#loading span {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	
	-moz-animation-name: opacity;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	
	animation-name: opacity;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

#loading span:nth-child(2) {
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
	animation-delay: 100ms;
}

#loading span:nth-child(3) {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	animation-delay: 300ms;
}/******************************************************KEEP MAYBE**********************************************************/

#stream, #stream_wrapper, #npr_stream_collection{
	margin: 0 0 2em 0;
	/*visibility: hidden;*/
	/*background: #faf1f1;*/
}	
#player-title{
	margin: 0em 0 2em 0;
	/*background: #fafafa;*/
}
#player-title h3, #player-title h6{
	margin-bottom: .3em;
	margin: 0 .5em .3em 0;
clear: none !important;
display: inline-block;

}
#player-title h6{
	margin-bottom: .3em;
	
	
}
#player-info{
	max-height:320px;
	position:relative;
	width:100%;
	float:left;
	/*padding-bottom:.2em;*/
	background-color: rgb(247,247,247);
}
#album-art{
	margin: 1% 1% 0% !important;
	width: 30% !important;
	position: relative;
	float:left;
	padding-right: 1% !important;
}
#info-pane{
	position: relative;
	float:left;
	width: 65%;
	height: 200px;
	
}
#track{
	margin:0px 15px;
	display:inline-block;
}
#npr_stream_collection_wrapper {
	position: absolute !important;
	bottom: 3px;
}


.item-status{
	clear:none;
	width:100%;
	position: relative;
	float: left;
}
#player-status{
	width:100%;
	margin:20px 15px 0px;
}
#player-status h5{
	clear:none !important;
	margin:0;
	display: inline-block;
	/*	line-height: 1em;*/
}
#player-status #loading{
	
	display:inline-block;
	margin:0;
	padding:0;
	/*line-height: 1em; */

	
}
#player-title h1{
	margin: 0 .3em .3em 0;
	clear: none !important;
	display: none;
}

nav.page-navigation {
	display:none;
}

.disable-hover, .disable-hover * {
	pointer-events: none !important;
}

.listen-wrapper {
	float: left; 
	width: 92%; 
	padding: 4% 4% 4% 4%; 
	background-color: #F7F7F7; 
	display: block; 
	margin: 0 0 20px 0;
}

.listen-title {
	float: left; 
	margin-right: 3%;
}

.listen-title h2 {
	color: #000;
	text-transform: uppercase;
	line-height: 1em;
	margin-bottom: 0;
	font-size: 2em;
}

.listen-wrapper #stream {
	width: 80% !important;
	float: right !important;
	margin: 0 !important;
}

.collection ol li:hover {
	background-color: #f7f7f7;
}

/********************************************* Player Info ****************************************************************/
span#state{
	font-style: italic;
	margin-right:.6em;
}
span#track{
font-size: 1.4em;
font-weight: 700;	


}
span#artist{
font-size: .9em;
font-weight: 600;	

}
span#album{
font-size: .9em;
font-weight: 600;	

}
span#artist-title{
font-size: .9em;
font-weight: 100;
margin-right:.3em;
margin-left:15px;
color:rgb(51, 51, 51);

}
span#album-title{
font-size: .9em;
font-weight: 100;
color: rgb(51, 51, 51);
margin-right:.3em;
margin-left:15px;
	
}

/**************************************************************************************************************************/
@media only screen and (max-width: 1180px) {
.listen-wrapper #stream {
	width: 80% !important;
	float: right !important;
	margin: 0 !important;
}

.listen-title h2 {
	color: #000;
	text-transform: uppercase;
	line-height: 1em;
	margin-bottom: 0;
	font-size: 1.5em;
}

}

@media only screen and (max-width: 900px) {
.listen-wrapper #stream {
	width: 78% !important;
	float: right !important;
	margin: 0 !important;
}

.listen-title h2 {
	color: #000;
	text-transform: uppercase;
	line-height: 1em;
	margin-bottom: 0;
	font-size: 1.5em;
}

}

@media only screen and (max-width: 720px) {
.listen-wrapper #stream {
	width: 75% !important;
	float: right !important;
	margin: 0 !important;
}

.listen-title h2 {
	color: #000;
	text-transform: uppercase;
	line-height: 1em;
	margin-bottom: 0;
	font-size: 1.5em;
}

}

@media only screen and (max-width: 500px) {
	.listen-title h2 {
	color: #000;
	text-transform: uppercase;
	line-height: 1em;
	margin-bottom: 0;
	font-size: 1.5em;
}
.listen-wrapper #stream {
	width: 75% !important;
	float: right !important;
	margin: 0 !important;	
}
}

@media only screen and (max-width: 480px) {
    .item img{
	width: 100% !important;
	float:left;
	margin:0px 15px 5px 0px;
	}
	#player-title h5{
		font-size: 1.2em;
	}
	
	.listen-title h2 {
    color: #000000;
    font-size: 1em;
    line-height: 1.8em;
    margin-bottom: 0;
    text-transform: uppercase;
}
	
	
#npr_stream_collection #npr_stream_collection_wrapper #stream {
	width: 70% !important;
	float: right !important;
	margin: 0 !important;
}
	
}

/*@media only screen and (min-width: 720px) and (max-width: 959px), (min-width: 1160px) {
.collection audio{
	display: none;
}

.item-extra{
	display:none;
}
}*/


/******************************** Hide item stuff for mobile ******************************************************/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
a.player img{
	display:none;
}

.mini{
	float:left;
	position: relative;
	clear:none;
	max-width: 20%;
	height:auto;

}
.inline-audio{
	float:left;
	position: relative;
	/*max-width:80%;*/
}
.album-info{
	display: none;
}
#player-info.standard{
	display:none;
}
.item .item-extra{
	float:right;
	width:100%;
	position:relative;
	background-color: rgb(230,230,230);
	margin-bottom:1em;

}
.collection .inline-audio audio{
	display:block;
	width:100%;
	/*margin: 1.3em 0 0 0;*/
	padding:0;
	
}
.collection .item{
	margin: 1em 0 1em 0;

	
}

}


@media only screen and (max-width: 480px) {
a.player img{
	display:none;
}

.mini{
	float:left;
	position: relative;
	clear:none;
	/*max-width: 20%;*/
	height:auto;

}
.inline-audio{
	float:none;
	position: relative;
	max-width:80%;
}
.album-info{
	display: none;
}
#player-info.standard{
	display:none;
}
.item .item-extra{
	float:right;
	position:relative;
	background-color: rgb(230,230,230);
	margin-bottom:1em;

}
.collection .inline-audio audio{
	display:block;
	width:100%;
	/*margin: 1.3em 0 0 0;*/
	padding:0;
	
}
.collection .item{
	margin: 1em 0 1em 0;

.mini-img{
	width:100%;
}



}


}

.item-extra.youtube{
	float:none;
}
/*
[controls] {
width:100%;
margin-top:1.25em;
margin-bottom:1.25em;
}
*/

img.mini-img{
width: 100% !important;	
}


@media only screen and (min-width:480px){
	hgroup.logo img{
		max-width: 346px !important;
	}
}