html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
	background: #333; /*STOCK*/
	color: ; /*STOCK*/
	font: ; /*STOCK*/
	height: 100%; /*STOCK*/
	}

#wrapper {
	/** REMOVED TO ALLOW MOBILE SCROLLING BELOW **/
/*	background: url("../zone/record/image/bg//bg-record.png") top center no-repeat fixed; */
/*	background: #999; /*STOCK*/  /* if change, must also change bg of #where below */
	font: 10px verdana; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: 100%; /*STOCK*/
	text-transform: uppercase;
	width: 720px; /*STOCK*/
	padding-bottom: 400px;  /*** FOR JUMP BUFFER ***/
	}

	/* ADDED FOR MOBILE SCROLLING */
	#wrapper:before {
		content: "";
		display: block;
		position: fixed;
		width: 720px;
		height: 100%;
		z-index: -10;
		background: url("../zone/record/image/bg//bg-record.png") repeat-y top center;
		}

#content {
	padding: 33px 0px 220px; /*STOCK*/
	position: relative; /*STOCK*/
	}

	a:link {text-decoration: none; color: #000; }
	a:visited {text-decoration: none; color: #000; }
	a:hover {text-decoration: none; color: #060; }
	a:active {text-decoration: none; color: #000; }


p {
	margin-top: 12px;
	}


h5 {
	color: #444;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: -7px;
	margin-top: 7px;
	position: relative;
	}


	.alc /* alc=ALWAYS LOWER CASE */ {
		text-transform: lowercase;
		}

	.dash {
		margin-bottom: 10px;
		margin-top: -6px;
		}

	.div-aud-vid {
		margin-bottom: -7px;
		}

		.grey {
			opacity: .4;
			}

		.index-link {
			bottom: 1px;
			left: 4px;
			position: relative;
			}

		.obscure {
			background: #ccc;
			border-radius: 3px;
			bottom: 2px;
			color: #222;
			font: 7px verdana;
			left: 8px;
			letter-spacing: 2px;
			opacity: .4;
			padding: 0px 3px 1px 4px;
			position: relative;
			}

		.unofficial {
			background: #500;
			border-radius: 3px;
			bottom: 2px;
			color: #eee;
			font: 7px verdana;
			left: 4px;
			letter-spacing: 1px;
			opacity: .3;
			padding: 0px 3px 1px 4px;
			position: relative;
			}


		.red-hilite {
			color: #a00;
			}




.av-wrapper {
	position: relative;
	top: 34px;
	}

	.av-wrapper .vid-cap {
		font: 14px verdana;
		position: absolute;
		display: block;
		color: #aaa;
		z-index: 150;
		left: 14px;
		top: 10px;
		width: 543px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: " \002E\002E\002E";
		}

	.av-wrapper .aud-cap {
		font: 14px verdana;
		position: absolute;
		display: block;
		color: #aaa;
		z-index: 150;
		left: 14px;
		top: 27px;
		width: 543px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: "\00B7\00B7\00B7";
		}

video {
	background: #000;
	border: solid 1px;
	}

	.vid602px {
		width: 602px;
		}

	.audio {
		height: 80px;
		width: 602px;
		}

	.caption-AV {
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		color: #444;
		font: 12px verdana;
		padding: 7px 0px 55px 0px;
		position: relative;
		text-align: center;
		}

	.source {
		color: #444;
		font: 11px verdana;
		position: relative;
		top: -9px;
		}

	.source-random {
		color: #444;
		font: 11px verdana;
		position: relative;
		top: -5px;
		}

	.source-notes {
		font: 9px verdana;
		opacity: .5;
		}





#discog-div {
	position: relative;
	top: 89px;
	z-index: 0;
	}



/* index-rec */
	#index-rec {
		background: rgba(0,0,0, 0.07);
		padding: 57px 60px 21px 39px;
		}

		#index-rec ol {
			counter-reset: item;
			}

			#index-rec ol li {
				display: block;
				}

			/* crucifyd - this one works independent of "prefixed" and "styled", not sure why */
			#index-rec ol li:before {
				content: counter(item, decimal-leading-zero) " \2022  ";
				counter-increment: item;
				font: 11px arial-bold;
				letter-spacing: 2px;
				opacity: .7;
				}
			/* crucifyd - this one works independent of "prefixed" and "styled", not sure why */

			#index-rec .hr-index-ART {
				background: none repeat scroll 0 0 #555;
				border: 0px none;
				height: 1px;
				position: relative;
				margin: 13px 0px 24px;
				width: 149px;
				}

		.index-artist {
			margin-bottom: 5px;
			position: relative;
			padding: 0px 0px 11px 21px;
			}

		.index-artist.havenone {
			filter:invert(25%);
			}



				/* physical copy not ripped */
		.index-artist.A-list {
			background: url("../zone/record/image/bg/DI-alist.png") -3px 0px no-repeat;
			background-size: 20px;
			}

		.index-artist.various {
			background: url("../zone/record/image/bg/bg-various.png") -4px 2px no-repeat;
			background-size: 21px;
			}

		.index-artist.onehundredplus {
			left: -7.5px;
			position: relative;
			}


			.index-artist .artist a:link {text-decoration: none; color: #111; }
			.index-artist .artist a:visited {text-decoration: none; color: #111; }
			.index-artist .artist a:hover {text-decoration: none; color: #050; }
			.index-artist .artist a:active {text-decoration: none; color: #111; }


				.index-artist .alias {
					color: #000;
					font-size: 10px;
					letter-spacing: 3px;
					opacity: .6;
					left: 3px;
					position: relative;
					top: -.75px;
					}

					.index-artist .alias a:link {text-decoration: none; color: #900; }
					.index-artist .alias a:visited {text-decoration: none; color: #900; }
					.index-artist .alias a:hover {text-decoration: none; color: #070; }
					.index-artist .alias a:active {text-decoration: none; color: #070; }


				.index-artist .category {
					color: #000;
					font-size: 10px;
					letter-spacing: 3px;
					opacity: .57;
					position: relative;
					left: -7px;
					}

/* index-rec */





/* locale-bar */
	#locale-bar {
		background: rgba(160,160,160, .85);
		border-bottom: solid 1px rgba(177,177,177, .9);
		height: 51px;
		padding: 10px 75px;
		position: fixed;
		text-align:center;
		top: 60px;
		width: 570px;
		z-index: 3;
		}

/*				/* at-files
					#at-files {
						left: 14px;
						opacity: .3;
						position: absolute;
						top: 17px;
						z-index: 4;
						}

						#at-files:hover {
							font-weight: bold;
							opacity: 1;
							}
*/

	#locale-bar .plaintext {
		color: #555;
		font-size: 12px;
		font-weight: bold;
		position: relative;
		text-transform: capitalize;
		top: 4px;
		}

		.index-artist .artist,
		#locale-bar .artist {
			color: #111;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 3.5px;
			}

		#locale-bar .artist-BA {
			color: #888;
			font-size: 12px;
			padding: 0px 5px;
			}

			#locale-bar .artist-BA.BA2 {
				position: relative;
				left: -2.5px;
				}

			#locale-bar .stats {
				color: #333;
				font-size: 8px;
				letter-spacing: .5px;
				padding-top: 2px;
				}

				#locale-bar .alias {
					position: relative;
					top: -.25px;
					}

					#locale-bar .alias a:link {text-decoration: none; color: #700; }
					#locale-bar .alias a:visited {text-decoration: none; color: #700; }
					#locale-bar .alias a:hover {text-decoration: none; color: #050; }
					#locale-bar .alias a:active {text-decoration: none; color: #050; }


			#locale-bar hr {
				background: none repeat scroll 0 0 #888;
				border: 0 none;
				height: 1px;
				position: relative;
				top: 4px;
				margin: 0px auto;
				margin-bottom: 7px;
				width: 210px;
				}

				#shop {
					background: #000;
					border-radius: 20px;
					color: #070;
					left: 21px;
					padding: 6px 2px 7px;
					position: absolute;
					top: 13px;
					opacity: .7;
						animation-name: blinker;
						animation-duration: 3s;
						animation-timing-function: ease;
						animation-iteration-count: infinite;
					}

					#shop-2 {
					background: #000;
					border-radius: 20px;
					left: 51px;
					padding: 6px 2px 7px;
					position: absolute;
					top: 13px;
					opacity: .7;
						animation-name: blinker;
						animation-duration: 3s;
						animation-timing-function: ease;
						animation-iteration-count: infinite;
						}

					#shop-3 {
					background: #000;
					border-radius: 20px;
					left: 81px;
					padding: 6px 2px 7px;
					position: absolute;
					top: 13px;
					opacity: .7;
						animation-name: blinker;
						animation-duration: 3s;
						animation-timing-function: ease;
						animation-iteration-count: infinite;
						}

					@keyframes blinker {  
						0% { opacity: 1.0; }
						50% { opacity: 0.5; }
						100% { opacity: 1.0; }
						}




					#stream-it {
					padding: 0px 1px 1px;
					position: absolute;
					right: 21px;
					top: 21px;
					}

