/*
   - White Pencil default CSS -
                (c) 2005 NOZA
 */

html {
margin: 0;
padding: 0;
}

body{
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
color: #333333;
background: #eeeeee;
}

a:link    { color: #559933; background: transparent;}
a:visited { color: #999933; background: transparent;}
a:hover   { color: #448822; background: transparent;}
a:active  { color: #448822; background: transparent; text-decoration: none;}

#general {
margin-left: 36%;
margin-right: 0%;
padding: 30px;
color: #333333;
background: #ffffff url("wpd_bgdesign2.png") repeat-y left;
}

/* -------- block -------- */

h1 {
color: #666666;
background: #ffffff;
}

h2 {
margin: 0.66em 0;
padding-left: 32px;
padding-top: 0.5em;
padding-bottom: 0.1em;
font-size: 111%;
letter-spacing: 2px;
color: #666666;
background: transparent url("wpd_bgh2.png") no-repeat left bottom;
border-bottom: 2px solid #999999;
}

h3 {
margin: 0.33em 0.1em 1em;
padding: 0.5em 0.5em 0.2em;
font-size: 100%;
letter-spacing: 2px;
color: #666666;
border-left: 2px solid #999999;
border-bottom: 2px solid #999999;
}

h4 {
margin: 1em 0.66em 0.66em;
font-size: 100%;
letter-spacing: 2px;
color: #666666;
background: transparent;
}

p,
pre {
margin: 0.8em;
}

dl,
ul,
ol,
table,
address {
margin: 0.8em 1.2em
}

ul {
padding: 0em 0.8em;
list-style-type: circle;
}

ol {
padding: 0em 1.2em;
}

ul ul, ul ol, ul dl {
margin: 0em 1.2em
}

li {
margin: 0.4em 0em;
}

dt {
margin: 0;
padding: 0;
}

dd {
margin: 0.2em 0em 0.4em 0.8em;
padding: 0;
}

dl.compact dt {
float: left;
clear: left;
width: 8em;
}

dl.compact dd {
margin-left: 8em;
}

th, td {
font-family: "MS Gochic", monospace;
font-size: 90%;
}

th {
text-align: left;
}

address {
font-style: normal;
}

form {
margin: 0;
padding: 0;
}

fieldset {
margin: 0 0 1em;
padding: 1em;
}

legend {
margin: 0;
padding: 0 1em;
}

form * {
vertical-align: top;
}

.write p {
margin: 0.5em 0.8em;
text-align: right;
}

/* -------- inline -------- */

em {
font-style: normal;
font-weight: bold;
}

strong {
color: #cc3333;
background: transparent;
}

a img {
border: none;
}

br {
line-height: 0.66em;
}

hr {
height: 0px;
margin: 1em 0;
color: #999999;
background: #999999;
border-top: 2px solid #999999;
border-bottom: none;
border-left: none;
border-right: none;
}

kbd {
font-size: smaller;
text-decoration: underline;
color: #808080;
background: transparent;
}

/* -------- header -------- */

#header {
}

#header a:link    { text-decoration: none;}
#header a:visited { text-decoration: none;}
#header a:hover   { text-decoration: none;}
#header a:active  { text-decoration: none;}

#header h1 {
margin: 0;
padding: 10px 0 5px;
font-weight: normal;
font-size: 140%;
letter-spacing: 1px;
text-align: right;
color: #808080;
background: #ffffff url("wpd_title.png") no-repeat left top;
}

#header p {
margin: 0;
font-size: 80%;
text-align: right;
color: #808080;
background: #ffffff;
}

#header strong {
font-weight: normal;
}

#header p .sub {
display: none;
}

/* -------- content -------- */

#content {
font-size: 90%;
}

#content h2 a,
#content h3 a,
#content h4 a{
text-decoration: none;
}

#content p,
#content pre,
#content li,
#content dt,
#content dd {
line-height: 140%;
letter-spacing: 0.1em;
}

/* -------- footer -------- */

#footer {
font-size: 90%;
text-align: right;
}

/* -------- navi -------- */

#navi {
position: fixed !important;
position: absolute;
top: 20px;
right: 65%;
width: 12em;
margin: 20px;
font-size: 90%;
letter-spacing: 1px;
}

#navibox {
border: 1px solid #808080;
text-transform: capitalize;
background: #ffffff;
}

#navi h2 {
margin: 0.66em;
padding: 1em 0.66em 0.66em;
font-weight: normal;
font-size: 100%;
letter-spacing: 1px;
background: transparent;
border: 1px solid #808080;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

#navi li {
margin: 0.66em;
padding: 0;
border: 1px solid #808080;
color: inherit;
background: #eeeeee;
}

#navi li a {
display: block;
margin: 0;
padding: 0.66em 0.66em 0.33em;
}

#navi li a:link    { color: #808080; background: transparent; text-decoration: none;}
#navi li a:visited { color: #808080; background: transparent; text-decoration: none;}
#navi li a:hover   { color: #666666; background: #eef9e3; text-decoration: none;}
#navi li a:active  { color: #666666; background: #ffffff; text-decoration: none;}

/* -------- class/id -------- */

.inlinenavi {
margin-right: 0;
font-size: 90%;
text-align: right;
}

.inlinenavi * {
vertical-align: middle;
}

.sub {
font-size: smaller;
}

.ub {
text-decoration: underline;
}

.phot {
float: left;
width: auto;
}

.phot + * {
padding-left: 200px;
}

.clear {
clear: both;
}

.dl {
font-size: 90%;
}

.dl:after {
margin: 0 0.4em ;
content: url("wpd_dl.png");
}

.other-copy {
font-size: smaller;
text-align: right;
}

#counter {
position: absolute;
right: 0%;
bottom: 0%;
}

.info #header h1 {
color: #7070a0;
background-color: inherit;
}

.desk #header h1 {
color: #a07070;
background-color: inherit;
}

.webp #header h1 {
color: #909060;
background-color: inherit;
}

.post #header h1 {
color: #6080a0;
background-color: inherit;
}

.book #header h1 {
color: #609090;
background-color: inherit;
}

.index dl {
width: 100%;
margin: 1em;
}

.index dt {
float: left;
clear: left;
width: 8em;
height: 1em;
margin: 0;
padding: 0.8em 0 0 0;
}

.index dd {
height: 1em;
margin: 0em 0em 0em 9em;
padding: 0.8em 0 0 0;
}

.index #content dt,
.index #content dd {
line-height: 100%;
}

.posted {
margin-bottom: 0;
font-size: 90%;
text-align: right;
}

.res {
font-size: 90%;
background: #eeeeee;
}

.res h3 {
border: none;
}

.post .res {
margin-left: 2em;
padding: 0.2em;
}

#analytmp #general {
margin-left: 2%;
}

#analytmp #navi {
display: none;
}