/*
*  ANDREAS VARIANT TRIO - NOTE: Uses CSS Variables!
*
*  R.E.Korns  30-Apr-2023 31  Revised add mainmenu
*  R.E.Korns  29-Apr-2023 30  Revised add headerimage books
*  R.E.Korns  28-Apr-2023 29  Revised 
*  R.E.Korns  19-Apr-2023 28  Revised add button html
*  R.E.Korns  24-Dec-2022 27  Revised tweak header cameo vertical position
*  R.E.Korns  14-Jul-2017 26  Revised add likeH1
*  R.E.Korns  24-Aug-2016 25  Revised add book review feed
*  R.E.Korns  05-May-2016 24  Revised mod event description shadows
*  R.E.Korns  26-Apr-2016 23  Revised for als scrolling
*  R.E.Korns  25-Apr-2016 22  Revised accolades cursor types
*  R.E.Korns  23-Apr-2016 21  Revised add headerimage img 'left' attribute, tweak accolade text shadows
*  R.E.Korns  11-Apr-2016 20  Revised add switchsize
*  R.E.Korns  30-Mar-2014 19  Revised eventblock
*  R.E.Korns  04-Mar-2014 18  Revised newsblock
*  R.E.Korns  17-Feb-2014 17  Revised add description2
*  R.E.Korns  05-Feb-2014 16  Revised
*  R.E.Korns  17-Jul-2013 15  Revised
*  R.E.Korns  15-Jul-2013 14  Revised add fullwide
*  R.E.Korns  15-May-2013 13  Revised
*  R.E.Korns  25-Apr-2013 12  Revised
*  R.E.Korns  22-Apr-2013 11  Revised
*  R.E.Korns  21-Apr-2013 10  Revised
*  R.E.Korns  20-Apr-2013 09  Revised
*  R.E.Korns  19-Apr-2013 08  Revised use css vars
*  R.E.Korns  04-Apr-2013 07  Revised
*  R.E.Korns  03-Apr-2013 06  Revised palette mods
*  R.E.Korns  02-Apr-2013 05  Revised use leather backs palette
*  R.E.Korns  01-Apr-2013 04  Revised use sielunmessu palette
*  R.E.Korns  31-May-2013 03  Revised use new blue palette
*  R.E.Korns  30-May-2013 02  Revised for cwk
*  A.Viklund  15-Sep-2012 01  Author original design
*
*  CSS Theme variables:
*
*  $vt_textc - Primary Text Color
*  $vt_bgc   - Background Color
*  $vt_bgimg - Background Image
*
*  $vt_bordc - Border Color
*  $vt_bgcc1 - Column 1 Background Color
*
*  $vt_nvc   - Navigation Color
*  $vt_nvbg  - Navigation Background Color
*  $vt_nvhov - Navigation Hover Color
*  $vt_nvhbg - Navigation Hover Background Color
*  $vt_nvact - Navigation Active Color
*  $vt_nvabg - Navigation Active Background Color
*
*  $vt_sbbc  - Sidebar Border Color
*
*  $vt_sbc   - Sidebar Navigation Color
*  $vt_sbbg  - Sidebar Navigation Background Color
*  $vt_sbhov - Sidebar Navigation Hover Color
*  $vt_sbhbg - Sidebar Navigation Hover Background Color
*  $vt_sbact - Sidebar Navigation Active Color
*  $vt_sbabg - Sidebar Navigation Active Background Color
*
*  $vt_sbh2c - Sidebar h2 Color
*  $vt_sbh3c - Sidebar h3 Color
*  $vt_sbh3s - Sidebar h3 Span Color
*
*  $vt_anc   - Anchor Color
*  $vt_anhov - Anchor Hover Color
*
*  $vt_h1c   - Header 1 Color
*  $vt_h1ac  - Header 1 Anchor Color
*  $vt_h1ahc - Header 1 Anchor Hover Color
*  $vt_h2c   - Header 2 Color
*  $vt_h3c   - Header 3 Color
*
*  $vt_ftc   - Footer Color
*  $vt_ftac  - Footer Anchor Color
*  $vt_ftahc - Footer Anchor Hover Color
*  $vt_ftbc  - Footer Border Color
*
*  $vt_ktext - Block Text Color
*  $vt_kbg   - Block Background Color
*  $vt_kbord - Block Border Color
*
*  $vt_kanc  - Block Anchor Color
*  $vt_kahov - Block Anchor Hover Color
*
*  $vt_kh2c  - Block Header 2 Color
*  $vt_kh3c  - Block Header 3 Color
*
*  A free xhtml/css website template by Andreas Viklund.
*  For more information, see http: //andreasviklund.com/templates/variant-trio/
*
*/

