/* dark poets v3 css */
/* SET UP ----------------------------------------------------------- */

html {		height: 100%; }
		
body {		height: 100%;
			font: normal normal 500 80% 'trebuchet ms', 'verdana', 'helvetica', sans-serif;
			color: #b3a398; /* ccc */
			margin: 0px;
			padding: 0px;
			background-color: #000; }
		
#tainer {	position: relative;
			top: 0px; /* IE6 - needed, dont hide overflow on this container */
			left: 0px;
			width: 100%;
			min-width: 770px;
			min-height: 100%; /* IE6 - doesn't do min-height, put lte-IF-IE6 statement in HEAD to set height to 100% */
			margin: 0px;
			padding: 0px;
			cursor: default;
			background: transparent url('images/frameLv.gif') repeat-y 4px 1px; }


#innertainer {	position: relative;
				top: 0px;
				height: 100%;
				margin-left: 50px; }
				


#spacer {	position: relative; /* FF -  put in last before tainer close, must NOT have auto-margin else screws footer */
			width: 70%;
			height: 120px;
			margin-left: 175px;
			padding: 0px;
			}			
		
			
p, h1, h2 ,h3 ,h4, h5, h6 {	font-family: 'trebuchet ms', 'verdana', 'helvetica', sans-serif;
						margin: 0px;
						padding: 0px; }


a:link, a:visited, a:active {	text-decoration: none;
								color: #fff; }
					a:hover	{	color: #bbb; }	
		
a:link img, a:visited img, a:active img { border-color: #adad8c; }
							a:hover img { border-color: #dcdcb2; }


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

#headerwrap { 	position: relative;
				top: 0px;
				width: 100%;
				height: 65px;
				background: transparent url('images/frameTx.gif') repeat-x 0px 0px; }
			
				#headerL {	position: absolute;
							top: 0px;
							left: 0px;
							width: 363px;
							height: 65px;
							background: transparent url('images/frameTL.gif') no-repeat 0px 0px; }
							
										
#footerwrap { 	position: relative;
				width: 100%;
				height: 98px;
				margin: -98px 0px 0px 0px;
				min-width: 770px;
				background: transparent url('images/frameBx.gif') repeat-x 0px 0px;
				border: 0px solid #00f;
				background-color: transparent; }			

				#footerL {	position: absolute;
							top: 0px;
							left: 0px;
							width: 363px;
							height: 98px;
							background: transparent url('images/frameBL.gif') no-repeat 0px 0px; }
							
				#footerR {	position: absolute;
							top: 0px;
							right: 0px;
							width: 199px;
							height: 98px;
							background: transparent url('images/frameBR.gif') no-repeat right 0px; }
									

#frameL { 	position: absolute;
			left: 4px;
			top: 0px;
			bottom: 0px;
			width: 24px;
			background: transparent url('images/frameLv.gif') repeat-y 0px -1px; }




/* TEXT ---------------------------------------------------------- */						

p { font-family: 'verdana', 'helvetica', sans-serif;
	font-size: 85%;
	color: #c4b5aa; /* b3a398 */
	text-align: justify;
	line-height: 160%;
	margin: 0px 0px 9px 0px; }

