@charset "utf-8";

/* $date: jan 2010 - layout -v5.6c */
/* copyright: Philippe Wittenbergh, all rights reseved */

html, body {
	margin: 0;
	padding: 0;
	border: none;
	}
/*html {image-rendering: -moz-crisp-edges;}*/
body[id]:before { display: none;}
body {
	background: rgb(244, 244, 243);
	color: #252935;
	}

table {
	table-layout: fixed;
	margin: 1em auto;
	}
th, td { vertical-align: top; }

h2 {
	margin: 0 9% 0 12.5em;
	padding: 0 2%;
	color: #456;
	background: transparent;
	}
	.subtit {
	margin: 0 9% 1em 18em;
	padding: 0 0 0 4%;
	text-align: left;
	font-size: .9em;
	}

h3 {
	margin: 1.5em 0 .75em;
	padding: 0 2% .1em;
	color: #456;
	background: transparent;
	}

	h3:first-child,
	#orn-ghost + h3 { margin-top:0; }

h4, h5, h6 { margin: 0 0 .5em 2%; }

h4 {
	padding: 0 2% .1em;
	color: #456;
	background: transparent;
	}

p, dl {
	margin: 0 0 1.34em;
	}
	.error p { margin: 1em 5%; }
	.jpn-p p { margin-bottom: 1.3em; }
ul, ol {
	padding: 0 0 0 1.1em;
	margin: 0 0 1.34em 5%;
	}
	ul { list-style-type: circle;}
	ol { list-style-type: decimal;}
li {
	padding: 0; 
	margin: 0;
	}
dd {
	margin: .15em 0 .8em 2em;
	}

img, a img {
	color: #7d7d7d;
	background:transparent;
	border:none;
	margin:0;
	padding:0
	}

/*img[src$=".jpg"] {image-rendering:auto;}*/

:link:focus, :visited:focus {
	outline:1px dotted #222;
	}
a:focus {
	color: #101112;
	background-color: #d0d6d8;
	}
a:link { color: #7d7d7d;}
a:visited { color: #7a8a99; }
a:link, a:visited {
	background: transparent;
	text-decoration: underline;
	}

a:hover { color: #b28a96;}
a:active { color: #101213;}
a:hover, a:active {
	background: transparent;
	text-decoration: none;
	}
hr {
	display:block;
	margin: 0;
	padding:0;
	border:none;
	height:1px;
	visibility:hidden;
	clear:both;
	}

/* --- page navigation ---  */
.pagenav {
	clear:both;
	margin:1.5em 3% 1em 0;
	padding: 1.5em 0 .5em;
	max-width: 70em;
	}

.pagenav ul {
	text-align:right;
	margin:0;
	list-style:none;
	}
	
.pagenav a {
	padding: 0 15px 0 0;
	background: transparent url(../ui/blar_ri.png) no-repeat 100% 50%;
	display: inline-block;
	}
	.pagenav .lnkNa a {background:none; padding:0;}

#skip {
	position:absolute;
	top:-10px;
	left:-10px;
	list-style:none;
	margin:0;
	padding:0;
	}
#skip a {
	display:block;
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	text-align:center;
	}
#skip a:link, #skip a:visited { color: #333;}
#skip a:focus, #skip a:active {
	display:block;
	top:15px;
	left:15px;
	width:10em;
	height:auto;
	overflow:visible;
	background:#f2f0da
	}

/* --- headers --- */
h1 {
	color:#456;
	background: #f5f5f5 url(../ui/gh02_263.jpg) no-repeat 4em 0;
	text-align:right;
	margin:0;
	padding: 1.5em 6% .5em 0;
	max-width:60em;
	}
	.images {
		color: #8c0f19;
		background-color: transparent;
		vertical-align: -0.5em;
	}
	#band {
		background: #eee url(../ui/band_2.png) repeat-x 50% 0;
		margin:0 0 2.5em;
		padding: 0;
		line-height:1;
		height:10px;
		overflow:hidden;
		width:100%;
	}
	#band hr {height:0;}


/* --- corners --- */

.cornerBR {
		display:none;
   	}

/* --- main contents --- */

