/* Taylor James CSS Document */

body {
	margin: 0 ;	
	font-family: Helvetica, Arial, sans-serif; 
	background-color:#f8ebd6;	
	margin: 0px; 
	padding: 0px;
	text-align: center; 
	font-size: 11px; /* makes the page align center in Exp. 5 */
	scrollbar-face-color : #3b140e; 
	scrollbar-highlight-color : #1C3B7F; 
	scrollbar-3dlight-color : #eeeeee; 
	scrollbar-shadow-color : #cccccc; 
	scrollbar-darkshadow-color : #666666; 
	scrollbar-track-color : #f5cf9e;
	scrollbar-arrow-color : #ffffff;
}

img {
border: none;
}


/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */

#container {					/* main page container */
	
	width: 720px;
	height: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	background-color:#f8ebd6;	

}

#universal-top {
	background: url(images/univ-top.jpg) no-repeat top; 
	width: 720px;
	height: 62px;
	margin-top: 0px;
}

#universal-left {  /*note that bio page uses a different left*/
	background: url(images/univ-left.jpg) no-repeat left top; 
	position: absolute;
	margin-top: 62px;
	margin-left: 0px;
	width: 39px;
	height: 658px;
}

#universal-right {
	position: absolute;
	margin-left: 686px;
	margin-top: 62px;
	background: url(images/univ-right.jpg) no-repeat right top; 
	width: 34px;
	height: 658px;
}

#universal-bot {
	position: absolute;
	margin-left: 39px;
	margin-top: 613px;
	background: url(images/univ-bot.jpg) no-repeat; 
	width: 647px;
	height: 107px;
}

#main-bg {
	background: url(images/main_bg.jpg) no-repeat left top; 
	width: 647px;
	height: 534px;
	position: absolute;
	margin-top: 79px;
	margin-left: 39px;
}

/*-------------------------------------------------------------------------------------*/

#home-bg {
	background: url(images/home_bg.jpg) no-repeat left top; 
	width: 647px;
	height: 534px;
	position: absolute;
	margin-top: 79px;
	margin-left: 39px;
}


#home-bot {
	position: absolute;
	margin-left: 39px;
	margin-top: 613px;
	background: url(images/home_bot.jpg) no-repeat; 
	width: 647px;
	height: 107px;
}

#home2 {
	overflow:auto;
	position: absolute;
	margin-left: 388px;
	margin-top: 85px;
	width: 240px;
	height: 310px;
}

#quote1 {
	position: absolute;
	margin-left: 90px;
	margin-top: 478px;
}

#buycd {
	position: absolute;
	margin-left: 14px;
	margin-top: 428px;
	width:76px;
	height: 92px;
}

#buycd:hover { 
	background: url(images/buycd_icon_over.jpg) no-repeat; 
	position: absolute;
	margin-left: 14px;
	margin-top: 428px;
	width:76px;
	height: 92px;}
/*-------------------------------------------------------------------------------------*/

#bio-left {  /* replaces universal left on this page only */
	background: url(images/bio-left.jpg) no-repeat left top; 
	position: absolute;
	margin-top: 62px;
	margin-left: 0px;
	width: 39px;
	height: 658px;
}

#bio1 {  /* main img */
	width: 261px;
	height: 461px;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
}

#bio2 { /* header img */

	position: absolute;
	margin-top: 56px;
	margin-left: 280px;
}
#bio3 { /* link to interview image */
	width: 82px;
	height: 28px;
	position: absolute;
	margin-top: 482px;
	margin-left: 30px;
}


/*------MUSIC PAGE-------------------------------------------------------------------------------*/

#music-left {  /*replaces universal left*/
	background: url(images/music-left.jpg) no-repeat left top; 
	position: absolute;
	margin-top: 62px;
	margin-left: 0px;
	width: 39px;
	height: 658px;
}

#album-text {
	position: absolute;
	width: 250px;
	margin-left: 40px;
	padding-top: 35px;
	color: #3b140e;
	}

#cd-cover, #cd-cover1, #cd-cover2, #cd-cover3{
	position: absolute;
	border-color: #812410;
	width: 122px;
	height: 122px;
	margin-left: 330px;
	margin-top: 55px;
}

body#music #cd-cover{ background: transparent url(images/pmh_cd.jpg) no-repeat 0 0; }
body#music #cd-cover1{ background: transparent url(images/cityo_cd.jpg) no-repeat 0 0; }
body#music #cd-cover2{ background: transparent url(images/tjl_cd.jpg) no-repeat 0 0; }
body#music #cd-cover3{ background: transparent url(images/cbc_cd.jpg) no-repeat 0 0; }


