body {
  background: #4f79ab url(/img/bg.png) 0% 100% no-repeat fixed;
}

/**
 ** global page layout
 **/
div#body {
  /*font-family: fixed, courier new, courier, monospace;*/
  font-family: verdana, sans-serif;
  font-size: 90%;
  line-height: 170%;

  width: 98%;
  margin: 10px auto;
}

/* page header */
div#head {
}

/* left-side navigation */
div#left {
  float: left;
  width: 20%;

  /* top, right, bottom, left */
  margin: 0;
}

/* body text */
div#center {
  float: left;
  width: 63%;

  /* top, right, bottom, left */
  margin: 0 1% 0 1%;
}

/* right-side navigation */
div#right {
  float: left;
  width: 15%;

  margin: 0;
}

/* page footer */
div#foot {
  clear: both;
}


/**
 ** body layout.
 **/
/*
 * for the body text, we want h3 and
 * h4 tags left aligned and slightly
 * indented.
 *
 * we want paragraphs indented slightly
 * more.
 */
/* main boxes */
div#main > div#box {
  color: white;
  background: #94b379 url(/img/main.png) 0% 100% no-repeat fixed;
  border: solid #4c7427;
  overflow: hidden;
  width: 100%;
}

div#main > div#box a {
  color: #758666;
}

/* right align */
div#main h2 {
  color: white;
  background: #4c7427;
  text-align: right;
  /* top, right, bottom, left */
  padding: 0 1em 0 0;
  clear: both;
  overflow: hidden;
}

/* left align */
div#main h3 {
  color: white;
  background: #4c7427;
  text-align: left;
  /* top, right, bottom, left */
  padding: 0 0 0 .5em;
  clear: both;
  overflow: hidden;
}

/* left align */
div#main h4 {
  text-align: left;
  /* top, right, bottom, left */
  padding: 0 0 0 1em;
  clear: both;
  overflow: hidden;
}

/* image floats */
div#main > div#box > div.catalog_left {
  float: left;
  /* top, right, bottom, left */
  padding: .5em 1.5em .5em 1.5em;
}

div#main > div#box > div.img_left {
  float: left;
  /* top, right, bottom, left */
  padding: .5em 1.5em .5em 1.5em;
}

div#main > div#box > div.catalog_right {
  float: right;
  /* top, right, bottom, left */
  padding: .5em 1.5em .5em 1.5em;
}

div#main > div#box > div.img_right {
  float: right;
  /* top, right, bottom, left */
  padding: .5em 1.5em .5em 1.5em;
}

div#main > p#img {
  text-align: center;
}

div#main > p#caption {
  text-align: center;
}

div#main p {
  /* top, right, bottom, left */
  padding: .5em 1.5em .5em 1.5em;
}

div#main p#feed {
  text-align: right;
}

/* story footer is right aligned */
div#main p#foot {
  /* top, right, bottom, left */
  padding: 0 1em 0 0;
}


/**
 ** left and right navigation bars
 **/
/* nav boxes are darkened */
div#nav > div#box {
  color: black;
  background: #c89987 url(/img/nav.png) 0% 100% no-repeat fixed;
  border: solid 82432c;
  font-size: 90%;
}

div#nav > div#box a {
  color: #bebebe;
}

/* center align */
div#nav h2 {
  color: white;
  background: #82432c;
  text-align: center;
  padding: 0;
}

div#nav p {
  /* top, right, bottom, left */
  padding: 1em .25em 1em .25em;
}


/**
 ** page credits
 **/
div#credit p {
  color: #ffffff;
  text-align: right;
  font-size: x-small;
  margin: 0;
  padding: 0 3em;
}


/**
 ** general box attributes
 **/
div#box {
  border: solid black;

  /* top, right, bottom, left */
  margin: 0 0 1em 0;
}

div#box h2 {
  margin: 0;
}

div#box h3 {
  margin: 0;
}

div#box p {
  margin: 0;
}

div#box img {
  width:100%;
  height:100%;
}

/**
 ** widget layout 
 **/
/*
 * comment box
 */
textarea#editcontent {
  width: 100%;
}
 
/*
 * calendar plugin
 */
.year-calendar, .month-calendar {
  font-size: 9pt;
  font-weight: normal;
  line-height: 100%;
}