/* WATCH OUT */
/* Changing this file will affect the appearance of the whole site. */
/* NOTE TO SELF: "pt" is points, "px" is pixels */

/*
@font-face {
        font-family: "Amelia BT";
        src: url("http://www.truedoc.com/pfrs/Amelia.pfr")
}
*/

BODY
{	margin: 0
;	marginwidth: 0
;	marginheight: 0
;	font:	12px
		Century Gothic
	,	Avant Garde Gothic
	,	Avant Garde
	,	Univers
	,	Futura
	,	Gill Sans
	,	Akzidenz Grotesk
	,	Verdana
	,	Arial
	,	Helvetica
	,	Geneva
	,	sans-serif
;	text-decoration: none
}

/*
;	scrollbar-face-color:
;	scrollbar-arrow-color:
;	scrollbar-base-color:
;	scrollbar-shadow-color:
;	scrollbar-darkshadow-color:
;	scrollbar-highlight-color:
;	scrollbar-3dlight-color:
;	scrollbar-track-color:
;	highlight-color:
*/

H2 { font: bold 22px }


.on_FFCC66 { font-size: 12px; font-weight: normal; color: #660000; text-decoration: none; background-color: #FFCC66;  bgcolor: #FFCC66; margin: 0; }

.on_FF9900 { color: #660000; background-color: #FF9900; bgcolor: #FF9900; }
.on_FF6600 { color: #660000; background-color: #FF6600; bgcolor: #FF6600; }
.on_336633 { color: #FFCC66; background-color: #336633; bgcolor: #336633; }
.on_660000 { color: #996666; background-color: #660000; bgcolor: #660000; }
.on_000000 { color: #996666; background-color: #000000; bgcolor: #000000; }
.on_006633 { color: #00CCCC; background-color: #006633; bgcolor: #006633; }
.on_000033 { color: #00CCCC; background-color: #000033; bgcolor: #000033; }
.on_330000 { color: #00CCCC; background-color: #330000; bgcolor: #330000; }

.dobstamp {font-size:9px;color:#330000;}

.separator { font-size: 11px; color: #F6BF58; font-weight: bold; }

.mp3hed { 
    color: #996666;
    font: bold 16px Lucida Sans Unicode, Fixedsys, Westminster, Transistor, Asimov, Amelia BT, Denmark, Serpentine, Arcade, Monospace;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-5%);
}


/* links */
a { color: #330000; cursor: hand; text-decoration: none;}
a:hover { color: #990000; text-decoration: none; }
a:active { color: #CC0000; text-decoration: none; }
/* a:visited { color: #660000; } */

/*
A { color: #990000; font-weight: bold; text-decoration: none;}
a:hover { color: #cc0000;}
a:active { color: #660000;}
*/

.on_black_link { color: #CCCCCC; font-weight: normal; text-decoration: none;}
.on_black_link:hover { color: #FFFFFF;}
.on_black_link:active { color: #FFFF00;}

/*
body { color: #CCCCCC; background-color: #330000; bgcolor: #330000; font-family: verdana, Verdana, sans-serif; font-size: 10pt; text-decoration: none}

a { color: #FFCC66; font-family: verdana, Helvetica, sans-serif; cursor: hand; }
a:hover { color: #FFFF00; text-decoration: none; }
a:active { color: #FFFFFF; text-decoration: none; } */
/* a:visited { color: #999933; } */

/*
select { background-color: 330000; background-image: /img/i_remember_yr_navel.jpg; background-repeat: no-repeat; border: 2px, black; font-size: 10pt; color: #999999; }
*/

.lrgprnt { font-size: 14pt; }

.byline { font-size: 12px; font-style: italic; }

.tracklist {
	color: #996666;
	font: 22px Century Gothic
	,	Avant Garde Gothic
	,	Avant Garde
	,	Univers
	,	Futura
	,	Gill Sans
	,	Akzidenz Grotesk
	,	Verdana
	,	Arial
	,	Helvetica
	,	Geneva
	,	sans-serif;
}

.sounds-nav a {
	display: block;
	position: relative;
}

.sounds-nav .to-sounds {
	display: block;
	position: relative;
	min-width: 126px;
	min-height: 266px;

}

.sounds-nav .back-to-sounds {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
}


.delia {
	 width: 25vw;
	 min-width: 444px;
	 height: auto;
	 border: 0;
}