@charset "UTF-8";
/* CSS Document */

body {
	background-color: #000000;
	margin:0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #BE7C4D;
}

#mobile-nav {
	display:none;
}

a:link 		{text-decoration: none; color: #E58440; margin:0px 7px;}
a:visited 	{text-decoration: none; color: #E58440; margin:0px 7px;}
a:hover 	{text-decoration: none; color: #B84327; margin:0px 7px;}
a:active 	{text-decoration: none; color: #E58440; margin:0px 7px;}

a.media:link 	{text-decoration: none; color: #000000;}
a.media:visited {text-decoration: none; color: #000000;}
a.media:hover 	{text-decoration: none; color: #333333;}
a.media:active 	{text-decoration: none; color: #000000;}

h2, h1 {
	font-size:18px;
	margin:0px 0px 1.1em;
	line-height:1.3em;
	font-weight:300;
}

.col-1 {
	width:175px;
	margin:0 0px 0 100px;
	float:left;
}

.col-2 {
	width:1750px;
	margin:0 auto;
	float:left;
	display:inline;
}

.col-3 {
	width:275px;
	margin:0 auto;
	float:left;
	display:inline;
}

.col-full {
	width:100%;
}

.col-half {
	width:40%;
	height:auto;
}

#maincontent {
	width:950px;
	margin:0 auto;
	border-color:#BE7C4D;
	border-left-style:solid;
	border-left-width:1px;
	border-right-style:solid;
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.tvshowtable {
	width:810px;
	margin-bottom:20px;
}
.arrangertable {
	width:60%;
}
.tvshowcol {
	width:270px;
}

.jazzcol {
	width:25%;
}

p:first line {
	margin-top:0px;
}

#home-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdhome.jpg) right top; 
	background-repeat:no-repeat;
}

#about-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdabout.jpg) right top; 
	background-repeat:no-repeat;
}

#jazz-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdjazz.jpg) right top; 
	background-repeat:no-repeat;
}
#cd-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdcc.jpg) right top; 
	background-repeat:no-repeat;
}

#guitarist-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdguitarist.jpg) right top; 
	background-repeat:no-repeat;
}

#composer-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdcomposer.jpg) right top; 
	background-repeat:no-repeat;
}

#arranger-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdarranger.jpg) right top; 
	background-repeat:no-repeat;
}
#conductor-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdhome.jpg) right top; 
	background-repeat:no-repeat;
}

#author-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdauthor.jpg) right top; 
	background-repeat:no-repeat;
}

#clinics-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdclinics.jpg) right top; 
	background-repeat:no-repeat;
}

#contact-bgd {
	width:950px;
	background: #000000 url(../images/tbbgdcontact.jpg) right top; 
	background-repeat:no-repeat;
}

#nav {
	margin-left:18px;
}

#footer {
	width:950px;
	clear:both;
	font-size:10px;
	color:#B84327;
	margin:5px auto;
	text-align:center;
}

#topimage {
	width:580px;
	height:225px;
	border: #BE7C4D 1px solid;
	padding:5px;
	margin-left:20px;
	margin-top:14px;
}

#topimage-left {
	width:580px;
	height:225px;
	border: #BE7C4D 1px solid;
	padding:5px;
	margin-top:14px;
}

#hometext {
	width:580px;
	padding:5px;
	margin-left:20px;
	margin-top:14px;
	line-height:1.6em;
}

#maintext {
	padding:0px 20px;
	line-height:1.6em;
}

.bumper {
	width:300px;
	height:350px;
	float:right;
}

#author-bgd .bumper {
	width:270px;
}

#author-bgd #maintext {
	padding-top:20px;
}

.sample-btn {
	width:300px;
	float:right;
	clear:right;
	cursor:pointer;
}

.pageimage {
	margin-bottom:5px;
	width:100%;
	height:auto;
}

.img-right {
	float:right;
	margin:0 0 15px 15px;
}

.img-caption-1{
	width:570px;
	text-align:center;
	line-height:1em;
}

.img-caption-2{
	width:100%;
	text-align:center;
	line-height:1em;
	margin:0 auto;
}