/*					padding: 0px 1px 1px;
					position: absolute;
					right: 25px;
					top: 48px;
*/

						.spotify-dot {
							font-size: 22px;
							top: -12.5px;
							position: absolute;
							left: 28px;
							}

							.spotify-dot a:link {text-decoration: none; color: #080; }
							.spotify-dot a:visited {text-decoration: none; color: #080; }
							.spotify-dot a:hover {text-decoration: none; color: #080; }
							.spotify-dot a:active {text-decoration: none; color: #080; }


	/* also utilizes .jump, below */
	#jump-to {
		color: #444;
		font: 12px verdana-bold;
		height: 42px;
		letter-spacing: 2px;
		opacity: .2;
		padding: 5px;
		position: absolute;
		right: 0px;
		text-align: center;
		top: 75px;
		width: 54px;
		}

		#jump-to .lyrics,
		#jump-to .xtra {
			font-size: 6px;
			letter-spacing: 1px;
			}

			#jump-to .lyrics:hover,
			#jump-to .xtra:hover {
				font-size: 7px;
				opacity: 1;
				}

		#jump-to .lyrics {
			position: relative;
			top: -5px;
			}

		#jump-to .xtra {
			position: relative;
			top: -11px;
			}

			#jump-to:hover {
				opacity: .7;
				}


/* locale-bar */