/* Main containers */
body {
  padding: 0;
  margin: 0;
  font: 92% Georgia,Times New Roman,serif;
  background: #564e73 url(../images/nav/music-background-8.jpg) top center repeat-y;
  color: #f0f0f0;
  text-align: center;
  line-height: 1.5em;
}
#wrap {
  width: 980px;
  text-align: left;
  margin: 0 auto;
}

/* Header */

h1, .likeH1 {
  margin: 15px auto 10px auto;
  padding: 0;
  font-size: 2.6em;
  font-weight: 400;
  color: #dc4d84;
  letter-spacing: -1px;
  line-height: 1.2em;
  /*text-shadow: 3px 3px 4px #212121;*/
  text-shadow: 3px 3px 4px #ffffff;
}
h1.darkbg {
  text-shadow: 3px 3px 4px #212121 !important;
}

h1 a {
  color: #ee9bbb;
  font-weight: 400;
  text-decoration: none;
}
h1 a:hover {
  color: #f0f0f0;
  text-decoration: none;
}
.slogan {
  position: relative;
  color: #c0c0c0;
  /*font-size: 1.4em;*/
  /*font-size: 1.2em;*/
  font-size: 1.18em;
  margin: 0 0 15px 0;
  padding: 0;
}
#headerimage {
  position: relative;
  clear: both;
  width: 980px;
  height: 200px;
  margin: 0 0 15px 0;
  overflow: hidden;
  border: 2px solid #a8908c;
}
#headerimage img {
  position: relative;
  left: -0px;  /* jquery manipulation */
  z-index: 50 !important;
  /*border: 1px dashed #ffffff; ** debug */
}
#headerimage .accolades {
  position: absolute;
  top: 14px;
  left: 380px;
  width: 577px;
  height: 169px;
  font: 100% Helvetica,Ariel,sans-serif;
  /*font-size: 1.25em;*/
  z-index: 200 !important;
  /*border: 1px dashed #ffffff; ** debug */
}
#headerimage .quotation {
  display: none; /* jquery manipulation */
  position: absolute;
  top: 18px;
  left: 15px;
  width: 545px;
  font-size: 1.10em;
  font-weight: bold;
  font-style: italic;
  line-height: 1.13em;
  letter-spacing: 1px;
  text-align: left;
  color: #c8b0ac !important;
  text-shadow: 0 0 5px #000000, 3px 3px 4px #000000 !important;
  /*border: 1px dashed #ff0000; ** debug */
}
#headerimage .author {
  display: none; /* jquery manipulation */
  position: absolute;
  top: 90px;
  left: 15px;
  width: 537px;
  font-size: 1.13em;
  letter-spacing: 1px;
  text-align: right;
  /**color: #d580bb !important;*/
  color: #e590cb !important;
  text-shadow: 0 0 5px #000000, 3px 3px 4px #000000 !important;
  /*border: 1px dashed #00ff00; ** debug */
}
#headerimage .title {
  display: none; /* jquery manipulation */
  position: absolute;
  top: 114px;
  left: 15px;
  width: 537px;
  font-size: 0.9em;
  letter-spacing: 1px;
  line-height: 1.0em;
  text-align: right;
  color: #e8d0cc !important;
  text-shadow: 0 0 4px #000000, 2px 2px 3px #000000 !important;
  /*border: 1px dashed #0000ff; ** debug */
}
#headerimage .description {
  display: none; /* jquery manipulation */
  position: absolute;
  top: 14px;
  left: 35px;
  width: 577px;
  height: 169px;
  font: 100% Helvetica,Ariel,sans-serif;
  text-shadow: 0 0 5px #000000, 3px 3px 4px #000000 !important;
  z-index: 200 !important;
  /*border: 1px dashed #ffff33; ** debug */
}
#headerimage .description h2 {
  font-size: 1.6em;
  font-weight: bold;
  margin: 0;
  padding: 0 3px 0 0;
  border: 0;
}
#headerimage .description p {
  letter-spacing: 1px;
  line-height: 1.0em;
  text-align: left;
  font-size: 1.0em;
  font-weight: bold;
  font-style: italic;
}
#headerimage .description2 {
  display: none; /* jquery manipulation */
  position: absolute;
  top: 14px;
  left: 35px;
  width: 577px;
  height: 169px;
  font: 100% Helvetica,Ariel,sans-serif;
  text-shadow: 0 0 5px #000000, 3px 3px 4px #000000 !important;
  z-index: 200 !important;
  /*border: 1px dashed #ffff33; ** debug */
}
#headerimage .description2 h2 {
  /*font-size: 1.6em;*/
  font-size: 2.9em;
  font-weight: bold;
  margin: 0;
  padding: 0 3px 0 0;
  border: 0;
}
#headerimage .description2 p {
  letter-spacing: 1px;
  line-height: 1.0em;
  text-align: left;
  font-size: 1.0em;
  font-weight: bold;
  font-style: italic;
}