h1 {	font-size: 130%;
		font-weight:700;
		color: #999; }
		
h2 {	font-size: 130%;
		font-weight:700;
		color: #676767; }
									
h3 {	font-size: 110%;
		font-weight:500; }

h5 {		
		font: normal normal 500 8px "verdana", sans-serif;
		line-height: 13px;
		margin: 0px 0px 0px 0px;
		text-align: center;			
		 }


/* CLASSES ---------------------------------------------------------- */

.title { margin: -50px 0px 0px 0px; }

.r {	text-align: right; }

.lar { font-size: 14px; }

.frametextT {	font: normal normal 700 9px "trebuchet ms", sans-serif;
				line-height: 11px;
				margin: 8px 0px 0px 101px; }
						
.frametextBL {	font: normal normal 700 9px "trebuchet ms", sans-serif;
				line-height: 9px;
				margin: 75px 0px 0px 65px;
				color: #707070; }
				
.frametextBR {	font: normal normal 700 9px "trebuchet ms", sans-serif;
				line-height: 11px;
				margin: 74px 0px 0px 0px;
				color: #707070; }


.playh2 {		font: normal normal 700 12px "trebuchet ms", sans-serif;
				line-height: 14px;
				margin: 37px 0px 2px 0px;
				text-align: justify;			
				color: #fc783a; }

.playp {		font: normal normal 500 10px "tahoma", sans-serif;
				line-height: 13px;
				margin: 0px 0px 20px 0px;
				text-align: justify;
				font-weight: 700;
				font-style: italic;			
				color: #aaa; }
				
.homenavpos, .pagesnavpos {	font-family: 'trebuchet ms', 'verdana', 'helvetica', sans-serif;
							font-size: 16px;
							line-height: 18px;
							font-weight: 700;
							color: #d4d4d4;
							text-align: right; }
							
							.homenavpos { margin: 0px 55px 0px 0px; }
							.pagesnavpos { 	margin: 15px 55px 0px 0px;
											font-size: 14px; }
							
							
.pagetitle { 	font: normal normal 700 15px "trebuchet ms", sans-serif;
				line-height: 20px;
				padding: 15px 0px 0px 0px;
				margin: 0px 55px 0px 0px;
				text-align: right;		
				color: #cfc5be; } /* eac6a4 f2d8ae ffeed4 */

.pagecovers { margin: 12px 0px 0px 13px;
				padding: 1px;
				border: 1px solid #444; }

.discogintro { margin: 0px 100px 20px 90px; }

.albumname { 	color: #cfc5be;
				margin-bottom: 4px; }

.year { color: #b58267; /* b38b78 */
		font-size: 110%;
		font-weight: 500;
		margin-bottom: 8px; }

.intro1 { margin-left: 20px; margin-right: 20px; }

.playertext1 { margin-right: 170px; }

.playertext2 { margin: 40px 170px 0px 12px; }

.playertext3 { margin: 0px 170px 5px 10px; }

.playertext4 { margin: 0px 20px 7px 12px; }

.playertext4M { margin: 0px 20px 7px 12px;
				color: #b88f6e; }
				
.playertext4G { margin: 0px 20px 7px 12px;
				color: #676767; }

.vids1 { 	margin: 15px 15px 0px 15px;
			color: #cfc5be; }
			
.vids2 { margin: 0px 15px 15px 15px; }

.vids3 {	color: #b38b78;
			font-size: 105%;
			font-weight: 500;
			margin: 0px 15px 2px 15px; }

.logol {	margin: 0px 0px 2px 0px;
			color: #d74; }


.choose{	font-size: 110%;
			color: #cfc5be; 
			margin: 15px 15px 12px 0px; }

.newsheading { 	color: #cfc5be; /* f2d8ae */
				margin: 10px 15px 4px 20px; }

.date {	font-size: 12px;
		font-weight: 500;
		color: #f16926; /* b34303 */
		margin: 3px 20px 3px 20px; }
		
.playlisttog { font-size: 95%;
				margin: 0px 0px 20px 205px; }		


/* TABLES ---------------------------------------------------------- */

ul.vidlist {	font: normal normal 500 13px 'trebuchet ms', sans-serif;
				margin: 0px 0px 7px 0px;
				line-height: 15px;
				text-align: left;
				padding: 0px 0px 0px 0px;			
				color: #363636;
				list-style-position: outside;
				list-style-type: none; }

		li.vidlist {	border-bottom: 0px solid #444;
						background: #101010;
						padding: 4px 0px 9px 15px;
						width: 460px; }





table {		width: 100%;
			border-collapse: collapse;
			border-width: 0px;
			margin: 0px 0px 40px 0px; }
				
		table td {	border-width: 0px;
					vertical-align: top;
					padding: 10px;
					background-color: #fff; }
					
					
					
					
/* HOME PAGE ------------------------------------------------------ */

#Lhead {	position: absolute;
			top: 67px;
			left: 28px;
			width: 172px;
			height: 475px;
			background: transparent url('images/homeDP-1L.jpg') no-repeat -28px 0px; }
			
#Mhead {	position: absolute;
			top: 57px;
			right: 0px;
			width: 92.5%;
			height: 475px;
			background: transparent url('images/homeDP-1L.jpg') no-repeat -150px 10px; }
					
#Rhead {	position: absolute;
			top: 67px;
			left: 0px;
			width: 100%;
			height: 475px;
			min-width: 765px;
			background: transparent url('images/homeDP-1R.jpg') no-repeat right top; }					
					
					

#barbox {	position: relative;
			min-width: 650px;
			max-width: 1250px;
			
			margin: 540px 60px 0px 60px;
			padding: 0px 2px 0px 0px;
			background-color: #000; }
					
				#nowplayingwrap {	position: relative;
									top: 2px;
									float: left;
									height: 86px;
									width: 270px;
									border: 1px solid #853b29; /* 734a39 */
									background-color: #181818;
									margin-right: 2px;
									padding: 0px 0px 0px 10px; }
									
									
									#coverpic { position: relative;
												float:left;
												top: 0px;
												border: 0px solid #e2e2e2;
												background-color: transparent;
												padding: 0px;
												margin-top: 10px;
												margin-left: 0px;
												margin-right: 20px;
												margin-bottom: 0px;
												}
									
									
									
		
				#leaderswrap {	position: relative;
								top: 2px;
								height: 86px;
								border: 1px solid #424242;
								background-color: #181818;
								margin-left: 286px;
								margin-right: -2px;
								padding: 0px 0px 0px 5px; }
					
				#unit1, #unit2, #unit3 {	float: left;			
											height: 75px;
											width: 29%;
											background-color: #000;
											padding: 0px;
											margin: 5px 2% 0px 2%; }
				
				#unit1 { background: #000 url('images/ig4jM3.gif') no-repeat 20px -9px; }
				#unit2 { background: #000 url('images/ig4kM3.gif') no-repeat 20px -9px; }
				#unit3 { background: #000 url('images/ig4lM3.gif') no-repeat 20px -9px; }
						
					
				#overline, #underline, #overline_pages, #underline_pages, #underline_pagetop {	position: relative;
										height: 2px;
										width: 100%;
										border: 1px solid #4a2900; /* 422725 */
										background-color: #222; /* 181818 */
										overflow: hidden; /* IE6 - to display correct height, put nbsp in the div also */
										padding: 0px 0px 0px 0px; }
				
				#underline { margin-top: 4px; }
				
				#overline_pages { border-color: #4a2900; } /* 5f3600 */
				#underline_pages { 	margin: 4px -2px 0px 176px;
									border-color: #4a2900;
									width: auto }
				#underline_pagetop {	padding: 0px 0px 0px 13px;
										border: 1px solid #4a2900; }
/* OTHER PAGES ------------------------------------------------------ */


#Mhead_pages {	position: absolute;
				top: 30px;
				left: 0px;
				width: 100%;
				height: 248px;
				background: transparent url('images/pagesDP-1L.jpg') no-repeat 28px -5px; }
					
#Rhead_pages {	position: absolute;
				top: 30px;
				left: 0px;
				width: 100%;
				height: 475px;
				min-width: 765px;
				background: transparent url('images/homeDP-1R.jpg') no-repeat right -10px; }					
					

#spacertop {	position: relative;
				width: 300px;
				height: 170px;
				margin-left: 40px;
				padding: 0px;
				background-color: transparent; }	


#titlebar { position: relative;
			width: 380px;
			height: 52px;
			margin: 0px 60px 6px 90px;
			padding: 0px 0px 0px 0px;
			background: transparent url('images/titlebar.gif') no-repeat 0px 0px; }
			
