* {
  box-sizing:border-box;
}

body { color:#000000; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:calc(0.5rem + 1.2vw); background-color:#ffffff; }
a,p,tr,td,h1,h2 { color:#000000; }
p { line-height:1.8em; }
/* common concert agenda selector properties ON */
div.monthSelector { background-color:#e9ebea; padding-top: 1em; padding-bottom: 1em;}
.archive_highlights { text-align: center; }

p.caption {font-size:0.9em; margin-top:0.4em;}
a.caption { text-decoration:underline; padding:0.2em; margin-left:-0.2em; margin-right:0.2em; }
a.photo { padding:0em; }
p.title { font-size:1.2em; font-weight: bold;}
p.ref_info { padding:1em; background-color:#eeeeee; }

/* common anchor properties */
a { color:#000000; display:inline; padding:1em; font-size:1em; text-decoration:none; }
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#ffffff; background-color:#4f8f88; }
a:active {color:#4f8f88;}
a.content { text-decoration:underline; padding:0.2em; margin-left:-0.2em; margin-right:0.2em; }

div.twothird { text-align: center; width:66%; float:left; padding-top:1em; padding-bottom:1em; }
div.half { width:50%; float:left; }
div.onethird { text-align: center; width: 33%;  padding-top:1em; float:left; }

img.ruler {padding:0em; width:100%; height:0px;}
div.ruler { line-height:1px; display:block;}

/* concert agenda selector properties OFF */

/* ---------------------- */
/* Use a media query, mobile first max 600px: */
@media screen and (max-width:599px) {
	div.mwrapper {display:block; overflow:auto; }
	div.dwrapper {display: none; }
  /* desk (mobile) */
  div.desk_left { display: none; }
  div.desk { width:100%; background-color:#ffffff; padding:0em; margin-top:0em; overflow: auto; }
  div.desk_right { display: none; }

  /* mobile page title, menu / navigation */
  div.page_title { text-align: center; letter-spacing:0.2em;  }
  h1.page_title { font-size: 1.4em; padding-top: 0.5em; padding-bottom: 0em; }

  div.menu {width:100%; background-color:#e9ebea; text-align: center; width:100%; }
  a.menu { font-size: 1.2em;}
  a.menu:hover { color:#000000; background-color:#ffffff; }
  img.menu {width:1em; vertical-align:-0.25em; margin-left:0.25em; }

  div.nav {width:100%; text-align: center; padding-top:0.5em; padding-bottom:1em; }
  a.nav {display:block;}

  /* mobile content */
  div.content_title { width:100%; text-align: center; padding-top:1em; }
  h1.content_title { font-size:1.2em; text-transform:uppercase; }

  div.content_wrapper { width:100%; display:block; }
  div.content { width:100%; padding-left:0.3em; padding-right:0.3em;  }
  div.content_full { float:left; width:100%; padding-top:0em; padding-bottom:0em; padding-left:0.3em; padding-right:0.3em;  }

  /* mobile content properties continued */
  .tabbed { margin-left:0.5em; padding-top:0.5em; padding-bottom:0.5em;  }
  .underlined { border-bottom-style:solid; border-bottom-width:1px; padding-top:0.5em; padding-bottom:0.5em;  }
  p.content { padding-top:0.5em; padding-bottom:0.5em; }

 /* mobile footer */
  div.footer { width:100%; padding-top:1.5em; text-align:center; }
  p.footer { font-size:0.9em; }
  a.footer { padding:0.8em; }
  img.social { height:1.6em; vertical-align:-0.2em; }

}/* mobile css off */




/* ---------------------- */
/* ipad, landscape highres */
@media screen and (min-width:600px) and (max-width:6000px) {

@media screen and (min-width:600px) and (max-width:1199px) {
/* --------------------------------------- */
/* --------------------------------------- */
/* base font size, desk width and padding  */
/* set these to fit different resolutions  */
body { font-size:calc(0.45rem + 0.45vw); background-color:#9f9f9f; }
/* desk (desktop) */
div.desk_left {float:left;width:3%; }
div.desk {float:left;display:block;margin:auto;width:94%;background-color:#ffffff;}
div.desk_right {float:left;width:3%; }
/* --------------------------------------- */
/* --------------------------------------- */
}

@media screen and (min-width:1200px) and (max-width:6000px) {
/* --------------------------------------- */
/* --------------------------------------- */
/* base font size, desk width and padding  */
/* set these to fit different resolutions  */
body { font-size:calc(0.39rem + 0.39vw); background-color:#9f9f9f; }
/* desk (desktop) */
div.desk_left {float:left;width:25%; }
div.desk {float:left;display:block;margin:auto;width:50%;background-color:#ffffff;}
div.desk_right {float:left;width:25%; }
/* --------------------------------------- */
/* --------------------------------------- */
}

div.mwrapper {display: none; }
div.dwrapper {display: block; overflow:auto; padding:0em; }

/* larger screens page title, menu / navigation */
div.page_title { text-align: center; letter-spacing:0.2em;  }
h1.page_title { font-size: 1.4em; padding-bottom: 0.5em; padding-top:0.5em; }

div.menu {width:100%;  background-color:#e9ebea; text-align: center; width:100%;  }
a.menu { font-size: 1.2em;}
a.menu:hover { color:#000000; background-color:#e9ebea; }
img.menu {width:1em; vertical-align:-0.25em; margin-left:0.25em; }

div.nav {width:100%; text-align: center; padding-bottom:1.5em; }
a.nav {display:inline;}

/* desktop content */
div.content_title { text-align: center; width=100%;  }

h1.content_title { margin-top:0em; font-size:1.2em; text-transform:uppercase; }
div.content_wrapper { width:100%; }
div.content { width:50%; padding:1.5em; float:left; }
div.content_full { float:left; width:100%; padding:1.5em; }

/* desktop content properties continued */
.tabbed { margin-left:0.5em; padding-top:0.5em; padding-bottom:0.5em;  }
.underlined { border-bottom-style:solid; border-bottom-width:1px; padding-top:0.5em; padding-bottom:0.5em;  }
p.content { padding-bottom:1em; }

/* mobile footer */
div.footer { width:100%; padding-top:1.5em; text-align:center; }
p.footer { font-size:0.9em; }
a.footer { padding:0.7em; }
img.social { height:1.4em; vertical-align:-0.2em; }


/* ipad, landscape properties end*/
}