/**
 * Body Styles
 */

html, body {
	height              : 100%;
	width               : 100%;
}

.bold {
	font-weight: bold;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#main_wrapper
{
	width:100%;
	background:none;
}

#albumcoverModal .modal-dialog {
     bottom: 100%;
     height: 100%;
     left: 0px;
     margin: 0px;
     right: 0px;
     top: 0px;
     width: 100%;
}

.modal-body {
     max-height: 100%;
}

#albumcoverModal .modal-body {
     text-align: center;
}

#albumcoverModal .modal-content {
     background-color: rgba(255, 255, 255, 0.08);
}

.close-btn
{
	color:#FFF;
	font-size: 22px;
	cursor:pointer;
}

.close-btn:hover
{
	color:#CCC;
	text-decoration:none;
}

.modal_flip_cover, .the_cover
{
	cursor:pointer;
}

.modalAcover{
border: 1px solid #fff;
}

/**
 * Homepage Quick Nav


.hp-quick-nav {
	list-style: none;
	width: 3.75%;
	padding: 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	border-radius: 5px;
	margin-left: 0.4%;
	position: absolute;
	top: 50%;
	transform: 	translateY(-50%);
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(235,235,235,0.76);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(235,235,235,0.76);
	box-shadow: inset 0px 0px 5px 0px rgba(235,235,235,0.76);
}

.hp-quick-nav-item {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.hp-quick-nav-item img {
	width: 100%;
}

.hp-quick-nav-right {
	right: 0;
	margin-right: 0.4%;
}

.hp-show-on-hover {
	display: none;
}

.hp-quick-nav a:hover img, .hp-nav a:hover img {
	display: none;
}

.hp-quick-nav a:hover .hp-show-on-hover, .hp-nav a:hover .hp-show-on-hover {
	display: block;
}
 */