/* index-artist & locale-bar artist  OTHER COLORS */
	/* BLACK w/GREEN border indicates A-list artists */
	#locale-bar .alist-QA a:link,
	.index-artist .alist-QA a:link {text-decoration: none; color: #000; text-shadow: #0a0 .4px .4px  .4px;}
	#locale-bar .alist-QA a:visited,
	.index-artist .alist-QA a:visited {text-decoration: none; color: #000; }
	#locale-bar .alist-QA a:hover,
	.index-artist .alist-QA a:hover {text-decoration: none; color: #000; text-shadow: none; }
	#locale-bar .alist-QA a:active,
	.index-artist .alist-QA a:active {text-decoration: none; color: #000; }

	/* RED artist link indicates items that are at the front of the shelf */

	.discog-info.red-shelf a:link {text-decoration: none; color: #600; }
	.discog-info.red-shelf a:visited {text-decoration: none; color: #600; }
	.discog-info.red-shelf a:hover {text-decoration: none; color: #900; }
	.discog-info.red-shelf a:active {text-decoration: none; color: #600; }

	#locale-bar .red-shelf a:link,
	.index-artist .red-shelf a:link {text-decoration: none; color: #600; }
	#locale-bar .red-shelf a:visited,
	.index-artist .red-shelf a:visited {text-decoration: none; color: #600; }
	#locale-bar .red-shelf a:hover,
	.index-artist .red-shelf a:hover {text-decoration: none; color: #900; }
	#locale-bar .red-shelf a:active,
	.index-artist .red-shelf a:active {text-decoration: none; color: #600; }

	/* GREEN artist link indicates duplicate / series */
	#locale-bar .green-series a:link,
	.index-artist .green-series a:link {text-decoration: none; color: #040; }
	#locale-bar .green-series a:visited,
	.index-artist .green-series a:visited {text-decoration: none; color: #040; }
	#locale-bar .green-series a:hover,
	.index-artist .green-series a:hover {text-decoration: none; color: #060; }
	#locale-bar .green-series a:active,
	.index-artist .green-series a:active {text-decoration: none; color: #040; }

/* index-artist & locale-bar artist  OTHER COLORS */



/* BEGIN HEADER NOTES */
.header-notes {
	background: #999;
	border-bottom: solid 1px #777;
	border-top: solid 1px #777;
	font: 11px verdana;
	padding: 15px 75px 29px;
	position: relative;
	text-transform: none;
	top: 11px;
	width: 570px;
	}

	.header-notes a:link {text-decoration: none; color: #444; }
	.header-notes a:visited {text-decoration: none; color: #444; }
	.header-notes a:hover {text-decoration: none; color: #000; }
	.header-notes a:active {text-decoration: none; color: #0a0; }

		.header-notes-source  {
			font: 9px verdana-bold;
			text-transform: lowercase;
			opacity: 0.6;
			}
/* END HEADER NOTES */



/* BEGIN INLINE NOTES */
.inline-notes {
	background: #999;
	font: 11px verdana;
	padding: 20px 85px 22px;
	position: relative;
	text-align: center;
	text-transform: none;
	}

	.inline-notes.DI-havenot {
		filter: grayscale(100%) opacity(67%);
	 	}

	.inline-notes a:link {text-decoration: none; color: #444; }
	.inline-notes a:visited {text-decoration: none; color: #444; }
	.inline-notes a:hover {text-decoration: none; color: #000; }
	.inline-notes a:active {text-decoration: none; color: #0a0; }

		.inline-top {
			background: none repeat scroll 0 0 #777;
			border: 0 none;
			height: 1px;
			margin-bottom: 20px;
			width: 467px;
			}

			.inline-notes .slash {
				font-size: 10px;
				opacity: .3;
				}

		.inline-notes-source {
			font: 9px verdana-bold;
			text-transform: lowercase;
			opacity: 0.6;
			}

		.inline-notes .artist {
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 3px;
			}

		.inline-notes .artist a:link {text-decoration: none; color: #111; }
		.inline-notes .artist a:visited {text-decoration: none; color: #050; }
		.inline-notes .artist a:hover {text-decoration: none; color: #444; }
		.inline-notes .artist a:active {text-decoration: none; color: #111; }


		.inline-notes .artist-BA {
			color: #888;
			padding: 0px 7px;
			}

		.inline-text {
			text-align: left;
			}

			.inline-text.multi {
				text-align: center;
				}

		.inline-bottom {
			background: none repeat scroll 0 0 #777;
			border: 0 none;
			height: 1px;
			margin-top: 25px;
			width: 467px;
			}


		.inline-top.joined {
			margin-top: -14px;
			}


/* start thumb-VCS (Collaboration <font class="slash">/</font> Compilation <font class="slash">/</font> Split <font class="slash">/</font> Various) */
	.inline-notes .ca-vcs .square {
		box-shadow: 7px 7px 5px rgba(30,30,30, 1);
		text-align: left;
		border: solid 1px rgba(0, 0, 0, 1);
		position: relative;
		}

		.inline-notes .ca-vcs .square {
			background: url("../zone/record/image/bg/bg-coverart.png") center center;
			background-size: 90px;
			display: inline-block;
			height: 90px;
			margin-left: auto;
			margin-right: auto;
			}

	.inline-notes .ca-vcs {
		padding-top: 17px;
		}

		.inline-notes .square .thumb {
			width: auto;
			height: 90px;
			}

		.inline-notes .square .layer {
			color: rgba(0,0,0, 0.1);
			text-align: center;
			position: absolute;
			top: 0px;
			z-index: 1;
				width: 90px;
				height: 90px;
			}


		.inline-notes .square .layer-text {
			position: relative;
			}

			.inline-notes .square .layer-text {
				font: bold 50px verdana;
				top: 10.5px;
				}
/* start thumb-VCS (Collaboration <font class="slash">/</font> Compilation <font class="slash">/</font> Split <font class="slash">/</font> Various) */

/* END INLINE NOTES */




/* BEGIN NUMBER  STYLING FOR .discog-info  - crucifyd */
body {
	counter-reset: album;
}

.discog-info {
	counter-increment: album;
}

.discog-info::before {
	content: "0" counter(album, decimal-leading-zero) "";
	font: 14px initial bold;
	left: 61px;
	letter-spacing: 1px;
	opacity: .7;
	position: absolute;
	top: -21px;
}
/* END NUMBER  STYLING FOR .discog-info  - crucifyd */




/* BEGIN NUMBER  STYLING FOR .discog-info .data  - crucifyd */
/* "prefixed" and "styled" for all other ordered list styling  - crucifyd */
ol.prefixed li:before {
	content: counter(item, decimal-leading-zero) "";
	counter-increment: item;
	font: 10px verdana;
	float: left;
	margin: 2px 4px;
	position: relative;
}

/* The <ol> needs to have its counter-reset redefined for each version you want to create. */ /* origina note with code */
ol.styled { counter-reset: item; }
ol.styled li {
	overflow: hidden;
	position: relative;
}
/* "prefixed" and "styled" for all other ordered list styling  - crucifyd */

.discog-info .collection ol.styled li:before {
	content: '' counter(item, decimal-leading-zero) ' \00B7';
	top: -2px;
}

.discog-info .collection ol.styled li:before {
	top: -2px;
}

.discog-info .track-listing ol.styled li:before {
	top: -1.1px;
}
/* END NUMBER  STYLING FOR .discog-info .data  - crucifyd */






/* BEGIN discog-info */
.discog-info {
	padding: 0px 75px 50px;
	position: relative;
	text-transform: none;
	top: 20px;
	}

	.discog-info a:link {text-decoration: none; color: #444; }
	.discog-info a:visited {text-decoration: none; color: #444; }
	.discog-info a:hover {text-decoration: none; color: #000; }
	.discog-info a:active {text-decoration: none; color: #0a0; }


	.discog-info .ca-main,
	.discog-info .ca-alternate .square,
	.discog-info .ca-notav .square {
		box-shadow: 7px 7px 5px rgba(30,30,30, 1);
		text-align: left;
		border: solid 1px rgba(0, 0, 0, 1);
		position: relative;
		}

	.discog-info .ca-notav {
			margin-bottom: 7px;
			text-align: center;
			}
	
	
			.discog-info .ca-main {
			background: url("../zone/record/image/bg/bg-coverart.png") center center;
			background-size: 214px;
			left: -15px;
			margin: 20px 0px 27px;
			width: 214px;
			height: 214px;
			}

		.discog-info .ca-alternate .square,
		.discog-info .ca-notav .square {
			background: url("../zone/record/image/bg/bg-coverart.png") center center;
			background-size: 55px;
			display: inline-block;
			width: 55px;
			height: 55px;
			}

				.discog-info .ca-notav .square {
					background-size: 143px;
					display: inline-block;
					margin: 7px;
					width: 143px;
					height: 143px;
					}

	.discog-info .ca-alternate {
		position: absolute;
		right: 51px;
		text-align: center;
		top: 114px;
		width: 360px;
		}

		.discog-info .ca-main .thumb {
			width: auto;
			height: 214px;
			}

		.discog-info .square .thumb {
			width: auto;
			height: 55px;
			}

		.discog-info .ca-main .layer,
		.discog-info .square .layer {
			color: rgba(0,0,0, 0.05);
			text-align: center;
			position: absolute;
			top: 0px;
			z-index: 1;
			}

			.discog-info .ca-main .layer {
				width: 214px;
				height: 214px;
				transition: .1s;
				}

			.discog-info .square .layer {
				width: 55px;
				height: 55px;
				}

			.discog-info .ca-notav .layer {
				width: 143px;
				height: 143px;
				transition: .1s;
				}

		.discog-info .ca-main .layer-text,
		.discog-info .square .layer-text {
			position: relative;
			}

		.discog-info .ca-main .layer-text {
				font: bold 111px verdana;
				top: 37px;
				}

			.discog-info .square .layer-text {
				font: bold 30px verdana;
				top: 7px;
				}

			.discog-info .ca-notav .layer-text {
					font: bold 44px verdana;
					top: 11px;
					opacity: .0;
					}

		.discog-info .ca-main .layer:hover,
		.discog-info .square .layer:hover,
		.inline-notes .square .layer:hover {
			background: rgba(0,0,0, .3);
			color: #070;
			text-shadow: 3px 3px 0 #000,
			-2px -2px 0 #000,  
			2px -2px 0 #000,
			-2px 2px 0 #000,
			2px 2px 0 #000;
			transition-duration: .5s;
			}





/*  ****** LIGHTBOX-ROTATE WAS HERE    3 deals ************/

.LP-stream {
	opacity: .4;
	position: absolute;
		left: 227px;
		top: 7px;
		width: 39px;
	}

	.LP-stream:hover {
		opacity: 1;
		}

		.LP-stream .LP-stream-info {
			position: relative;
			bottom: 2px;
			}

		.LP-stream .note {
			position: relative;
			bottom: 2px;
			}

		/* stream alt */
		.LP-stream.no-link {
			opacity: .0;
			}

		/* stream alt */
		.LP-stream.alt {
			position: absolute;
			left: 25px;
			top: 67px;
			}

		/* stream Collaboration <font class="slash">/</font> Compilation <font class="slash">/</font> Split <font class="slash">/</font> Various */
		.LP-stream.vcs-stream {
			left: 103px;
			top: 2px;
			}

			.LP-stream.vcs-stream-DA {
				left: 193px;
				top: 2px;
				}

			.havenot {
				position: absolute;
				left: 29px;
				top: 2px;
				width: 21px;
				}

				.havenot.index {
					top: 22px;
					}





		 .discog-info .record {
			left: 327px;
			overflow: hidden;
			padding: 4px 7px 14px;
			position: absolute;
			text-align: center;
			text-overflow: "\00B7\00B7\00B7";
			top: 7px;
			white-space: nowrap;
			width: 307px;
			}

			 .discog-info .record:hover {
				background: url("../zone/record/image/bg/bg-record-info.png") center;
				border: solid 1px #777;
				border-radius: 7px;
				box-shadow: 7px 7px 5px rgba(30,30,30, 1);
				left: 326px;
				top: 6px;
				z-index: 1;
				}


					/* not in use */
						.data.DI-notinuse {
							background-color: rgba(100,0,0, .15);
							opacity: .3;
							}

							.data.DI-notinuse:hover {
								background-color: rgba(100,0,0, 1);
								opacity: 1;
								}

					/* free download */
						.data.DI-free-dl {
							background: url("../zone/record/image/bg/DI-free-dl.png") 649px .1px no-repeat;
							background-size: 19px;
							}

						/* free download */
							.data.DI-free-dl-niu {
								background: url("../zone/record/image/bg/DI-free-dl.png") 649px .1px no-repeat;
								background-color: rgba(100,0,0, .15);
								background-size: 19px;
								opacity: .3;
								}
	
							/* for firefox  */
								@-moz-document url-prefix(){
									.data.DI-free-dl-niu {
										background: url("../zone/record/image/bg/DI-free-dl.png") 649px 2px no-repeat;
										background-color: rgba(100,0,0, .15);
										background-size: 19px;
										opacity: .3;
									}
								}

								.data.DI-free-dl-niu:hover {
									background-color: rgba(100,0,0, 1);
									opacity: 1;
									}

					/* free download */
						.data.DI-free-dlc{
							background: url("../zone/record/image/bg/DI-free-dlc.png") 649px .1px no-repeat;
							background-size: 19px;
							}

						/* free download */
							.data.DI-free-dlc-niu {
								background: url("../zone/record/image/bg/DI-free-dlc.png") 649px .1px no-repeat;
								background-color: rgba(100,0,0, .15);
								background-size: 19px;
								opacity: .3;
								}
	
							/* for firefox  */
								@-moz-document url-prefix(){
									.data.DI-free-dlc-niu {
										background: url("../zone/record/image/bg/DI-free-dlc.png") 649px 2px no-repeat;
										background-color: rgba(100,0,0, .15);
										background-size: 19px;
										opacity: .3;
									}
								}

								.data.DI-free-dlc-niu:hover {
									background-color: rgba(100,0,0, 1);
									opacity: 1;
									}

					/* my price was zero */
						.data.DI-nyp-dl {
							background: url("../zone/record/image/bg/DI-nyp-dl.png") 649px .1px no-repeat;
							background-size: 19px;
							}

						/* my price was zero */
							.data.DI-nyp-dl-niu {
								background: url("../zone/record/image/bg/DI-nyp-dl.png") 649px .5px no-repeat;
								background-color: rgba(100,0,0, .15);
								background-size: 19px;
								opacity: .3;
									}
								}

							/* for firefox  */
								@-moz-document url-prefix(){
									.data.DI-nyp-dl-niu {
										background: url("../zone/record/image/bg/DI-nyp-dl.png") 649px 2px no-repeat;
										background-color: rgba(100,0,0, .15);
										background-size: 19px;
										opacity: .3;
									}
								}

								.data.DI-nyp-dl-niu:hover {
									background-color: rgba(100,0,0, 1);
									opacity: 1;
									}


					/* not ripped */
						.data.DI-notripped {
							background: url("../zone/record/image/bg/DI-notripped.png") 649px -.3px no-repeat;
							background-size: 19px;
							}

						/* for firefox  */
							@-moz-document url-prefix(){
								.data.DI-notripped {
									background: url("../zone/record/image/bg/DI-notripped.png") 649px .1px no-repeat;
									background-size: 19px;
									}
								}

					/* still sealed */
						.data.DI-ss {
							background: url("../zone/record/image/bg/DI-ss.png") 649px -.3px no-repeat;
							background-size: 19px;
							}

						/* for firefox  */
							@-moz-document url-prefix(){
								.data.DI-ss {
									background: url("../zone/record/image/bg/DI-ss.png") 649px .1px no-repeat;
									background-size: 19px;
									}
								}

					/* unofficial 
						.data.DI-unofficial {
							background: url("../zone/record/image/bg/DI-unofficial.png") 18px -.6px no-repeat;
							background-size: 19px;
							}

						/* for firefox  
							@-moz-document url-prefix(){
								.data.DI-unofficial {
									background: url("../zone/record/image/bg/DI-unofficial.png") 18px .1px no-repeat;
									background-size: 19px;
									}
								}
					*/
					
			 .discog-info .rec-artist {
				color: rgba(51,51,51, .8);
				font: 15px walter-turncoat;
				letter-spacing: 2px;
				opacity: .8;
				text-transform: capitalize;
				}

						 .discog-info .record:hover .rec-artist {
							overflow: visible;
							postion: asbolute;
							white-space: normal;
							width: 800px;
							}

			 .discog-info .rec-suptitle {
				color: #000;
				font: 14px tahoma-bold;
				letter-spacing: 1px;
				text-transform: capitalize;
				opacity: .6;
				position: relative;
				top: -3px;
				}

			 .discog-info .rec-title {
				color: #000;
				font: 21px tahoma-bold;
				letter-spacing: 1px;
				text-transform: capitalize;
				opacity: .7;
				position: relative;
				top: -3px;
				}

						 .discog-info .record:hover .rec-title {
							overflow: visible;
							postion: asbolute;
							white-space: normal;
							width: 800px;
							}

				 .discog-info .rec-subtitle {
					color: #000;
					font: 15px arial;
					letter-spacing: 1px;
					text-transform: capitalize;
					opacity: .7;
					position: relative;
					top: -3px;
					}

						 .discog-info .record:hover .rec-subtitle {
							overflow: visible;
							postion: asbolute;
							white-space: normal;
							}


			 .discog-info .rec-or-block {
				background: rgba(0, 0, 0, .7);
				color: #aaa;
				font: 9px verdana-bold;
				letter-spacing: 2px;
				padding: 0px 4px 1px 4px;
				text-transform: uppercase;
				position: relative;
				top: -1px;
				}

			 .discog-info .rec-format {
				font: 11px verdana;
				letter-spacing: 3px;
				position: relative;
				text-transform: uppercase;
				}

				 .discog-info .sampler {
					color: #f00;
					}

.jump {
	position: relative;
	top: -170px;
	}
	
.jump-video {
	position: relative;
	top: -170px;
	}

.jump-notav {
	position: relative;
	top: -170px;
	}




.DI-havenot {
	}

	.DI-havenot .ca-main .thumb,
	.DI-havenot .ca-alternate .square .thumb,
	.DI-havenot img,
	.ca-alternate .DI-havenot img {
		filter: grayscale(100%) opacity(67%);
		}

			.DI-havenot .record,
			.DI-havenot .rec-artist,
			.DI-havenot .rec-suptitle,
			.DI-havenot .rec-title,
			.DI-havenot .rec-subtitle,
			.DI-havenot .ca-alternate .square .thumb,
			.DI-havenot .rec-format {
				color: rgba(50,50,50, .55);
				}

			.DI-havenot .rec-or-block {
				background: rgba(100,100,100, .1);
				color: #555;
				}






	 .discog-info .collection {
		left: -21px;
		position: relative;
		width: 594px;
		}


/* TRACK LISTING */
.track-list {
	left: 287px;
	position: absolute;
	top: 96px;
	}

		.track-list.withsubtitle {
			top: 79px;
			}

.track-list .track-plus {
	width: 28px;
	height: 14px;
	}

.track-list .track-plus img {
	filter: grayscale(100%) opacity(34%);
	width: 9px;
	height: auto;
	}

	.track-list .track-plus img:hover {
		}

.track-list .track-plus:hover > .tracks {
	background: url("../zone/record/image/bg/bg-tracks.png") 0px 0px no-repeat ;
	border: solid 3px #050;   /* green border WITH lyrics */
	border-radius: 7px;
	box-shadow: 7px 7px 5px rgba(30,30,30, 1);
	font: 11px verdana;
	letter-spacing: 1px;
	opacity: 1;
	position: absolute;
	text-transform: uppercase;
	left: 10px;
	transition: opacity .7s ease-in-out;
	top: 2px;
	z-index: 1;
		width: 400px;
		height: auto;
	}

	.track-list .track-plus:hover > .tracks.instrumental {
		border: solid 3px #000;   /* blackborder W/OUT lyrics */
		}

		.track-list .track-plus:hover > .tracks.no-lyrics {
			border: solid 3px #500;   /* red border W/OUT lyrics */
			}

			.track-list .track-plus:hover > .tracks.mix-lyrics {
				border-top: solid 3px #050;   /* green border WITH lyrics */
				border-right: solid 3px #500;   /* green border WITH lyrics */
				border-bottom: solid 3px #500;   /* red border W/OUT lyrics */
				border-left: solid 3px #050;   /* red border W/OUT lyrics */
				}


.track-list .track-plus .tracks {
	clear: both;
	left: 48px;
	opacity: 0;
	overflow: hidden;
	top: -3px;
		width: 0px;
		height: 0px;
	}

	/* for firefox  */
		@-moz-document url-prefix(){
			.track-list .track-plus .tracks {
				top: 0px;
				}
			}

.track-list .track-plus .tracks:hover {
	z-index: 22;
	}

	.track-list .tracks a:link {text-decoration: none; color: #999; }
	.track-list .tracks a:visited {text-decoration: none; color: #999; }
	.track-list .tracks a:hover {text-decoration: none; color: #0c0; }
	.track-list .tracks a:active {text-decoration: none; color: #888; }


	.track-list ol {
		counter-reset: item;
		line-height: 21px;
		padding: 14px 29px;
		position: relative;
		}

		.track-list ol li {
			color: #999; /* elipse color */
			display: block;
			height: 21px;
			left: -29px;
			padding: 0px 62px 0px 21px;
			position: relative;
			width: 318px;
			overflow: hidden;
			text-overflow: "...";
			white-space: nowrap;
			}

.track-list ol li:first-child {
	list-style:none;
	}

				.track-list ol li:hover {
					background: rgba(0,00,0, .25);
					z-index: 5;
					}

				.track-list ol li a {
					}

			.track-list ol li:before { 
				color: #999; /* track number color */
				content: counter(item, decimal-leading-zero) " \2022  "; /*url("../image/whatever/green-arrow.png")*/;
				counter-increment: item;
				font: 10px arial;
				letter-spacing: 2px;
				}

			.track-list ol li.other-tracks {
				background: url("../zone/record/image/bg/bg-other-tracks.png") 11px 6px no-repeat ;
				}

				.track-list ol li.other-tracks:hover {
					background: url("../zone/record/image/bg/bg-other-tracks.png") 11px 6px no-repeat, rgba(0,00,0, .25) ;
					}

	.track-list .running-time {
		color: #999; /* track duration color */
		left: 320px;
		position: relative;
		text-align: right;
		top: -21px;
		width: 42px;
		}

	.track-list .links {
		font-size: 14px;
		position: relative;
		text-align: left;
		top: -44px;
		width: 2px;
		float: right;
		right: -51px;
		}

		.track-list .links  a:link {text-decoration: none; color: #040; }
		.track-list .links  a:visited {text-decoration: none; color: #040; }
		.track-list .links  a:hover {text-decoration: none; color: #0a0; }
		.track-list .links  a:active {text-decoration: none; color: #0a0; }
/* TRACK LISTING */



.data-qty {
	color: #f00;
	font: 10px verdana-bold;
	padding-left: 20px;
	}

		.discog-info .data {
			font: 10px verdana-bold;
			padding: 3px 91px 0px 33px;  /* 3px 17px 0px 17px  TESTING FOR FULL WIDTH HOVER */
			position: relative;
			left: -54px;  /* -21  TESTING FOR FULL WIDTH HOVER */
			text-transform: uppercase;
			width: 100%;  /* 584px  TESTING FOR FULL WIDTH HOVER */
			}

				.discog-info .data:hover {
					background-color: rgba(0,0,0,.1);
					border-right: solid 2px #000;
					position: relative;
					}

				.videog-info .data.wishlist {
					opacity: .2;
					}

					.videog-info .data.wishlist:hover {
						background-color: rgba(0,0,0, .7);
						color: #aaa;
						opacity: 1;
						}


			.discog-info .data-format {
				background: #666;
				border-bottom: solid 1px rgba(54,54,54, .8);
				border-top: solid 1px rgba(54,54,54, .8);
				float: left;
				height: 13px;
				line-height: 11px;
				left: 1px;
				padding-left: 4px;
				position: relative;
				text-transform: uppercase;
				width: 42px;
				}

				.discog-info .data-format.recordable {
					color: #700;
					}




			.discog-info .data-catalog {
				}

				 .data-catalog.adl, .cd, .cs, .dl, .dvd, .vhd, .lp, .ld, .pl, .udl, .vdl, .vhs {margin-left: 7px; }
				 .data-catalog.cdr {margin-left: 6px; }
				 .data-catalog.wl {margin-left: 5px; }

			.discog-info .data-dot  {
				font: 10px verdana-bold;
				opacity: .3;
				position: relative;
				}

			.discog-info .data-whatitis {
				font: 9px verdana-bold;
				letter-spacing: .7px;
				opacity: .5;
				position: relative;
				}

				.discog-info .data-ww  {
					font: 9px verdana-bold;
					opacity: .6;
					position: relative;
					}

				.discog-info .data-source  {
					font: 9px verdana-bold;
					text-transform: lowercase;
					opacity: 0.6;
					position: relative;
					}

			.discog-info .data-cover {
				color: #040;
				float: right;
				position: relative;
				right: -18px;
				}


/* NOTES inside COLLECTION div */
	.discog-info .notes {
		font: 11px verdana;
		left: 14px;
		margin-top: 21px;
		position: relative;
		top: -4px;
		width: 574px;
		}

			.discog-info .notes.no-data {
				margin-top: 30px;
				top: -2px;
				}

	.discog-info .collection .notes ol {
		padding: 11px 27px 3px;
		position: relative;
		list-style-type: decimal;
		width: 500px;
		}

		.discog-info .collection .notes ol li {
			}

		.discog-info .collection hr.media-div {
/* for nothing between media types */
/*
			border: 0 none;
			margin: 0px;
*/
/* for line between media types */
			border: 0 none;
			margin: 3px 79px;
			background: rgba(0,0,0, .15) none repeat scroll 0 0;
			height: 1px;
			position: relative;
			width: 134px;
			} 



/* horizontal rule NIU */
/* horizontal rule NIU for firefox */
	@-moz-document url-prefix(){
			.discog-info .collection hr.niu {
/* for nothing between media types */
/*
				margin: 0px;
				height: 0px;
*/
/* for space between DL and whatever */
				margin: 7px;
				height: 0px;
				} 
		}
	
/* horizontal rule NIU for chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
			.discog-info .collection hr.niu {
/* for nothing between media types */
/*
				margin: 0px;
				height: 0px;
*/
/* for space between DL and whatever */
				margin: 3.5px;
				height: 0px;
				} 

		}
/* horizontal rule NIU */



	blockquote {
		border-left: solid 3px #777;
		margin: 9px 14px 0px -9px;
		left: 15px;
		padding-left: 7px;
		position: relative;
		}

	.CV-crucifyd {
		color: #040;
		font-weight: bold;
		text-decoration: underline;	}

			.discog-info .notes-source,
			.discog-info .record-info-source  {
			font: 9px verdana-bold;
			text-transform: lowercase;
			margin-top: 7px;
			opacity: 0.6;
			position: relative;
/*			left: 17px;  */
			}

			.discog-info .notes-source {
				left: 0px;
				}

			/* RECORD INFO source */
			.discog-info .record-info-source {
				top: 1px;
				margin-bottom: -2px;
				}

/* TRACK LISTING IN NOTES */
.discog-info .track-listing {
	font: 11px verdana;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	}


	.discog-info .track-listing a:link {text-decoration: none; color: #040; }
	.discog-info .track-listing a:visited {text-decoration: none; color: #040; }
	.discog-info .track-listing a:hover {text-decoration: none; color: #333; font-weight: bold; }
	.discog-info .track-listing a:active {text-decoration: none; color: #0a0; }

	.discog-info .track-listing ol {
		padding-top: 4px;
		}

	.discog-info .track-listing li {
		margin: -3px 0px;
		}
/* TRACK LISTING IN NOTES */



		.divider {
			background: none repeat scroll 0 0 #666;
			border: 0 none;
			height: 1px;
			margin-bottom: 27px;
			width: 467px;
			}

			/* audio video divider - GREEN */
			.divider.video {
				background: none repeat scroll rgba(0,100,0,1);
				height: 2px;
				}

			/* notav divider - GREY */
			.divider.notav1 {
				background: none repeat scroll rgba(0,0,0, .4);
			margin-bottom: -3px;
				height: 1px;
				}
			/* notav divider - GREY */
			.divider.notav2 {
				background: none repeat scroll rgba(0,0,0, .3);
			margin-bottom: -3px;
			width: 417px;
				height: 1px;
				}
			/* notav divider - GREY */
			.divider.notav3 {
				background: none repeat scroll rgba(0,0,0, .2);
			margin-bottom: -3px;
			width: 367px;
				height: 1px;
				}
			/* notav divider - GREY */
			.divider.notav4 {
				background: none repeat scroll rgba(0,0,0, .2);
				height: 1px;
			width: 217px;
				}

			/* same release divider - DOTTED*/
			.divider.same {
				border: dotted 1px #888;
				background: none repeat scroll rgba(150,0,0,1);
				height: 2px;
				}

		/* decade divider */
		.divider-decade {
			background: none repeat scroll 0 0 #888;
			border: solid 1px #333;
			border-width: 1px 0px 1px 0px;
			font: bold 28px old-english;
			letter-spacing: 14px;
			margin-bottom: 35px;
			margin-top: 91px;
			text-align: center;
			text-transform: lowercase;
			}

			/* top decade divider */
				.divider-decade.top {
					margin-top: 11px;
					}

/* END discog-info */







/* rec-txt */
#rec-txt {
	font-size: 13px;
	padding: 54px 60px 5px;
	text-transform: none;
	width: 600px;
	}

#rec-txt p {
	margin-top: 15px;
	}

	#rec-txt hr {
		background: none repeat scroll 0 0 #888;
		border: 0 none;
		height: 1px;
		position: relative;
		margin: 14px 0px 14px 0px;
		width: 400px;
		}

#rec-txt-source {
	font: 10px verdana;
	text-transform: lowercase;
	opacity: 0.6;
	}
/* rec-txt */



/* key */
/* see #content above */
#key {
	position: relative;
	top: 118px; /* adjust w/#heading > top for height of info bar */
	}

	/* must be in content div */
	#heading {
		background: #888;
		color: #000;
		font: 10px verdana;
		padding: 0px 0px 1px 150px;
		position: fixed;
		top: 133px; /* adjust w/#key > top for height of info bar */
		word-spacing: 45px;
		width: 570px;
		z-index: 1;
		}

		#heading.ikea {
			padding: 0px 0px 1px 220px;
			width: 470px;
			}

.key-table {
	position: relative;
	top: -5px;
	width: 720px;
	}

	.key-table td {
		padding: 1px 0px;
		text-align: left;
		}

		.key-table td.acr {
			width: 70px;
			padding-left: 150px;
			}

	.key-table tr:hover {
		background: rgba(0,0,0, .2);
		font-weight: bold;
		color: #000;
		padding-left: 200px;
		width: 100%;
		}

/* IKEA VARIABLES */
	.key-table.ikea {
		color: #333;
		font: 17px courier-new-bold;
		line-height: 1.2em;
		position: relative;
		top: -3px;
		}

		.key-table.ikea td.acr {
			width: 100%;
			}

		.key-table.ikea .acr {
			padding: 3px 0px 0px 220px;
			}

		.key-table.ikea tr:hover {
			font-weight: normal;
			}

	.ikea-notes {
		color: #333;
		font: 12px verdana;
		left: 231px;
		letter-spacing: 1px;
		position: relative;
		top: 18px;
		text-transform: lowercase;
		}

/* key */



/* scratchpad */
#scratchpad {
	font-size: 13px;
	padding: 191px 60px 5px;
	text-transform: none;
	}

	#scratchpad .key {
		background: url("../zone/record/image/bg//bg-record.png") top center no-repeat fixed;
		padding: 25px 0px 10px;
		position: fixed;
		top: 60px;
		width: 100%;
		z-index: 1;
		}

	#scratchpad hr.between {
		background: none repeat scroll 0 0 #500;
		margin: 14px 0px;
		width: 200px;
		}

#scratchpad p {
	margin-top: 15px;
	}

#scratchpad hr {
	background: none repeat scroll 0 0 #777;
	border: 0 none;
	height: 1px;
	position: relative;
	margin: 14px 0px 14px 0px;
	width: 400px;
	}

#scratchpad p.grade {
	margin-top: 30px;
	}

#scratchpad-source {
	font: 10px verdana;
	text-transform: lowercase;
	opacity: 0.6;
	}
/* scratchpad */



/* blackhole */
	#blackhole {
		text-transform: uppercase;
		padding-top: 19px;
		}

	#blackhole hr {
		background: #888;
		border: 0px;
		height: 1px;
		margin: 25px 0px 20px 0px;
		text-align: left;
		width: 50%;
		}
/* blackhole */





/* BEGIN wishlist */
#wishlist {
text-align: left;
text-transform: uppercase;
}

#wishlist .obscure {
	position: relative;
	top: -46px;
}


#wishlist td.greyed {
	color: rgba(0,0,0, .3);
}

#wishlist h4 {
color: #333;
font: 14px verdana-bold;
letter-spacing: 1px;
margin: 21px 0px -7px 25px;
text-align: left;
text-transform: capitalize;
}

#wishlist h5 {
color: #333;
font: 10px verdana;
letter-spacing: 1px;
margin: -12px 0px -7px 35px;
position: relative;
text-align: left;
text-transform: uppercase;
top: 7px;
}

#wishlist h5.url {
text-transform: lowercase;
}

#wishlist table {
/*		background: rgba(200,200,200, .3);   now in sortable  */
font: 12px verdana;
margin: 14px auto;
table-layout: fixed;
width: 692px;
}

/* for numbering */
#wishlist table {
counter-reset: no -1;
}

#wishlist tr {
counter-increment: row-num;
}

#wishlist table tr td:first-child::before {
content: counter(row-num, decimal-leading-zero) " · ";
opacity: .35;
font-weight: bold;
}
/* for numbering */

#wishlist th {
background-color: #555;
color: #aaa;
letter-spacing: 1px;
overflow: hidden;
padding: 2px 6px 2px 17px;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 29%;
}

#wishlist tr:hover {
background: rgba(0,0,0, .15);
}

#wishlist td {
padding: 2px 6px 2px 17px;
}





/* four-column-2 */
#wishlist .four-column-2-one {
padding-left: 7px;
text-overflow: ellipsis;
white-space: nowrap;
width: 24%;
}

#wishlist .four-column-2-one a:link {text-decoration: none; color: #040; }
#wishlist .four-column-2-one a:visited {text-decoration: none; color: #040; }
#wishlist .four-column-2-one a:hover {text-decoration: none; color: #000; font-weight: bold; }
#wishlist .four-column-2-one a:active {text-decoration: none; color: #070; }

#wishlist .four-column-2-two {
width: 5%;
}

#wishlist .four-column-2-three {
text-overflow: ellipsis;
white-space: nowrap;
width: 18%;
}

#wishlist .four-column-2-four {
overflow: hidden;
padding-right: 14px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 5%;
}

#wishlist .four-column-2-four a:link {text-decoration: none; color: #040; }
#wishlist .four-column-2-four a:visited {text-decoration: none; color: #040; }
#wishlist .four-column-2-four a:hover {text-decoration: none; color: #000; font-weight: bold; }
#wishlist .four-column-2-four a:active {text-decoration: none; color: #070; }
/* four-column-2 */






/* four-column-3 */
#wishlist .four-column-3-one {
overflow: hidden;
padding-left: 7px;
text-overflow: ellipsis;
white-space: nowrap;
width: 54%;
}

#wishlist .four-column-3-two {
width: 14%;
}

#wishlist .four-column-3-three {
width: 8%;
}

#wishlist .four-column-3-four {
overflow: hidden;
padding-right: 14px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 5%;
}

#wishlist .four-column-3-four a:link {text-decoration: none; color: #040; }
#wishlist .four-column-3-four a:visited {text-decoration: none; color: #040; }
#wishlist .four-column-3-four a:hover {text-decoration: none; color: #000; font-weight: bold; }
#wishlist .four-column-3-four a:active {text-decoration: none; color: #070; }
/* four-column-3 */






/* five-column-1 */
#wishlist .five-column-1-one {
overflow: hidden;
padding-left: 7px;
text-overflow: ellipsis;
white-space: nowrap;
width: 54%;
}

#wishlist .five-column-1-one a:link {text-decoration: none; color: #050; }
#wishlist .five-column-1-one a:visited {text-decoration: none; color: #040; }
#wishlist .five-column-1-one a:hover {text-decoration: none; color: #000; font-weight: bold; }
#wishlist .five-column-1-one a:active {text-decoration: none; color: #000; }

#wishlist .five-column-1-one.consumable {
background: url("../zone/record/image/bg/bg-consumable.png") 7px 5px no-repeat;
}

#wishlist .five-column-1-two {
text-align: center;
width: 0%;
padding-right: 19px;
}

#wishlist .pri-0 {
color: rgba(0,90,0, 1);
font-weight: bold;
}