#cd-text-1 {
	position: absolute;
	width: 200px;
	margin-left: 130px;
	padding-top: 21px;
	color: #3b140e;
	}


#music1,#music2, #music3, #music4 {  /* title */
	background: url(images/music1.jpg) no-repeat left top; 
	width: 130px;
	height: 41px;
	position: relative;
	margin-top: 35px;
	margin-left: 0px;
}

#music-pic {
	background: url(images/music2.jpg) no-repeat left top; 
	width: 247px;
	height: 272px;
	position: absolute;
	margin-top: 154px;
	margin-left: 0px;
	}

#add2cart {
	background: url(images/buy_btn.jpg) no-repeat left top; 
	width: 86px;
	height: 19px;
	position: absolute;
	margin-top: 186px;
	margin-left: 349px;
}
#add2itunes {
	position: absolute;
	margin-top: 186px;
	margin-left: 349px;
}

#cbc-link {
	position: absolute;
	margin-left: 300px;
	margin-top: 350px;
}


#vid-link {
	position: absolute;
	margin-left: 300px;
	margin-top: 400px;
}

#lyrics {
	padding-left: 30px;
	padding-top: 30px;
	margin-left: 30px;
	margin~-top: 30px;
}

.lyrics-credits {
	color: #3b140e;
	font: 11px Tahoma; 
	font-style:italic;
	}
	

	
/*-------------------------------------------------------------------------------------*/


#shows-4 {
	width: 647px;
	height: 411px;
	position: absolute;
	margin-top: 170px;
	margin-left: 39px;
}

#shows2 {
	position: absolute;
	margin-top: 40px;
	margin-left: 35px;
}

#shows-scroll {
	overflow: auto;
	width: 550px;
	height: 400px;
	
	scrollbar-highlight-color : #1C3B7F; 
	scrollbar-3dlight-color : #eeeeee; 
	scrollbar-shadow-color : #cccccc; 
	scrollbar-darkshadow-color : #666666; 
	scrollbar-track-color : #f5cf9e;
	scrollbar-arrow-color : #ffffff;
}

#venue-scroll {
	overflow: auto;
	width: 530px;
	height: 400px;
	margin-left:88px;
	margin-top:68px;
	
	scrollbar-face-color : #3b140e; 
	scrollbar-highlight-color : #1C3B7F; 
	scrollbar-3dlight-color : #eeeeee; 
	scrollbar-shadow-color : #cccccc; 
	scrollbar-darkshadow-color : #666666; 
	scrollbar-track-color : #f5cf9e;
	scrollbar-arrow-color : #ffffff;
}

/*-------------------------------------------------------------------------------------*/


#order1 {
	position: absolute;
	margin-top: 35px;
	margin-left: 0px;
}

#add2cart-2 {
	background: url(images/buy_btn.jpg) no-repeat left top; 
	width: 86px;
	height: 19px;
	position: absolute;
	margin-top: 5px;
	margin-left: 5px;
}

#cd-text-2 {
	position: absolute;
	width: 200px;
	margin-left: 130px;
	padding-top: 40px;
	color: #3b140e;
	}
	
#cd-text-3 {
	position: absolute;
	width: 200px;
	margin-left: 130px;
	padding-top: 20px;
	color: #3b140e;
	}
	
#cd-order{
	position: absolute;
	border-color: #812410;
	width: 122px;
	height: 122px;
	margin-left: 50px;
	margin-top: 85px;
}

#cd-order1{
	position: absolute;
	border-color: #812410;
	width: 122px;
	height: 122px;
	margin-left: 50px;
	margin-top: 216px;
}

#cd-order2{
	position: absolute;
	border-color: #812410;
	width: 122px;
	height: 122px;
	margin-left: 50px;
	margin-top: 344px;
}

body#order #cd-order{ background: transparent url(images/pmh_cd.jpg) no-repeat 0 0; }
body#order #cd-order1{ background: transparent url(images/cityo_cd.jpg) no-repeat 0 0; }
body#order #cd-order2{ background: transparent url(images/tjl_cd.jpg) no-repeat 0 0; }

#order-2 {
	position: absolute;
	margin-top: 51px;
	margin-left: 339px;
}

#view-cart {
	position: absolute;
	margin-top: 470px;
	margin-left: 60px;
}

/*-------------------------------------------------------------------------------------*/

#photos1 {
	position: absolute;
	margin-top: 50px;
	margin-left: 20px;
}

.show_title{
	position: absolute;
	padding-top: 50px;
	margin-left: 270px;
	font-weight:bold;
	color:#0692a2;

}