.shoppage #contentsbox2:after,
.contain-float:after {
	content:'[.]';
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	}

#c { margin: 0 5% 0 15em; max-width: 64em;}
#c > h2,
#c > p {
	margin-left:auto;
	}
.content, #contentsbox2, #contentsbox4 {
	margin: 2em auto 1em;
	max-width: 44em;
	min-width: 450px;
	border: none;
	clear: right;
	padding: 1.5em 2% 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

.content {
	background: #f3f3f3 url(../ui/cntbg24_2009.png) no-repeat 2% 100%;
	color: inherit;
	padding-bottom: 25px;
	border: 1px solid rgb(225, 231, 237);
	}

#main .content { position: relative; } /*index */

.content p,
#contentsbox p,
#contentsbox2 p {
	padding: 0;
	margin: 0 3% 1.34em 5%;
	}
	.jpn-p #contentsbox p { margin-bottom: 1.5em; }

#contentsbox .justintro { margin-left: 200px; }

.imgleft {
	margin: .1em .9em .3em 0;
	float:left;
	}
.imgright {
	margin: .1em 0 .3em .9em;
	float:right;
	}

#contentsbox > .mn-quote {
	width:160px;
	position:absolute;
	top:330px; 
	left:3%;
	text-align:left;
	border:none;
	border-top: 3px #985244 solid;
	padding: .5em 10px 2em 10px;
	margin: 0;
	font-size:.95em;
	line-height:1.35;
	text-indent:0;
	}

#orn-ghost { width:180px; margin:0 15px 0 0 !important; float:left; border:1px solid rgb(236,236,236);}

.bio {
	margin:0 0 2em 5%;
	padding:0 0 0 1.1em;
	}
.bio li  {
	list-style-type: disc;
	padding:0;
	margin:0;
	}

span.focusb {font-weight:bolder;}
span.focusi {font-style:italic;}
span.lead-in { font-weight: bold;/*font-variant: small-caps*/;}

#contentsbox2 p {
	margin-bottom:1.2em;
	}
#contentsbox .mrg {
	text-align:center;
	} /*centering for japanese poems */

#gal-summary { margin: 0 3% 1em;}
#gal-summary dt {
	padding-left: 20px;
	background: transparent url(../ui/blar_ri.png) no-repeat 0 50%;
	font-weight: bolder;
	}

/* --- shop --- */
.salfloat, .salfloat2 {
		width:45%;
	}
.salfloat {
		float:left;
	}
.salfloat2 {
		float:right;
	}
.salfloat h5, .salfloat2 h5 {
	margin:0 0 .5em;
	border-bottom: #c7c9cb solid 1px;
	}
ul.sc {
	margin-left: 185px;
	}

.shoppage p + h4 {clear: left;}

.s-imgbox {margin-left:5%;}


#pritable {
	width:93%;
	border: 1px #b8b8b8 solid;
	margin:1em 3%;
	border-collapse:collapse;
	table-layout:auto;
	}
#pritable td, #pritable th {
	border: 1px #b8b8b8 solid;
	vertical-align:middle;
	}
#pritable td {
	padding:.4em;
	background-color:#f1f1f1;
	}
#pritable td.bodtxtR {text-align:right;}
#pritable th {
	font-weight: bold;
	background-color:#ebebeb;
	text-align:left;
	padding: .6em .5em .3em;
	}
	#pritable th a {font-weight:normal}
.colA {width:7em;}

/* --- Ouverture --- */

#gal-table {
	width: 376px;
	margin:2em auto 1.1em;
	padding:0;
	list-style:none;
	background: transparent url(../ui/grey-sq1.png) no-repeat 0 0;
	}
#gal-table li {
	margin: 0;
	display: block;
	position: relative;
	}
#gal-table img { display: block; margin: 0 auto; }
#gal-table a { display: inline-block; }

#gal-table span {
	position: absolute;
	top: -1000em;
	left: 12px;
	width: 10em;
	z-index: 2;
	padding: .3em;
	text-align: left;
	background: #333;
	background: rgba(50,40,30, 0.6);
	color: #fff;
	border: 1px solid rgba(0,0,0, 0.6);
	border-width: 0 1px 1px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
