/*
Theme Name: MVP
Theme URI: http://mvps.net
Description: Custom theme
Version: 1.0
Author: Michael Lovett
Author URI: http://phatmagnet.com
Tags: custom theme, re-Flash
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/*STICKY FOOTER*/

/*
html, body{
	height: 100%;
}

.wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -309px;
}

.footer, .push{
	height: 309px;
	clear: both;
}
*/




	




/* BODY */

body{
	background: url(images/bkg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* PARAGRAPH */

p{
	margin-bottom: 14px;
	width: 95%;
	font-size: 11px;	
}


/*UTILITIES*/

.clear{
	clear: both;
}

a:focus{
	outline: medium none;
}




/* HEADER */

#header{
	width: 1000px;
	height: 81px;
	margin: 0 auto;
	padding-top: 13px;
}



/* CONTENT */


.front-page-content{
	width: 1000px;
	height: 441px;
	margin: 0 auto;
	background: url(images/front-page-bg.png) no-repeat;
	overflow: hidden;
}



.content{
	width: 1000px;		
	margin: 0 auto;
	background: url(images/page-bg.png) repeat-y		;
	overflow: hidden;
}



/* FRONT PAGE */

#front-photos{
	width: 1200px;
	margin: 0 auto;
	padding-top: 100px;
	padding-left: 15px;
}


	#joel-front a{
		display: block;
		float: left;
		width: 116px;
		height: 293px;
		text-indent: -9999px;
		z-index: 10;
		position: relative;
		top: 37px;
		left:-6px;
		background-image: url(images/joel-116x293.png);
		background-position: 0 0;
	}
	
	
		#joel-front a:hover{
			background-position: 0 293px;
		}
		
		
		
	#david-front a{
		display: block;
		float: left;
		width: 98px;
		height: 307px;
		text-indent: -9999px;
		z-index: 20;
		position: relative;
		left: -22px;
		top:23px;
		background-image: url(images/david-98x307.png);
		background-position: 0 0;
	}
	
	
		#david-front a:hover{
			background-position: 0 307px;
		}


	#brandon-front a{
		display: block;
		float: left;
		width: 205px;
		height: 312px;
		text-indent: -9999px;
		z-index: 30;
		position: relative;
		left: -40px;
		top: 30px;
		background-image: url(images/brandon-205x312.png);
		background-position: 0 0;
	}
	
	
		#brandon-front a:hover{
			background-position: 0 312px;
		}
		
		
		
	#jared-front a{
		display: block;
		float: left;
		width: 121px;
		height: 312px;
		text-indent: -9999px;
		z-index: 30;
		position: relative;
		left: -40px;
		top: 30px;
		background-image: url(https://ricgrea.com/mvp/wp-content/uploads/2015/05/jared-front-page2.png);
		background-position: 0 0;
	}
	
	
		#jared-front a:hover{
			background-position: 0 312px;
		}
		
	
	#azhia-front a{
		display: block;
		float: left;
		width: 116px;
		height: 312px;
		text-indent: -9999px;
		z-index: 30;
		position: relative;
		left: -70px;
		top: 30px;
		background-image: url(https://ricgrea.com/mvp/wp-content/uploads/2015/05/azhia-front-page2.png);
		background-position: 0 0;
	}
	
	
		#azhia-front a:hover{
			background-position: 0 312px;
		}


	#chris-front a{
		display: block;
		float: left;
		width: 121px;
		height: 305px;
		text-indent: -9999px;
		z-index: 20;
		position: relative;
		left: -80px;
		top: 19px;
		background-image: url(images/chris-121x305.png);
		background-position: 0 0;
	}
	
	
		#chris-front a:hover{
			background-position: 0 305px;
		}



	#annette-front a{
		display: block;
		float: left;
		width: 101px;
		height: 289px;
		text-indent: -9999px;
		z-index: 30;
		position: relative;
		left: -80px;
		top: 54px;
		background-image: url(images/annette-101x289.png);
		background-position: 0 0;
	}
	
	
		#annette-front a:hover{
			background-position: 0 289px;
		}



	#jeff-front a{
		display: block;
		float: left;
		width: 135px;
		height: 348px;
		text-indent: -9999px;
		z-index: 30;
		position: relative;
		left: -115px;
		background-image: url(images/jeff-135x348.png);
		background-position: 0 0;
	}
	
	
		#jeff-front a:hover{
			background-position: 0 348px;
		}
		
		
		
	#tmax-front a{
		display: block;
		float: left;
		width: 140px;
		height: 294px;
		text-indent: -9999px;
		z-index: 20;
		position: relative;
		left: -137px;
		top: 18px;
		background-image: url(images/tmax-140x294.png);
		background-position: 0 0;
	}
	
	
		#tmax-front a:hover{
			background-position: 0 294px;
		}
		
		
		
	#justin-front a{
		display: block;
		float: left;
		width: 106px;
		height: 318px;
		text-indent: -9999px;
		z-index: 30;
		position: relative;
		left: -160px;
		top: 24px;
		background-image: url(images/justin-106x318.png);
		background-position: 0 0;
	}
	
	
		#justin-front a:hover{
			background-position: 0 318px;
		}



	#ric-front a{
		display: block;
		float: left;
		width: 102px;
		height: 299px;
		text-indent: -9999px;
		z-index: 20;
		position: relative;
		left: -168px;
		top: 37px;
		background-image: url(images/ric-102x299.png);
		background-position: 0 0;
	}
	
	
		#ric-front a:hover{
			background-position: 0 299px;
		}



	#conga-front a{
		display: block;
		float: left;
		width: 57px;
		height: 156px;
		text-indent: -9999px;
		z-index: 10;
		position: relative;
		left: -209px;
		top: 142px;
		background-image: url(images/conga-57x156.png);
		background-position: 0 0;
	}
	