#titlebarR { position: relative;
			min-width: 600px;
			max-width: 970px;
			height: 52px;
			margin: 0px 60px 6px 90px;
			padding: 0px 0px 0px 0px;
			background: transparent url('images/titlebar2.gif') no-repeat right 0px; }



#pagetext, #pagetextMUS, #newsbox, #videobox1, #videobox2 {	position: relative;
												min-width: 585px;
												max-width: 955px;
												margin: 0px 60px 70px 90px;
												padding: 10px 15px 2px 0px;
												background-color: #101010;
												border-top: 1px solid #444;
												border-bottom: 1px solid #444; }

									#newsbox {	margin-bottom: 50px;
												border-top: 0px solid #3a3a3a;
												background: #000 url('images/stripegrad2.gif') repeat-x 0px -40px; }
												
									#videobox1, #videobox2 { padding-top: 0px; }
									
									#pagetextMUS { padding: 18px 15px 2px 0px;
													margin: 0px 60px 40px 90px; }
						
#datebox {	position: relative;
			width: 373px;
			
			/* margin: 0px 0px 0px 90px; */
			margin: 0px 0px 0px auto;
			padding: 2px 2px 6px 0px;
			border-top: 1px solid #853b29;
			background: #000 url('images/stripegrad1.gif') repeat-x 0px -90px; }