#photos2 {
	position: absolute;
	background: url(images/photos2.jpg) no-repeat left top;
	width:368px;
	height:284px;
	margin-top: 63px;
	margin-left: 260px;
}

#photos3 {
	position: absolute;
	margin-top: 70px;
	margin-left: 13px;
}

/*----CONTACT---------------------------------------------------------------------------------*/

#contact1 {
	position: absolute;
	margin-top: 45px;
	margin-left: 40px;
}

#contact2 {
	position: absolute;
	background: url(images/contact2.jpg) no-repeat left top;
	width:358px;
	height:378px;
	margin-top: 35px;
	margin-left: 290px;
}

.link-colour {
	font-style:normal;
	color: #0692a2;   /* teal */
}

/* ----- TEXT ------------------------------------------------------------------------------------------------------ */
p { 
	padding: 0px;
	font: 11px Tahoma; 
	margin-top: 8px;
	text-align: left;
	}
	
p a {
	color: #0692a2;   /* teal */
}

p a:hover {
	color: #0692a2;
	text-decoration:underline;
	}
	
	
#home2 a {
	color: #0692a2;   /* teal */
}
		
em {

	font-weight: bold;
	font-style:normal;
	}

span {	
	font-style: oblique;
	color: #0692a2;   /* teal */
	line-height: 21px;
	}


.h1 {
	color: #3b140e;   /* brown */
	font: 15px Tahoma; 
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	}


.p1 {
	color: #3b140e;   /* brown */
	font: 11px Verdana;
	line-height: 13px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.p1 span em a {
	color: #0692a2;   /* teal */
	
}
.p1 span em a:hover {
	color: #0692a2;
	text-decoration:underline;
	}
	


.p2 {
	overflow: auto;
	width: 330px;
	height: 380px;
	color: #3b140e;   /* brown */
	font: 11px Verdana;
	line-height: 14px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 10px;
}

.p3 {
	color: #3b140e;   /* brown */
	font: 10px Verdana;
	line-height: 19px;
	padding-top: 5px;
	padding-left: 10px;
}

.p3 a {
	color: #3b140e;   /* brown */
	font: 10px Verdana;
	line-height: 19px;
}

.p4 {
	color: #3b140e;   /* brown */
	font: 10px Verdana;
	line-height: 19px;
	padding-top: 5px;
	padding-left: 10px;
	width: 170px;
}



.p4 a {
	color: #0692a2;   /* teal */
	padding-top: 10px;
	padding-left: 2px;
}


/* ----- SHOWS PAGE TEXT FORMATTING ------------------------------------------------------------------------------------------------------ */

#shows {
	color: #3b140e;   /* brown */
	font: 11px Tahoma;
	text-align: center;
}

.date {
	color: #3b140e;   /* brown */
	font: 11px Tahoma;
	text-align: center;
}

.venue {
	color: #3b140e;   /* brown */
	font: 11px Tahoma;
	text-align: center;
	text-decoration:underline;
}

#shows a {
	color: #3b140e;   /* brown */
	font: 11px Tahoma;
	font-weight: bold;
	font-style:normal;
	text-align: center;
	text-decoration:underline;
}

#shows a:hover {
	color: #0692a2;   /* brown */
	font: 11px Tahoma;
	font-weight: bold;
	font-style:normal;
	text-align: center;
	text-decoration:none;
}
.city {
	color: #3b140e;   /* brown */
	font: 11px Tahoma;
	text-align: center;
	line-height: 40px;

}
	
.info {
	color: #3b140e;   /* brown */
	font: 11px Tahoma;
	text-align: center;
}


.interviewTitle {
	font-weight: bold;
	font-style:normal;
	font-size: 12px;
	color: #3b140e;   /* brown */
}

/* ----- NAV FUNCTIONALITY ------------------------------------------------------------------------------------------------------ */

ul#nav {
	position: absolute;
	margin-top: 62px;
	margin-left: 0px;
	padding-left: 39px;
	width: 647px;
	height: 17px;
	list-style-type: none;
	overflow: hidden;
}

body#index ul#nav  { background: transparent url(images/tj-nav.jpg) no-repeat 39px 20px; }
body#bio ul#nav { background: transparent url(images/tj-nav.jpg) no-repeat 39px -17px; }
body#music ul#nav  { background: transparent url(images/tj-nav.jpg) no-repeat 39px -34px; }
body#shows ul#nav  { background: transparent url(images/tj-nav.jpg) no-repeat 39px -51px; }
body#photos ul#nav  { background: transparent url(images/tj-nav.jpg) no-repeat 39px -68px; }
body#order ul#nav  { background: transparent url(images/tj-nav.jpg) no-repeat 39px -85px; }
body#contact ul#nav  { background: transparent url(images/tj-nav.jpg) no-repeat 39px -102px; }