/* PAGES */

#home-link,
#home-link a:link,
#home-link a:visited,
#home-link a:hover,
#home-link a:active{
	width: 39%;
	float: right;
	font-size: 12px;
	color: #de1d00;
	text-decoration: none;
}


.black-trans-line{
	width: 1000px;
	height: 15px;
	background-color: rgba(0, 0 ,0, 0.5);
	z-index: 100;
	position: relative;
	top: -20px;
}



.page-black-trans-line{
	width: 1000px;
	height: 15px;
	background-color: rgba(0, 0 ,0, 0.5);
	z-index: 100;
	position: relative;
	top: 0;
}


	.page-jared-yates .page-black-trans-line{
		top: 152px !important;
	}



.alt-page-black-trans-line{
	width: 1000px;
	height: 15px;
	background-color: rgba(0, 0 ,0, 0.5);
	z-index: 100;
	position: relative;
	top: 0	;
}



.gallery-black-trans-line{
	width: 1000px;
	height: 15px;
	background-color: rgba(0, 0 ,0, 0.5);
	z-index: 100;
	position: relative;
	top: 0;
}


/* BIO PAGES */

.page-post{
	
}


	.bio-name{
		font-size: 14px;
		margin-bottom: 20px;
	}

	.red-name{
		color: #de1d00;
	}




/* SONG PAGE */

#song-list{
	width: 92%;
	margin: 0 0 14px 91px;
	padding-top: 14px;
}

.song-column{
	float: left;
	width: 23%;
	font-size: 11px;
}

	.song-column p{
		margin-bottom: 8px;
		width: 98%;
	}



/* CLIENT PAGE */

.client-list-link{
	width: 97%;
	margin-top: 18px;

}


	.full-client-list:link, .full-client-list:visited{
		display: block;
		width: 187px;
		height: 27px;
		background-color: red;
		text-align: center;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		float: right;
		border: 1px solid #000;
	}
	
	
	.full-client-list:hover, .full-client-list:active{
		color: yellow;
	}
	
	

.client-column{
	float: left;
	width: 17%;
	font-size: 11px;
}	



/* TECHNICAL PAGE */

#technical-requirements{
	float: left;
	width: 358px;
	padding-top: 93px;
}

	.technical-download:link, .technical-download:visited{
		display: block;
		width: 278px;
		height: 27px;
		background-color: red;
		text-align: center;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		float: right;
		border: 1px solid #000;
		margin-bottom: 15px;
	}
	
	
	.technical-download:hover, .technical-download:active{
		color: yellow;
	}



/* PHOTO GALLERY PAGES */

.gallery-post{
	height: 441px;
	width: 85%;
	margin: 0 auto;
	text-align: center;
}


.gallery-post .ngg-albumoverview {
    display: block !important;
    float: left !important;
    margin-top: 10px;
    width: 20% !important;
}


/* IMAGES */

.size-full{
	padding-top: 6px;
}



/* FOOTER */

.footer{
	background-color: #000;
	width: 1000px;
	height: 309px;
	margin: 0 auto;
}



/* NAVIGATION */

#nav-bar-container{
	width: 1000px;
	height: 37px;
	background: url(images/nav-bar-bg.png) no-repeat;
}



	.navigation-list{
		margin: 0px;
		padding-top: 9px;
		list-style-type: none;
		text-align: center;
		font-size: 12px;
	}
	
	
		.navigation-list li{
			display: inline;
		}
		
		.navigation-list li a{
			text-decoration: none;
			padding: .2em 1em;
			color: #c3c3c3;
		}
		
		
		.navigation-list li a:hover{
			color: #ce1b00;
		}


body.home #main-home a,
body.page-about-the-mvps #about-link a,
body.page-photo-gallery #photo-link a,
body.page-contact #contact-link a,
body.page-song-list #song-link a,
body.page-clients #clients-link a,
body.page-technical #technical-link a,
body.page-merchandise #merchandise-link a,
body.page-rag-recording-studio #studio-link a,
body.page-mailing-list #mailing-link a{
	color: #fff;
}

/* BOTTOM CONTENT BOXES */

#bottom-content-box-container{
	width: 1000px;
	height: 207px;
	margin: 0 auto;
}


#gig-box-container{
	float: left;
	width: 382px;
	height: 207px;
	border-right: 1px solid #3b3b3b;
}

#news-box-container{
	float: left;
	width: 348px;
	height: 207px;
	border-right: 1px solid #3b3b3b;
}


	#news-title,
	#gig-title,
	#video-title{
		color: red;
		font-size: 13px;
		margin-top: 8px;
		margin-left: 13px;
		margin-bottom: 7px;
	}


	#news-box,
	#gig-box{
		width: 92%;
		height: 75%;
		margin: 0 auto;
		overflow-y: scroll;
		color: #fff;
	}
	
	
		.news-headline{
			color: red;
			margin-bottom: 4px;
		}

		.events-listing{
			clear: both;
		}
		
		h3.widget-title{
			display: none;
		}

		.events-listing-title{
			display: none !important;
		}
		
		.events-listing-date,
		.gigpress-sidebar-date{
			float: left;
			color: red;
			padding-right: 4px;
		}
		
		.events-listing-content{
			float: left;
		}

#video-box-container{
	float: left;
	width: 268px;
	height: 207px;
}



	#promo-video{
		width: 245px;
		margin: 0 auto;
	}

#footer-whitespace{
	width: 1000px;
	height: 66px;
	background-color: #fff;
}



	.credits{
		float: left;
	}
	
	.social-media{
		float: left;
		width: 120px;
	}
	
	
	.yt-channel{
		float: left;
	}
	
	
	.yt-agent-channel{
		float: left;
	}