#dateboxwrap { 	position: relative;
				min-width: 600px;
				max-width: 970px;
				margin: 0px 60px 0px 90px;
				padding: 0px 0px 0px 0px; }




#stabilizer { height: 770px; }



#pagebox1, #pagebox2, #pagebox3, #pagebox4, #pagebox5, #pagebox6, #pagebox7, #pagebox8, #pagebox9,
#pagebox10 {	position: relative;
				min-width: 600px;
				max-width: 970px;
				margin: 0px 60px 70px 90px;
				padding: 0px 0px 0px 0px;
				background-color: transparent; }
		
		#insertL,
		#insertLmus,
		#insertLmus2,
		#insertL2 {	position: relative;
					top: 2px;
					float: left;
					height: 170px;
					width: 170px;
					border: 1px solid #222; /* 853b29 orig orange */
					border-left: 1px solid #222;
					border-right: 1px solid #222;
					border-top: 1px solid #444;
					/* background-color: #000; */
					margin-right: 2px;
					padding: 0px 0px 0px 0px;
					background: #000 url('images/stripegrad2.gif') repeat-x 0px -50px; }

		#insertR,
		#insertRmus1,
		#insertRmus2,
		#insertR2,
		#insertRcontact,
		#insertRplayer {	position: relative;
									top: 2px;
									border: 1px solid #424242;
									border-right: 0px solid #424242;
									border-left: 1px solid #222;
									/* background-color: #181818; */
									margin-left: 176px;
									margin-right: -2px;
									padding: 10px 15px 0px 15px;
									background: #000 url('images/stripegrad2.gif') repeat-x 0px -50px; }
									
									
		#insertRcontact { height: 276px; }
		#insertRplayer { padding-top: 0px; }
		
		#insertRmus1 { height: 520px; }
		#insertRmus2 { height: 745px; }
		
		#insertLmus,
		#insertLmus2 { height: 180px; }
		

#totopbox {	position: absolute;
			bottom: 3px;
			right: 10px;
			height: 15px; }


#discogpic2 {	position: relative;
				float: left;
				top: 0px;
				border: 1px solid #333;
				background-color: transparent;
				padding: 2px;
				margin: 0px 20px 0px 0px; }


#contactpic {	position: absolute;
				top: 7px;
				right: 6px;
				width: 450px;
				height: 269px;
				border: 1px solid #181818;
				border-bottom: 1px solid #202020;
				border-right: 1px solid #202020;
				background: url('images/jrhunter.jpg') no-repeat right 0px; }


#vidwrap {	position: relative;
			margin: auto auto;
			width: 576px;
			/* height: 460px; */
			border: 1px solid #333; }

		#vid_swap1 { display: block; }
		#vid_swap2 { display: none; }
		#vid_swap3 { display: none; }
		#vid_swap4 { display: none; }
		#vid_swap5 { display: none; }
		#vid_swap6 { display: none; }
		#vid_swap7 { display: none; }

#playlisttogswap2 { display: block; }
#playlisttogswap1 { display: none; }

#jukebox2 { display: block; }
#jukebox1 { display: none; }

/* jukebox 1 swappers */
		#cov_swap0 { display: block; }
		#cov_swap1 { display: none; }
		#cov_swap2 { display: none; }
		#cov_swap3 { display: none; }
		#cov_swap4 { display: none; }
		#cov_swap5 { display: block; }
		#cov_swap6 { display: none; }
		#cov_swap7 { display: none; }
		#cov_swap8 { display: none; }
		#cov_swap9 { display: none; }
		
		#text_swap0 { display: block; margin-top: 40px; }
		#text_swap1 { display: none; margin-top: 40px; }
		#text_swap2 { display: none; margin-top: 40px; }
		#text_swap3 { display: none; margin-top: 40px; }
		#text_swap4 { display: none; margin-top: 40px; }
		#text_swap5 { display: none; margin-top: 40px; }
		#text_swap6 { display: none; margin-top: 40px; }
		#text_swap7 { display: none; margin-top: 40px; }
		#text_swap8 { display: none; margin-top: 40px; }
		#text_swap9 { display: none; margin-top: 40px; }

