/* ==========================================================================
 *  Generic HTML layout
 * ==========================================================================*/

body
  {
  font-family:"Bitstream Vera Sans","Lucida Grande","DejaVu Sans",Verdana,Arial,sans-serif;
  font-size: smaller;
  background-color: #a80011;
  }

a
  {
  color: #8a8b8e;
  }


a:hover,
.here a,
a.here
  {
  color: #000;
  }

/* ==========================================================================
 *  Index layout
 * ==========================================================================*/

#content_frame.context_index
  {
  background-color: #fff;
  }

/* ------------------------------------------------------------- index_block */

#index_block
  {
  }

/* -------------------------------------------------------------- list_entry */

.list_entry
  {
  border-bottom: 1px solid gray;
  padding: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  }

.list_entry h1,
.list_entry h2,
.list_entry h3,
.list_entry p
  {
  margin: .2em;
  }

.list_entry h1 a,
.list_entry h2 a,
.list_entry h3 a,
.list_entry h4 a,
.list_entry h5 a
  {
  }

.hidden
  {
  background-color: #ddd !important;
  border-top: 1px solid #eee;
  }

/* ------------------------------------------- content_date & content_author */

.content_date
  {
  float: right;
  }

.content_author
  {
  clear: both;
  text-align: right;
  }

.content_date,
.content_author
  {
  font-size: smaller;
  }

  
/* ---------------------------------------------------------- content_header */

.content_header
  {
  margin-bottom: 3px;
  }

/* --------------------------------------------------------------- edit_link */

#edit_link
  {
  float: right;
  }

/* ---------------------------------------------------------- page_operation */

.page_operation
  {
  clear: both;
  float:right;
  position: relative; top: -1em;
  }

.page_operation ul
  {
  list-style: none;
  margin: 0;
  }

.page_operation li
  {
  display: inline;
  padding-left: 0.4em;
  }

/* --------------------------------------------------------- page_navigation */

.page_navigation
  {
/*  float: right; */
  text-align: center;
  }

.page_navigation.top
  {
  position: relative; top: -.5em;
  }

.page_navigation.bottom
  {
  position: relative; top: .5em;
  }

.page_navigation ul
  {
  list-style: none;
  padding: 0em;
  margin: 0.2em;
  margin-bottom: .2em;
  }

.page_navigation li
  {
  display: inline;
  padding: .1em;
  }

.page_navigation li .page_number
  {
  border: 1px solid gray;
  background-color: #aaa;
  }

/* ==========================================================================
 *  Page show layout
 * ==========================================================================*/

#content_frame.context_show
  {
  background-color: #fff;
  }

/** there is an index box in addition to the page: we have to give some room */

#content_frame.index_box
  {
  margin-right: 9em;
  }

/***************************************************** this is the index box */

#index_box
  {
  position: absolute; right: .5em; width: 8em; top: 14em;
  border: 1px solid black;
  background-color: #ddd;
  font-size: medium;
  }

#index_box p
  {
  text-align: center;
  font-weight: bold;
  padding: .2em;
  margin: 0;
  }

#index_box li a
  {
  background-color: #eee;
  color: #666;
  }

#index_box .here a
  {
  background-color: #fff;
  }

#index_box ul
  {
  border-top: 1px solid #bbb;
  list-style: none;
  padding: 0;
  margin: 0;
  }

#index_box li
  {
  overflow:hidden;
  border-bottom: 1px solid #bbb;
  font-size: 8pt;
  padding: 0;
  }

#index_box ul li a
  {
  display: block;
  width: auto;
  padding: 0.2em;
  }

#index_box p a:hover
  {
  color: #22f; 
  }
#index_box ul li a:hover
  {
  background-color: #fff; 
  }

/* ==========================================================================
 *  Basic content layout
 * ==========================================================================*/

#main_text
  {
  position: absolute; left: 0; top: 0; height: auto; width: 942px; right: 5em;
  background-color: #fff;
  }

#content_frame
  {
  min-height: 24em;
  margin-right: .5em;
  margin-top: 8em;

  background-color: white;
  border: 1px solid black;
  padding: 1em;
  font-size: medium;

  padding-left: 0;
  margin-left: 13em;
  margin-top: 12em;

  border: none;
  }

#content
  {
  font-size: small;
  font-size: 10pt;
  }

/* ==========================================================================
 *  Appendix and Copyright
 * ==========================================================================*/

#appendix,
#copyright
  {
  clear: both;
  padding-left: 16em;
  padding-bottom: 1em;
  }

/* ==========================================================================
 *  Page head
 * ==========================================================================*/

#top_bar
  {
  position: absolute; top: 0; left: 0; height: 148px; right: 5em; width: 942px; 
  padding: 0;
  margin: 0;

  background-image: url(/site-media/image/v-shadow.png);
  background-repeat: repeat-x;
  background-position: bottom;
  }

#top_bar #logo
  {
  position: absolute; left: 1.6em; top: 1.6em;
  }

#top_bar_content
  {
  height: 140px;
  padding-left: 11em;
  margin: 0;
  
  background-image: url(/site-media/image/title_bar.jpeg);
  background-repeat: no-repeat;
  background-position: 11em 0;
  }

