@charset 'utf-8';

/* stylesheet by Philippe Wittenbergh
* some rights reserved under a Attribution-NonCommercial-ShareAlike 2.0 creative commons license, see:
* <http://creativecommons.org/licenses/by-nc-sa/2.0/jp/>
*/

html, body {
	margin:0;
	padding:0;
	border:none;
	color:#374247;
	background:#fafafa;
	}
body {
	font: 95% 'Optima', 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Arial, Geneva, sans-serif;
	border-top: 1.7em #591f1a solid;
	}

body[id]:before {display:none;}

h1, h2, h3, h4, h5 {
	font:bold 1em 'Helvetica Neue', 'Luxi Sans', Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #456;
	background:transparent;
	letter-spacing: .02em;
}
h1 {
	font-size: 1.3em
	}
h2, h3, h4 {
	font-size: 1.15em;
	}
h5, p, dl, ul, ol, table, td, th, pre {
	font-size: 1em;
	}
h1, h2, h3 {
	margin: 0 0 1.2em 0;
	}
ul {
	margin:0 0 1em 1em;
	padding: 0 0 0 1em;
	}
ol {
	margin:0 0 0 2em;
	padding: 0 0 0 1em;
	}
ul li, ol li {
	margin:0;
	padding:0;
	}
ul li, ol ul li {
	list-style-type:circle;
	}
ol li {
	list-style-type:decimal
	}
dl {
	margin: 0 0 1.2em 2em;
	}
dt {
	background: url("../img/page.gif") no-repeat 0 50%;
	padding: 0 0 0 20px;
	font-weight:bold;
	}
dd {
	margin: 0 0 1.2em 2.5em;
	padding:0;
	}
dd ol, dd ul {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	}
code {
	font: 1em 'DejaVu Sans Mono', 'Lucida Console', Courier, 'Courier New', monospace;
	color:#a6673a;
	background:transparent;
	}
code.style {
	color:#3bb330;
	}
blockquote {
	margin: 0 3em 1em 8%;
	padding: .1em 0 .1em .5em;
	border-left: 3px solid #c8c8c8;
	}

focus {outline: #222 dotted 1px}
:link:focus, :visited:focus {color:#009; background:#cde; text-decoration:none;}
a:link, a:visited {color:#009; background:transparent;text-decoration:underline;}
a:visited {color:#7a7a98}
a:link:hover, a:link:active, a:visited:hover, a:visited:active {color:#009; text-decoration:none;background:#e8e8e8;}

a img {border:0 none}
h4:target, h4.sftarget {background: #f2e4da; color:#123;}


#head {
	position:absolute;
	top: .45em;
	left:1.8em;
	width:25em;
	color:#ffc;
	background:transparent;
	font:normal 1em Helvetica, Arial, Verdana, Geneva, sans-serif;
	letter-spacing: .09em;
	margin:0
	}

#content {
	padding: 3.5em 3em 1em 8%;
	margin: 0 18em 1em 0;
	border-right: 1px solid #cecece;
	border-bottom: 3px double #cecece;
	max-width:45em;
	color:#374247;
	background:#fdfdfd;
	line-height:150%;
	}
#content a[href^="http://"]::after {
	content:"\2197";
	font-size:.85em;
	color:#666;
	border: outset 1px #fff;
  	background:#e6edf2;
  	margin: 0 0 0 .3em
	}

#content h4 {
	margin: 1.55em 0 .25em;
	}
#content h4[id] {
	margin: 1.55em 0 0;
	}
#content h4[id]:hover::after {
	content: " [ #"attr(id)" ] ";
	background:#eee1d6;
	font-size:85%;
	opacity:.8;
	margin:0 0 0 .4em;
	padding:0;
	}

#content h5 {
	margin: 1.25em 0 .25em;
	}
#content h4 {
	font-weight:normal;
	}
#content p {
	margin: 0 0 1em 5%;
	padding:0;
	}
#content blockquote p {
	margin:0;
	}
#content h4[id]+p,
#content h4[id]+ol {margin-top:.3em }
#content h1+p:first-letter,
#content h2+p:first-letter,
#content h3+p:first-letter {
	float:left;
	font-size: 3.125em;
	margin: .15ex 0 -.2ex;
	padding:1px .2ex 0 0;
	font-weight:900;
	line-height:.8em;
	}

