@charset "utf-8";

/*			global.css

This CSS file has two functions:

1) reset all tags to zero margins, padding, etc. in order to put all browsers in the same square one.  I find that doing this makes it much easier to code pages that look the same in different browsers.

2) set characteristics that I want to affect all the pages in this website.

*/


/*=============================
reset all elements
=============================*/
/* Elements */

/* Fonts - change 'sans-serif' to your preferred font */
ADDRESS, BIG, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, HR, HTML, MENU, OL, P, SMALL, SUB, SUP, TD, TH, UL
{
	font-size: 1em;
	font-family: Arial, Verdana, "Friz Quadrata OS TT", Sans-Serif;
}

A:link,
A:visited,
A:hover,
A:active
{
	text-decoration: none;
	cursor: pointer;
}

BUTTON, INPUT
{
	cursor: auto;
}

CAPTION
{
	line-height: 1em;
}

CODE, KBD, PRE, SAMP, TT
{
	font: 1em monospace;
}

TEXTAREA
{
	cursor: text
}

TH
{
	font-weight: bold;
}

ul
{
	list-style-type: none;
}

/*==============================
Laurie Toby Edison website - global styles
==============================*/
html
{
	background-color: #000; /*black*/
}

body
{
	font-size: 90%;
	text-align: center;			/* IE content centering */
	background-color: #000; /*black*/
}
body *
{
	margin: 0em 0% 0em 0%;
	padding: 0;
	font-family: Arial, Verdana, "Friz Quadrata OS TT", Sans-Serif;
}

body, a, div, li, ol, p, span, ul
{
	font-weight: normal;
}

/*=============================
site logo
=============================*/
/* the page title is there for text-only, non-CSS browsers */
div#pagetitle,
div#maintitle 
{
	display: none;
}

#sitelogo
{
	float: left;
}

#sitelogo a#homelink
{
	display: block;
	width: 69px;
	height: 421px;
	background-repeat: no-repeat;
}
#sitelogo a span
{
	visibility: hidden;
}

/*=============================
page heads
=============================*/
h1, h2, h3, h4, h5, h6
{
	margin-bottom: 0.3em;
}
h1
{
	font-size: xx-large;
}

h2
{
	font-size: x-large;
}
h3
{
	font-size: large;
}

p
{
	margin-bottom: 0.6em;
	line-height: 1.5em;
	/* font-family: Arial, Verdana, "Friz Quadrata OS TT", Sans-Serif; */
}

a:link,
a:visited,
a:hover,
a:active,
a span
{
	font-weight: bold;
	color: #2546A6;			/* soft blue */
}

a:hover,
a:hover span
{
	color: #B22929;			/* red */
}

/* universal float clear */
br
{
	clear: both;
	font-size: 1px;
}

/*==============================
content wrappers
==============================*/
div.wrapOuter
{
	clear: both;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	display: table;
	border: 1px solid #000; /*black*/
	width: 690px;
}
div.wrapInner
{
	display: table-cell;
	width: 690px;
	text-align: center;
}

/* IE only */
* html div.wrapOuter
{
	display: block;
	margin: 0;
	text-align: center;
}
* html div.wrapInner
{
	display: inline-block;
}
/* for IE5/Win \*/
* html div.wrapInner
{
	height: 1px;
}
/* for IE/Mac */
*>html div.wrapInner
{
	w\idth: 1px;
	w\hite-space: nowrap;
}

