/* CUSTOM */
body {
	background: transparent;
}

#info, #info #title {
	color: #666;
	font-size: 20px;
	line-height: 25px;
	text-shadow: 1px 1px 2px #ccc;
}

#info #popoutIcon {
	color: #999;
	transition: color 0.5s;
}
#info #popoutIcon:hover {
	color: #333;
}

#info #album {
	display: inline;
}
#info #year {
	display: inline-block;
	margin-left: 5px;
}
#info #notes {
	display: none;
}
#info #buy {
	display: block;
	margin-top: 10px;
	opacity: 0.7;
}

#info #mini-tweet { /* display: none; */ }

	/* can remove once added to index.css */
	.poppedout {
		background-color: #222;
	}
	.poppedout #info {
		color: #ccc;
		text-shadow: 1px 1px 2px #000;
	}
	.poppedout #info #nowplaying {
		color: #999;
	}
	.poppedout #info #popoutIcon {
		color: #999;
	}
	.poppedout #info #popoutIcon:hover {
		color: #fff;
	}
	.poppedout #info #title {
		color: #fff;
		text-shadow: 1px 1px 2px #000;
	}
	
	#info #nowplaying {
		display: block; 
	}


/* Portrait */
@media screen and (orientation:portrait) {
	body {
		background-color: transparent;
	}
}

/* Landscape */
@media screen and (orientation:landscape) {
	#info { margin-left: 30px; }
}