/* jukebox 2 swappers */
		#cov_swap10 { display: block; }
		#cov_swap11 { display: none; }
		#cov_swap12 { display: none; }
		#cov_swap13 { display: none; }
		#cov_swap14 { display: none; }
		#cov_swap15 { display: none; }
		#cov_swap16 { display: none; }
		#cov_swap17 { display: none; }
		#cov_swap18 { display: none; }
		#cov_swap19 { display: none; }
		#cov_swap20 { display: none; }
		#cov_swap21 { display: none; }
		#cov_swap22 { display: none; }
		#cov_swap23 { display: none; }
		#cov_swap24 { display: none; }
		#cov_swap25 { display: none; }
		
		#text_swap10 { display: block; margin-top: 40px; }
		#text_swap11 { display: none; margin-top: 40px; }
		#text_swap12 { display: none; margin-top: 40px; }
		#text_swap13 { display: none; margin-top: 40px; }
		#text_swap14 { display: none; margin-top: 40px; }
		#text_swap15 { display: none; margin-top: 40px; }
		#text_swap16 { display: none; margin-top: 40px; }
		#text_swap17 { display: none; margin-top: 40px; }
		#text_swap18 { display: none; margin-top: 40px; }
		#text_swap19 { display: none; margin-top: 40px; }
		#text_swap20 { display: none; margin-top: 40px; }
		#text_swap21 { display: none; margin-top: 40px; }
		#text_swap22 { display: none; margin-top: 40px; }
		#text_swap23 { display: none; margin-top: 40px; }
		#text_swap24 { display: none; margin-top: 40px; }
		#text_swap25 { display: none; margin-top: 40px; }


#trackinfo { display: block; }
#trackinfoHide { display: none; }




#vendorpicbox, #vendorpicbox2 {	position: relative;
				left: 10px;
				top: 0px;
				border: 0px solid #f00;
				background-color: transparent;
				padding: 0px;
				margin: 0px 0px 0px 0px; }
				
#vendorpicbox2 { left: 30px; }
		
		#vendorpic {	position: relative;
						float:left;
						top: 0px;
						border: 0px solid #f00;
						background-color: transparent;
						padding: 0px;
						margin: 0px 10px 30px 0px; }





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

a.clicktobuy:link, a.clicktobuy:visited, a.clicktobuy:active { color: #fc783a; }
										a.clicktobuy:hover { color: #ff9151; }


a.homenav:link, a.homenav:visited, a.homenav:active { 	color: #ddd;
														margin: 0px 11px 0px 11px; }
										a.homenav:hover { color: #fff; }

										
a.leads:link, a.leads:visited, a.leads:active {
								display: block;
								width: 99%;
								height: 99%;
								font: normal normal 500 11px "verdana", sans-serif;
								line-height: 20px;
								padding: 0px 1px 0px 0px;
								text-align: left;			
								color: #e3cead;
								border: 1px solid #585858; }
						
					a.leads:hover {	color: #f8ead5;
									border: 1px solid #686868; }
										
										
a.totop:link, a.totop:visited, a.totop:active {
								font: normal normal 700 9px "trebuchet ms", sans-serif;
								text-decoration: none;
								color: #dee3f9;
								padding-left: 12px;
								margin-right: 0px;				
								background: url('images/totop.gif') no-repeat 0px 5px; }
	
					a.totop:hover	{ color: #aaa; }


a.logolink:link, a.logolink:visited, a.logolink:active {
								color: #f16926;
								margin: 0px 0px 0px 0px; }
			a.logolink:hover {	color: #a7f; }
								
								
						a.logolink:link img, a.logolink:visited img, a.logolink:active img {
														border-color: #997; }
								a.logolink:hover img {	border-color: #a7f; }
										
										
/* END ____________________________________________________________________________________ */										
										
										
										
										
										
										