/* HTML Tags */
button {
  margin: 3px;
  height: 2em;
  text-decoration: none;
  font-weight: 400;
  color: #ffffff;
/*
  background-color: #ee9bbb;
  color: #ee9bbb;
*/
  background-color: #564e73;
}
button:hover {
  /*text-decoration: underline;*/
  text-decoration: none;
  color: #00ff00;
/*
  color: #911a48;
*/
}

a {
  text-decoration: none;
  font-weight: 400;
  color: #ee9bbb;
}
a:hover {
  /*text-decoration: underline;*/
  text-decoration: none;
  color: #911a48;
}
a img {
  border: 0;
}

h2 {
  margin: 0 0 12px 0;
  padding: 0 0 8px;
  color: #ffd900;
  font-size: 1.8em;
  font-weight: 400;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #a8908c;
  border-left: 0;
}
h2 a {
  font-weight: 400;
}
h3 {
  font-size: 1.6em;
  font-weight: 400;
  margin: 0 0 10px 0;
  padding: 2px 0;
  font-weight: 400;
  border-bottom: 1px solid #a8908c;
}
h3 {
  font-size: 1.2em;
  color: #ffe240;
}
p {
  margin: 0 0 15px 0;
}
.indent {
  text-indent: 35px;
}
ul {
  margin: 0 0 15px 20px;
  padding: 0;
}
li {
  margin: 0;
  padding: 0 0 0 5px;
}