ul#nav li a {
	position: absolute;
	top: 0;
	width: 647px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* IE5/Win */
	width: 647px;
	background: transparent url(images/tj-nav.jpg) no-repeat;
	
}


body#index li#hom a 			{ background-position: 0px 0; width: 160px; left: 39px; }
body#index li#hom a:hover		{ background-position: 0 0; }
body#index li#bio a 			{ background-position: -96px 0; left: 135px; }
body#index li#bio a:hover		{ background-position: -96px -17px; }
body#index li#mus a 			{ background-position: -151px 0; left: 190px; }
body#index li#mus a:hover		{ background-position: -151px -34px; }
body#index li#sho a 			{ background-position: -232px 0; left: 271px; }
body#index li#sho a:hover		{ background-position: -232px -51px; }
body#index li#pho a 			{ background-position: -321px 0; left: 360px; }
body#index li#pho a:hover		{ background-position: -321px -68px; }
body#index li#ord a 			{ background-position: -419px 0; left: 458px; }
body#index li#ord a:hover		{ background-position: -419px -85px; }
body#index li#con a 			{ background-position: -510px 0; left: 550px; }
body#index li#con a:hover		{ background-position: -510px -102px; }

body#bio li#hom a 			{ background-position: 0px -17px; width: 160px; left: 39px; }
body#bio li#hom a:hover		{ background-position: 0 0; }
body#bio li#bio a 			{ background-position: -96px -17px; left: 135px; }
body#bio li#bio a:hover		{ background-position: -96px -17px; }
body#bio li#mus a 			{ background-position: -151px 0; left: 190px; }
body#bio li#mus a:hover		{ background-position: -151px -34px; }
body#bio li#sho a 			{ background-position: -232px 0; left: 271px; }
body#bio li#sho a:hover		{ background-position: -232px -51px; }
body#bio li#pho a 			{ background-position: -321px 0; left: 360px; }
body#bio li#pho a:hover		{ background-position: -321px -68px; }
body#bio li#ord a 			{ background-position: -419px 0; left: 458px; }
body#bio li#ord a:hover		{ background-position: -419px -85px; }
body#bio li#con a 			{ background-position: -510px 0; left: 550px; }
body#bio li#con a:hover		{ background-position: -510px -102px; }


body#music li#hom a 			{ background-position: 0px -17px; width: 160px; left: 39px; }
body#music li#hom a:hover		{ background-position: 0 0; }
body#music li#bio a 			{ background-position: -96px 0; left: 135px; }
body#music li#bio a:hover		{ background-position: -96px -17px; }
body#music li#mus a 			{ background-position: -151px -34px; left: 190px; }
body#music li#mus a:hover		{ background-position: -151px -34px; }
body#music li#sho a 			{ background-position: -232px 0; left: 271px; }
body#music li#sho a:hover		{ background-position: -232px -51px; }
body#music li#pho a 			{ background-position: -321px 0; left: 360px; }
body#music li#pho a:hover		{ background-position: -321px -68px; }
body#music li#ord a 			{ background-position: -419px 0; left: 458px; }
body#music li#ord a:hover		{ background-position: -419px -85px; }
body#music li#con a 			{ background-position: -510px 0; left: 550px; }
body#music li#con a:hover		{ background-position: -510px -102px; }


body#shows li#hom a 			{ background-position: 0px -17px;; width: 160px; left: 39px; }
body#shows li#hom a:hover		{ background-position: 0 0; }
body#shows li#bio a 			{ background-position: -96px 0; left: 135px; }
body#shows li#bio a:hover		{ background-position: -96px -17px; }
body#shows li#mus a 			{ background-position: -151px 0; left: 190px; }
body#shows li#mus a:hover		{ background-position: -151px -34px; }
body#shows li#sho a 			{ background-position: -232px -51px; left: 271px; }
body#shows li#sho a:hover		{ background-position: -232px -51px; }
body#shows li#pho a 			{ background-position: -321px 0; left: 360px; }
body#shows li#pho a:hover		{ background-position: -321px -68px; }
body#shows li#ord a 			{ background-position: -419px 0; left: 458px; }
body#shows li#ord a:hover		{ background-position: -419px -85px; }
body#shows li#con a 			{ background-position: -510px 0; left: 550px; }
body#shows li#con a:hover		{ background-position: -510px -102px; }


