@charset "utf-8";

body
{   
	margin: 0;
	max-width:	1024px;
}

body > div.nicki
{   
	position:   absolute;	top:	0;	left:	0;
	width:	1024px;
	height:	768px;
	background:	url(http://images.nickiparrott.com/Plain+below.jpeg) no-repeat scroll black;
	margin: 0;
/*
	z-index:	2;
*/
	z-index:	1;
}

h1
{
	display:	none;
}

h2
{
	text-align:	center;
	font-size:	2em;
}

body.enter a.menu
{   
	visibility:	hidden;
}
/*
*/

p.enter
{   
	height:	0 !important; /* for most browsers */
	overflow:	hidden;
}

a#enter
{
    position:	absolute;	left:	0;	top:	0;	width:	1024px;	height	/**/:768px; /* for IE5.5's bad box model */
    padding-top:	768px;
    background:	url(http://images.NickiParrott.com/NickiParrott.jpeg)	no-repeat scroll black;
    overflow:	hidden;
    height:	0 !important; /* for most browsers */
    z-index:	3;	/* must be greater than menu */
}

div.biography
{
    position:	absolute;	left:	47px;	top:	121px;	width:	437px;	height:	260px;
    overflow:	auto;
}

body.press h2,
body.press h3,
body.press ul.articles
{
	position:	absolute;	left:	150px;	top:	175px;	width:	750px;
}

body.press h2
{
    margin-top:	1em;
    z-index: 3;
}

body.press h3,
body.press ul.articles
{
    background: black;
    border: double white 5px;
    z-index: 2;
    background: url(http://images.NickiParrott.com/transparent95.png) repeat;
    border:5px double white;
    max-height:	450px;
    padding: 4em 1em 1em;
}

body.press img
{
    display:	block;
}

body.music #albums
{
	position:	absolute;	left:	100px;	top:	95px;	max-width:	312px;
	margin: 0;
	padding: 0;
	max-height:	350px;
/*
	overflow: auto;
*/
}

.album img
{
	display:	block;
	margin: auto;
}

li.album > a,
li.album > img,
li.album > ul
{
	display: none;
}

li.album h3
{
	display: block !important;
	margin-top: 0;
}

ul.tracks
{
	position:	absolute;	left:	412px;	top:	0;	width:	400px;
}

body.music div.notes
{
	position:	absolute;	left:	450px;	top:	550px;	width:	450px;
}

/*
#album ul.album
{
	display: block !important;
}
*/

/*
body.store div.recording
{
    position:	absolute;	left:	200px;	top:	450px;	width:	450px;
}
*/

div.store
{
    position:	absolute;	left:	250px;	top:	100px;
}

ul.photographs
{
	position:	absolute;	left:	625px;	top:	400px;	width:	200px;
	text-align:	center;
	margin:		0;
	padding:	0;
	z-index:	1;
}

li.photo
{
	position:	absolute;	left:	0;	top:	0;
	width:	100%;	/* make the paragraph full-width, so center behaves as expected */
	display:	block !important;
	visibility: hidden;	/* only visible in .preview */
}

li.photo.preview
{
	visibility: visible;
}

span.photo, img.photo
{
	float:		none;
	margin:		auto;
}

div.credits
{
    position:	absolute;	left:	450px;	top:	600px;
    z-index:	1;
}

body.community h2
{
    display:	none;
}

div.community
{
    position:	absolute;	left:	540px;	top:	88px;	width:	435px;	height:	265px;
    overflow:	auto;
    letter-spacing:	.25em;
}

div.community p
{
    margin: 0;
}

div.programs
{
    position:	absolute;	left:	45px;	top:	124px;	width:	436px;
    letter-spacing:	.25em;
}

div.programs h3
{
    font-size: 12pt;
    letter-spacing:	0;
}

div.moreLinks
{
    position:	absolute;	left:	700px;	top:	400px;	width: 300px;
    text-align:	right;
}

div.links
{
    position:	absolute;	left:	450px;	top:	125px;	width:	600px;
}

h2.links
{
    letter-spacing:	.25em;
}

div.tour
{
    position:	absolute;	left:	150px;	top:	100px;	width:	500px;	height:	550px;
    overflow:	auto;
    font-size:	9pt;
}

div.event
{
    min-height:	200px;
}

table.discography
{
    position:	absolute;	left:	54px;	top:	118px;	width:	436px;	height:	265px;
    overflow:	auto;
    display:	block;
}

p.discography, table.discography
{
    font-size:	7pt;
}

th.discography
{
    font-size:	9pt;
    font-weight:	bold;
}

col.artist
{
    width:	14em;
}

col.album
{
    width:	13em;
}

col.label
{
    width:	10em;
}

col.location
{
    width:	5em;
    /*
    display:	none;
    */
}

col.year
{
    width:	3em;
}

body.discography div.recording
{
	position:	absolute;	left:	435px;	top:	575px;	width:	575px;	height:	125px;
}

body.contact h2
{
    text-align:	left;
    margin-left:	1.5em;
}

div.contact
{
    margin:	1em 0 0 5em;
}

body.Nicki ul.menu
{
    display: none;
}

body.bio > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Biography.jpeg);
}

/*
Press and Photos still need actual IMGs for imagemaps :(
*/

body.press > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Press.jpeg);
}