/*==============================
content frame
==============================*/
div#content1,
div#content2,
div#content3,
div#content4,
div#content
{
	width: 690px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
/* background image for whole content area */
div#content1
{
	clear: left;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF; /*white*/
	background-position: right top;
}
/* background images for website sections */
body.about div#content1		{ background-image: url("../images/backAbout_v5.jpg"); }
body.calendar div#content1	{ background-image: url("../images/backCalendar_v5.jpg"); }
body.contact div#content1	{ background-image: url("../images/backContact_v5.jpg"); }
/* body.gallery div#content1	{ background-image: url("../images/backGallery_v5.jpg"); } */
body.index div#content1		{ background-image: url("../images/backHomeLaurie.jpg"); }
body.japanese div#content1	{ background-image: url("../images/backJapanese_v5.jpg"); }
body.library div#content1	{ background-image: url("../images/backLibrary_v5.jpg"); }
body.purchase div#content1	{ background-image: url("../images/backPurchase_v5.jpg"); }
body.purchasewholesale div#content1	{ background-image: url("../images/backPurchase_v5.jpg"); }
body.works div#content1		{ background-image: url("../images/backWorks_v5.jpg"); }
/*
body.discuss div#content1	{ background-image: url("../images/backDiscuss.jpg"); }
*/

body.index div#content1
{
	background-repeat: no-repeat;
}

/*
body.index div#content2
{
	background-image: url("../images/backfrontHome.gif");
	background-position: right top;
	background-repeat: no-repeat;
}
*/
/* top &  bottom of content frame */
div#content3
{
	background-image: url("../images/frameTop.gif");
	background-position: left top;
}
div#content4
{
	background-image: url("../images/frameBottom.gif");
	background-position: left bottom;
}

/* innermost box containing text & images */
div#content
{
	min-height: 400px;
/*
	padding: 40px 0px 40px 10px;
*/
	padding: 40px 0px 40px 0px;	/* 5-23-2005 remove right padding to cure IE width issue.*/
}
/* IE only */
* html div#content
{
	/* width: 650px;*/
	width: 690px;
}

p.reviewquote,
div#content *,
div#content p
{
	max-width: 640px;
}
div#content p,
p.reviewquote
{
	margin-bottom: 1.3ex;
}
div#content p:first-line,
p:first-line.reviewquote
{
	padding-left: 1em;
}
ul#workmenubox
{
	float: right;
	width: auto;
	margin: 0 2em 0 0;
	padding: 1ex;

	xbackground-image: url("../images/white_50x50pixel_trans.gif");
	xbackground-position: left top;
	xbackground-repeat: repeat;
}
ul#workmenu
{
	background: url("../images/white_50x50pixel_trans.gif") left top repeat;
}
* html ul#workmenu
{
	margin: 0;
	padding-right: 0;
}
ul#workmenu li
{
	margin: 1ex 0;
}
div.contentblock p,
div.contentblock h1,
div.contentblock h2,
div.contentblock h3
{
	width: 436px;
}

body.FM ul#workmenu li#FM a,
body.WEL ul#workmenu li#WEL a,
body.WOJ ul#workmenu li#WOJ a,
body.galleryFM ul#workmenu li#galleryFM a,
body.galleryWEL ul#workmenu li#galleryWEL a,
body.galleryWOJ ul#workmenu li#galleryWOJ a,
body.news ul#workmenu li#news a,
body.reviews ul#workmenu li#reviews a,
body.links ul#workmenu li#links a
{
	color: #000 !important;	/*black*/
	cursor: default;
}
body.WOJwords ul#workmenu li#WOJwords a
{
	color: #000 !important;	/*black*/
}
ul#workmenu li a span
{
	white-space: nowrap;
}



div.debug
{
	padding: 1ex;
	border: 1px solid #A52A2A; /* brown */
	background-color: #FFE4C4; /*bisque*/
	color: #A52A2A; /* brown */
}

div.prompt
{
	padding: 1ex;
	border: 1px solid #00F; /* blue */
	background-color: #ADD8E6; /* lightblue */
	color: #00F; /* blue */
}


/*==============================
language switch
==============================*/
div#langswitch
{
	clear: right;
	float: right;

	width: 	146px;
	margin: 0 40px 0 25px;
}
ul#langswitch
{
	margin-top: 2em;
}
xxx{
	clear: right;
	float: right;
	width: 185px;
	width: 	146px;
	margin: 1em 1em 0 0;
	padding: 1ex;
}
* html div#langswitch
{
	width: 160px;
}
#langswitch li
{
	float: left;
	padding: 0 1ex;
}
#langswitch li.itemJP
{
	border-right: 1px solid #000;
}
body.langJP #langswitch li.itemJP a,
body.langEN #langswitch li.itemEN a
{
	color: #000 !important;	/*black*/
	cursor: default;
}
/* make English invisible on Japanese pages and vice versa */
body.langEN .langJP,
body.langJP .langEN
{
	position: absolute;
	left: -1000em;
}