@import 'web_font.css';

body {
	background: #000;
	background-image: url(../images/bg-matt-mcguire-composer-music.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	font-family: #FFF;
	font-style: normal;
	font-size: 12px;
	color: #C9B9A4;
	}
	body a:link {  color: #fff; text-decoration: none;}
	body a:visited {  color: #fff; text-decoration: none;}
	body a:hover {  color: #EFEFEF; text-decoration: underline;}
	body a:active {  color: #EFEFEF; text-decoration: underline;}

header {
	background-image: url(../images/bg-hdr-matt-mcguire-music-composer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 275px;
	width: 1000px;
	margin-top: 5px;
	}

footer {
	background-image: url(../images/bg-footer-matt-mcguire-music-composer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 50px;
	width: 1000px;
	}
	footer a:link {  color: #EFEFEF; text-decoration: none;}
	footer a:visited {  color: #EFEFEF; text-decoration: none;}
	footer a:hover {  color: #000000; text-decoration: underline;}
	footer a:active {  color: #000000; text-decoration: underline;}

.page {
	width: 1000px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	
	}
	
.matt-mcguire-music-composer-body-content {
	background-color: #000;
	border-left: 1px solid #694E31;
	border-right: 1px solid #694E31;
	width: 898px;
	padding: 100px 50px 50px 50px;
	margin: 0px auto;
	}

article {
	width: 848px;
	min-height: 100px;
	padding: 25px 25px 25px 25px;
	background-color: #312010;
	-moz-border-radius: 35px;
	border-radius: 12px;
	line-height: 20px;
	}
	
nav {
	padding-top: 165px;
	}

nav ul {
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	}
nav ul li { float: left; display: inline; padding-right: 20px; }
nav ul li { color: #fff; font-weight: bold; line-height: 44px;}
	nav ul li a:link {  color: #fff; text-decoration: none;}
	nav ul li a:visited {  color: #fff; text-decoration: none;}
	nav ul li a:hover {  color: #000; text-decoration: none;}
	nav ul li a:active {  color: #000; text-decoration: none;}


h1, h1.home, h2, h3, h4, h5, h6 {
	color: #8A7149;
	font-variant: small-caps;
	font-weight: normal;
	margin-bottom: 10px;
	font-family: 'TendernessRegular';
	font-size: 30px;
	line-height: 30px;
	} 
	
	/*-- Home Page h1 color change --*/
	h1.home {
	color: #DFB47F;
	font-weight: light;
	letter-spacing: 6px;
	}

	h2.home {
	border-top: 1px solid #694E31;
	color: #DFB47F;
	font-weight: light;
	letter-spacing: 20px;
	font-size: 24px;
	width: 240px;
	margin-top: 20px;
	padding-top: 20px;
	} 
	
	
.img-border { border: 1px solid #694E31; }
.img-float-lft { float: left; display: inline; margin: 0px 20px 20px 0px; }
.img-float-rt { float: right; display: inline; margin: 0px 0px 20px 20px; }

.clear { clear: both; } 

p { margin-bottom: 15px; }
.row-spacer { display: block; height: 30px; }

.copyright { padding-top: 10px; color: #ffffff; line-height: 15px; text-align: right; padding-right: 50px; font-size: 10px; }
.matt-mcguire-music-composer-social-media { margin-top: -96px; margin-bottom: 5px; text-align: right; }
.matt-mcguire-music-composer-social-media img { width: 30px; }


th { 
	font-family: 'TendernessRegular', Arial, sans-serif; 
	font-size: 14px; 
	color: #C9B9A4; 
	font-variant: small-caps; 
	letter-spacing: 2px;
	background-color: #996600; 
	text-align: center; 
	padding: 5px 0px 5px 0px;
	}
td h2 { font-size: 20px; }
.txt_center { text-align: center;}
.td-row-spacer {display: block; height: 15px; }


/*-- Home Page Featured Project Styles --*/
.new-feature-project .grid-left { width: 525px; float: left; display: inline; text-align: center; }
.new-feature-project .grid-right { width: 323px; float: left; display: inline; padding: 0px 0px 0px 0px;  }
.new-feature-project { padding-top: 30px; padding-bottom: 10px; margin-bottom: 35px; border-bottom: 1px solid #694E31; }
.new-feature-project:before, .new-feature-project:after { display: table; content: " "; }
.new-feature-project:after { clear: both; }
.new-feature-project:before, .new-feature-project:after { display: table; content: " "; }
.new-feature-project:after { clear: both; }



.home-project .title { color: #fff; font-weight: bold; padding-right: 3px; }
.home-project.new-project { clear: both; margin-bottom: 20px; padding-bottom: 15px; }







/*-- Featured Page Project Styles --*/
.article-inner {
	width: 658px;
	min-height: 100px;
	margin: 50px 50px 50px 50px;
	padding: 25px 25px 25px 25px;
	background-color: #6C563F;
	-moz-border-radius: 35px;
	border-radius: 12px;
	line-height: 20px;
	}
	.article-inner .title { color: #fff; font-weight: bold; padding-right: 3px; }
	.article-inner h1, .article-inner h2, .article-inner h3, .article-inner h4, .article-inner h5, .article-inner h6 { color: #301F0F; }
	.article-inner hr { border: 1px solid #B10000; clear: both; }
	.article-inner h7 { color: #E2BC7EF; }
	.article-inner .new-project { clear: both; border-bottom: 1px solid #301F0F; margin-bottom: 20px; padding-bottom: 15px; }
	.article-inner .grid-left { width: 240px; float: left; display: inline; text-align: center; }
	.article-inner .grid-right { width: 398px; float: left; display: inline; padding: 0px 0px 0px 20px;  }
blockquote { padding-top: 25px; font-size: 15px; font-style: italic; text-align: center; color: #fff;}

hr { border: 1px solid #C9B9A4; clear: both; margin-bottom: 10px; }

#noteworthy  { clear: both; }
#noteworthy .grid-left { width: 550px; float: left; display: inline; }
#noteworthy .grid-right { 
	width: 258px; 
	float: left; 
	display: inline; 
	margin: 0px 0px 0px 20px;  
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #301F0F;
	background-color: #6C563F;
	-moz-border-radius: 35px;
	border-radius: 12px;
	}
	#noteworthy .grid-right h1, #noteworthy .grid-right h2, #noteworthy .grid-right h3, #noteworthy .grid-right h4, #noteworthy .grid-right h5, #noteworthy .grid-right h6 { 
		color: #301F0F; 
		margin-bottom: 20px;
	}
	#noteworthy .grid-right .img-border { border: 1px solid #301F0F; }
	#noteworthy .grid-right .max-width { max-width: 100%; }
	#noteworthy .title { color: #fff; font-weight: bold; padding-right: 3px; }
	#noteworthy .date { color: #fff; font-weight: bold; margin-bottom: 0px; }
	
div.gallery { width: 100%; text-align: center; }	
.gallery ul { margin: 0px; padding: 0px; }
.gallery li { list-style: none; float: left; display: inline; margin-left: 60px;  margin-bottom: 60px; }
.gallery .border { border: 1px solid #694E31; }

.jp-playlist { padding-top: 0px; }
.jp-playlist h2 { clear: both; margin-top: 10px; }
.jp-playlist ul { float: left; display: inline; width: 260px;}
.jp-playlist li { list-style: none; padding: 0px 0px 5px 25px; /* float: left; display: inline; */}



#music #jp_container_1 { margin-top: 80px; }
div.jp-playlist {
	display: inline !important;
    float: left !important;
	}




#featured div.jp-audio div.jp-type-playlist div.jp-progress {
    width: 115px;
	}

#featured div.jp-audio div.jp-type-playlist div.jp-current-time, #featured div.jp-audio div.jp-type-playlist div.jp-duration {
    width: 115px;
	}

#featured div.jp-type-playlist { text-align: left !important; }
#featured div.jp-type-playlist li { padding-left: 10px !important; border: 0px !important; }
#featured div.jp-type-playlist div.jp-playlist a.jp-playlist-current, #featured div.jp-type-playlist div.jp-playlist a.jp-playlist-current, #featured div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #fff !important; }
#featured div.jp-type-playlist div.jp-playlist a { color: #fff !important; }
#featured div.jp-type-playlist div.jp-playlist a:hover { color: #ffff !important; }
}