body.press #maps,
body.press #press1
{
    display:	block;
    position:	absolute;	top:	0;
}

body.music > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Music.jpeg);
}

body.store > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Store.jpeg);
}

body.photos > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Photos.jpeg);
}

body.photos #maps
{
    display:	block;
}
/*
    position:	absolute;	top:	62px;
*/

/* todo:
#maps.photos1 img,
#maps.photos2 img
*/
body.photos #maps img
{
    display:	none;
}

/*
#photos1,
#photos2
*/
#maps.photos1 #photos1,
#maps.photos2 #photos2
{
    display:	block;
    position:	absolute;	top:	62px;
}

body.community > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Community.jpeg);
}

body.tour > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Tour.jpeg);
}

body.discography > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Discography.jpeg);
}

body.contact > div.nicki
{
    background-image:	url(http://images.NickiParrott.com/Contact.jpeg);
}

div.copyright
{
    position:	absolute;	left:	150px;	top:	200px;	width:	724px;
}

p.style
{
	position:	absolute;	left:	0;	top:	768px;
	width:	1024px;
	margin: .5em 0;
}

	/* full width causes it to block links/maps underneath
div.menu
{
	position:	absolute;
	top:	382px;
	left:	0px;
	height:	386px;
	*/
	/* todo: transparent png image for menu div
	background-image:	url(http://images.NickiParrott.com/menu.jpeg);
	width:	1024px;
}
	*/

ul.menu
{
	position:	absolute;
	left:	0px;	top:	382px;	height:	386px;	width:	1024px;
	background:	url(http://images.nickiparrott.com/Plain+below.jpeg) no-repeat scroll 0 -382px black;
	margin:		0;
	padding:	0;
/*
	z-index:	2;
*/
}

a.menu, a.menu:hover
{
	display:	block;
	position:	absolute;
	margin:		0;
	padding:	0;
	height:		0 !important; /* for most browsers */
	overflow:	hidden;
	background:	url(http://images.nickiparrott.com/Plain+below.jpeg) no-repeat scroll transparent;
	z-index:	22 !important;
}

a.menu#bio
{
	left:	25px;	top:	32px;	width:	55px;	height /**/:25px; /* for IE5.5's bad box model */
	padding-top:	25px;
	background-position:	-25px -414px;
}
a.menu#bio:hover,
a.menu#bio:active	
{
	background-position:	-25px -1182px;
}

a.menu#press
{
	left:	34px;	top:	76px;	width:	78px;	height /**/:25px; /* for IE5.5's bad box model */
	padding-top:	25px;
	background-position:	-34px -458px;
}
a.menu#press:hover,
a.menu#press:active
{
	background-position:	-34px -1226px;
}

a.menu#music
{
	left:	28px;	top:	120px;	width:	98px;	height /**/:25px; /* for IE5.5's bad box model */
	padding-top:	25px;
	background-position:	-28px -502px;
}
a.menu#music:hover,
a.menu#music:active
{
	background-position:	-28px -1270px;
}

a.menu#store
{
	left:	33px;	top:	163px;	width:	85px;	height /**/:26px; /* for IE5.5's bad box model */
	padding-top:	26px;
	background-position:	-33px -545px;
}
a.menu#store:hover,
a.menu#store:active
{
	background-position:	-33px -1313px;
}

a.menu#photos
{
	left:	29px;	top:	212px;	width:	94px;	height /**/:25px; /* for IE5.5's bad box model */
	padding-top:	25px;
	background-position:	-29px -594px;
}
a.menu#photos:hover,
a.menu#photos:active
{
	background-position:	-29px -1362px;
}

a.menu#community
{
	left:	30px;	top:	257px;	width:	169px;	height /**/:39px; /* for IE5.5's bad box model */
	padding-top:	39px;
	background-position:	-30px -639px;
}
a.menu#community:hover,
a.menu#community:active
{
	background-position:	-30px -1407px;
}

a.menu#tour
{
	left:	28px;	top:	298px;	width:	164px;	height /**/:27px; /* for IE5.5's bad box model */
	padding-top:	27px;
	background-position:	-28px -680px;
}
a.menu#tour:hover,
a.menu#tour:active
{
	background-position:	-28px -1448px;
}

a.menu#discography
{
	left:	31px;	top:	342px;	width:	186px;	height /**/:42px; /* for IE5.5's bad box model */
	padding-top:	42px;
	background-position:	-31px -724px;
}
a.menu#discography:hover,
a.menu#discography:active
{
	background-position:	-31px -1492px;
}

a.menu#contact
{
	left:	797px;	top:	341px;	width:	134px;	height /**/:25px; /* for IE5.5's bad box model */
	padding-top:	25px;
	background-position:	-797px -723px;
}
a.menu#contact:hover,
a.menu#contact:active
{
	background-position:	-797px -1491px;
}

a.menu#copyright
{
	left:	980px;	top:	730px;	width:	18px;	height /**/:18px; /* for IE5.5's bad box model */
	padding-top:	18px;
	background-position:	-980px -730px;
}
a.menu#copyright:hover,
a.menu#copyright:active
{
	background-position:	-980px -1498px;
}

/* stuff that's explicitly hidden in other views */
/*
.menu, .maps
{
    display:	block;
}
*/

/* no point in displaying the graphic style */
#graphic
{
	display: none;
}