/* Top menu */
#topmenu {
  position: relative;
  text-align: right;
  margin-top: -40px;
  background: transparent !important;
  z-index: 200;
  /*border: 1px dashed #ffff00; ** debug */
}
#topmenu p {
  position: relative;
  font-size: 1.3em;
  line-height: 1.9em;
  margin: 0 0 15px 0;
  color: #c0c0c0;
  background: transparent !important;
  z-index: 200;
  /*border: 1px dashed #ffffff; ** debug */
}
#topmenu a {
  position: relative;
  padding: 6px 8px 5px 8px;
  font-weight: 400;
  margin: 0 0 0 2px;
  color: #c0c0c0;
  z-index: 200;
}
#topmenu a:hover {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}
#topmenu a.active, #topmenu a.active:hover {
  color: #ffe240;
  background-color: #9489a9;
}
#topmenu .cameo {
  display: none; /* jquery manipulation */
  position: absolute;
  top: 26px;   /* chrome should be 23px, firefox requires 28px */
  left: 2px;
  width: 400px;
  height: 230px;
  z-index: 100 !important;
  /*border: 1px dashed #ffffff; ** debug */
}
#topmenu .books {
  display: none; /* jquery manipulation */
  position: absolute;
  top: 62px;
  left: 740px;
  width: 240px;
  height: 180px;
  z-index: 200 !important;
  /*border: 1px dashed #ffffff; ** debug */
}

/* Main Menu */
#mainmenu {
  padding: 0;
  margin: 0 0 20px 0;
}
#mainmenu a {
  display: block;
  color: #c0c0c0;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  font-size: 1.7em;
  border 0;
}
#mainmenu a:hover {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
  border 0;
}


/* Sidebar */
#sidebar {
  position: relative;
  width: 200px;
  float: right;
  margin: 0;
  padding: 0;
  color: #c0c0c0;
}
#sidebar h2,
#sidebar h3 {
  padding-bottom: 3px;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #818181;
  border-left: 0;
  margin-bottom: 5px;
}
#sidebar h2 {
  font-size: 1.6em;
  color: #ffd900;
}
#sidebar h2.noborder {
  border: 0 !important;
  margin-bottom: 7px;
}
#sidebar h3 {
  font-size: 1.35em;
  color: #ffe240;
}
#sidebar h3 span {
  color: #a68d00 !important;
}
#sidebar ul {
  list-style: none;
  margin: 0 0 15px 0;
}
#sidebar li {
  padding: 0;
  margin: 0;
}
#sidebar ul.sidemenu {
  width: 200px;
  padding: 0;
  margin: 0 0 20px 0;
  border-top: 1px solid #818181;
}
#sidebar ul.sidemenu li a {
  display: block;
  color: #c0c0c0;
  background-color: transparent;
  padding: 5px 0;
  margin: 0;
  font-size: 1.3em;
  border-bottom: 1px solid #818181;
}
#sidebar ul.sidemenu li a:hover {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
  border-bottom: 1px solid #818181;
}
#sidebar ul.sidemenu li a.active {
  color: #ffe240;
  background-color: transparent;
}
#sidebar ul.sidemenu ul {
  width: 180px;
  padding: 0;
  margin: 0 0 0 20px;
}
#sidebar ul.sidemenu ul li a {
  padding: 2px 0;
  margin: 0;
  font-size: 1em;
}

/* Content area */
#content {
  position: relative;
  width: 760px;
  padding: 0;
  margin: 0 215px 15px 0;
  background: #6a5f7f;
  text-align: left;
  border: 2px solid #a8908c;
}
#content img {
  margin: 5px 0;
}
.full, .fullwide, .left, .right {
  overflow: hidden;
}
.full {
  clear: left;
  margin: 15px 15px 0 15px;
  width: 730px;
}
.fullwide {
  clear: left;
  margin: 15px 15px 0 15px;
  width: 980px;
}
.full p, .fullwide p {
  margin: 15px 15px 0 15px;
}
.left {
  float: left;
  margin: 15px 0 5px 15px;
  /*width: 355px;*/
  /*width: 48%;*/
  width: 46%;
  /*border: 1px dashed #ffff00; ** debug */
}
.left p {
  padding: 0 15px 0 0;
}
.right {
  float: right;
  margin: 15px 15px 5px 0;
  /*width: 355px;*/
  /*width: 48%;*/
  width: 46%;
  /*border: 1px dashed #ffff00; ** debug */
}
.right p {
  padding: 0 15px 0 0;
}