#wishlist .pri-1 {
color: rgba(170,0,0, .7);
font-weight: bold;
}

#wishlist .pri-2 {
color: rgba(245,33,10, .6);
}

#wishlist .pri-3,
#wishlist .pri-4,
#wishlist .pri-5,
#wishlist .pri-6 {
color: rgba(0,0,0, .5);
}

#wishlist .pri-7 {
color: rgba(255,0,0, .3);
}

#wishlist .pri-99 {
color: rgba(0,0,0, .2);
}

#wishlist .pri-HTF {
color: rgba(0,0,0, .2);
position: relative;
left: -4px;
}

#wishlist .five-column-1-three {
width: 14%;
}

#wishlist .five-column-1-three.centered {
text-align: center;
}

#wishlist .five-column-1-four {
font-weight: bold;
text-align: left;
width: 4%;
}

#wishlist .five-column-1-five {
overflow: hidden;
padding-right: 14px;
text-align: center;
text-overflow: ellipsis;
width: 5%;
white-space: nowrap;
}

#wishlist .five-column-1-five a {opacity: .7;}
#wishlist .five-column-1-five a:hover {opacity: 1;}

#wishlist .five-column-1-five a:link {text-decoration: none; color: #040; }
#wishlist .five-column-1-five a:visited {text-decoration: none; color: #040; }
#wishlist .five-column-1-five a:hover {text-decoration: none; color: #000; font-weight: bold; }
#wishlist .five-column-1-five a:active {text-decoration: none; color: #070; }
/* five-column-1 */







