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

body {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: none;
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	color: #ccc;
	background: #0e0a01;
	background-image:url('http://www.beautifulcriminal.net/images/BGwB02.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:left top; 
	}
a {
	text-decoration: none;
	font-weight: bold;
	/*font-style:italic;*/
	color:  #fff;
	outline: none;
	}
a:visited {
	color:  #fff;
	}
a:active {
	color:  #fff;
	}
a:hover {
	color: #fff;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 5px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1.title {
	text-transform: uppercase; 
	color:#fff; 
	font-weight: 900; 
	font-size: .35cm; 
	text-indent: -.5cm; 
	line-height: 5px;
	padding-bottom: 3px;
	padding-top: 10px;
	margin: 0px;
	}
h2.bold {
	text-transform: uppercase; 
	color:#fff; 
	font-weight: 900; 
	font-size: .35cm; 
	text-indent: -.5cm; 
	line-height: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	}
img {
	border: 0;
	}
img.bio {
	border: 0;
	align: center;
	}
img.gal {
	border: 0;
	float: right;
	padding: 4px;
	}
	
table.buy {
	padding-right: 15px;
	}
table.gallery {
	padding-right: 15px;
	}

.nowrap {
/*white-space: nowrap;*/
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	} 

.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
	
#title {
	position:fixed;
	left:0px;
	top:0px;
	z-index:1;
	}

/* Music Player Begin */
#player {
 text-align:left;
 width: 450px;
 padding: 0px;
 height: 170px;
 margin: 3% 40px 0px 0px;
 background: none;
 }	
 /* Music Player End */
	
#navi {
	position:fixed;
	left:29px;
	top:70px;
	z-index:1;
	width: 500px; 
	font-size: 12px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;	
	/* opera does not like 'margin:20px auto' */
	background: #030e05;
	border: 0px;
	text-align:center; 
	/* part 2 of 2 centering hack */
	width: 500px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 500px;
	}
	html>body #navi {
	height: 22px; /* ie5win fudge ends */
	}

/* Roll Over Menu Buttons */

		ul.navi
			{
			float:left;
			width:100%;
			padding:0;
			margin:0;
			list-style-type:none;
			font-weight: bold;
			font-style:none;
			}
		a.navi
			{
			float:left;
			width:70px;
			height:20px;
			text-decoration:none;
			color:white;
			background: #000;
			padding-top:0px;
			border-top: 1px solid #f2e9d7;
			border-right: 1px solid #030e05;
			border-bottom: 1px solid #f2e9d7;
			}
		a.naviEnd
			{
			float:left;
			width:74px;
			height:20px;
			text-decoration:none;
			color:white;
			background: #000);
			padding-top:0px;
			border-top: 1px solid #f2e9d7;
			border-right: 0px solid #030e05;
			border-bottom: 1px solid #f2e9d7;
			}
		a.naviFirst:hover {background: #675b3e}
		a.navi:hover {background: #675b3e}
		a.naviEnd:hover {background: #675b3e}
		li.navi {display:inline}

/* Roll-over Buttons End */

/* Slimbox Controls*/
		#lbOverlay {
			position: fixed;
			z-index: 9999;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #000;
			cursor: pointer;
		}
		#lbCenter, #lbBottomContainer {
			position: absolute;
			z-index: 9999;
			overflow: hidden;
			background-color: #000;
		}	
		.lbLoading {
			background: #fff url(images/../loading.gif) no-repeat center;
		}
		#lbImage {
			position: absolute;
			left: 0;
			top: 0;
			border: 10px solid #000;
			background-repeat: no-repeat;
		}
		#lbPrevLink, #lbNextLink {
			display: block;
			position: absolute;
			top: 0;
			width: 50%;
			outline: none;
		}
		#lbPrevLink {
			left: 0;
		}
		#lbPrevLink:hover {
			background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
		}
		#lbNextLink {
			right: 0;
		}
		#lbNextLink:hover {
			background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
		}
		#lbBottom {
			font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 10px;
			color: #666;
			line-height: 1.4em;
			text-align: left;
			border: 10px solid #000;
			border-top-style: none;
		}
		#lbCloseLink {
			display: block;
			float: right;
			width: 66px;
			height: 22px;
			background: transparent url(../images/closelabel.gif) no-repeat center;
			margin: 5px 0;
			outline: none;
		}
		#lbCaption, #lbNumber {
			margin-right: 71px;
		}
		#lbCaption {
			font-weight: bold;
		}
		
/*Slimbox End*/

#gal {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	margin-left: 27px;
	margin-top: 100px;
	width: 530px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 500px;
	}
#content {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	margin-left: 50px;
	margin-top: 90px;
	width: 530px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 500px;
	}
html>body #content {
	width: 455px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}