pre.htmlbox {
	border:1px solid #809497;
	margin: -.5em 3% 1.3em 8%;
	padding:.3em .3em .3em .6em;
	}
#content>pre.htmlbox {
	border:1px dotted #354345;
	}
	@media screen {
		#content>pre.htmlbox {
			overflow:auto;
			}
		}
.htmlbox code {
	color:#16314c;
	background:#f1f1f1;
	}

#sectionnav {
	position:absolute;
	top:.55em;
	right:20px;
	width:14em;
	padding: 8px 0 0;
	border-top: 1px solid #591f1a;
	border-right: 1px solid #591f1a;
	background: url(../img/menu_bck_G.png) no-repeat 100% 0;
}

#sectionnav[id] {
		position: fixed !important;
		}

#sectionnav h4 {
	color:#500;
	padding: 0 0 .3em .8em;
	margin:0;
	font-size:1em;
	
	}
#sectionnav ul li, #sectionnav p {
	font: normal .9em/1.2em 'Lucida Grande', 'Lucida Sans Unicode', 'Luxi Sans', Helvetica, Arial, Verdana sans-serif;
	}
#sectionnav ul {
	margin: 0 0 0 .8em;
	padding: 0 0 0 .8em;
	}
#sectionnav ul li {
	list-style: none;
	border-bottom: 1px solid #d8d8d8;
	padding:0;
	}
#sectionnav ul ul {
	margin: 0 0 0 2em;
	padding: 0;
	}
#sectionnav ul ul li {
	list-style: square inside;
	font-size:1em;
	color:#c2c4c6;
	border:none;
	border-right: .3em solid #c2c4c6;
	padding: 2px 0;
	}
#sectionnav ul ul li:last-child {
	padding: 2px 0 4px;
	}

ul.subMn {display:none;}

body#edgepos #subMn1 {display:block}

#sectionnav ul a {
	display:block;
	margin:0;
	padding: 3px 0 1px .2em;
	border-right: .5em solid #591f1a;
	text-decoration:none;
	color:#600;
	background:transparent;
	}
#sectionnav>ul a {width:auto}


#sectionnav ul a[href]:before, #sectionnav ul a[href]::before {
	content:"\00BB  ";
	color:#234;
	background:transparent;
	}

body#index #sectionnav ul a#lindex,
body#edgepos #sectionnav ul a#ledgepos,
body#phantom #sectionnav ul a#lphantom,
body#misc #sectionnav ul a#lmisc,
body#floatmisc #sectionnav ul a#lfloatmisc,
body#float #sectionnav ul a#lfloat,
body#overflow #sectionnav ul a#loverflow,
body#hide #sectionnav ul a#lhide,
body#forms #sectionnav ul a#lforms,
body#map #sectionnav ul a#lmap,
body#contact #sectionnav ul a#lcontact {
	background: #fefefe url(../img/arr_bkg.gif) no-repeat 96% 50%;
	color:#345
	}

#sectionnav ul :link:focus, #sectionnav ul :visited:focus {
	color:#300;
	text-decoration:none;
	background: #e5e5e5 url(../img/arr_bkg.gif) no-repeat 96% 50%;
	}
#sectionnav ul a:link, #sectionnav ul a:visited {
	color:#500; text-decoration:none;background:transparent;
	}

#sectionnav ul a:hover, #sectionnav ul a:active {
	color:#323232;
	text-decoration:none;
	background: #fbfbfb url(../img/arr_bkg.gif) no-repeat 96% 50%;
	border-right: .5em solid #bbb;
	}

#sectionnav ul ul a {
	display:inline;
	padding:0 !important;
	margin:0;
	border:none;
	width:auto;
	color:#456;
	background: #fefefe none;
	}
#sectionnav ul ul a[href]:before {
	display:none;
	}
#sectionnav ul ul a:link, #sectionnav ul ul a:visited {
	color:#456;
	}
#sectionnav ul ul a:link:focus, #sectionnav ul ul a:visited:focus, #sectionnav ul ul a:hover, #sectionnav ul ul a:active {
	background: #fbfbfb none;
	text-decoration:underline;
	border: none;
	}

#sectionnav p {
	margin: .35em 0;
	padding:  .65em 1em 0;
	text-align:right;
	}

#sectionnav p.emps, #sectionnav p.wish {
	margin-left: 1.6em;
	line-height:1.45;
	}