#wishlist table.sortable th::after, th.sorttable_sorted::after, th.sorttable_sorted_reverse::after {
content: " ";
height: 11px;
width: 11px;
}
#wishlist th.sorttable_sorted::after {
background: url(my-sorted-icon.png);
background-size: contain;
}
#wishlist th.sorttable_sorted_reverse::after {
background: url(my-sorted-reversed-icon.png);
background-size: cover;
}


/* change colors for alternating row background colors */
table.sortable tbody tr:nth-child(2n) td {
	background: rgba(200,200,200, .3);
}
table.sortable tbody tr:nth-child(2n+1) td {
	background: rgba(200,200,200, .3);
}


/* jump */
/* jump for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wishlist .jump-wl {
	bottom: 136px;
	position: relative;
	}
}
/* jump for firefox */
@-moz-document url-prefix() {
	#wishlist .jump-wl {
	padding-top: 125px;
	}
}
/* jump */


/* jump */
/* jump for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wishlist .jump-alt {
	position: relative;
	top: -98px;
	}
}
/* jump for firefox */
@-moz-document url-prefix() {
	#wishlist .jump-alt {
	padding-top: 87px;
	}
}
/* jump */

/* END wishlist */




/* word */
#word {
	padding: 37px 60px 5px;
	font: 14px verdana;
	text-transform: capitalize;
	}

	#word .category {
		color: #555;
		font: 16px verdana;
		letter-spacing: 1px;
		}

		#word hr {
			background: #777;
			border: 0px;
			height: 1px;
			margin: 11px 0px 17px 0px;
			text-align: left;
			width: 30%;
			}

	#word .article {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}

	#word .byline {
		padding-bottom: 14px;
		color: #555;
		font-size: 11px;
		position: relative;
		text-transform: lowercase;
		}

