body {
  font-family: helvetica, sans-serif;
  line-height: 1.3em;
  color: #222;
  background-color: #DDD;
  margin: 0em;
  padding: .5em;
}

div.page-title {
  background-repeat: no-repeat;
  background-position: 140px 0px;
  background-color: #FFF;
  height: 100px;
  width: 38em;
  max-width: 38em;
  margin-left: .5em;
  margin-top: .5em;
  padding: 1em;
  border-bottom: .75em solid #036;
  color: #036;
}

div.container {
  position: relative;
  width: 40em;
  max-width: 40em;
  padding: 0em;
  margin-left: 0.5em;
  margin-right: 0em;
  background-color: #000;
}

div.sidebar {
  position: absolute;
  width: 6em;
  max-width: 7em;
  left: 0em;
  padding: .67em;
  background-color: #DDD;
  color: #000;
  border: 1px solid #036;
  border-top: none;
}

div.page-content {
  width: 31.5em;
  max-width: 31.5em;
  margin: 0em;
  margin-left: 0em;
  padding: .5em;
  padding-left: 8em;
  background-color: #FFF;
  padding-bottom: 1em;
}

div.entry_navi {
  font-size: small;
}

th.field-name {
  text-align: left;
}

img {
  border: none;
  padding: .1em;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #036;
}

a:link    { color: #036; }
a:visited { color: #467; }
a:hover   { color: #07D; }
a:focus   { color: #07D; }

table {
  empty-cells: show;
}

.title {
  width: 100%;
  padding: 0em;
  padding-bottom: .3em;
  border-bottom: 1px solid #036;
  margin-bottom: 0.7em;
}

.name, h1.index {
  vertical-align: top;
  font-weight: bold;
  color: #337;
  font-size: 150%;
}

.name { float: left; }

.buttons {
  float: right;
  font-size: .67em;
  text-align: right;
}

.clearing {
  clear: both;
}

h1.name {
  margin: 0em;
}

blockquote {  font-style: italic; }

pre {
  margin: .3em;
  padding: .3em;
  background-color: #DDD;
  border: 1px dotted #036;
  font-family: courier, courier new, monospace;
  line-height: 100%;
  white-space: pre;
  width: 98%;
  overflow: auto;
}

code {
  color: #024;
}

li {
  margin-bottom: .67em;
}

table.index {
  width: 100%;
  table-layout: fixed;
  empty-cells: show;
}

h3.index {
  color: #222;
}

tr.index-row-stripe-1 {
  background-color: #DDD;
}

.content h1 {
  margin-left: 0em;
  font-size: 130%;
}

.content h2 {
  margin-left: 0em;
  font-size: 120%;
}

.content h3 {
  margin-left: 0em;
  font-size: 115%;
}

div.content {
  padding-bottom: 1em;
}

.readmore {
  text-align: right;
}

/* system section */
#system div.page-title {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #FFF;
  height: 100px;
  width: 38em;
  max-width: 38em;
  margin-left: .5em;
  margin-top: .5em;
  padding: 1em;
  border-bottom: .75em solid #630;
  color: #630;
  text-align: right
}

#system .page-description {
  background-color: #FFF;
  padding: .3em;
}

#system div.sidebar {
  position: absolute;
  width: 6em;
  max-width: 7em;
  right: 0em;
  margin-right: 0em;
  left: auto;
  padding: .67em;
  background-color: #ECA;
  color: #000;
  border: 1px solid #630;
  border-top: none;
}

#system div.page-content {
  width: 31.5em;
  max-width: 31.5em;
  margin: 0em;
  margin-left: 0em;
  padding: .5em;
  padding-right: 8em;
  background-color: #FFF;
  padding-bottom: 1em;
}

#system .title {
  width: 100%;
  padding: 0em;
  padding-bottom: .3em;
  border-bottom: 1px solid #063;
  margin-bottom: 0.7em;
}

#system .name {
  color: #733;
}

#system a {
  text-decoration: none;
  font-weight: bold;
  color: #630;
}

#system a:link    { color: #630; }
#system a:visited { color: #764; }
#system a:hover   { color: #D70; }
#system a:focus   { color: #D70; }

/* news section */
#news div.page-title {
  background-repeat: no-repeat;
  background-position: 140px 15px;
  background-color: #FFF;
  height: 100px;
  width: 38em;
  max-width: 38em;
  margin-left: .5em;
  margin-top: .5em;
  padding: 1em;
  border-bottom: .75em solid #360;
  color: #360;
}

#news .page-description {
  background-color: #FFF;
  padding: .3em;
}

#news div.sidebar {
  position: absolute;
  width: 6em;
  max-width: 7em;
  left: 0em;
  padding: .67em;
  background-color: #CEA;
  color: #000;
  border: 1px solid #360;
  border-top: none;
}

#news div.page-content {
  width: 31.5em;
  max-width: 31.5em;
  margin: 0em;
  margin-left: 0em;
  padding: .5em;
  padding-left: 8em;
  background-color: #FFF;
  padding-bottom: 1em;
}

#news .title {
  width: 100%;
  padding: 0em;
  padding-bottom: .3em;
  border-bottom: 1px solid #630;
  margin-bottom: 0.7em;
}

#news .name {
  color: #373;
}

#news a {
  text-decoration: none;
  font-weight: bold;
  color: #360;
}

#news a:link    { color: #360; }
#news a:visited { color: #674; }
#news a:hover   { color: #7D0; }
#news a:focus   { color: #7D0; }