@import url(genmusic.css);

.genmusic {
  background: #181420; /* 24, 20, 26 */
  color: #7D7DBA; /* was: #48486D; 72, 72, 109 */
  text-color: #7D7DBA;;
  padding-top: 2em;
  margin-top: -1em;
  margin-right: -1em;
/*  margin-left: 10em;*/
  font-family: arial,helvetica,sans-serif;
  /*
  // set basic font size here & let contained elements refer to it
  // by using fractional em units 
  // (in a font designation, 1em = the font size of the parent)
  // we can also make this relative to the user's preference?
  //  font-size: 1em; 
  font-size: 24pt; 
  */
}

.genmusic p {
  color:  #6D7DB0;
  text-color:  #6D7DB0;
  font-family: arial,helvetica,sans-serif;
}

/* to override:
   .highlight
*/

.genmusic a:link, .genmusic a:visited { 
        /* color: #E7B98A; */
	color: #9CB5FF;
	text-decoration: none;
}
.genmusic a:hover, .genmusic a:active { 
    color: #FFFFFF;
	text-decoration: none;
}

.highlight {
   color: #6655E7;
   font-family: arial,helvetica,sans-serif;
}


.pagetitle {
   font-size: 1.5em;
   font-family: arial,helvetica,sans-serif;
   color: #A03440;  /*  ?? hsb: .74 .4 .5 */
}

.subtitle {
   font-family: arial,helvetica,sans-serif;
   color: #A03440;  /*  ?? hsb: .74 .4 .5 */
}

.caption  {
   text-decoration: none;
   text-align: left;
   width: 30em;
   margin-bottom: 1em;
   margin-left: 4em;
   padding: 4px 1em 4px 2em;
   background: #4a3d6b;
   color: #ccc;
   border: 1px solid #6d6dEE;
}

.caption .highlight {
  font-weight: bold;
  color: #ffffff;
  text-color: #ffffff;
}

.news  {
   font-size: .9em;
   text-decoration: none;
   text-align: left;
   width: 18em;
   margin: 1em 0 0em 0em;
   padding: 1em 1em 1em 1em;
   color: #ccc;
   border: 1px solid #6d6dEE;
}

.news .title {
   font-family: arial,helvetica,sans-serif;
   padding-bottom: .5em;
   color: #A03440; 
   font-weight: bold;
}


.news li {
   list-style-type: square;
   padding-left: 1em;
}