/* Footer */
#footer{
  position: relative;
  font-size: 0.9em;
  clear: both;
  width: 980px;
  line-height: 1.4em;
  color: #d0d0d0;
  font-weight: 400;
  margin-bottom: 10px;
}
#footer a {
  color: #b0b0b0;
  font-weight: 400;
  text-decoration: none;
  border-bottom: 1px dotted #818181;
}
#footer a:hover {
  color: #d0d0d0;
  text-decoration: none;
}

/* Various classes */

#reviewfeed {
  margin: 0;
  padding: 15px;
  background: transparent;
}
#bookreview_replacement {
  width: 700px;
  height: 120px;
  background: transparent;
}
#bookreview_replacement ul li {
  list-style-type: none;
  color: #ffca30;  /* 5-star gold */
  font-size: 1.3em;
  font-weight: bold;
  font-style: italic;
}
#bookreview_replacement ul li h4 {
  float: left;
  max-width: 550px;
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  line-height: 1.14em;
}
#bookreview_replacement ul li p {
  clear: both;
  text-indent: 3.0em;
}
#bookreview_replacement ul li div {
  float: right;
  width: 100%;
  margin-right: 3.0em;
  font-size: 0.9em !important;
  text-align: right;
}

.fivestars {
  float: left;
  width: 100px;
  height: 21px;
}


#newsfeed {
  margin: 0;
  padding: 15px;
  background: transparent;
}
#marquee_replacement {
  width: 700px;
  height: 120px;
  background: transparent;
}
#marquee_replacement ul li {
  list-style-type: none;
}
#marquee_accolades {
  width: 728px;
  height: 575px;
/*
  height: 450px;
*/
  margin: 35px 0 35px 15px;
  line-height: 1.1em;
  background: transparent;
  cursor: normal;
/*
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
*/
  /*border: 1px dashed #ffffff; ** debug */
}
#marquee_accolades:hover {
  cursor: pointer !important;
}
#marquee_accolades img {
  margin: 0 5px 0 0;
  border: 0;
}


.newsblock {
  overflow: hidden;
  clear: left;
  width: 730px;
  margin: 15px 15px 0 15px;
}
.newsblock .year,
.newsblock .month {
  color: #061f70 !important;;
}
.newsblock .day {
  color: #65247f !important;;
}
.newsblockitem {
  /*overflow: hidden;*/
  clear: left;
  /*width: 100%;*/
  margin: 0;
  color: #68504c;
  background-color: #c8b0ac;
  border: 2px solid #a8908c;
}
.newsblockitem a {
  color: #911a48 !important;
}
.newsblockitem a:hover {
  color: #401b4d !important;
}
.newsblockitem p {
  color: #68504c;
}
.newsblockitem h2 {
  color: #061f70 !important;;
}
.newsblockitem h3 {
  color: #65247f !important;;
}
.newsblockitem .subtitle {
  color: #061f70 !important;;
}


.eventblock {
  overflow: hidden;
  clear: left;
  width: 730px;
  margin: 15px 15px 0 15px;
  color: #68504c;
  background-color: #c8b0ac;
  border: 2px solid #a8908c;
}
.eventblock a {
  color: #911a48 !important;
}
.eventblock a:hover {
  color: #401b4d !important;
}
.eventblock p {
  color: #68504c;
}
.eventblock h2 {
  color: #061f70 !important;;
}
.eventblock h3 {
  color: #65247f !important;;
}
.eventblock .year,
.eventblock .month,
.eventblock .day {
  color: #061f70 !important;;
}
.eventblocktxt {
  overflow: hidden;
  clear: left;
  margin: 15px auto 15px auto;
  width: 690px;
  /*border: 1px dashed #00ffcc; ** debug */
}
.eventblocktxt p {
  margin: 0;
  padding: 0;
}
.eventblocktxt a {
  text-decoration: none;
  font-weight: 400;
}
.eventblocktxt a img {
  border: 0;
}
.eventblocktxt h1 {
  line-height: 1.0em;
}
.eventblocktxt h2 {
  line-height: 1.05em;
}
.eventblocktxt .border2 {
  border: 2px solid #a8908c;
}
.eventblockphotoleft {
  float: left;
  display: block;
  margin: 0 15px 15px 0;
  padding: 0;
  /*background-color: transparent;*/
  background-color: #c8b0ac;
}
.eventblockphotoright {
  float: right;
  display: block;
  margin: 0 0 15px 15px;
  padding: 0;
  /*background-color: transparent;*/
  background-color: #c8b0ac;
}