#gal-table li:hover span {
	/*position: absolute;*/
	top: auto;
	bottom: -1em;
	}
#gal-table .g-cBc:hover span {
	left: 50%;
}
.g-fL {
	float:left;
	width:120px;
	}
.g-fR {
	float:right;
	width:120px;
	}
#gal-table .g-cBc {
	text-align:center;
	padding: 8px 0;
	clear:both;
	}

/* --- centering a row of images */
.centered {
	text-align:center;
	display:table;
	margin:1em auto;
	border-top: 3px solid #985244;
	padding: 0 1em;
	} /* need to do something about iExploder */
.centered img { margin: .5em .9em; vertical-align:bottom;}

/* --- floated boxes for images in articles */
.tb, .tbr {
	text-align:center;
	padding: .33em 0 .13em;
	border-bottom: 5px solid #b7b9bb;
	}
.tb {
	float: left;
	width: 95px;
	margin: 0 1em .66em 3%;
	}
.tbr {
	float:right;
	width: 100px;
	margin: 0 3% .33em 1em;
	}
.tbr2 {
	float:right;
	padding: 0 0 .13em;
	border-bottom: 5px solid #b7b9bb;
	margin: 0 3% .33em 1em;
	}

div[class^="tb"] img {
	margin: .2em auto;
	vertical-align: bottom;
	}

.mbo {margin-bottom:0}

/* --- for thumbnail pages --- */

#contentsbox3, #contentsbox4 {
		text-align: center;
	}
#contentsbox3 p {
		margin: 0 0 .3em;
	}
#contentsbox3 img {
	vertical-align: bottom;
	}
#contentsbox3 h3 {
		text-align:left;
		}
#contentsbox4 {
		padding: 1.2em 2em 0.5em;
	}
.caption {
		margin:0 0 1em;
		margin-bottom: .9em;
	}

/* --- thumbnailpages floatboxes --- */

hr.clearFl {
	display:block; visibility:hidden; clear:both;
	}

/* --- les Nocturnes --- */
#noc-table {
	width: 464px;
	margin: 1em auto 1.1em;
	padding: 0;
	list-style: none;
	}
#noc-table li {
	border: 1px solid #b7b8b9;
	border-bottom-width: 2px;
	-moz-border-bottom-colors: #e1e2e3 #a7a8a9 ; 
	padding: .5em 0 0;
	margin: 0 0 .9em;
	text-align: center;
	width: 108px;
	background: #f3f3f3;
	}
#noc-table a {display:inline-block; margin: 0 0 .3em;}
#noc-table span {display:block; margin: 0 0 .3em;}
/* r-1, r-4 */
#noc-table .r4b {float:left; margin-left:8px;}
#noc-table .b1 {margin-left:0; clear:both;}
/* r-2, r-3, r-5 */
#noc-table .r2b1 {float: left;}
#noc-table .r2b2 {float: right;}
#noc-table .r2b3 {float: left; clear:both; margin-left:118px;}
#noc-table .r2b4 {float: right; clear:right; margin-right:118px;}

*+html #noc-table .r2b3 {float: left; clear:none; margin-left:8px;}
*+html #noc-table .r2b4 {float: left; clear:none; margin-left:8px;}

/* --- errances series1 --- */
#imgerr11 { padding: 20px 0 0; display: table; width: 94%}
#imgerr12 { padding: 20px 0 10px; display: table; margin: 1em 0 2em 5%; width:94%}
.imgerr111 { float: right;}
.imgerr123 { float: left;}

#imgerr11 div,
#imgerr12 div {
	padding:.2em 0;
	margin: .1em;
	width: 110px;
	text-align: center;
	}

/* --- errances series2 --- */
.fler1 {float: left; margin: 1.5em .1em .1em 4px;}
.fler11 {float: left; margin: 1.5em .1em .1em 1em;}
.fler5 {float: right; margin: 1.5em .1em .1em .1em;}
.fler3 {float: left; margin: 1.5em .1em .1em 10%;}
.fler4 {float: left; margin: 4em .1em 2em 1em;}

div[class^="fler"] {
	padding: .2em 0;
	width: 115px;
	}