#sectionnav p.emps strong {font-size:1.14em;}
#sectionnav p.emps {border-top:1px solid #d8d8d8;}
#sectionnav p.wish {border-top:1px dashed #d8d8d8; color:#a7a8a9}
#sectionnav p a:link, #sectionnav p a:visited {color: #505072;}

#sectionnav p.stsw a.fontSize {
	display:inline;
	margin: .2em 0;
	padding: .1em;
	text-decoration:none;
	line-height: 1.6em
	}
a.fontSize:link, a.fontSize:visited {
	color:#234;
	}
a.fontSize:hover {
	color:#234;
	background: #e8e8e8
	}



#fileinfo {
	margin:1em 0 3em 3%;
	}
#fileinfo p {
	margin:0 0 .3em;
	font-size: .9em
	}
img#tp {float:left;}
#url {display:none;}
#footer {
	border-top:1px dashed #bdbdbd;
	color:#384840;
	padding: .6em 2em 0;
	margin: .5em 0 .3em;
	text-align:right;
	background: #fafafa url("../img/lcn_bkg3.gif") no-repeat 2% 100%;
	line-height:160%;
	clear:both;
	}
#footer a {
	font-weight:bold;
	background:#fafafa;
	font-variant: small-caps;
	letter-spacing:.1em;
	}
#footer a:link, #footer a:visited {
	color: #345;
	text-decoration:none;
	background:#fafafa;
	}
#footer a:focus {
	color:#345;
	background:#c8c8c8;
	text-decoration:none;
	}
#footer a:hover, #footer a:active {
	color: #353637;
	text-decoration:underline;
	background:#fafafa;
	}
p.lastmod {text-align:right; font-style:italic; clear:both; margin:3em 1em 1.5em;}

p.skip {display:none}

p#tpanchor {padding:1px 0 0; margin:2em;}
p#tpanchor img {border:none;}

.note {
	clear:both;
	margin: .3em .5em 0;
	text-align:right;
	font-size: .9em;
	}

.edit {color:#555; font-style:italic;}

/* -- forms -- */
input[type="submit"] {line-height:normal}
#content p.formnote {text-align:right; font-size:.9em; margin: 0 3% 0 0; color:#7d8c93}

#contact #content h2+p:first-letter {float:none; font-size:1em; margin:0; padding:0; font-weight:normal; display:inline;text-align:right;}
form {margin:0; padding:0;}
fieldset {margin: .5em 3%; padding:.5em; border: 1px solid #7d8c93; background:#fafafa;}
fieldset::after {content:"[.]"; clear:both; visibility:hidden; display:block;height:0}

legend {padding: 0 .3em; margin:0; font-weight:bold; font-size:1.1em;color:#374247}
.row {float:left; width:100%; margin: .3em 0 .5em;}
/*-\*/
.row {clear:left;}
/* - */
span.label {float:left; width:20%; background:#f7f4ea; text-align:right; padding: 0 .5em 0 0; margin: 0 .3em 0 0}
.submitfield {margin:.5em 3% 3em; text-align:right;}
input.field, textarea {width:25em;}
#content p.thanks {margin: 0 3% 20em 10em;}
.phormcopyr {display:none;}
body#contact p.respcomments {padding: .8em; border: 1px solid #c8c8c8; margin-right:15%}
body#contact p.errormessage {color:#b00; text-align:right; margin:.5em 3% .5em 0}

/* -- screenshot pages--  */
body#screenshot p {padding-left:4em;}
body#screenshot p[id] {font-weight:bold}
body#screenshot p[id]::before {content:"\21D2\A0\A0"; font-weight:normal}
body#screenshot p[id="tpanchor"]::before, body#screenshot p[id="footer"]::before {content: ""}

/* the crap */
@media screen {
	*+html #content h1+p:first-letter,
	*+html #content h2+p:first-letter,
	*+html #content h3+p:first-letter {
		line-height:.95em;
		}
	*+html #content>pre.htmlbox {
			padding-bottom:1.4em;
			overflow-y:hidden;
		}
	* html #content pre.htmlbox {
			padding-bottom:1.4em;
			overflow:auto;
			overflow-y:hidden;
			width:86%;
		}
	* html fieldset {height:1%}
	* html #sectionnav ul a {\width:100%; w\idth:95%}
	* html blockquote {zoom:1}
	*+html blockquote {zoom:1}
/* because iExploder sucks, no, really */
}