body#photos li#hom a 			{ background-position: 0px -17px;; width: 160px; left: 39px; }
body#photos li#hom a:hover		{ background-position: 0 0; }
body#photos li#bio a 			{ background-position: -96px 0; left: 135px; }
body#photos li#bio a:hover		{ background-position: -96px -17px; }
body#photos li#mus a 			{ background-position: -151px 0; left: 190px; }
body#photos li#mus a:hover		{ background-position: -151px -34px; }
body#photos li#sho a 			{ background-position: -232px 0; left: 271px; }
body#photos li#sho a:hover		{ background-position: -232px -51px; }
body#photos li#pho a 			{ background-position: -321px -68px; left: 360px; }
body#photos li#pho a:hover		{ background-position: -321px -68px; }
body#photos li#ord a 			{ background-position: -419px 0; left: 458px; }
body#photos li#ord a:hover		{ background-position: -419px -85px; }
body#photos li#con a 			{ background-position: -510px 0; left: 550px; }
body#photos li#con a:hover		{ background-position: -510px -102px; }

body#order li#hom a 			{ background-position: 0px -17px;; width: 160px; left: 39px; }
body#order li#hom a:hover		{ background-position: 0 0; }
body#order li#bio a 			{ background-position: -96px 0; left: 135px; }
body#order li#bio a:hover		{ background-position: -96px -17px; }
body#order li#mus a 			{ background-position: -151px 0; left: 190px; }
body#order li#mus a:hover		{ background-position: -151px -34px; }
body#order li#sho a 			{ background-position: -232px 0; left: 271px; }
body#order li#sho a:hover		{ background-position: -232px -51px; }
body#order li#pho a 			{ background-position: -321px 0; left: 360px; }
body#order li#pho a:hover		{ background-position: -321px -68px; }
body#order li#ord a 			{ background-position: -419px -85px; left: 458px; }
body#order li#ord a:hover		{ background-position: -419px -85px; }
body#order li#con a 			{ background-position: -510px 0; left: 550px; }
body#order li#con a:hover		{ background-position: -510px -102px; }


body#contact li#hom a 			{ background-position: 0px -17px;; width: 160px; left: 39px; }
body#contact li#hom a:hover		{ background-position: 0 0; }
body#contact li#bio a 			{ background-position: -96px 0; left: 135px; }
body#contact li#bio a:hover		{ background-position: -96px -17px; }
body#contact li#mus a 			{ background-position: -151px 0; left: 190px; }
body#contact li#mus a:hover		{ background-position: -151px -34px; }
body#contact li#sho a 			{ background-position: -232px 0; left: 271px; }
body#contact li#sho a:hover		{ background-position: -232px -51px; }
body#contact li#pho a 			{ background-position: -321px 0; left: 360px; }
body#contact li#pho a:hover		{ background-position: -321px -68px; }
body#contact li#ord a 			{ background-position: -419px 0; left: 458px; }
body#contact li#ord a:hover		{ background-position: -419px -85px; }
body#contact li#con a 			{ background-position: -510px -102px; left: 550px; }
body#contact li#con a:hover		{ background-position: -510px -102px; }


/* ----- MAIN LINKS ------------------------------------------------------------------------------------------------------ */

a:link{     /* brown*/
color: #640e06;
text-decoration:none;
font-size:11px;
}

a:hover{
color: #640e06;    /* brown*/
text-decoration:none;
font-size:11px;
}

a:visited{    /* brown*/
color: #640e06;
text-decoration:none;
font-size:11px;
}

/* ----- Sub Navigation ------------------------------------------------------------------------------------------------------ */
#nav-menu{
padding-top:0px;
}

#nav-menu ul {
		list-style: none;
		padding: 0;
		border: none;
		margin-left: 0px;
		font-size:10px;
		line-height: 12px;
		text-align: left;
		}
		
#nav-menu li {
		margin: 0;
		}
		
#nav-menu ul li a:hover {
		color: #0692a2;
		}

#nav-menu li a {
		display: block;
		color: #3b140e;
		text-decoration: none;
		padding-left:20px;
		width: 220px;
		height:15px;
		}
		
#music1 #nav-menu li#pmh a {color: #0692a2;}
#music2 #nav-menu li#cityo a {color: #0692a2;}
#music3 #nav-menu li#tjl a {color: #0692a2;}
#music4 #nav-menu li#cbc a {color: #0692a2;}
		
#nav-menu li a:visited {
		display: block;
		color: #3b140e;
		text-decoration: none;
		padding-left:20px;
		width: 220px;
		height:15px;
		}
		
#music a:hover {
		color: #0692a2;
		font-size:11px;
		}

#music a {
		color: #3b140e;
		text-decoration: none;
		font-size:11px;
		}
		
#music a:visited {
		color: #3b140e;
		text-decoration: none;
		font-size:11px;
		}