/*------------------------------------------------------
 * Fonts
 */
BODY,H1,H2,H3,H4,H5,H6,P,CENTER,TD,TH,UL,DL,DIV {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
H1,H2,H3 {
  text-align: left;
  color: #000099;
}

/*------------------------------------------------------
 * Highlighting
 */
#hlblack { color: #000000; } /* black */
#hlblue { color: #000099; } /* dark blue */
#hlorange { color: #cc3300; } /* dark orange */
#hlred { color: #990033; } /* dark red */

/*------------------------------------------------------
 * HR
 */
hr {
  width: 100%;
  border: 0;
  border-top: 1px solid gray;
}
/*------------------------------------------------------
 * PRE
 */
PRE {
  border: 1px dashed #0000ff;
  background-color: #f5f5f5;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 48px;
  margin-right: 24px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  /*overflow: scroll;*/
  overflow: auto;
}

/*---------------------------------------------------------
 * Link Colors
 */
:link    { color: #000099; }
:active  { color: #000000; }
:visited {
  /*color: #990033;*/ /*dark red*/
  color: #cc3300;   /*dark orange*/
}

:hover   {
  background-color: #ffaa33;   /*medium orange*/
  color: #000099; /*dark blue*/
  /*background-color: #000099;*/ /*dark blue*/
  /*background-color: #ccccff;*/ /*purple*/
  /*background-color: #99ffff;*/ /*bright teal*/
  /*background-color: #ffffcc;*/ /*pale cream yellow*/
  /*background-color: #ccffff;*/ /*pale teal*/
}

.nohl:hover {
  background-color: #ffffff;
  color: #000000;
  border: none;
}

.link_button:hover {
  background-color: #ffaa33;   /*medium orange*/
  color: #000099; /*dark blue*/
  /*background-color: #ffffcc; /*pale cream yellow*/
  /*background-color: #ccffff; /*pale teal*/
}

#footer_link:active  { background-color: #ffffff; }
#footer_link:visited { background-color: #ffffff; }
#footer_link:link    { background-color: #ffffff; }
#footer_link:hover {
  background-color: #ffaa33;   /*medium orange*/
  color: #000099; /*dark blue*/
  /*background-color: #ffffcc;*/ /*pale cream yellow*/
  /*background-color: #ccffff;*/ /*pale teal*/
}
#link_button, #link_button_current {
  background-color: #ffffff;
}
#link_button_current {
 border: 2px solid #000099;
 font-weight: bold;
 color: #000099;
}

/*---------------------------------------------------------
 * UL lists
 */
#nav_ul {
  /*list-style-type: none;*/
  list-style: square;
}
#nav_ul > ul {
  list-style: circle;
}

ul           { list-style: url("//kaskade.dwds.de/~moocow/styles/moo-blue-bullet.png") square; }
li > ul      { list-style: url("//kaskade.dwds.de/~moocow/styles/moo-orange-bullet.png") circle; }
li > ul > li > ul {
	list-style: url("//kaskade.dwds.de/~moocow/styles/moo-blue-bullet.png") disc; }
li > ul > li > ul > li > ul {
	list-style: url("//kaskade.dwds.de/~moocow/styles/moo-orange-bullet.png") square; }

ul.pubs > li { margin-top:.5em; margin-bottom:.5em; }

/*
ul           { list-style: url("file:///home/moocow/www/styles/moo-blue-bullet.png") square; }

li > ul      { list-style: url("file:///home/moocow/www/styles/moo-orange-bullet.png") circle; }
li > ul > ul { list-style: url("file:///home/moocow/www/styles/moo-blue-bullet.png") disc; }
*/

/*---------------------------------------------------------
 * Embedded emphasis
 */
em > { font-style: italic; }
em > em { font-style: normal; }
em > em > em { font-style: italic; }
em > em > em > em { font-style: normal; }


/*---------------------------------------------------------
 * Album tables
 */
#album_table {
  background-color: #ffffff;
  border: 1px solid gray;
  border-collapse: collapse;
}
#album_table th {
  /*background-color: #f5f5f5;*/
  /*color: #000099;*/
  background-color: #3e5d71;
  color: #ffffff;
  /*border: 1px solid white;*/
  border-bottom: 1px solid gray;
  margin: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#track_row_odd {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}
#track_row_even {
  background-color: #f0f0f0; /* med-light grey */
  margin: 0;
  padding: 0;
}
#track_num {
  text-align: right;
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#track_title {
  text-align: left;
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#track_files {
  text-align: left;
  margin: 0;
  padding: 0;
  padding-left:  0.5em;
  padding-right: 0.5em;
}
#track_length {
  text-align: right;
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}


/*---------------------------------------------------------
 * Photo thumbnail tables
 */
#thumbnail_title { 
  /*color: #000099;*/ /*dark blue*/
  font-size: 90%;
  text-align: center;
  margin: 0;
  padding: 0;
}
#thumbnail_attr_label {
  color: #000099; /*dark blue*/
  font-size: 70%;
  text-align: left;
}
#thumbnail_attr_value {
  color: #000000; /*black*/
  font-size: 70%;
  text-align: left;
}
#thumbnail_table th { 
  /*background-color: #3e5d71;*/
  color: #ffffff;
  /*border: 1px solid white;*/
  border: 1px solid gray;
  border: 0px;
  margin: 0;
  padding: 1em;
}
#thumbnail_row {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}
#thumbnail_cell {
  background-color: #ffffff;
  color: #ffffff;
  text-align: center;
  margin: 0;
  padding: 1em;
}
#thumbnail_img {
  background-color: #ffffff;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
#thumbnail_link:link    { background-color: #ffffff; }
#thumbnail_link:active  { background-color: #ffffff; }
#thumbnail_link:visited { background-color: #ffffff; }
#thumbnail_link:hover   { background-color: #ffffff; }