#albumpage
{
        border-top: 1px solid #D6D0C1;
        border-bottom: 1px solid #D6D0C1;
	overflow:auto
}

#album-wrapper
{
        font-family: 'Open Sans', sans-serif;
        width:auto;
        max-width:1000px;
        margin:0 auto;
        padding:20px 0px 0px 0px;
}

#album-wrapper article
{	
        margin-right:5px;
        font-size:14px;
}

.pagetitle
{	
        border-radius:5px;
	margin-bottom:20px;
}

.cover-bg
{
        border-radius:5px;
	margin-bottom:20px;
        padding:10px 10px 10px 10px;
}

.tracklist
{
        border-radius:10px;
	margin-bottom:20px;
}

.recinfo
{
	background-color: rgba(50, 50, 50, 0.5);
        border-radius:5px;
	margin-bottom:20px;
}

.descrip/*background-color:#333333;*/
{
	background-color: rgba(50, 50, 50, 0.5);
        border-radius:5px;
        padding:10px 10px 10px 10px;
	margin-bottom:20px;
}

.bandmem/*background-color:#333333;*/
{
	background-color: rgba(50, 50, 50, 0.5);
        padding:10px 10px 10px 10px;
        border-radius:5px;
	margin-bottom:20px;
}

#album-wrapper article h3
{
        color:#ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        font-size:22px;
        margin-bottom:20px;
        margin-left:0px;
}

#album-wrapper article p
{
        color:#ffffff;
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
}

#album-wrapper article p.header1
{
        text-transform: uppercase;
        border-bottom: 1px solid #D6D0C1;
}

#album-wrapper article p.header2
{
	font-size:12px;
	color:#63dbf9;
        font-weight:bold;
        text-transform: uppercase;
        border-bottom: 1px solid #D6D0C1;
}

#album-wrapper article p.body1
{
        line-height:25px;
        font-size:0.9em;
}

#album-wrapper article p.body2
{
        line-height:15px;
        font-size:0.9em;
}

#album-wrapper article p.body2 strong
{
	color:#63dbf9;
        text-transform: uppercase;
}

#album-wrapper article p.body2 accent
{
	color:#43a0b7;
        text-transform: ;
}

#album-wrapper article p.body2 .name
{
	color:#0d6a82;
        font-weight:bold;
        text-transform: uppercase;
}

#album-wrapper article p.body2 .accent
{
	color:#43a0b7;
        font-weight:bold;
}

#album-wrapper article p.body3
{
	text-indent:20px;
        line-height:15px;
        font-size:0.9em;
}

img .middle
{
  	vertical-align: middle;
}

.img-responsive
{
  	display: block;
  	max-width: 100%;
  	height: auto;
  	margin:0 auto;
}

table
{
  	background-color: transparent;
	color:#ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        font-size:12px;
}

.table
{
  	width: 100%;
  	max-width: 100%;
  	margin-bottom: 5px;
}

.table-hover > tbody > tr:hover
{
  	background-color: #000000;
  	opacity: 0.5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th
{
	background-color: #333333;
}

.ttl
{
	color:#63dbf9;
}

/*================================================================================================*/
/*----MEDIA QUERIES-------------------------------------------------------------------------------*/
/*================================================================================================*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
/*=============================================================== */
/*///////////////////////MAX WIDTH 767\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*=============================================================== */
@media (max-width: 767px)
{
	body
	{ 
        	background-attachment:fixed;
        	background-repeat:no-repeat; 
        	background-color:#000000;
        	background-image:url(http://ascensionofthewitch.x10host.com/pics/bgrounds/aotw767bg.jpg);
	}
	.img-responsive
	{
  		max-width: 260px;
	}

}