.img-caption-3{
	width:100%;
	text-align:center;
	line-height:1em;
	margin:0 auto;
}

	
.book-img{
	margin:0px 5px 5px 0px;
}

#novel {
	width:800px;
	background:#EEEEEE;
	color:#000000;
	padding:15px;
	margin:10px auto;
}

#novel p {
	line-height:1.2em;
}

#novel h6 {
	line-height:1em;
	margin:0 auto;
	text-align:center;
	font-size:15px;
}

#clinic-form {
	width:600px;
	line-height:1em;
	margin:20px 0px 0px 10px;	
}

#clinic-form p {
	margin:0px 0px 10px 0px;
	line-height:1.4em;
}

#clinic-form input {
	background:#B84327;
	border:#E58440 1px solid;
	color:#000000;
	width:290px;
	padding:6px 8px;
}

#clinic-form textarea {
	background:#B84327;
	border:#E58440 1px solid;
	color:#000000;
	width:290px;
	padding:6px 8px;
}

#clinic-form-img {
	float:right;
	margin-left:15px;
	width:250px;
	font-size:9px;
	text-align:center;
}

#contact-form {
	width:600px;
	line-height:1em;
	margin:20px 0px 0px 10px;	
}

#contact-form p {
	margin:0px 0px 10px 0px;
	line-height:1.4em;
}

#contact-form input {
	background:#B84327;
	border:#E58440 1px solid;
	color:#000000;
	width:400px;
	padding:6px 8px;
}

#contact-form textarea {
	background:#B84327;
	border:#E58440 1px solid;
	color:#000000;
	WIDTH:400px;
	padding:6px 8px;
}

.player-wrapper {
	width:100%; 
	height:400px; 
	background: url(../mediaplayer/playerbgdtile.jpg) repeat-x;
}
.player-title {
	width:100%; 
	text-align:center;
}
.player-list {
	width:414px;
	padding-top:10px;
	float:left;
	max-height:268px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.player-nav {
	color:#000000; 
	font-size:20px; 
	line-height:1em;
	margin-left:0; 
	background:#bf7b4c; 
	padding:2px 0;
}
.player-descrip {
	text-align:center;
	margin:8px 0;
	clear:both;
}
.player-legal {
	clear:both;
	display:block;
	width:100%;
	font-size:8px;
	text-align:center;
	margin-top:8px;
}

.top-media {
	width:600px;
}

#media-player {
	width:320px;
	display:inline-block;
}

.media-nav {
	width:390px;
	float:left;
	display:inline;
	overflow:auto;
	margin-bottom:20px;
}

.media-nav-link {
	width:370px;
	height:20px;
	float:left;
	clear:left;
}

.media-nav-link:hover {
	background:#322114;
	cursor:pointer;
}

.media-nav-link-2 {
	width:370px;
	height:20px;
	float:left;
	clear:left;
	color:#CCCCCC;
}

.media-nav-link-2:hover {
	background:#322114;
	cursor:pointer;
}

.cd-home {
	width:540px;
	height:200px;
	padding:0px;
	margin-left:20px;
	margin-top:24px;
	line-height:1.6em;
}
.cd-home.homage {
	width:500px;
}

.cd-home a {margin:0;}
a.cta-button {
	padding:8px 14px;
	background:#BE7C4D;
	color:#111;
	text-align:center;
	border-radius: 5px;
	font-weight:700;
}
.cd-home a.cta-button {
	display:block;
	max-width:160px;
	margin:0 auto 10px;
}
a.cta-button:hover {
	background:#9b663f;
}

a.cta-button:visited {
	color:#111 !important;
}

.cd-home-cta {
	text-align:center;
	display:inline-block;
	width:340px;
}
.cd-home-cta.homage {
	width:300px;
}
.cd-home-cover {
	width:200px;
	height:200px;
	float:right;
	background:#ccc;
}

/* RESPONSIVE */

/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1140px) {

}

