/* ------------------------------------
/////////	ROCKANDROLLVIP.COM VIP HOME PAGE
------------------------------------ */

html {
	position: relative;
	min-height: 100%;
}

body.rnr {
	background: #000 url("./images/RnR_Artist_Page_BG_Crowd.jpg") no-repeat center 18px fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin: 0 0 150px 0;
	height: 100%;
}


div.container {

}

.wrapper {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}





/* ------------------------------------
/////////	ROCKANDROLLVIP.COM VIP HOME PAGE - header
------------------------------------ */
header {
	background-color: #24252A;
	width: 100%;
	padding: 20px 0;
	display: block;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 9999;
	top: 0;
	position: fixed;
	border-bottom: 1px solid #212121;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.56);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.56);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.56);
}

.shrink {
	padding: 10px 0;
}

header img {
	position: relative;
	float: left;
	width: auto;
	height: 60px;
	margin: 0 0 0 20px;
}

header h1 {
	position: relative;
	float: right;
	text-align: right;
	font: 18px/60px "Conv_avenir-heavy-webfont";
	color: #D7D7D7;
	margin: 0 20px 0 0;
}

header.shrink h1 {
	font: 16px/55px "Conv_avenir-heavy-webfont";
}

header.shrink img {
	height: 52px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}







/* ------------------------------------
/////////	ROCKANDROLLVIP.COM VIP HOME PAGE - middle content
------------------------------------ */
section#middle_content {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 200px auto;
	padding: 40px;
	font: normal 22px/45px "latolight";
	color: #cea105;
	text-shadow: 0 0 7px #000;
	background: RGBA(0, 0, 0, 0.72);
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
}












/* ------------------------------------
/////////	ROCKANDROLLVIP.COM VIP HOME PAGE - footer
------------------------------------ */
div.container footer {
	position: absolute;
	bottom: 0;
	background-color: #2B2C30;
	width: 100%;
	height: 100px;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-align: center;
	border-top: 1px solid #393939;
	-webkit-box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
	-moz-box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
	box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
}

div.container footer img {
	position: relative;
	display: inline-block;
	width: auto;
	height: 60px;
	vertical-align: top;
	margin: 20px 10px 0 0;
	opacity: .75;
}

div.container footer p {
	position: relative;
	display: inline-block;
	text-align: right;
	font: 15px/50px "ralewayextralight";
	color: #9B9B9B;
	background: RGBA(0, 0, 0, 0.32);
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	padding: 0 20px;
	margin: 25px 0;
}







/* ///////////////////////////// 768-979 ///////////////////////////// */
@media only screen and (min-width: 768px) and (max-width: 979px) {

body.rnr {
	background: #000 url("./images/RnR_Artist_Page_BG_Crowd.jpg") no-repeat center 18px fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin: 0 0 150px 0;
	height: 100%;
}


section#middle_content {
	margin: 200px auto;
}



}










/* ///////////////////////////// 550-767 ///////////////////////////// */
@media only screen and (min-width: 550px) and (max-width: 767px) {

body.rnr {
	background: #000 url("./images/RnR_Artist_Page_BG_Crowd.jpg") no-repeat center 18px fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin: 0 0 150px 0;
	height: 100%;
}


section#middle_content {
	margin: 200px auto;
}

header {
	padding: 10px 0;
}

header img {
	position: relative;
	float: none;
	display: block;
	width: auto;
	height: 40px;
	margin: 0 auto;
}

header h1 {
	position: relative;
	float: none;
	display: block;
	text-align: center;
	font: 16px/16px "Conv_avenir-heavy-webfont";
	color: #D7D7D7;
	margin: 10px auto 0 auto;
}

.shrink {
	padding: 5px 0;
}

header.shrink img {
	margin: 5px auto 0 auto;
	height: 35px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

header.shrink h1 {
	font: 14px/14px "Conv_avenir-heavy-webfont";
}


}









/* ///////////////////////////// 550-767 ///////////////////////////// */
@media only screen and (min-width: 480px) and (max-width: 549px) {

body.counting-crows {
	background: #000 url("./images/RnR_Artist_Page_BG_Crowd.jpg") no-repeat center 60px;
	background-attachment: fixed;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	margin: 0 0 100px 0;
	height: 100%;
}

section#middle_content {
	margin: 320px auto 150px auto;
}

section#middle_content div#info ol li label {
	font: normal 24px/30px "Conv_avenir-heavy-webfont";
}

section#middle_content div#info {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

header {
	padding: 10px 0;
}

header img {
	position: relative;
	float: none;
	display: block;
	width: auto;
	height: 40px;
	margin: 0 auto;
}

header h1 {
	position: relative;
	float: none;
	display: block;
	text-align: center;
	font: 16px/16px "Conv_avenir-heavy-webfont";
	color: #D7D7D7;
	margin: 10px auto 0 auto;
}

.shrink {
	padding: 5px 0;
}

header.shrink img {
	margin: 5px auto 0 auto;
	height: 35px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

header.shrink h1 {
	font: 14px/14px "Conv_avenir-heavy-webfont";
}




div.container footer {
	position: absolute;
	bottom: 0;
	background-color: #2B2C30;
	width: 100%;
	height: 150px;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-align: center;
	border-top: 1px solid #393939;
	-webkit-box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
	-moz-box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
	box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
}

div.container footer img {
	position: relative;
	display: block;
	width: auto;
	height: 60px;
	vertical-align: top;
	margin: 10px auto;
	opacity: .75;
}

div.container footer p {
	position: relative;
	display: block;
	text-align: center;
	font: 15px/50px "ralewayextralight";
	color: #9B9B9B;
	background: RGBA(0, 0, 0, 0.32);
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	padding: 0 20px;
	margin: 10px 20px;
	width: auto;
}







}










@media only screen and (max-width: 479px) {

body.rnr {
	background: #000 url("./images/RnR_Artist_Page_BG_Crowd.jpg") no-repeat center 18px fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin: 0 0 150px 0;
	height: 100%;
}


section#middle_content {
	margin: 200px auto;
}


header {
	padding: 10px 0;
}

header img {
	position: relative;
	float: none;
	display: block;
	width: auto;
	height: 40px;
	margin: 0 auto;
}

header h1 {
	position: relative;
	float: none;
	display: block;
	text-align: center;
	font: 16px/16px "Conv_avenir-heavy-webfont";
	color: #D7D7D7;
	margin: 10px auto 0 auto;
}

.shrink {
	padding: 5px 0;
}

header.shrink img {
	margin: 5px auto 0 auto;
	height: 35px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

header.shrink h1 {
	font: 14px/14px "Conv_avenir-heavy-webfont";
}


div.container footer {
	position: absolute;
	bottom: 0;
	background-color: #2B2C30;
	width: 100%;
	height: 150px;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-align: center;
	border-top: 1px solid #393939;
	-webkit-box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
	-moz-box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
	box-shadow: 0px 0px 20px 0px rgb(0, 0, 0);
}

div.container footer img {
	position: relative;
	display: block;
	width: auto;
	height: 60px;
	vertical-align: top;
	margin: 10px auto;
	opacity: .75;
}

div.container footer p {
	position: relative;
	display: block;
	text-align: center;
	font: 15px/50px "ralewayextralight";
	color: #9B9B9B;
	background: RGBA(0, 0, 0, 0.32);
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	margin: 10px 20px;
	width: auto;
}





}