#wbd_primary {float: left; padding-bottom: 10px; width: 100%;}
.wbd_content {float: right; width: 73%;}
#wbd_sidebar .wbd_data {float: left; width: 25%; padding: 0 2% 0 0;}

.wbd_track { float:right; width: 65%; margin: 0 0 20px 0;}
.wbd_track a, .wbd_meta #link{color: #011f1e; text-decoration:underline;}
.wbd_track #link:hover, .wbd_meta a:hover{color: #f62a5b; text-decoration:underline;}
.wbd_track h5{font-size: 16px; display: block; padding: 5px;}
.wbd_track label{font-weight:bold; margin: 5px;}
.wbd_track label-child{margin: 5px 0 5px 15px;}
.wbd_track .wbd_track-list{ width: 100%; line-height: 1.4em; column-count:2;column-gap:5%; -moz-column-count:2;-moz-column-gap:5%; -webkit-column-count:2;-webkit-column-gap:5%;}
.wbd_track h3, .wbd_track h4, .wbd_content.entry-content h3, .wbd_content.entry-content h4{ margin: 0 0 10px; font-size: 18px}
.wbd_album h2 { font-size: 20px; margin: 20px 0 ;}

.wbd_track .track_number{ font-weigth: bold;}
.wbd_track .track_title{ }
.wbd_track .track_time{ font-weight: normal; font-style:italic;}
.wbd_track .wbd_secondary_item { padding: 6px 0; }


#wbd_secondary { margin: 20px 0;}
#wbd_secondary .wbd_secondary_item {width: 100%; padding: 0;}
#wbd_secondary .wbd_secondary_item a img {margin-bottom: 2px;}
#wbd_secondary .wbd_secondary_item h3.title {font-size: 14px; text-align: center; margin: 4px auto;}
#wbd_secondary .wbd_track .wbd_secondary_item h3.title {text-align: left;}


.wbd_directory_item.artist {min-width: 200px; width: 23%; float: left; margin: 0 1%;  color: #fff; text-align: center; height: 220px; }
.wbd_directory_item.album {min-width: 200px; width: 23%; float: left; margin: 0 1%; color: #fff; text-align: center; height: 300px; }
.wbd_directory_item:hover, .wbd_directory_item:hover a{ color: #999 !important}
.wbd_directory_item h3 { font-weight: 400; text-align: center; line-height: 1.4 !important;}
.wbd_directory_item span { font-size: 12px;}
.wbd_directory_item .taxonomy_addon {text-align: center; font-size: 12px;}
.wbd_directory_item a, .wbd_directory_item a:active, .wbd_directory_item a:visited{ text-decoration: none;}

.wbd_meta {color: #011f1e; margin: 10px 0; padding: 10px; background-color: #ece9e1; width: 95%; border-top: 7px solid #f62a5b; line-height:1.8rem;}
.wbd_meta a, .wbd_meta #link{color: #011f1e; text-decoration:underline;}
.wbd_meta #link:hover, .wbd_meta a:hover{color: #f62a5b; text-decoration:underline;}
.wbd_meta h5{font-size: 16px; display: block; padding: 5px;}
.wbd_meta label{font-weight:bold; margin: 5px;}
.wbd_meta label-child{margin: 5px 0 5px 15px;}
.wbd_meta #link{overflow: hidden; text-overflow: ellipsis; width: 90%; margin: 0 5px;}
.wbd_meta ul {margin: 0; padding: 0; list-style-type: none;}
.wbd_meta ul li {margin: 0; padding: 0 8px; list-style-type: none; line-height: 1.8em;}
.wbd_meta ul li.heading {font-family: "Merriweather",Georgia ,serif; font-size: 16px; font-weight: bold; padding: 8px; background-color: #0a2c2a; color: #FFFFFF;}
.wbd_meta ul li label {font-weight: bold;}

#wbd_sidebar{float: left; min-width: 200px; width: 30%; }
#wbd_sidebar img{ width: 100%; margin: 0 0 20px 0; }
.wbd_description, .wbd_content{ width: 65%; float: right;}

.wbd_album h4{ padding: 20px 0 20px 5px; font-size: 18px; line-height: 1.4em;}

@media screen and (min-width: 960px) {
	
}

@media screen and (max-width: 790px) {
	#wbd_sidebar, .wbd_description, .wbd_content { width: 100%; margin: 0 0 20px 0;}
	#wbd_sidebar img{ float: left; width: 45%;}
	#wbd_sidebar .wbd_meta{ float: right; width: 50%; margin: 0 auto;}
	.wbd_track { width: 100%;}
	.wbd_track .wbd_track-list{ width: 100%; line-height: 1.4em; column-count:2;column-gap:5%; -moz-column-count:2;-moz-column-gap:5%; -webkit-column-count:2;-webkit-column-gap:5%;}
	.wbd_directory_item.artist {min-width: 160px; width: 23%; float: left; margin: 0 1%;  color: #fff; text-align: center; height: 170px; }
	.wbd_directory_item.album {min-width: 160px; width: 23%; float: left; margin: 0 1%; color: #fff; text-align: center; height: 250px; }
	.wbd_track h3, .wbd_track h4{ margin: 20px 0 10px;}
}

@media screen and (max-width: 400px) {
	#wbd_sidebar img{ width: 100%;}
	#wbd_sidebar .wbd_meta{ width: 100%; margin: 0 auto;}
	.wbd_directory_item.artist, .wbd_directory_item.album {width: 100%; height: auto; color: #fff; text-align: center; margin: 10px 0; text-align: left;}
	.wbd_directory_item.artist img, .wbd_directory_item.album img{ display: none;}
	.wbd_directory_item h3{ text-align: left;}
}
	