/* --- errances series3 --- */
#imglayera {float: left; width:165px; padding:10px 0 0 20px}
#imglayerb {float: right; width:165px; padding:30px 0 0;}
#imglayerc {float: right; width:145px; padding :60px 0 0;}
#imglayerd {float: left; width:131px; padding: 10px 0 0 85px;}
.imglayere {float: left; width:90px; padding: 65px 0 0;}
#imglayerf {float: right; width:340px; padding: 20px 30px .1em; margin: 0 0 1.5em;}
.imglayerf2 {float:left; width:110px; padding: 0 0 10px;}

div[id^="imglayer"] div {margin: 0 .1em;}

/* --- compositions1 --- */
#imgbox {
		width:424px;
		margin-right: auto;
		margin-left: auto;
		display: table
	}
#img1 {float:left; margin: 45px 0 0 25px; width:110px;}
#img1 p, .img22 p {text-align:center;}
#img2 {float:left; margin:190px 0 0; width:286px;}
.img22 {float:left; width:138px; margin: 0 3px 0 0;}
.img22:first-child + .img22 {margin-top:15px;}

/* --- compositions2transitions --- */
#imgtr3 {float:left; width:110px; padding:190px 0 0;}
#imgtr2 {float:left; width:140px; padding:300px 0 0 0;}
#imgtr1 {float:left; width:140px; padding:20px 0 0; }
#imgtr3 p, #imgtr2 p,#imgtr1 p { text-align:center}
#imgtr1 {margin-bottom:1.2em}

/* --- image pages --- */
#contentsbox4 #imag {
	margin: 0 0 3em;
	clear: both;
	text-align: center;
	}
#contentsbox4 #imag>img {
	border: 10px solid rgb(244, 244, 242);
	-webkit-box-shadow: rgba(20, 20, 20, .55) .2ex .4ex .5ex;
	-moz-box-shadow: rgba(20, 20, 20, .55) .1ex .4ex .7ex;
	}

#linkbox {
	float: right;
	width:15em;
	border: 1px solid #c8c8c8;
	padding: .4em;
	background: #f3f3f3;
	color: inherit;
	-webkit-box-shadow: rgba(20, 20, 20, .55) 1px 1px 1px;
	-moz-box-shadow: rgba(20, 20, 20, .55) 1px 1px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
#linkbox .size {
	margin-bottom:1.5em;
	}

#title {
	margin: 0 0 1em 0;
	text-align: center;
	padding: 0 .13em .2em;
	background: transparent;
	border-bottom: 1px solid #535353;
	}
#linkbox ul {
	list-style: none;
	text-align: right;
	margin: 0 .3ex;
	}
	#linkbox li {
		margin: .2ex 0;
		}
	#linkbox a {
		padding: 0 15px 0 0;
		background: transparent url(../ui/blar_ri.png) no-repeat 100% 50%;
		display: inline-block;
		}

/* ----footer---- */
#footerbox {
	margin: 3em 15px .5em 15em;
	padding: .8em 2% 0;
	width: auto;
	clear: both;
	border-top: .4em solid #c7c9cb;
	}

#footerbox p {
	text-align: left;
	margin: 0 0 .25em;
	}

/* --- navigation --- */
#mainnav {
	position: absolute;
	z-index: 65;
	width: 9.1em;
	top: 3.375em;
	left: 15px;
	visibility: visible;
	color: #434343;
	background: #ecedee;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVBiVY3zz9t1mBiIAEzGKRhVSTyEAmvEDjhOZTeIAAAAASUVORK5CYII=) repeat 50% 0;
	background: rgba(237, 237, 237, .7);
	padding: .65em 0 1.8em;
	border: 1px solid #b8b8b8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

#mainnav p {
	margin: 0;
	padding: 0;
	text-align: center;
	}
#mainnav #z0 {
	padding-top: 38px;
	background: url(/phiw/ui/nvb_z0.png) no-repeat 50% 0;
	margin-bottom: 2em;
	}
#mainnav img {
	vertical-align:bottom;
	}
.mainMn {
	margin: 16px 0 0 0;
	padding: 0;
	border-top: 1px solid #c7c9cb;
	}
