body{
	background: url("bg.png") no-repeat fixed center; 
	background-size: 70%;
}

.logo{
	margin: 0px;
	padding:0px;
	border-radius: 18px;
	float: left;
	height:50px;
	width:auto;
	position:absolute;
	left:1%;
	top:10%
	}

a {
	text-decoration:none;
	}	
.rounded{
	border-radius: 25px;
}
.roundedpic{
	border-radius: 75px;
}
.sticky{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 50;
}
#maincontent {
	max-width:1600px;
	margin-top:70px;
}

.textsection{
	margin:auto;
	max-width:1200px;
	color: #000!important;
	background-image:url("white85pct.png")!important;
}

/************ GROUP MODULES ************/

.artistGrp{
	background-image:url("black33pct.png")!important;
	border-radius: 25px;
	margin:20px;
	padding:5px;
}

.albumTile, .artistTile{
	border-radius: 50px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}


.artistTile{
	color:#fff!important;
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	}

.albumTile{
	color:#000!important;
	background-image:url("white85pct.png")!important;
}

.albumTile p{
	padding:5px 5px 5px 5%;
	margin:2px;
	border-radius: 75px;	
}

.artistGrp img{
border-radius: 50px;	
padding:5px;
}

.artistTile h3,  .artistTile h5{
border-radius: 75px;	
padding:5px;
background-image:url("black66pct.png")!important;
}
.artistTile h3{
	margin-top:75%;
}

.artistTile h5{
margin-bottom:10%;
}

/************ SLIDER / PROMO AREA ************/
.heading{
	color: white;
	background-image:url("black85pct.png");	
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
	text-align:center;
	border-radius: 35px;
	border: 2px solid #111111;
	width:95%;
	max-width:1600px;
	padding:10px;
	}
.topimage{
	width:100%;
	height:100%;
	border: none;
	border-radius: 28px;
	margin-left:auto;
	margin-right:auto;
	opacity: 0.8;

	}
.heading:hover{
	background-color:#ffffff;
	background-image:none;	
	}
.topimage:hover{
	opacity: 1;
	}	

.promoarea{
	color: white;
	margin:auto;
	text-align:center;
	border-radius: 35px;
	border: 4px solid #111111;
	width:95%;
	max-width:500px;
	height:250px;
	background-color:#000000;
	}
.promo{
	width:100%;
	height:100%;
	border: none;
	border-radius: 35px;
	margin:auto;
	padding:10px;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover; 
}
.promoimage{
	width:150px;
	height:150px;
	border: none;
	border-radius: 25px;
	float:left;
	margin:auto;
	opacity: 0.8;
}
.fbbpromo{
	background-image:url("fbbpromo.png");	
}
.pmgpromo{
	background-image:url("pmgpromo.png");	
}
.promoarea:hover{
	background-image:none;	
	background-color:#ffffff;
	}
.promoimage:hover{
	opacity: 1;
	}	

/************ BLOG STYLE: ************/
.blogbody{
	margin:auto;
	max-width:1000px;
	color: #000!important;
}

.blogpromo{
	max-width:120px;
	border-radius: 15px;
}

.headerimg{
	height: 600px; /* You must set a specified height */
	max-width:600px;
	background-color: #000000; /* Used if the image is unavailable */
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover; /* Resize the background image to cover the entire container */
	margin:auto;
	border-radius: 35px;
}

.headerwords{
	bottom:-425px; 
	position:relative;
	opacity:0.8;
}

.headerwords:hover{
	opacity:0.95;
}

/************ FOOTER STYLE: ************/
.foot{
	min-width: 100%;
	margin: 0px;
	padding: 2px;
	float:left;
	font-size:small;
	position: sticky!important;
	bottom: 10px;
}
.cmsg {
	text-align: center;
	color:#e6e6ff;
	max-width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	background-color:#000000;	
	border-radius: 18px;
	padding: 7px;
	font-family:arial,verdana,sans-serif;
    border: 1px solid #ffffff;
	}
.cmsg a:link, .cmsg a:visited{
	color: #ffffff;
	}
.ctxt {
	float:left;
	font-weight: bold;
	margin: 3px;
}
.botnav {
	float:right;
	margin: 3px;
}
.botnav a {
	border-radius: 8px;
    border-top: none;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 3px solid #ffffff;
	padding: 6px;
	font-weight: bold;
	}

.cmsg::after {content: ""; clear: both; display: table;}

/************ NAV COLORS: ************/

.defcolor{color:#fff!important;background-color:#000000!important;} 
.defcolor:hover{color:#fff!important;background-color:#666666!important;}   

.pmgcolor{color:#fad335!important;background-color:#8131d2!important;} 
.pmgcolor:hover{color:#fad335!important;background-color:#9242e1!important;opacity:1;}
.pmgbg{background-color:#8131d2!important;}
.pmglink{color: #8131d2!important;} 
.pmglink:hover, .pmglink:visited:hover{color: #cc33ff!important;}

.fbbcolor{color:#ffe7bc!important;background-color:#466db5!important;} 
.fbbcolor:hover{color:#ffe7bc!important;background-color:#0066cc!important;opacity:1;}
.fbbbg{background-color:#466db5!important;}
.fbblink{color: #466db5!important;} 
.fbblink:hover, .fbblink:visited:hover{color: #0066cc!important;}

.mmscolor{color:#fff!important;background-color:#15a369!important;} 
.mmscolor:hover{color:#fff!important;background-color:#00cc00!important;opacity:1;}
.mmsbg{background-color:#15a369!important;}
.mmslink{color: #15a369!important;} 
.mmslink:hover, .mmslink:visited:hover{color: #00cc00!important;}

.mwgcolor{color:#b89757!important;background-color:#006633!important;} 
.mwgcolor:hover{color:#b89757!important;background-color:#228855!important;opacity:1;}
.mwgbg{background-color:#006633!important;}
.mwglink{color: #006633!important;} 
.mwglink:hover, .mwglink:visited:hover{color: #228855!important;}

.pmucolor{color:#fff!important;background-color:#ff6633!important;} 
.pmucolor:hover{color:#fff!important;background-color:#f37544!important;opacity:1;}
.pmubg{background-color:#ff6633!important;}
.pmulink{color: #f37544!important;} 
.pmulink:hover, .pmulink:visited:hover{color: #ff6633!important;}

.black33{
	background-image:url("black33pct.png")!important;
	color: #fff!important;
	}
	
.black66{
	background-image:url("black66pct.png")!important;
	color: #fff!important;
	}
	
.black85{
	background-image:url("black85pct.png")!important;
	color: #fff!important;
	}
	
.white70{
	background-image:url("white70pct.png")!important;
	color: #000!important;
	}
	
.white85{
	background-image:url("white85pct.png")!important;
	color: #000!important;
	}