body {
  background-color:#fffef6;
  color:#241c0d;
  font-family: sans-serif;
  font-size: normal;
  margin: 1em 2em;
}

div.header, div.footer, div.footnotes, div.comment,
div.content, div.rc, div.diff {
  width: 70%;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px 2em;
  background-color: inherit;
  clear:left;
  float:left;
}

div.header{
  background-image: url(/pic/patch.png);
  background-repeat: no-repeat;
  min-height: 150px;
}

div.header h1 {margin-top: 1em 0px;}
div.footer {clear:both;}

img.logo {
  /* float:right; */
  position: absolute;
  right: 5%;
  top: 20px;
}

div[class="cal month"]{
  float: left;
  margin: 1em;
}

div.sidebar{
  float: right;
  width: 15%;
  margin-right: 0px;
  clear: left;
  background-color: inherit;
  padding: 1ex 1em;
/*  margin-top: 150px; */
}
/*
div.footer form.search {
  position: absolute;
  left: 77%;
  top: 130px;
}
div.footer form.search span {display:none;}
*/

a:link {color: #238; text-decoration: none;}
h1 a:link, h2 a:link { color: #640;}
a:visited {color: #638; text-decoration: none;}
h1 a:visited, h2 a:visited { color: #640;}
a:active { color: #34a; text-decoration: none;}
h1 a:active, h2 a:active {color: #df9300}
a.inter:link { color:#094; }
a.inter:visited { color:#051; }
a.inter:active { color:#0f0; }
a.footnote:before {content:"["}
a.footnote:after {content :"]"}
/* a.footnote { font-size:50%; vertical-align:50%; text-decoration:none;} */

img { border-style:none; max-width:90%;}
img.upload {padding: 5px; margin: 1em; border: thin dotted silver;}
img.url{ float: left; padding: 5px; margin: 1em; clear: left; border: thin dotted silver;}
a[class="image"], a[class="image outside"],
a[class="image thumb"], a[class="image thumb outside"]{
  float: right;
  margin-left: 1em;
  margin-right: 0px;
  margin-top: 1ex;
  margin-bottom: 1ex;
}
a[class="image left"], a[class="image left outside"],
a[class="image thumbleft"], a[class="image thumbleft outside"]{
  float: left;
  margin-right: 1em;
  margin-left: 0px;
  margin-top: 1ex;
  margin-bottom: 1ex;
}

a[class="image inline outside"],
a[class="image inline"] {}
a[class="image inline outside"] img.upload,
a[class="image inline"] img.upload {border-style: none;}
a[class="image badge outside"] img.upload {border-style: none; margin: 0px; padding: 0px}

a[class="image thumb"] img.upload, a[class="image thumb outside"] img.upload,
a[class="image thumbleft"] img.upload, a[class="image thumbleft outside"] img.upload,
a[class="image thumbhere"] img.upload, a[class="image thumbhere outside"] img.upload {
  max-width: 150px; max-height: 150px;}

div.diff { padding-left:5%; padding-right:5%; }
div.old { background-color:#FFFFAF; }
div.new { background-color:#CFFFCF; }
div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
div.sister { float:left; margin-right:1ex; background-color:#fff; }
div.sister p { margin-top:0; }
div.sister hr { display:none; }
div.near { background-color:#efe; }
div.near p { margin-top: 0; }

table.history { border-style:none; }
td.history { border-style:none; }
table.user {float:right; margin-left: 2em; margin-top:1ex; margin-bottom:1ex;}
table.user tr td { border: thin solid darkgray; padding:5px; text-align:center; }
span.result { font-size:larger; }
span.info { font-size:small; font-style:italic; }
span.bar a { padding-right:1em; }
div.rss { background-color:#EEF; }

div.journal h1 {
  font-size: small;
  text-align: left;
  /* margin-top: 2em; */
  margin-bottom: 0px;
  border-bottom: thin solid #640;
  clear: left;
}
div.journal h2 { margin-top: 1em; border-bottom: none;}
div.journal hr { display: none; }
div.journal div.page {
/*  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  margin: 1em 0px;
  padding: 0px 1em; */
  margin: 2em 0px;
  clear: both;
}

ol, ul{ margin-top: 2px; margin-bottom: 2px;}
li { margin-top: 1px; margin-bottom:1px; }
p, dd, dt, li { text-align: left;}
dd {margin-bottom: 2em;}
dt {margin-bottom: 1ex;}
div.rc p, div.rc dd, div.rc dt, div.rc li { text-align: left; }
h1, h2, h3, h4 {font-family: sans-serif;font-weight: bold;}

h1{
  color: #640; /*#238;*/
  font-size: 24pt;
}
h2{
  margin-top: 2em;
  font-size: x-large;
  color: #640; /*#444;*/
  clear: left;
  border-bottom: 1px solid;
}

h3{
  margin-top: 2em;
  font-size: large;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  color: inherit;
}

h4{
  font-size: medium;
  color: inherit;
}

pre{
  font-family: monospace;
  margin-left: 5%;
  padding: 10px;
}

hr{
  border: none;
  background-color: #aaa;
  color: #aaa;
  height: 1px;
  clear: both;
  margin-top: 2ex;
}
div.footer hr{
  height: 2px;
}
div.footer span.gotobar,
div.footer a.diff,
div.footer span[class="edit bar"]{
  display: none;
}

table{
  border: 1px solid silver;
  padding: 1em;
  empty-cells: show;
  table-layout: fixed;
  border-collapse: collapse;
}
div.message{
  font-family: sans-serif;
  text-align: left;
  color: inherit; /*#ddd;*/
}

div.toc ol{
  list-style-type: none;
  padding-left: 1em;
}
div.toc li{
  text-align: left;
  margin-bottom: 1ex;
}

div.content a.url:before {
  content: "\002192"; /* unicode rightwards arrow */
  margin-left: 0.2em;
  margin-right: 0.2em;
}

div.cal pre { margin:0; padding:0; background-color:#fff;}
div.cal a.edit { text-decoration:none; color:#bbb;}
div.cal a.today { background-color:#bbb;}
div.cal a.local { color:#e22; }

div.sidebar h2{ margin-top:1em;}
div.sidebar h3{ margin-top:1em; margin-bottom: 3px;}
div.sidebar ul{
  list-style-type: none;
  padding-left: 1ex;
}
div.sidebar li, div.sidebar p{
  text-align: left;
  margin-bottom: 1ex;
}
div.sidebar img {
  margin: 0px;
/*  padding: 0px;
  border: none;*/
  max-width: none;
}

p.comment { text-align:center; clear:both;}
p.comment a:before {content: "\0000BB"; margin: 0px 0.2em;}
p.comment a:after {content: "\0000AB"; margin: 0px 0.2em;}

div.commentshown { background-color:#ffc; padding: 5px 1em;}
div.commenthidden { display:none; }
div.commentshown { display:block; }

input[type="text"],
/*input[type="submit"],*/
input[type="checkbox"],
input[type="file"],
input[type="password"],
textarea[name="text"],
textarea[name="summary"],
textarea[name="aftertext"]{
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  background-color: #fff;
  color: #000;
  padding: 1px;
  font-size: normal;
  margin-bottom: 1px;
  margin-right: 1px;
}
textarea[name="text"],
textarea[name="summary"],
textarea[name="aftertext"]{
  padding: 2px;
}
/*input[type="submit"]{padding:2px;}*/

p.footernote {
  color: #aaa;
  text-align:right;
  font-size: xx-small;
}

tr.iconrow{
}

table.icontable{
  border-spacing: 10px;
  border-collapse:separate;
  border:none;
  padding:0px;
}

td.icon{
  border: thin solid silver;
  padding: 10px 20px;
  width: 170px;
  background-color: #fff; /* #eee; */
  /*clear:right;*/
  vertical-align:top;
}

td.icon:hover {border:thin solid #000;}

td.icon a:link,
td.icon a:visited,
td.icon a:active{
  border:none;
  color:#000;
}

td.icon img{
  border:none;
  margin: 0px;
  padding: 0px;
}

td.icon h2 {
  margin-top:0px;
  padding-top:0px;
  border-bottom:none;
  color:#000;
}

@media print {
  body {
    background-color: #fff;
    color: #000;
    font-family: times;
    font-size: 11pt;
    /* max-width: 90ex; */
    margin: auto;
  }
  a.edit, div.footer, div.refer, a.number,
  div.content + form, span.gotobar, div.toc,
  div.month, div.cal, div.year, div.message,
  img.logo, div.sidebar {
    display:none;
  }
  a, a:link, a:visited {
    color:#000;
    text-decoration:none;
  }
  p, li, dd, dt{
    text-align: left;
  }
}