.centered {
  text-align: center;
}
.hide {
  display: none;
}
.clear {
  clear: both;
  width: 980px;
  visibility: hidden;
}

/* Handle MUSIC TIPS and ART TIPS as JQuery popover windows... */

/* Z-index of #mask must lower than #boxes .window */
#mask {
  display:none;
  position:absolute;
  z-index:9000 !important;
  background-color:#000000 !important;
}
#boxes .window {
  display: none;
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999 !important;
}
#boxes .window .header {
  width: 825px;
  padding:2px 15px 0 0;
  margin: 0;
  background-color: #6a5f7f;
}

#musictip {
  position: relative;
  width: 820px;
  padding: 0 15px 15px 15px;
  margin: 0;
  background: #6a5f7f;
  text-align: left;
}
#musictip img {
  margin: 5px 0;
}
#musictip h1 {
  margin: 0 0 12px 0;
  padding: 0 0 8px;
  color: #ffd900;
  font-size: 1.7em;
  font-weight: 400;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #a8908c;
  border-left: 0;
}
#musictip .content {
  position: relative;
  width: 100%;
  height: 464px;
  overflow-y: auto;
}
#musictip .nexttip {
  font-size: 1.2em;
  text-align: left;
  margin: 8px 0 8px 0;
}

/* Modal window */
#boxes [id^='musictiptip'] {   /* Modal window */
  width: 840px;
  height: 652px;
  margin: 0;
  padding: 0;

  color: #f0f0f0;
  background: #6a5f7f;

  border: 10px solid #a8908c;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;

  box-shadow: 4px 4px 4px #000000;
}


#arttip {
  position: relative;
  width: 820px;
  padding: 0 15px 15px 15px;
  margin: 0;
  background: #6a5f7f;
  text-align: left;
}
#arttip img {
  margin: 5px 0;
}
#arttip h1 {
  margin: 0 0 12px 0;
  padding: 0 0 8px;
  color: #ffd900;
  font-size: 1.7em;
  font-weight: 400;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #a8908c;
  border-left: 0;
}
#arttip .content {
  position: relative;
  width: 100%;
  height: 464px;
  overflow-y: auto;
}
#arttip .nexttip {
  font-size: 1.2em;
  text-align: left;
  margin: 8px 0 8px 0;
}

/* Modal window */
#boxes [id^='arttiptip'] {   /* Modal window */
  width: 840px;
  height: 652px;
  margin: 0;
  padding: 0;

  color: #f0f0f0;
  background: #6a5f7f;

  border: 10px solid #a8908c;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;

  box-shadow: 4px 4px 4px #000000;
}


.soundbite {
  position: relative;
  background: inherit;
  margin: 0 0 8px 0;
  padding: 6px 6px 0 0;
  text-align: left;

  background-color: #505050;
}
.soundbite .icon {
  padding: 6px;
  line-height: 0.9em;
}
.soundbite .border {
  font-size: 0.8em;
  border: 1px solid #a8908c;
  line-height: 0.9em;
}
.soundbite .player {
  line-height: 0.9em;
}
.soundbite .download {
  font-size: 0.8em;
  letter-spacing: -1px;
  line-height: 0.9em;
}