/* word */






/* ikea */
#ikea {
	padding: 37px 60px 5px;
	font: 17px verdana;
	letter-spacing: 2px;
	text-transform: capitalize;
	}
/* ikea */






/* FIXED */ /* OUTSIDE the wrapper unless noted */
/* FIXED */












#misc .menu {
	opacity: .1;
	position: fixed;
	right: 92px;
	top: 97px;
	transition: .5s;
	z-index: 2;
	}

	#misc .menu:hover {
		opacity: .7;
		transition: .5s;
		}

	#misc .menu-box {
		background: #777;
		border: solid 2px #111;
		border-radius: 10px;
		font: 14px verdana;
		padding: 14px;
		position: relative;
		text-align: left;
		text-transform: uppercase;
		margin: 0px auto;
		}

		.title {
			font: 21px verdana-bold;
			letter-spacing: 2px;
			text-align: center;
			}

		.category {
			padding: 0px 14px;
			}

		#misc .menu-box a:link {text-decoration: none; color: #111; }
		#misc .menu-box a:visited {text-decoration: none; color: #111; }
		#misc .menu-box a:hover {text-decoration: none; color: #bbb; }
		#misc .menu-box a:active {text-decoration: none; color: #0f0; }

#misc pre {
	color: #222;
	font: 16px verdana;
	margin-top: 108px;
	text-transform: lowercase;

	}

	#misc pre a:link {text-decoration: none; color: #444; }
	#misc pre a:visited {text-decoration: none; color: #444; }
	#misc pre a:hover {text-decoration: none; color: #a00; }
	#misc pre a:active {text-decoration: none; color: #060; }

	#misc pre ol {
		counter-reset: item;
		padding: 0px 97px 0px;
		position: relative;
		top: -44px;
		white-space: pre-wrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}

		#misc pre ol li {
			display: block;
			margin-top: -42px;
			}

		/* crucifyd - this one works independent of "prefixed" and "styled", not sure why */
		#misc pre ol li:before {
			color: #555;
			content: counter(item, decimal-leading-zero) " - ";
			counter-increment: item;
			font: 12px verdana-bold;
			left: -34px;
			opacity: .7;
			position: relative;
			top: 18px;
			}


/* jump */
/* jump for firefox */
	@-moz-document url-prefix(){
		#misc pre .jump {
			padding-top: 334px;
			}
		}
	
/* jump for chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#misc pre .jump {
			padding-top: 333px;
			}
		}
/* jump */


#misc pre .heading {
	color: #111;
	font: bold 16px verdana;
	letter-spacing: 4px;
	margin-bottom: -12px;
	text-transform: uppercase;
	}

#misc pre b {
	font: bold 16px arial;
	letter-spacing: 1.5px;
	}

#misc pre blockquote {
	border-left: solid 2px #999;
	margin-left: 14px;
	padding-left: 21px;
	width: 700px;
	}


#misc pre .grey {
	opacity: .6;
	}