/* responsive portrait tablet */
@media (max-width: 1018px) {
	#maincontent,
	#footer 
		{ width:768px; border:0; }
	#about-bgd,
	#home-bgd,
	#jazz-bgd,
	#guitarist-bgd,
	#composer-bgd,
	#arranger-bgd,
	#author-bgd,
	#clinics-bgd,
	#contact-bgd,
	#cd-bgd
		{ width:768px; background-position: right 110px; }
	#topimage,
	#hometext
		{ width:450px; font-size:1.3em; }
	#maintext
		{ width:720px; font-size:1.3em; padding-top:14px; }
	#topimage img,
	.pageimage
		{ width:100%; height: auto; }
	.tvshowtable,
	.arrangertable {
		width:98%;
	}
	.tvshowcol
	.arrangercol {
		width:33%;
	}
	.bumper {
		height: 450px;
		margin-left: 14px;
		margin-bottom: 14px;
	}
	.jazztable {
		clear:both;
		padding-top:20px;
		width: 96%;
		margin:0 auto;
	}
}

@media (max-width: 767px) {

}

@media screen and (max-width: 480px) {
	#nav {display:none;}
	#mobile-nav { display:block;  position:absolute; top:5px; right:2px; font-size:1.4em; line-height:1.7em; }
	#mobile-nav a#nav-button {float:right; background:#000 url('/images/mobile-nav-button.jpg'); width:40px; height:40px; cursor:pointer; }
	/* #mobile-nav a:hover#nav-button {background:#444;} */
	#mobile-nav #nav-bgd { display:none;} 
	#mobile-nav:hover #nav-bgd {display:block; width:280px; padding:20px; background:#111;}
	#mobile-nav a.navlink {display:block;}
	#maincontent,
	#footer 
		{ width:300px; border:0; }
	#about-bgd,
	#home-bgd,
	#jazz-bgd,
	#guitarist-bgd,
	#composer-bgd,
	#arranger-bgd,
	#author-bgd,
	#clinics-bgd,
	#contact-bgd,
	#cd-bgd
		{ width:300px; background-position: right 70px; }
	#topimage,
	#hometext,
	.cd-home
		{ max-width:288px; font-size:1.3em; margin-left:0; margin-top:510px;}
	#hometext,
	#cd-bgd .cd-home
		{ margin-top:20px;}
	#maintext
		{ width:300px; font-size:1.3em; padding:14px 0; }
	#maintext img,
	.img-caption-1 { width:100%; height:auto; }
	#topimage img { width:100%; height:auto; }
	#topimage {height:auto; margin-top:20px; clear:both;}
	.logo {
		width:100%;
		height:auto;
		padding-top:8px;
	}
	tr { width:100%; }
	.tvshowcol { clear:both; float:left;}
	.jazztable { max-width:288px;}
	.jazzcol,
	.arrangertable,
	.arrangercol { width:100%; clear:both; float:left;}
	.col-half { width:100%; clear:both; float:left; padding-bottom:14px; }
	#author-bgd .bumper {
		height:340px;
	}
	#clinic-form { width:100%; margin-left:0; }
	#clinic-form-img {
		width:98%;
		margin-left:0px;
		clear:both;
		float:left;
	}
	#contact-bgd #maintext {
		margin-top:500px;
	}
	#contact-form {
		width:100%;
		margin-left:0px;
	}
	#contact-form input,
	#contact-form textarea {
		width:100%;
	}
	.mobile-spacer {
		padding-top:20px;
		clear:both;
	}
	.cd-home {
		width:300px;
		max-width:300px;
		height:auto;
		padding:0px;
		margin-left:0px;
		line-height:1.6em;
	}
	.cd-home-cta {
		width:300px;
	}
	.cd-home-cover {
		float:none;
		margin:10px auto;
	}
	#cd-bgd h1 {text-align:center;}
	#cd-bgd .example {max-width:320px;}
	.player-title img {
		width:70%;
	}
	.player-list {
		max-width:100%;
		width:100%;
	}
	.player-nav { 
		font-size:14px; 
		line-height:1em;
		margin-left:0; 
		background:#bf7b4c; 
		padding:2px 0;
	}
	#media-player {
		display:block;
		margin:0 auoto;
		float:none;
		clear:both;
	}
}

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

}