#mainmenu ul {
	margin: 0;
	padding: .3em 0 .3em 12px;
	border-top: none;
	border-bottom: 1px solid #c7c9cb;
	} /* submenu */
.mainMn li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.subMn li {
	border-bottom: none;
	}
.mainMn .nb {
	margin-top: 1.5em;
	border-top: 1px solid #c7c9cb;
	}
.mainMn a {
	display: block;
	text-decoration: none;
	border-top: 1px solid #f9f9f9;
	border-bottom: 1px solid #c7c9cb;
	color: #4e5760;
	background-color: rgb(234,234,234);
	margin: 0 1px 0 0;
	}
	#gallery #galleryHd { font-weight: bolder; }
	#mainnav ul:target {
		background: rgb(227, 228, 229);
		background: rgba(227, 228, 229, .7);
		}
.mainMn span {
	border-left: 4px solid #989fa5;
	display: block;
	padding: .3em 0 .15em 10px;
	text-align:left;
	}
.mainMn a:link,
.mainMn a:visited {
	text-decoration: none;
	}
.mainMn a:focus,
.mainMn a:hover,
.mainMn a:active {
	text-decoration: none;
	color: #678;
	background-color: rgb(244,244,244);
	}
.mainMn a:focus span,
.mainMn a:hover span,
.mainMn a:active span {
	border-left: 4px solid #985244;
	}

.subMn a {
	border: 0 none;
	padding: 0 0 0 12px;
	margin: 0;
	background: transparent url(../ui/menubullet2_8.png) no-repeat 0 50%;
	width: auto;
	}
.subMn a:focus,
.subMn a:hover,
.subMn a:active {
	text-decoration:underline;
	color: #596672;
	background-color: transparent;
	border:none;
	}

#gal #galleries {display:block;}

#ext-menu {
	border: none;
	}
#ext-menu li:first-child {
	text-align: center;
	margin: 0;
	padding: 0;
	}
	#ext-menu li:first-child a {
	border: none;
	background: transparent;
	}

#ext-menu a:focus,	
#ext-menu a:hover,
#ext-menu a:active {
	background:transparent;
	}

/* --- download window --- */

#download h3,
#regulat h3 {
	padding: 0 2% .2em;
	letter-spacing:0;
	text-transform:none;
	}
	#regulat h3 {font-weight:bold; padding-top:1em;}
#download ul {
	padding: 0;
	list-style:none;
	}
#download li {
	padding: .1em 0 .5em 40px;
	margin: 0;
	color: inherit;
	background: transparent url(../ui/adobe-reader.png) no-repeat 0 .3em;
	}

.regtable {
	margin:1em 4%;
	border-collapse:collapse;
	background: rgb(247,247,247);
	}
.regtable td,
.regtable th {
	border: 1px #bbb solid;
	vertical-align:top;
	font-size:0.9em;
	line-height:1.4;
	padding:.25em .4em;
	}
.regtable th {
	white-space:nowrap;
	text-align:left;
	}

/* oldies */
@media screen {
*+html #orn-ghost {border:1px solid #ddd;}
}

/* --- print --- */
@media print {
html, body { color: #000; background: #fff; font-size: 12pt; }
#mainnav,
#skip,
.pagenav,
#band,
#msk {
	display:none !important;
	}

h1 {
	border: medium solid;
	border-width: 0 0 1px 0;
	padding: 0 0 3pt;
	margin: 0 3% 20pt 0;
	text-align:right;
	}
h1, h1 .images {
	color: #985244;
	background: transparent;
	}
h1 .images {vertical-align: baseline;}

h3 { page-break-after: avoid; }

img {vertical-align:bottom;}

#c { margin: 0; }
#contentsbox,  #contentsbox2, #contentsbox3, #contentsbox4 {
	margin: 3em 6% 1.5em;
	max-width: 88%;
	min-width: 0;
	position: static;
	background: transparent;
	border: none;
	}
.contents {
	background: transparent;
	border: 0 none;
	padding: 0;
	}
#linkbox {background: transparent;}
#footerbox { margin: 0 0.5em 0.5em 0; }
}