/* The first title line (a link!) */

#top_title_1
  {
  display: none;
  font-size: xx-large;
  margin: 0;
  padding-top: 0.6em;
  padding-left: 0.6em;
  padding-bottom: 2px;
  }
#top_title_1 a
  {
  display: none;
  text-decoration: none;
/*
  text-shadow: black 1px 1px 4px ;
*/
  }

/* The second title line */

#top_title_2
  {
  display: none;
  font-size: x-large;
  margin: 0;
  padding-top: 0em;
  padding-left: 0.8em;
  }

/* ==========================================================================
 *  Menu
 * ==========================================================================*/

/* -------------------------------------------------------- The section menu */

#menu_section
  {
  position: absolute; top: 11.5em; left: 16em; width: 50em;
  padding: 0;
  padding-bottom: .5em;
  padding-top: .5em;
  margin: 0;
  }

#menu_section ul
  {
  list-style: none;
  margin: 0;
  padding: 2px;
  }

#menu_section li
  {
  display: inline;
  white-space: nowrap;
  font-size: large;
  }

#menu_section li a
  {
  padding: .4em;
  margin: -0.1em;
  vertical-align: top; 
  }

#menu_section li a img
  {
  padding-left: .5em;
  padding-right: 0;
  padding-top: .2em;
  vertical-align: top; 
  }

/* --------------------------------------------------------- The rubric menu */

#menu_rubric
  {
  }

/* -------------------------- Combined properties of SECTION and RUBRIC menu */

#menu_left .title
  {
  margin: 0.2em;
  }

#menu_left .filler_top
  {
  padding: 0;
  padding-top: 16.5em;
  }

#menu_left .filler_bottom
  {
  padding:0;
  padding-bottom: 2em;
  }

#menu_left li a
  {
  background-color: #fff;
  }

#display_mode li a:before,
#menu_left li a:before
  {
  content: "\BB\20";
  color: #fff;
  }

#display_mode li.here a:before,
#menu_left li.here a:before
  {
  content: "\BB\20";
  color: #a80011;
  }

#menu_rubric li a,
#menu_section li a
  {
  width: auto;
  }

#menu_section li a:hover
  {
  background-color: #eee;
  }

#menu_section li a.icon:hover 
  {
  background-color: #fff;
  }


/* ----------------------------------------------------------- The left menu */

#menu_left
  {
  position: absolute; top: 0; left: 0; width: 14em; min-height: 100%; 
  background-color: #e7e9e8;

  margin: 0;
  padding: 0;
  }

ul#display_mode,
#menu_left ul
  {
  list-style: none;
  margin: 0;
  padding: 0;
  }

#menu_left ul li
  {
  margin: 0.0em;
  margin-bottom: 0.5em;
  }

#menu_left .title
  {
  font-size: 11pt;
  font-weight: normal;
  padding-left: 1.2em;
  }

#menu_left li a
  {
  padding: 0.5em;
  display: block;
  width: auto;
  }

/* -------------------------------------------------------- The context menu */

#menu_context ul
  {
  position: relative; top: 18em; left: 16em;
  list-style: none;
  margin: 0;
  padding: 0;
  }
  
#menu_context li
  {
  display: inline;

  font-size: smaller;
  padding-right: 1em;
  margin: 0em;
  }

#menu_context li a:hover
  {
  background-color: #ff8;
  }

/* ==========================================================================
 *  Footer
 * ==========================================================================*/

#footer_frame
  {
  position: fixed; left: 0; bottom: 0; width: 100%;
  margin: 0;
  padding: 0;
  padding-bottom: .2em;
  background-color: #888;
  background: none;
  background-image: url(/site-media/image/b-ddd-trans90.png);
  border-top: 1px solid white;
  }

#footer_frame a
  {
  text-decoration: none;
  color: #00e;
  }

#footer
  {
  padding: 3px;
  }

#login_logout
  {
  float: right;
  }

#login_logout ul
  {
  display: inline;
  }

#login_logout ul li
  {
  display: inline;
  }

/* ==========================================================================
 *  Calendar entries
 * ==========================================================================*/

.cal_date_at
  {
  font-weight: bold;
  }

.cal_ident
  {
  font-weight: normal;
  }

/* ---------------------------------------- The Page embedded Calendar table */

.calendar td,
.calendar th
  {
  border-bottom: 1px solid gray;

  padding-top  : .2em;
  padding-right: 1em;
  padding-left : .5em;
  }

.calendar th
  {
  background-color: #eee;
  text-align: left;
  }

.calendar_date_at
  {
  background: #fec;
  padding: 4px;
  margin: 0;
  }

/* ---------------------------------------- The Menu appended Calendar table */

#menu_calendar
  {
  margin: 0;
  padding: 0;
  }

#menu_calendar ul
  {
  margin:0;
  padding: 1px;
  border: none;
  }

#menu_calendar li a
  {
  border: none;
  }

#menu_calendar .cal_ident
  {
  margin-left: .5em;
  font-size: smaller !important;
  }