html {
	margin: 0;
	padding: 0;
	}
body {
	margin: 0;
	padding: 0;
	background: #000000;
	font-size: 100%;
	color: #ffffff;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	}

a	{
	color: #eeeeee;
	}
a:hover	{
	color: #ffffff; /* #ff7700; */
	}
h1, h2, h3, p {
	margin-left: 10px;
	margin-right: 5px;
	}
h1 {
	font-size: 1.8em;
	}
h2 {
	font-size: 1.5em;
	}

#outerwrap {
	width: 50.25em;
	margin: 0 auto 0 auto;
	background: #000000;
	padding: 0;
	}

/* this is all part of a simple trick to keep pages to a minimum height */
#minheight {
	height: 31.875em;
	width: 1px;
	float: left;
	}
#innerwrap {
	float: left;
	width: 50em;
	}

/* MASTHEAD ======================== */
#masthead {
	height: 4.5em;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #444444;
	position: relative;
	}
#masthead #imglogo {
	height: 4.5em;
	width: 13.25em;
	float: left;
	border: none;
	}

#masthead p#logo {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #D0D0D0; /* #DF9F00; */
	font-weight: normal;
	text-align: center;
	padding: 0;
	line-height: 1em;
	margin: 12px 0 0 0;
	}

#masthead ul {
	list-style: none;
	margin: 8px auto 0 auto;
	padding: 0 0 0 8px;
	text-align: center;
	}
#masthead ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#masthead ul li.last {
	margin: 0 0 0 2em;
	padding: 0;
	display: inline;
	}

#masthead ul li a {
	padding: 0 18px 0 18px;
	color: #ACACAC;
	text-decoration: none;
	}
#masthead ul li a:hover {
	color: #ffffff; /* #ff7700; */
	}

#topmenu {
	color: #ACACAC;
	}

#localmenu {
	position: absolute;
	bottom: 3px;
	right: 0px;
	color: #FF9E39;
	font-size: .85em;
	font-weight: bold;
	}

#localmenu ul li a {
	color: #FF9E39;
	padding: 0 18px 0 18px;
	text-decoration: none;
	}

/* RCCONTENT ===================== */
#rccontent {
	clear: left;
	padding-top: 3px;
	/* position: relative; in ie7 this causes problem */
	}

h1 {
	color: #FF9E39;
	font-style: italic;
	letter-spacing:2px
	}


/* FOOTER ======================== */
#footer {
	clear: left;
	height: 3em;
	border-top: 1px solid #444444; /* #876000; */
	margin: 10px 3px 0px 1px;
	padding: 0;
	font-size: .9em;
	color: #666666;
	}

#footer ul {
	list-style: none;
	margin: 8px auto 0 auto;
	padding: 0 0 0 8px;
	text-align: center;
	}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#footer ul li.last {
	margin: 0 0 0 2em;
	padding: 0;
	display: inline;
	}
#footer ul li a {
	padding: 0 18px 0 18px;
	color: #ACACAC; /* #876000; */
	text-decoration: none;
	}
#footer ul li a:hover {
	color: #ffffff; /* #ff7700; */
	}

/* PIC STYLES ====================== */
#picnav {
/*	height: 80px; */
	}
#picimage {
	width: 31.25em;
	}
#picartist {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	line-height: 1em;
	}
#pictitle {
	font-size: 1em;
	padding: 0;
	margin: 6px 0 0 0;
	line-height: 1em;
	font-weight: bold;
	}
#picdesc {
	font-size: .9em;
	padding: 0;
	margin: 5px 0 0 0;
	line-height: 1.2em;
	}
.askprice {
	font-style: italic;
	font-size: .9em;
	}
.noscript {
	color: #ff0000;
	}

/* Set display off here for back and next, IF javascript is turned on then the button's will have 
their display property set to inline by the javascript. Thus we don't need any special noscript code to handle
the buttons. We can use noscript to post a notice */
#backbtnwrapper {
	float: left; 
	margin-left: 50px;
	}
#nextbtnwrapper {
	float: right; 
	margin-right: 50px;
	}

img#picbackbtn {
	display: none;
	}
img#picnextbtn {
	display: none;
	}

/* =================================== */
.boxreset {
        margin: 0;
        height: 0;
        padding: 0;
        width: 100%;    /* this is the magic element to fix the h1 clump */
        clear: both;    /* magic element makes box shrink-wrap */
}

.floatright {
        float: right;
        margin: 6px 5px 0px 8px;
        text-align: center;
}
.floatright img {
        padding: 0;
        margin: 0;
        }
.floatright p {
        padding: 0;
        margin: 0;
        font-size: .9em;
        line-height: 1em;
        }

.floatleft {
        float: left;
        margin: 6px 8px 0px 5px;
        text-align: center;
}
.floatleft img {
        padding: 0;
        margin: 0;
        }
.floatleft p {
        padding: 0;
        margin: 0;
        font-size: .9em;
        line-height: 1em;
        }

#artistbrc {
	width: 100%; 
	text-align: center;
	position: relative;
	}
#artistname {
	position: absolute; 
	top: 50px;
	left: 0px;
	width: 50%;
	}

#artistname h1 {
	text-align: left;
	position: absolute;
	font-size: 1.75em;
	margin-left: 0;
	padding-left: 0;
	left: 0;
	top: 0;
	}
#artistname h1.shadow {
	text-align: left;
	position: absolute;
	font-size: 1.75em;
	left: 2px;
	top: 2px;
	color: #222222;
	}

#btnarray {
	}
#btnarray img {
	color: #000000;
	background: #222222;
	width: 6.25em;
	height: 6.25em;
	overflow: hidden;	
	}

#abrcright {
	float: right;
	width: 31.25em;
	overflow: hidden;
	text-align: center;
	position: relative;
	}
#abrcright img {
	margin-top: 10px;
	margin-bottom: 5px;
	}

#abrcleft {
	width: 18.50em;
	}

#abrcleft h1 {
	font-size: 1.25em;
	padding-top: 5px;
	margin-left: 0;
	padding-left: 0;
	color: #FF9E39;
	}

#picdatablock {
	font-size: .75em;
	color: #aaaaaa;
	text-align: left;
	display: inline-block;
	zoom:1;
	*display:inline;
	margin: 0px auto;
	}
#biopic {
	float: left;
	margin-right: 28px;
	margin-bottom: 10px;
}
.bysig {
	text-align: right;
	margin-top: -8px;
	padding-top: 0px;

}
ul.biolist {
	font-size: .90em;
	list-style: none;
	padding-left: 18px;
}
ul.biolist li {
	padding-bottom: 3px;
}