@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:  #7D7DBA;
  text-color:  #7D7DBA;
  font-family: arial,helvetica,sans-serif;
}

/* to override:
   .highlight
*/

.genmusic a:link, .genmusic a:visited { 
        /* color: #E7B98A; */
	color: #89A0E5;
	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: 15em;
   margin: 1em 0 1em 2em;
   padding: 1em 1em 1em 2em;
   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;
}


/* buy me a beer */
.biergarten {
   text-decoration: none;
   text-align: left;
   width: 10em;
   margin-bottom: 1em;
   margin-left: -8px;
   padding: 4px 1px 4px 4px;
   background: #4a3d6b;
   color: #ccc;
   border: 1px solid #4a3d3b;
}

#leftnav p .beertalk {
    color: #ddd;
}

.beerbutton {
   width: 8em;
   margin-bottom: 1em;
   margin-left: 2px;
   /*padding: 4px 3px 4px 1em; */
   padding:0;
   background: #2a1d4b;
   color: #ccc;
}

/*
.beerbutton:hover {
   width: 8em;
   margin-bottom: 1em;
   margin-left: 2px;
   padding: 4px 3px 4px 1em;
   background: #FFF;
   color: #ccc;
   border: 1px solid #6d6dEE;
}
*/

.beerbutton a {
    margin:0;
    padding: 4px 3px 4px 1em;
    border: 1px solid #6d6dEE;
    
   display:block;
   width:100%;
   background: #2a1d4b;
}

.beerbutton a:hover {
    margin:0;
    padding: 4px 3px 4px 1em;
    border: 1px solid #2a1d4b;

   display:block;
   width:100%;
   background: #558;
}