/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

body {
  background:#d8d8d8 url("/static/images/rejgray.png") 0 0 repeat fixed;
color:#333;
  font-family:helvetica,arial,sans-serif;
}
a:link {
  color:#66a;
  background-color:transparent;
}
a:visited {
  color:#636;
  background-color:transparent;
}
a:active {
  color:#633;
  background-color:transparent;
}
blockquote {
  margin: 1em 1em 1em 1em;
}
pre {
  font-family:"courier new",monospace;
}
code, .code {
  color:#696;
  background-color:transparent;
  font-family:"courier new",monospace;
}
th {
  text-align: center;
  font-weight: bold;
}
em {
  font-style: italic;
}
/* end general tag rules */

/* main content area */
#adjuster {
  /*margin-left: -50%;*/
}
#content {
  position:relative;
  width: 540px;
/*  margin-left:50%; */
margin: 0 auto;
  padding: 0px;
  border-left:dotted 2px #888888;
}
#content address {
  text-align:left;
  margin:5px 12px 12px 12px;
}
#content p {
  text-align:left;
  margin:5px 12px 12px 12px;
}
#content p.note {
  font-size:0.7em;
}
#content pre {
  margin:5px 12px 12px 12px;
  font-size:0.7em;
}
#content p code, #content p.code {
  text-align:left;
}
#content h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}
#content h1 {
  margin:12px 12px 5px 12px;
}
#content h2 {
  margin:5px 12px 5px 12px;
  font-size:1.1em;
}
#content h3 {
  margin:5px 12px 5px 12px;
  font-size:1.0em;
}
#content h4 {
  margin:5px 12px 5px 12px;
  font-size:0.9em;
}
#main-col {
  width: auto;
  margin-left: 0px;
  margin-top: 3.5em;
  color: inherit;
  background:#b8b8b8 url("/static/images/rejltgray.png") 0 0 repeat fixed;
font-size: medium;
}
#main-col li {
  margin-left: 2em;
}

#main-col img {
  margin-left: 12px;
  margin-right: 12px;
}
#main-col img.left { margin-left:12px; }
#main-col p img.left { margin-left:0px; }
#main-col img.right { margin-right:12px; }
#main-col p img.right { margin-right:0px; }
/* end main content area */

/* navigation styles */
nav {
/*  background:#b8b8b8 url("/static/images/rejltgray.png") 0 0 repeat fixed;*/
/*  position: fixed;*/
width: 100%;
  top: 0;
/*  left: 10em; */
  z-index: 10;
  font: medium verdana,arial,helvetica,sans-serif;
  font-variant:small-caps;  
  white-space:nowrap;
  height: 24px;
}
nav ul {
  background:#b8b8b8 url("/static/images/rejltgray.png") 0 0 repeat fixed;
width: 74ex;
  margin: 0 auto;
  list-style-type: none;
}
nav li {
  display: inline;
}
a.nav {
  border-right: dotted 1px #888888;
  font-size: 0.8em;
  line-height: 1em;
  text-decoration: none;
  padding: 0px 5px 0px 5px;
}
a.nav:hover {
  font-size: 1em;
  background-color: #eee;
}
a.nav:active {
  background-color: #dd0;
}

/* ccccccccccccccccccccccccccccccccccccccccccc */

.ttlbox {
  border-top:dotted 1px #888888;
  border-bottom:dotted 1px #888888;
}

.intro { 
  font: 14px verdana,arial,helvetica,sans-serif;
  background-color:#526120;
  margin-bottom:5px;
  border:solid 1px #949d62;
  color:white;
  text-align:left;
  padding:3px;
  clear:left;
}

/* sidebar stuff */
#sbar {
  background:#b8b8b8 url("/static/images/rejltgray.png") 0 0 repeat fixed;
width: 20%;
  position: fixed;
  top: 25px;
  right: 10px;
  font: small serif;
  z-index: 0;
}
#sbar h3 {
  border: dotted 1px #333333;
  text-align:center;
  margin:2px 2px 2px 2px;
  font-size:1.0em;
  font-weight:bold;
}
#sbar p {
  text-align:left;
  margin:2px 2px 2px 2px;
}

/* nexter stuff */
#nxtr {
  border-top:dotted 1px #888888;
  border-bottom:dotted 1px #888888;
  border-left:dotted 2px #888888;
  margin: 2px 2px 2px -2px;
  background:#b8b8b8 url("/static/images/rejltgray.png") 0 0 repeat fixed;
width: 540px;
/*  position: relative; */
  overflow: hidden;
  top: -25px;
  font: small sans-serif;
  font-variant:small-caps;  
  z-index: 0;
}
#nxtr h3 {
  text-align: center;
  font-size: 1.0em;
  font-weight: bold;
}
#nxtr p {
  text-align:left;
  margin:2px 2px 2px 2px;
}

q {
  font-style:italic;
  quotes: '"' '"' "'" "'";
}
q:before {
  content:open-quote;
}
q:after {
  content:close-quote;
}
q[cite] {
  font-style:normal;
}

div.mh {
  font-size:2em;
  font-weight:bold;
  margin:12px 12px 5px 12px;
}

div.sh {
  font-size:1.1em;
  font-weight:bold;
  margin:5px 12px 5px 12px;
}

div.mh-priv {
  color: #777;
  font-size:2em;
  font-weight:bold;
  margin:12px 12px 5px 12px;
}

div.sh-priv {
  color: #777;
  font-size:1.1em;
  font-weight:bold;
  margin:5px 12px 5px 12px;
}

.box {
  clear:left; 
  vertical-align:middle;
  text-align:left;
  padding: 0px;
  margin-top:2px;
  margin-bottom:2px;
}
.box img { float:left; }
.capimg { font-style:oblique; margin-bottom:20px; }
.capimg p { text-align:center !important; }

div#taglist {
  padding: 3px;
  border-top:dotted 1px #888888;
  border-bottom:dotted 1px #888888;
}

div.search-form {
  margin:5px 12px 5px 12px;
}

div.admin {
  font-size: 120%;
  font-family: san-serif;
}

div.admin ul {
  list-style-type: none;
}
#main-col div.admin li {
  margin-left: 1ex;
}

/* footer */
#foot {
  margin:0px 0px 0px 0px;
  margin-bottom:20px;
  border:dotted 1px #c0c0c0;
  font-size:small;
  z-index:0;
}
#foot p {
  margin:0px 12px;
  text-align:left;
  vertical-align:bottom;
  font-size:small;
}
img.w3c, img.foot {
  width:64px;
  height:19px;
  border:solid 1px #ccc;
}
/* end footer */
@media screen and (max-width: 512px) {
  #content {
  width: 96%;
  }
  #content img {max-width: 95%;height:auto;}
  #nxtr{width:auto;}
  #main-col {margin-top: 0;}
  nav{overflow:hidden;}
}