/* Palette color codes */

.lb1  { color: #e39ebd }
.lb1b { background-color: #e39ebd }
.lb2  { color: #9489a9 }
.lb2b { background-color: #9489a9 }
.lb2content  { color: #6a5f7f /* (mods) */ }
.lb2contentb { background-color: #6a5f7f /* (mods) */ }
.lb3  { color: #766e93 }
.lb3b { background-color: #766e93 }
.lb3bg      { color: #564e73 /* (minus 2 clicks) */ }
.lb3bgb     { background-color: #564e73 /* (minus 2 clicks) */ }
.lb4  { color: #c8b0ac }
.lb4b { background-color: #c8b0ac }
.lb4border  { color: #a8908c /* (minus 2 clicks) */ }
.lb4borderb { background-color: #a8908c /* (minus 2 clicks) */ }
.lb4event: { color: #68504c } /* (border minus 4 clicks) */
.lb5  { color: #d580bb }
.lb5b { background-color: #d580bb }

.primary-1  { color: #4013AF }
.primary-1b { background-color: #4013AF }
.primary-2  { color: #452B83 }
.primary-2b { background-color: #452B83 }
.primary-3  { color: #250672 }
.primary-3b { background-color: #250672 }
.primary-4  { color: #7147D7 }
.primary-4b { background-color: #7147D7 }
.primary-5  { color: #8C6DD7 }
.primary-5b { background-color: #8C6DD7 }

.secondary-a-1  { color: #7C07A9 }
.secondary-a-1b { background-color: #7C07A9 }
.secondary-a-2  { color: #65247F }
.secondary-a-2b { background-color: #65247F }
.secondary-a-3  { color: #50026E }
.secondary-a-3b { background-color: #50026E }
.secondary-a-4  { color: #A93CD4 }
.secondary-a-4b { background-color: #A93CD4 }
.secondary-a-5  { color: #B564D4 }
.secondary-a-5b { background-color: #B564D4 }

.secondary-b-1  { color: #1437AD }
.secondary-b-1b { background-color: #1437AD }
.secondary-b-2  { color: #2C4081 }
.secondary-b-2b { background-color: #2C4081 }
.secondary-b-3  { color: #061F70 }
.secondary-b-3b { background-color: #061F70 }
.secondary-b-4  { color: #4869D6 }
.secondary-b-4b { background-color: #4869D6 }
.secondary-b-5  { color: #6E86D6 }
.secondary-b-5b { background-color: #6E86D6 }

.complement-1  { color: #FFD900 }
.complement-1b { background-color: #FFD900 }
.complement-2  { color: #BFAA30 }
.complement-2b { background-color: #BFAA30 }
.complement-3  { color: #A68D00 }
.complement-3b { background-color: #A68D00 }
.complement-4  { color: #FFE240 }
.complement-4b { background-color: #FFE240 }
.complement-5  { color: #FFEA73 }
.complement-5b { background-color: #FFEA73 }

/* --- Special Text Colors --- */

.postdate      { color: #401b4d; /* dkpurple    */ }
.highlight     { color: #868dc0; /* Blue Light  */ }

.gold          { color: #d5374e; /* red1 was #ffd900 gold */ } 
.dkgold        { color: #b5172e; /* red3 red1 minus 2 clicks */ } 

.bluesidepanel { color: #424980; /* ...         */ } 
.bluefooter    { color: #1a2256; /* ...         */ } 
.bluedark      { color: #171c46; /* ...         */ } 
.bluebr        { color: #171c46; /* ...         */ } 
.bluelt        {
  color: #e590cb; /* lb5 +1 was 868dc0 bluelt */
  /*color: #d580bb; ** lb5 was 868dc0 bluelt */
  /*text-shadow: 2px 2px 3px #212121;*/
  /*text-shadow: 3px 2px 5px #000000;*/
  text-shadow: 2px 2px 3px #000000;
} 
.graylt        { color: #cccccc; /* ...         */ } 
.gray5         { color: #555555; /* ...         */ } 
.graydark      { color: #777777; /* ...         */ } 
.lime          { color: #2f4f18; /* green1 was #35fd43 lime */ } 
.orange        { color: orange;  /* was #ff4e00 */ }

/* --- added from older Andreas02 as required --- */

.photoleft {
  float: left;
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: transparent;
}

.photoright {
  float: right;
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: transparent;
}

.photoblock {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: transparent;
}

.photoblockleft {
  float: left;
  padding: 12px;
  display: block;
  margin: 0 auto auto auto;
  background-color: transparent;
}

.photoblockright {
  float: right;
  padding: 12px;
  display: block;
  margin: 0 auto auto auto;
  background-color: transparent;
}

.borderflash {
  border: 2px solid transparent;
  cursor: normal;
}

.borderflash:hover {
  border: 2px solid #ffffff;
  cursor: pointer;
}

.forms {
  background-color: transparent;
}
.forms #selAttentionOf {
  width: 270px;
  height: 26px;
  margin: 0;
  padding: 2px 0 0 4px;
  font-size: 0.9em;
}
.forms #txtFromName {
  width: 260px;
  height: 24px;
  margin: 0;
  padding: 0;
  font-size: 1.0em;
}
.forms #txtFrom {
  width: 260px;
  height: 24px;
  margin: 0;
  padding: 0;
  font-size: 1.0em;
}
.forms #txtBody {
  width: 542px;
  margin: 0;
  padding: 0;
  font-size: 1.32em;
}
.forms #sendEmail {
  width: 190px;
  height: 34px;
  margin: 0;
  padding: 2px;
  font-size: 1.0em;
}

.contrast1 {
  color: #68504c;
  background-color: #c8b0ac;
}
.contrast2 {
  color: #c8b0ac;
  background-color: #68504c;
}

.switchsize {
  cursor: pointer;
}
.switchsize:hover {
  cursor: hand;
}

/* fakeScroll */

.scrollWrap {
  position: relative;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

/* This is the div that IS the fake scroll bar */
.scrollContent {
  position: relative;
  right: -18px;
  width: 100%;
  height: 100%;
  padding: 0 32px 0 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
border:1px dashed #ffff00;
}

/* This is the slider */
.fakeScrollBar {
  position: absolute;
  right: -15px;
  top: 0;
  width: 9px;
  background: rgba(255,255,255,.5);
  border-radius: 4px;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  z-index: 0;
}

.fakeScroll:hover .fakeScrollBar.fakescroll-grabbed {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  background: #ffffff;
}

body.fakescroll-grabbed {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

/********************************
 * generic als elements styling
 ********************************/
.als-container {
  position: relative;
  width: 100%;
  margin: 0px auto;
}

.als-viewport {
  position: relative;
  overflow: hidden;
  margin: 0px auto;
}

.als-wrapper {
  position: relative;
  list-style: none;
}

.als-item {
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  float: left;
}

.als-prev, .als-next {
  position: absolute;
  cursor: pointer;
  clear: both;
}

/************************
 * specific als element
 * styling for #lista2
 ***********************/

#lista2 {
  margin-bottom: 80px;
}

#lista2 .als-item {
  margin: 10px 0px;
  min-height: 152px;
  min-width: 128px;
}

#lista2 .als-item img {
  position: relative;
  display: block;
  vertical-align: middle;
  margin-bottom: 8px;
}

#lista2 .als-prev, #lista2 .als-next {
  left: 460px;
  width: 22px;
  height: 15px;
}

#lista2 .als-prev {
  top: -25px;
}

#lista2 .als-next {
  bottom: -20px;
}

#lista2 .als-item {
  vertical-align: middle;
}

/* --- FINIS vt.css --- */