@charset "utf-8";
/* CSS Document */

/* --------- FONTS --------- */
@font-face {font-family: a990810_font;
	src: url('fonts/a990810.eot'); /* for IE6 and before */
    src: url('fonts/a990810.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/a990810.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/a990810.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/a990810.svg') format('svg'); /* for iOS */}
@font-face {font-family: morningtype_font;
	src: url('fonts/Morningtype-Bold.eot'); /* for IE6 and before */
    src: url('fonts/Morningtype-Bold.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/Morningtype-Bold.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/Morningtype-Bold.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/Morningtype-Bold.svg') format('svg'); /* for iOS */}
@font-face {font-family: narrowsans_font;
	src: url('fonts/LeagueGothic-CondensedRegular.eot'); /* for IE6 and before */
    src: url('fonts/LeagueGothic-CondensedRegular.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/LeagueGothic-CondensedRegular.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/LeagueGothic-CondensedRegular.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/LeagueGothic-CondensedRegular.svg') format('svg'); /* for iOS */}
@font-face {font-family: regsans_font;
	src: url('fonts/LeagueGothic-Regular.eot'); /* for IE6 and before */
    src: url('fonts/LeagueGothic-Regular.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/LeagueGothic-Regular.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/LeagueGothic-Regular.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/LeagueGothic-Regular.svg') format('svg'); /* for iOS */}
@font-face {font-family: arialalike_font;
	src: url('fonts/TeXGyreHeros-Regular.eot'); /* for IE6 and before */
    src: url('fonts/TeXGyreHeros-Regular.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/TeXGyreHeros-Regular.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/TeXGyreHeros-Regular.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/TeXGyreHeros-Regular.svg') format('svg'); /* for iOS */}
@font-face {font-family: futurathick_font;
	src: url('fonts/FuturaBT-ExtraBlack.eot'); /* for IE6 and before */
    src: url('fonts/FuturaBT-ExtraBlack.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/FuturaBT-ExtraBlack.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/FuturaBT-ExtraBlack.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/FuturaBT-ExtraBlack.svg') format('svg'); /* for iOS */}
@font-face {font-family: futuramedium_font;
	src: url('fonts/FuturaBT-Medium.eot'); /* for IE6 and before */
    src: url('fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/FuturaBT-Medium.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/FuturaBT-Medium.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/FuturaBT-Medium.svg') format('svg'); /* for iOS */}
@font-face {font-family: coolvetica_font;
	src: url('fonts/CoolveticaRg-Regular.eot'); /* for IE6 and before */
    src: url('fonts/CoolveticaRg-Regular.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/CoolveticaRg-Regular.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/CoolveticaRg-Regular.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/CoolveticaRg-Regular.svg') format('svg'); /* for iOS */}


/* ------------------------- */
/* ---- COMMON ELEMENTS ---- */
/* ------------------------- */
body {background-attachment: fixed;}
  @media only screen and (max-width: 1024px) {body {background-attachment: scroll;} /* because iOS sucks with keeping up with turn of the century standards */}

div.heading {background-color: #000; padding: 10px; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 20px; color: #FFF; text-align: center;}
div.heading-opener {background-color: #000; padding: 10px; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 20px; color: #FFF; text-align: center; cursor:hand; cursor:pointer;}
div.heading-opener-title {width: 50%; margin-left: auto; margin-right: auto; text-align: left;}
  @media only screen and (max-width: 1024px) {div.heading-opener-title {width: 100%;}}

div.bar {width: 100%; height: 5px; background-color: #000;}

/* MODALS (site-wide settings, overrides bootstrap.min.css) */
.modal-header {display: block; padding:5px; border-bottom:0px solid #e5e5e5}
.modal-header .close {margin-top: 0px; font-size: 32px; text-shadow: 1px 1px 1px black; color: #FFF; opacity: 0.75;}
.close {margin-top: 0px; font-size: 32px; text-shadow: 1px 1px 1px black; color: #FFF; opacity: 0.75;}
.modal-btn {width: 64px; border: 0px;}
div.modal-item-pad {padding-left: 30px; padding-right: 30px; padding-bottom: 30px;}
@media only screen and (max-width: 1024px) {
.modal-dialog {margin: auto;}
.modal-header {display: block;}
.modal-header .close {font-size: 52px;}
.close {font-size: 52px;}
}

/* ERROR BOX */
div.errorbox {width: 60%; padding: 10px; margin-left: auto; margin-right: auto; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 32px; text-align:center; border-style: solid; border-width:thick; background-color:#C00; border-color:#000; color: #000;}
.nojava:after {content: "You don't have Javascript enabled. Good luck with that.";}

/* -------------------------- */
/* ----------INDEX----------- */
/* -------------------------- */
div.index-title {width: 100%; padding: 10px; margin-left:auto; margin-right:auto; text-align: center;
border-top-style: solid; border-top-width: 10px; border-top-color: #000;
border-bottom-style: solid; border-bottom-width: 10px; border-bottom-color: #000;
/* font-family: 'a990810_font', Arial Narrow, Gadget, sans-serif; font-size: 120px;*/
background: linear-gradient(45deg,
rgba(0, 115, 49, 1) 0%,
rgba(0, 82, 115, 1) 20%,
rgba(115, 82, 49, 1) 40%,
rgba(115, 115, 0, 1) 60%,
rgba(119, 51, 119, 1) 80%,
rgba(115, 82, 0, 1) 100%);
-webkit-animation: filter-animation 4s infinite; animation: filter-animation 4s infinite;
}
.index-title-img {width: 600px;}
  @media only screen and (max-width: 1024px) {
    div.index-title {/*font-size: 60px;*/ border-top-width: 5px; border-bottom-width: 5px; padding: 5px;}
    .index-title-img {width: 200px;}
  }

/* I. MENU style and format */
div.index-menu-wrapper {width: 900px; margin-left:auto; margin-right:auto;}
div.index-menu-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5px;}
div.index-menu-sect {width: 100%; padding: 4px; border-style: solid; border-width: 6px; border-radius: 35px;}
div.index-menu-sect-innerborder {padding: 10px; border-style: solid; border-width: 6px; border-radius: 25px;}
div.index-menu-secticon {width: 100%; text-align: center;}
.index-menu-secticon-img {width: 110px;}
div.index-menu-sectname {font-size: 40px; text-align: center; font-family: 'a990810_font', Arial Narrow, Gadget, sans-serif;}
div.index-menu-sectdesc {font-size: 16px; text-align: center; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-weight: bold; text-transform: uppercase;}
  @media only screen and (max-width: 1024px) {
    div.index-menu-wrapper {width: 95%;}
    div.index-menu-grid {margin-left: auto; margin-right:auto; width: 360px; grid-template-columns: repeat(2, 1fr);}
    div.index-menu-sect {border-width: 2px; border-radius: 17px; padding: 2px;}
    div.index-menu-sect-innerborder {border-width: 2px; border-radius: 12px; padding: 5px;}
    .index-menu-secticon-img {width:75px;}
    div.index-menu-sectname {font-size: 24px;}
    div.index-menu-sectdesc {font-size: 12px;}
  }

.index-menu-stage {background-color:#28FFBB; color:#007733;}
.index-menu-wax {background-color:#44DEFF; color:#005677;}
.index-menu-vid {background-color:#FFD1BB; color:#775033;}
.index-menu-page {background-color:#F0F58D; color:#707005;}
.index-menu-talk {background-color:#FFBBFF; color:#773377;}
.index-menu-arcade {background-color:#FFDB3E; color:#775306;}

div.index-updates {width:40%; margin-left:auto; margin-right:auto; background-color:#CCCCEE; padding: 10px; border: 5px solid #224; border-radius: 25px; text-align: left; font-family:'futuramedium_font', Arial, Gadget, sans-serif; font-size: 18px; color: #224; font-weight: bold; line-height: 1.2;}
.index-updates-entries {font-size: 14px;}
  @media only screen and (max-width: 1024px) {
    div.index-updates {width: 80%;}
    div.index-updates-entries {font-size: 12px;}
  }

/* II. SOCIAL MEDIA block */
div.index-soc {width: 600px; margin-left:auto; margin-right:auto; text-align: center; background-color: #333; border: none; border-radius: 25px; padding: 15px;}
.index-soc-img {width: 48px; border: 0;}
  @media only screen and (max-width: 1024px) {
    div.index-soc {width: 320px;}
    .index-soc-img {width:48px;}
  }

div.index-secret-switch {width: 250px; height: 100px; background-color: #000; opacity: 0.0; margin-left:auto; margin-right:auto;}
div.index-secret {display:none; width: 600px; margin-left:auto; margin-right:auto; text-align: center; background-color: #33B; border: none; border-radius: 25px; padding: 15px;}
.index-secret-img {width:80px; border: 0;}
  @media only screen and (max-width: 1024px) {
    div.index-secret {width: 320px;}
    .index-secret-img {width:48px;}
  }

/* ------------------------- */
/* ------- MAIN MENU ------- */
/* ------------------------- */
div.mainmenu-wrapper {display: table; width: 1000px; margin-left:auto; margin-right:auto;}
div.mainmenu-topbar {display:table; width: 100%;}
div.mainmenu-row {display:table-row;}
div.mainmenu-name {display:table-cell; font-family: 'a990810_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 89px; padding: 5px; padding-left:30px; width: 60%; background-color:#000; vertical-align:middle; text-align:left;} /* left half (Jak Locke title) */
div.mainmenu-sectbanner {display:table-cell; padding: 5px; padding-right: 20px; width: 40%; background-color:#FFF; vertical-align:middle;} /* right half (section name and icon) */
div.mainmenu-secticon {display:table-cell; padding-right: 10px; width: 110px;}
.mainmenu-secticon-img {width: 100%;}
div.mainmenu-sectname {display:table-cell; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 40px; vertical-align: middle;}
  @media only screen and (max-width: 1024px) {
    div.mainmenu-wrapper {width: 100%;}
    div.mainmenu-name {font-size: 40px; padding: 0px; padding-left: 0px; text-align: center;}
    div.mainmenu-secticon {width: 55px;}
    div.mainmenu-sectname {font-size: 20px;}
  }

div.mainmenu-grid {display: grid; grid-template-columns: repeat(6, 1fr);}
div.mainmenu-grid-item {height: 90px; padding-top: 10px; padding-bottom: 0px; text-align:center; font-family: 'a990810_font', Arial Narrow, Gadget, sans-serif; font-size: 26px;}
div.mainmenu-grid-desc {font-family: Arial, Gadget, sans-serif; font-size: 11px; padding-top: 0px; font-variant: small-caps;}
.mainmenu-link {text-decoration: none;} /*possibly outmoded*/
  @media only screen and (max-width: 1024px) {
    div.mainmenu-grid {grid-template-columns: repeat(3, 1fr);}
    div.mainmenu-grid-item {height: 75px; padding-top: 10px; font-size: 24px;}
    div.mainmenu-grid-desc {line-height: 1.0;}
  }

.mainmenu-stage {background-color:#28FFBB; color:#007733;}
/*.mainmenu-stage:before {content: "StAge";}*/
.mainmenu-stage:before {content: "StAge";}
.mainmenu-stage-desc:before {content: "Live Shows\A Act Info / Merch"; white-space:pre;}
.mainmenu-wax {background-color:#44DEFF; color:#005677;}
.mainmenu-wax:before {content: "Music";}
.mainmenu-wax-desc:before {content: "Releases / MP3s\A Session Work"; white-space:pre;}
.mainmenu-vid {background-color:#FFD1BB; color:#775033;}
.mainmenu-vid:before {content: "Videos";}
.mainmenu-vid-desc:before {content: "Movies / Music Videos\A Shorts / Prod. Work"; white-space:pre;}
.mainmenu-page {background-color:#F0F58D; color:#707005;}
.mainmenu-page:before {content: "PAge";}
.mainmenu-page-desc:before {content: "Stories / Comics\A Critiques / Websites"; white-space:pre;}
.mainmenu-talk {background-color:#FFBBFF; color:#773377;}
.mainmenu-talk:before {content: "TAlk";}
.mainmenu-talk-desc:before {content: "Podcasts / Radio\A Press Coverage"; white-space:pre;}
.mainmenu-arcade {background-color:#FFDB3E; color:#775306;}
.mainmenu-arcade:before {content: "ArcAde";}
.mainmenu-arcade-desc:before {content: "Games / Demos\A Playthrus / Streams"; white-space:pre;}

/* -------------------------- */
/* ----------ARCADE---------- */
/* -------------------------- */

/* I. LIST */
div.arcade-list {width: 50%; margin-left: auto; margin-right: auto;}
  @media only screen and (max-width: 1024px) {div.arcade-list {width: 100%;}}
div.arcade-list-cell {padding: 10px; background-color: #DFF; overflow: hidden;}
div.arcade-list-art {width: 125px; text-align: center; float: left;}
.arcade-list-art-img {width: 90%; border: 0px;}

div.arcade-list-info {line-height: 1.2;}
.arcade-list-project {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: bold; /*text-transform: uppercase;*/}
.arcade-list-title {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 17px; color: #000; font-weight: bold;}
.arcade-list-genre {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal; text-transform: lowercase;}
.arcade-list-desc {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: normal;}
.arcade-list-date {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal;}
.arcade-list-time {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;}
.arcade-list-play {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;} /* non-javascript only */
  @media only screen and (max-width: 1024px) {
.arcade-list-project {font-size: 14px;}
.arcade-list-title {font-size: 15px;}
.arcade-list-genre {font-size: 11px;}
.arcade-list-desc {font-size: 15px;}
.arcade-list-date {font-size: 11px;}
.arcade-list-time {font-size: 12px;}
.arcade-list-read {font-size: 12px;} /* non-javascript only */
}

/* II. UNIQUE MODAL GAME custom formatting and overrides */
div.arcade-modal-game-window {width: 65%;}
  @media only screen and (max-width: 1024px) {div.arcade-modal-game-window {width: 90%;}}
div.arcade-modal-game-header {display: block; width:100%; text-align:left; font-family: 'futuramedium_font', Arial Narrow, sans-serif; font-size: 18px; color:#FFF; background-color:#000;}
div.arcade-modal-game-item {width: 100%; background-color: #EEE; display: flex; align-items: stretch; padding: 10px;}
  @media only screen and (max-width: 1024px) {div.arcade-modal-game-item {display: block; align-items: normal;}}

/* IIa. UNIQUE MODAL GAME information formatting */
div.arcade-modal-game-art {width: 45%; float:left; text-align: center;}
.arcade-modal-game-art-img {width: 90%; border: 0px;}
div.arcade-modal-game-info {width: 55%; float:right;}
  @media only screen and (max-width: 1024px) {
    div.arcade-modal-game-art {width: 100%; float:none; text-align: center;}
    .arcade-modal-game-art-img {width: 290px;}
    div.arcade-modal-game-info {width: 100%; float:none;}
  }
div.arcade-modal-game-category {display: block; width:100%; text-align:center; font-family: 'futuramedium_font', Arial Narrow, sans-serif; font-size: 18px; color:#FFF; background-color:#000;}
.arcade-modal-game-title {font-family: 'regsans_font', Arial Narrow, Gadget, sans-serif; font-size: 42px; line-height: 1.0;}
.arcade-modal-game-genre {font-family: 'regsans_font', Arial Narrow, Gadget, sans-serif; font-size: 26px; line-height: 1.0; text-transform: uppercase;}
  @media only screen and (max-width: 1024px) {
    .arcade-modal-game-title {line-height: normal;}
    .arcade-modal-game-genre {line-height: normal;}
  }
div.arcade-modal-game-bar {width: 95%; height: 25px;}
.arcade-modal-game-desc {font-family: "Arial", Gadget, sans-serif; font-size: 20px; font-weight: normal; color:#000;}
div.arcade-modal-game-instructions {text-align: center; font-family: "Arial", Gadget, sans-serif; font-size: 14px; font-weight: bold; color:#000;}
div.arcade-modal-game-specs {text-align: center; font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 16px; font-weight: normal; color:#000; text-transform:uppercase;}
.arcade-modal-game-specs a:link, .arcade-modal-game-specs a:visited, .arcade-modal-game-specs a:hover {color: #00F; text-decoration:none; font-weight: bold;}
div.arcade-modal-game-controls {text-align: center; font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 16px; font-weight: normal; color:#000;}

div.arcade-modal-game-playbtn-housing {width: 100%; padding: 5px; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; text-align: center; text-decoration: none;}
.arcade-modal-game-playbtn {background-color: #070; width: 85%; height: 100%; border: none; color: white; padding: 2px 4px; border-radius: 10px; box-shadow: 0 5px #111; font-size: 30px; font-weight:bold;}
.arcade-modal-game-playbtn:active {background-color: #050; box-shadow: 0 2px #000; transform: translateY(4px);} /* style when pressed down */
  @media only screen and (max-width: 1024px) {.arcade-modal-game-playbtn {width: 95%;}}

div.arcade-modal-game-releaseinfo {text-align: right; vertical-align:bottom;}
.arcade-modal-game-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color:#000;}
.arcade-modal-game-proglang {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 12px; color:#000;}

/* III. UNIQUE MODAL PLAYTHRU custom formatting and overrides */
div.arcade-modal-playthru-window {width: 65%;}
div.arcade-modal-playthru-item {width: 100%; background-color: #777; display: flex; align-items: stretch;}
  @media only screen and (max-width: 1024px) {
    div.arcade-modal-playthru-window {width: 90%;}
    div.arcade-modal-playthru-item {display: block; align-items: normal;}
  }

/* IIIa. UNIQUE MODAL PLAYTHRU information formatting */
div.arcade-modal-playthru-art {width: 45%; float:left;}
.arcade-modal-playthru-art-img {width: 90%; border: 0px;}
div.arcade-modal-playthru-info {width: 55%; float:right;}
  @media only screen and (max-width: 1024px) {
    div.arcade-modal-playthru-art {width: 100%; float:none; text-align: center;}
    .arcade-modal-playthru-art-img {width: 290px;}
    div.arcade-modal-playthru-info {width: 100%; float:none;}
  }
.arcade-modal-playthru-category {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; color: #FFF;}
.arcade-modal-playthru-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 26px; color: #FFF;}
.arcade-modal-playthru-subtext {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color: #FFF; text-transform:uppercase;}
.arcade-modal-playthru-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 16px; color: #FFF;}
.arcade-modal-playthru-runtime {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color: #FFF;}
.arcade-modal-playthru-desc {font-family: "Arial", Gadget, sans-serif; font-size: 20px; color: #FFF; font-weight: normal;}
.arcade-modal-playthru-notes {font-family: "Arial", Gadget, sans-serif; font-size: 14px; color: #FFF; font-weight: normal;}
.arcade-modal-playthru-notes a:link, .arcade-modal-playthru-notes a:visited, .arcade-modal-playthru-notes a:hover {color: #FFF; text-decoration:underline;}
.arcade-modal-playthru-view {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; font-weight: bold; color: #FFF;}
.arcade-modal-playthru-view a:link, .arcade-modal-playthru-view a:visited, .arcade-modal-playthru-view a:hover {color: #FFF; text-decoration:none;}
.arcade-modal-playthru-commentary {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; font-weight: bold; color: #FFF;}


/* IV. UNIQUE MODAL STREAM formatting */
div.arcade-modal-stream-window {width: 60%;}
  @media only screen and (max-width: 1024px) {div.arcade-modal-stream-window {width: 90%;}}
div.arcade-modal-stream-header {} /* only format header if there's a series, more than one video */
div.arcade-modal-streamseries-header {display: block; width:100%; text-align:left; background-color:#000; padding: 15px;}
div.arcade-modal-stream-item {width: 100%; background-color: #777; padding: 30px; display: flex; align-items: stretch;}
  @media only screen and (max-width: 1024px) {div.arcade-modal-stream-item {display: block; align-items: normal;}}

div.arcade-modal-stream-art {width: 30%; float:left;}
.arcade-modal-stream-art-img {width: 90%; border: 0px;}
div.arcade-modal-stream-info {width: 70%; float:right;}
  @media only screen and (max-width: 1024px) {
    div.arcade-modal-stream-art {width: 100%; float:none; text-align: center;}
    .arcade-modal-stream-art-img {width: 290px;}
    div.arcade-modal-stream-info {width: 100%; float:none;}
  }

.arcade-modal-stream-headercategory {font-family: 'futuramedium_font', Arial Narrow, sans-serif; font-size: 18px; color:#FFF; text-transform: uppercase;}
.arcade-modal-stream-headertitle {font-family: 'futuramedium_font', Arial Narrow, sans-serif; font-size: 20px; color:#FFF; text-transform: uppercase;}
.arcade-modal-stream-headerdate {font-family: 'futuramedium_font', Arial Narrow, sans-serif; font-size: 14px; color:#FFF; text-transform: uppercase;}

.arcade-modal-stream-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 20px; color: #FFF;}
.arcade-modal-stream-subtext {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 16px; color: #FFF;}
.arcade-modal-stream-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 12px; color: #FFF;}
.arcade-modal-stream-cast {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 12px; color: #FFF;}
.arcade-modal-stream-runtime {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 12px; color: #FFF;}
.arcade-modal-stream-desc {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; color: #FFF;}
.arcade-modal-stream-notes {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color: #FFF;}
.arcade-modal-stream-notes a:link, .arcade-modal-stream-notes a:visited, .arcade-modal-stream-notes a:hover {color: #FFF; text-decoration:underline;}
.arcade-modal-stream-view {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; font-weight: bold; color: #FFF;}
.arcade-modal-stream-view a:link, .arcade-modal-stream-view a:visited, .arcade-modal-stream-view a:hover {color: #FFF; text-decoration:none;}

/* -------------------------- */
/* -----------TALK----------- */
/* -------------------------- */

/* I. LIST */
div.talk-list {width: 50%; margin-left: auto; margin-right: auto;}
  @media only screen and (max-width: 1024px) {div.talk-list {width: 100%;}}
div.talk-list-cell {padding: 10px; background-color: #DFF; overflow: hidden;}
div.talk-list-art {width: 125px; text-align: center; float: left;}
.talk-list-art-img {width: 90%; border: 0px;}

div.talk-list-info {line-height: 1.2;}
.talk-list-project {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: bold; /*text-transform: uppercase;*/}
.talk-list-title {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 17px; color: #000; font-weight: bold;}
.talk-list-genre {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal; text-transform: lowercase;}
.talk-list-desc {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: normal;}
.talk-list-date {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal;}
.talk-list-time {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;}
.talk-list-listen {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;} /* non-javascript only */
  @media only screen and (max-width: 1024px) {
.talk-list-project {font-size: 14px;}
.talk-list-title {font-size: 15px;}
.talk-list-genre {font-size: 11px;}
.talk-list-desc {font-size: 15px;}
.talk-list-date {font-size: 11px;}
.talk-list-time {font-size: 12px;}
.talk-list-listen {font-size: 12px;} /* non-javascript only */
}

div.talk-press-box {padding: 10px; background-color: #DFF;}
.talk-press-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 20px; color: #000;}
.talk-press-title a:link, .talk-press-title a:visited, .talk-press-title a:hover {color: #000; text-decoration:none;}
.talk-press-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 12px; color: #000;}
.talk-press-pub {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color: #000;}

/* II. MODAL custom formatting and overrides */
div.talk-modal-window {width: 65%;}
  @media only screen and (max-width: 1024px) {div.talk-modal-window {width: 90%;}}
div.talk-modal-header {}
div.talk-modal-item {width: 100%; background-color: #777; display: flex; align-items: stretch;}
  @media only screen and (max-width: 1024px) {div.talk-modal-item {display: block; align-items: normal;}}

/* IIa. MODAL information formatting */
div.talk-modal-art {width: 45%; float:left;}
.talk-modal-art-img {width: 90%; border: 0px;}
div.talk-modal-info {width: 55%; float:right;}
  @media only screen and (max-width: 1024px) {
    div.talk-modal-art {width: 100%; float:none; text-align: center;}
    .talk-modal-art-img {width: 290px;}
    div.talk-modal-info {width: 100%; float:none;}
  }
.talk-modal-category {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; color: #FFF;}
.talk-modal-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 26px; color: #FFF;}
.talk-modal-pub {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 24px; color: #FFF; text-transform: uppercase;}
.talk-modal-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 16px; color: #FFF;}
.talk-modal-runtime {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 16px; color: #FFF;}
.talk-modal-desc {font-family: "Arial", Gadget, sans-serif; font-size: 20px; color: #FFF; font-weight: normal;}
.talk-modal-desc a:link, .talk-modal-desc a:visited, .talk-modal-desc a:hover {color: #FFF; text-decoration:underline;}
.talk-modal-notes {font-family: "Arial", Gadget, sans-serif; font-size: 14px; color: #FFF; font-weight: normal;}
.talk-modal-notes a:link, .talk-modal-notes a:visited, .talk-modal-notes a:hover {color: #FFF; text-decoration:underline;}
.talk-modal-view {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; font-weight: bold; color: #FFF;}
.talk-modal-view a:link, .talk-modal-view a:visited, .talk-modal-view a:hover {color: #FFF; text-decoration:none;}

/* -------------------------- */
/* -----------PAGE----------- */
/* -------------------------- */

/* I. LIST */
div.page-list {width: 50%; margin-left: auto; margin-right: auto;}
  @media only screen and (max-width: 1024px) {div.page-list {width: 100%;}}
div.page-list-cell {padding: 10px; background-color: #DFF; overflow: hidden;}
div.page-list-art {width: 225px; text-align: center; float: left;}
@media only screen and (max-width: 1024px) {div.page-list-art {width: 125px;}}
.page-list-art-img {width: 90%; border: 0px;}

div.page-list-info {line-height: 1.2;}
.page-list-project {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: bold; /*text-transform: uppercase;*/}
.page-list-title {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 17px; color: #000; font-weight: bold;}
.page-list-genre {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal; text-transform: lowercase;}
.page-list-desc {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: normal;}
.page-list-date {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal;}
.page-list-time {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;}
.page-list-read {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;} /* non-javascript only */
  @media only screen and (max-width: 1024px) {
.page-list-project {font-size: 14px;}
.page-list-title {font-size: 15px;}
.page-list-genre {font-size: 11px;}
.page-list-desc {font-size: 15px;}
.page-list-date {font-size: 11px;}
.page-list-time {font-size: 12px;}
.page-list-read {font-size: 12px;} /* non-javascript only */
}

/* II. MODAL custom formatting and overrides */
div.page-modal-window {width: 65%;}
div.page-modal-header {}
div.page-modal-item {width: 100%; background-color: #777; display: flex; align-items: stretch;}

/* IIa. MODAL information formatting */
div.page-modal-art {width: 45%; float:left;}
.page-modal-art-img {width: 90%; border: 0px;}
div.page-modal-info {width: 55%; float:right;}
.page-modal-category {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; color: #FFF;}
.page-modal-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 26px; color: #FFF;}
.page-modal-genre {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color: #FFF; text-transform: uppercase;}
.page-modal-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 16px; color: #FFF;}
.page-modal-desc {font-family: "Arial", Gadget, sans-serif; font-size: 20px; color: #FFF; font-weight: normal;}
.page-modal-notes {font-family: "Arial", Gadget, sans-serif; font-size: 14px; color: #FFF; font-weight: normal;}
.page-modal-notes a:link, .page-modal-notes a:visited, .page-modal-notes a:hover {color: #FFF; text-decoration:underline;}
.page-modal-read {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; font-weight: bold; color: #FFF;}
.page-modal-read a:link, .page-modal-read a:visited, .page-modal-read a:hover {color: #FFF; text-decoration:none;}
  @media only screen and (max-width: 1024px) {
    div.page-modal-window {width: 90%;}
    div.page-modal-item {display: block; align-items: normal;}
    div.page-modal-art {width: 100%; float:none; text-align: center;}
    .page-modal-art-img {width: 290px;}
    div.page-modal-info {width: 100%; float:none;}
  }

/* IV. UNIQUE MODAL PRODUCTION formatting */
div.page-modal-prod-window {width: 60%;}
  @media only screen and (max-width: 1024px) {div.page-modal-prod-window {width: 90%;}}
div.page-modal-prod-header {display: block; width:100%; text-align:left; background-color:#000; padding: 15px;}
div.page-modal-prod-item {width: 100%; background-color: #777; padding: 30px; display: flex; align-items: stretch;}
  }
  @media only screen and (max-width: 1024px) {
    div.page-modal-prod-item {display: block; align-items: normal;}
	div.page-modal-prod-art {width: 100%; float:none; text-align: center;}
    .page-modal-prod-art-img {width: 290px;}
    div.page-modal-prod-info {width: 100%; float:none;}
  }
div.page-modal-prod-art {width: 30%; float:left;}
.page-modal-prod-art-img {width: 90%; border: 0px;}
div.page-modal-prod-info {width: 70%; float:right;}

.page-modal-prod-headertitle {font-family: 'futuramedium_font', Arial Narrow, sans-serif; font-size: 20px; color:#FFF; text-transform: uppercase;}
.page-modal-prod-headerdesc {font-family: 'futuramedium_font', Arial Narrow, sans-serif; font-size: 14px; color:#FFF; text-transform: uppercase;}

.page-modal-prod-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 20px; color: #FFF;}
.page-modal-prod-func {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 12px; color: #FFF;}
.page-modal-prod-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 12px; color: #FFF;}
.page-modal-prod-view {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; font-weight: bold; color: #FFF;}
.page-modal-prod-view a:link, .page-modal-prod-view a:visited, .page-modal-prod-view a:hover {color: #FFF; text-decoration:none;}

/* -------------------------- */
/* -----------WAX------------ */
/* -------------------------- */

/* I. LIST */
div.wax-list {width: 50%; margin-left: auto; margin-right: auto;}
  @media only screen and (max-width: 1024px) {div.wax-list {width: 100%;}}
div.wax-list-cell {padding: 10px; background-color: #DFF; overflow: hidden;}
div.wax-list-art {width: 225px; text-align: center; float: left;}
  @media only screen and (max-width: 1024px) {div.wax-list-art {width: 125px;}}
.wax-list-art-img {width: 90%; border: 0px;}

div.wax-list-info {line-height: 1.2;}
.wax-list-project {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: bold;}
.wax-list-title {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 17px; color: #000; font-weight: bold;}
.wax-list-genre {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal; text-transform: lowercase;}
.wax-list-desc {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 17px; color: #000; font-weight: normal;}
.wax-list-date {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal;}
.wax-list-time {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;}
.wax-list-listen {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;} /* non-javascript only */
  @media only screen and (max-width: 1024px) {
.wax-list-project {font-size: 14px;}
.wax-list-title {font-size: 15px;}
.wax-list-genre {font-size: 11px;}
.wax-list-desc {font-size: 15px;}
.wax-list-date {font-size: 11px;}
.wax-list-time {font-size: 12px;}
.wax-list-listen {font-size: 12px;} /* non-javascript only */
}

div.wax-siteonly-box {padding: 10px; background-color: #DFF;}
.wax-siteonly-play {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 48px; color: #000;}
.wax-siteonly-play a:link, .wax-siteonly-play a:visited, .wax-siteonly-play a:hover {color: #000; text-decoration:none;}
.wax-siteonly-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 20px; color: #000;}
.wax-siteonly-title a:link, .wax-siteonly-title a:visited, .wax-siteonly-title a:hover {color: #000; text-decoration:none;}
.wax-siteonly-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 12px; color: #000;}
.wax-siteonly-details {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color: #000;}

/* II. MODAL custom formatting and overrides */
div.wax-modal-window {width: 75%;}
  @media only screen and (max-width: 1024px) {div.wax-modal-window {width: 90%;}}
div.wax-modal-header {}
div.wax-modal-item {width: 100%; background-color: #777; display: flex; align-items: stretch;}
  @media only screen and (max-width: 1024px) {div.wax-modal-item {display: block; align-items: normal;}}

/* IIa. MODAL information formatting */
div.wax-modal-art {width: 45%; float:left;}
.wax-modal-art-img {width: 90%; border: 0px;}
div.wax-modal-info {width: 55%; float:right;}
  @media only screen and (max-width: 1024px) {
    div.wax-modal-art {width: 100%; float:none; text-align: center;}
    .wax-modal-art-img {width: 290px;}
    div.wax-modal-info {width: 100%; float:none;}
  }
.wax-modal-project {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 24px; color: #FFF; text-transform: uppercase;}
.wax-modal-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 34px; color: #FFF; text-transform: uppercase;}
.wax-modal-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; font-style: italic; color: #FFF;}
.wax-modal-genre {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; font-style: italic; color: #FFF; text-transform: lowercase;}
.wax-modal-runtime {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; font-style: italic; color: #FFF;}
.wax-modal-songtitles {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 20px; color: #FFF; text-transform: uppercase;}
.wax-modal-songtitles a:link, .wax-modal-songtitles a:visited, .wax-modal-songtitles a:hover {color: #FFF; text-decoration:none;}
.wax-modal-desc {font-family: "Arial", Gadget, sans-serif; font-size: 22px; color: #FFF; font-weight: normal;}
.wax-modal-linernotes {font-family: "Arial", Gadget, sans-serif; font-size: 16px; color: #FFF; font-weight: normal;}
.wax-modal-linernotes a:link, .wax-modal-linernotes a:visited, .wax-modal-linernotes a:hover {color: #FFF; text-decoration:none;}
.wax-modal-listen {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF;}
.wax-modal-with {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 26px; color: #FFF;}

/* -------------------------- */
/* ----------VIDEO----------- */
/* -------------------------- */

/* I. LIST */
div.vid-list {width: 50%; margin-left: auto; margin-right: auto;}
  @media only screen and (max-width: 1024px) {div.vid-list {width: 100%;}}
div.vid-list-cell {padding: 10px; background-color: #DFF; overflow: hidden;}
div.vid-list-art {width: 225px; text-align: center; float: left;}
  @media only screen and (max-width: 1024px) {div.vid-list-art {width: 125px;}}
.vid-list-art-img {width: 90%; border: 0px;}

div.vid-list-info {line-height: 1.2;}
.vid-list-project {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: bold; /*text-transform: uppercase;*/}
.vid-list-title {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 17px; color: #000; font-weight: bold;}
.vid-list-genre {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal; text-transform: lowercase;}
.vid-list-desc {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: normal;}
.vid-list-date {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #000; font-weight: normal;}
.vid-list-time {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;}
.vid-list-watch {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #000; font-weight: normal;} /* non-javascript only */
  @media only screen and (max-width: 1024px) {
.vid-list-project {font-size: 14px;}
.vid-list-title {font-size: 15px;}
.vid-list-genre {font-size: 11px;}
.vid-list-desc {font-size: 15px;}
.vid-list-date {font-size: 11px;}
.vid-list-time {font-size: 12px;}
.vid-list-watch {font-size: 12px;} /* non-javascript only */
}

/* II. MODAL custom formatting and overrides */
div.vid-modal-window {width: 65%;}
div.vid-modal-header {}
div.vid-modal-item {width: 100%; background-color: #777; display: flex; align-items: stretch;}

/* IIa. MODAL information formatting */
div.vid-modal-art {width: 45%; float:left;}
.vid-modal-art-img {width: 90%; border: 0px;}
div.vid-modal-info {width: 55%; float:right;}
.vid-modal-project {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; color: #FFF;}
.vid-modal-title {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 26px; color: #FFF;}
.vid-modal-subtext {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color: #FFF; text-transform: uppercase;}
.vid-modal-date {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 16px; color: #FFF;}
.vid-modal-runtime {font-family: 'futuramedium_font', Arial Narrow, Georgia, Gadget, sans-serif; font-size: 14px; color: #FFF;}
.vid-modal-desc {font-family: "Arial", Gadget, sans-serif; font-size: 20px; color: #FFF; font-weight: normal;}
.vid-modal-notes {font-family: "Arial", Gadget, sans-serif; font-size: 14px; color: #FFF; font-weight: normal;}
.vid-modal-notes a:link, .vid-modal-notes a:visited, .vid-modal-notes a:hover {color: #FFF; text-decoration:underline;}
.vid-modal-watch {font-family: "Arial", Arial Narrow, Georgia, Gadget, sans-serif; font-size: 18px; font-weight: bold; color: #FFF;}
.vid-modal-watch a:link, .vid-modal-watch a:visited, .vid-modal-watch a:hover {color: #FFF; text-decoration:none;}
  @media only screen and (max-width: 1024px) {
    div.vid-modal-window {width: 90%;}
    div.vid-modal-item {display: block; align-items: normal;}
    div.vid-modal-art {width: 100%; float:none; text-align: center;}
    .vid-modal-art-img {width: 290px;}
    div.vid-modal-info {width: 100%; float:none;}
  }

/* -------------------------- */
/* ----------STAGE----------- */
/* -------------------------- */

/* I. page structure */
div.stage-list {width: 50%; margin-left:auto; margin-right:auto;}
  @media only screen and (max-width: 1024px) {div.stage-list {width: 100%;}}
div.stage-selectshowlist {width: 90%; margin-left:auto; margin-right:auto; text-align: center; padding: 15px; background-color: #EEE; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 28px; color: #000; border-style:solid; border-color: #000; border-width: thick;}

/* II. calendar structure and formatting */
div.stage-cal {width: 40%; margin-left:auto; margin-right:auto;}
  @media only screen and (max-width: 1024px) {div.stage-cal {width: 90%;}}
div.cal-cell {display: flex;}
div.cal-datebox {width: 20%; text-align: center; background-color: #EEE; padding: 5px; line-height: 1.0;}
.cal-dotw {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold;}
.cal-month {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold;}
.cal-day {font-family: Arial, Helvetica, sans-serif; font-size: 42px; font-weight:bold;}
.cal-time {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold;}
div.cal-infobox {width: 65%; text-align: left; padding: 10px; line-height: 1.3;}
.cal-act {font-family: 'futuramedium_font', Arial, Gadget, sans-serif;	font-size: 20px; font-weight: bold;	color: #FFF;}
.cal-act a:link, .cal-act a:visited, .cal-act a:hover {color: #FFF; text-decoration: none;}
.cal-venue {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; color: #FFF;}
.cal-address {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF;}
.cal-address a:link, .cal-address a:visited, .cal-address a:hover {color: #CEE;}
.cal-with {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF;}
div.cal-flyerbox {width: 15%; text-align: center; padding: 5px; font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #FFF;}
.cal-flyerbox-img {width: 90%; border: 0px;}
  @media only screen and (max-width: 1024px) {
.cal-dotw {font-size: 12px;}
.cal-month {font-size: 22px;}
.cal-day {font-size: 40px;}
.cal-time {font-size: 12px;}
.cal-act {font-size: 18px;}
.cal-venue {font-size: 24px;}
.cal-address {font-size: 14px;}
.cal-with {font-size: 12px;}
  }
.bg-jlrs {background-color: #06B;}
.txt-jlrs {color: #06B;}
.bg-pds {background-color: #700007;}
.txt-pds {color: #700007;}
.bg-tnt2 {background-color: #0B7;}
.txt-tnt2 {color: #0B7;}
.bg-acou {background-color: #664400;}
.txt-acou {color: #664400;}
.bg-solo {background-color: #777700;}
.txt-solo {color: #777700;}


/* III. jak's acts */
.stage-acts-name {text-align: center; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF;}
.stage-acts-genre {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; font-weight: bold; color: #FFF;}
.stage-acts-view {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 22px; font-weight: bold; color: #FFF;}
.stage-acts-view a:link, .stage-acts-view a:visited, .stage-acts-view a:hover {color: #FFF; text-decoration: none;}
  @media only screen and (max-width: 1024px) {.stage-acts-view {font-size: 16px;}}
.stage-acts-view-url {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; font-weight: bold; color: #FFF;}
  @media only screen and (max-width: 1024px) {.stage-acts-view-url {display:none;}}
div.stage-acts-div {width: 80%; height: 5px; background-color: #FFF;}
.stage-soc-img {width: 36px; border: 0;}
  @media only screen and (max-width: 1024px) {
    .stage-soc-img {width: 36px;}
  }

/* IV. previous projects */
div.stage-prevproj {padding: 10px; background-color: #333;}
.stage-prevproj-category {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 20px; font-weight: normal; color: #FFF;}
.stage-prevproj-name {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 18px; font-weight: bold; color: #FFF;}
.stage-prevproj-year {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 12px; font-weight: normal; color: #FFF;}
.stage-prevproj-role {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; font-weight: normal; color: #FFF;}
  @media only screen and (max-width: 1024px) {
    .stage-prevproj-category {font-size: 16px;}
    .stage-prevproj-name {font-size: 14px;}
    .stage-prevproj-year {font-size: 12px;}
    .stage-prevproj-role {font-size: 12px;}
  }

/* V. merchandise */
.stage-merch-art {width: 70%; border: 0px;}
.stage-merch-product {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #000; font-weight: bold; /*text-transform: uppercase;*/}

/* VI. early shows */
div.early-wrapper {width: 40%; margin-left:auto; margin-right:auto;}
  @media only screen and (max-width: 1024px) {div.early-wrapper {width: 90%; margin-left:auto; margin-right:auto;}}

div.early-yeara {width: 100%; margin-left:auto; margin-right:auto; cursor:hand; cursor:pointer; text-align:center; border-color:#000; border-style:solid; border-left-width:4px; border-right-width:4px; border-top-width:2px; border-bottom-width:2px; background-color:#22BB55; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 22px; color: #FFF; font-weight: bold;}
div.early-yearb {width: 100%; margin-left:auto; margin-right:auto; cursor:hand; cursor:pointer; text-align:center; border-color:#000; border-style:solid; border-left-width:4px; border-right-width:4px; border-top-width:2px; border-bottom-width:2px; background-color:#00BB00; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 22px; color: #FFF; font-weight: bold;}

div.early-cell {width: 100%; padding: 3px; border-color: #000; border-style: solid; border-left-width:4px; border-right-width:4px; border-top-width:2px; border-bottom-width: 2px; color: #FFF; line-height: 1.2;}
.early-date {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF;}
.early-dotw {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF;}
.early-city {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF;}
.early-venue {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF;}
.early-venue a:link, .early-venue a:visited, .early-venue a:hover {text-decoration: none; color: #FFF;}
.early-act {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF;}
.early-act a:link, .early-act a:visited, .early-act a:hover {text-decoration: none; color: #FFF;}
.early-with {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF;}

div.early-details {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; padding-top:5px;}
.early-details a:link, .early-details a:visited, .early-details a:hover {text-decoration: none; color: #FFF;}
.early-set:before {content: url("../live/bg/details-set.gif") " set ";}
.early-flyer:before {content: url("../live/bg/details-flyer.gif") " flyer ";}
.early-pics:before {content: url("../live/bg/details-pics.gif") " pics ";}
.early-video:before {content: url("../live/bg/details-vid.gif") " video ";}
.early-audio:before {content: url("../live/bg/details-aud.gif") " audio ";}

.early-bg-proof {background-color: #386;}
.early-bg-solo {background-color: #770;}
.early-bg-acou {background-color: #640;}
.early-bg-paradox {background-color: #553;}
.early-bg-rock1 {background-color: #375;}
.early-bg-rock2 {background-color: #306F5F;}
.early-bg-rock3 {background-color: #066;}
.early-bg-rock4 {background-color: #067;}
.early-bg-generic {background-color: #333;}
.early-bg-banjo {background-color: #0C0;}
.early-bg-metal {background-color: #406;}
.early-bg-sls {background-color: #606;}
.early-bg-tnt {background-color: #CB5258;}
.early-bg-jlrs1 {background-color: #069;}
.early-bg-jlrs2 {background-color: #06B;}
.early-bg-jlst {background-color: #068;}
.early-bg-sideshow {background-color: #F00;}
.early-bg-speakeasy {background-color: #633;}
.early-bg-jiaflw {background-color: #CDCD00;}
.early-bg-tintrs {background-color: #66C;}
.early-bg-pds {background-color: #700007;}
.early-bg-45s {background-color: #0B7;}/* #2B8;} */
.early-bg-tnt2 {background-color: #0B7;}/* #2B8;} */
.early-bg-jakshane {background-color: #093;}

/* -------------------------- */
/* ----------BUZZ------------ */
/* -------------------------- */
div.buzz-wrapper {display: block; width: 755px; margin-left:auto; margin-right: auto;}
  @media only screen and (max-width: 1024px) {div.buzz-wrapper {width: 350px;}}

div.buzz-entry {font-family: 'regsans_font', Arial Narrow, Gadget, sans-serif; font-size: 40px; color:#FFE; background-color: #223; padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; 
                border-radius: 25px; text-align: center;}
div.buzz-date {font-family: Arial Narrow, Gadget, sans-serif; font-size: 14px; padding-bottom: 5px; color: #FFE; background-color: #223; text-align: center;}
div.buzz-topic {width: 100%; text-align: center; padding-top: 5px; padding-left: 15px; font-family: 'regsans_font', Arial Narrow, Gadget, sans-serif; font-size: 18px;
                border-top-left-radius: 25px; border-top-right-radius: 25px;}
  div.buzz-topic-music {color: #44DEFF; background-color: #11BBCC;}
  div.buzz-topic-arcade {color: #FFDB3E; background-color: #DDB91C;}
  div.buzz-topic-site {color: #DDAAFF; background-color: #9966DD;}
  div.buzz-topic-live {color: #28FFBB; background-color: #06DD99;}
  div.buzz-topic-talk {color: #FFBBFF; background-color: #DD99DD;}
  div.buzz-topic-page {color: #F0F58D; background-color: #D0D36B;}
  div.buzz-topic-vid {color: #FFD1BB; background-color: #DDB099;}

div.buzz-content {font-family: Georgia, Times, serif; font-size: 16px; color:#000; background-color:#EEE; padding-left: 25px; padding-right: 25px; padding-top: 5px; padding-bottom: 15px; text-align: justify;
                  border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
  div.buzz-content-music {background-color: #44DEFF;}
  div.buzz-content-arcade {background-color: #FFDB3E;}
  div.buzz-content-site {background-color: #DDAAFF;}
  div.buzz-content-live {background-color: #28FFBB;}
  div.buzz-content-talk {background-color: #FFBBFF;}
  div.buzz-content-page {background-color: #F0F58D;}
  div.buzz-content-vid {background-color: #FFD1BB;}

div.buzz-pic-main {width: 90%; margin-left: auto; margin-right: auto; text-align: center; padding: 10px;}
.buzz-pic-main-img {width: 70%; border: 0px;}
div.buzz-pic-left {float:left; padding: 5px; width: 35%;}
div.buzz-pic-right {float:right; padding: 5px; width: 35%;}
  @media only screen and (max-width: 1024px) {
    div.buzz-pic-main {width: 100%;}
    .buzz-pic-main-img {width: 90%;}
    div.buzz-pic-left {width: 90%; float:none; text-align:center; margin-left:auto; margin-right:auto;}
    div.buzz-pic-right {width: 90%; float:none; text-align:center; margin-left:auto; margin-right:auto;}
  }

div.buzz-pic-inner {text-align: center;}
.buzz-pic-img {width: 90%;}

div.buzz-earlier {width: 600px; margin-left:auto; margin-right:auto; text-align: center; background-color: #333; border: none; border-radius: 25px; padding: 15px;
                  font-family: 'regsans_font', Arial Narrow, Gadget, sans-serif; font-size: 52px; color: #FFF;}
  @media only screen and (max-width: 1024px) {div.buzz-earlier {width: 300px; font-size: 34px;}}


/* -------------------------- */
/* ------ TIME MACHINE ------ */
/* -------------------------- */
div.tm-wrapper {width: 35%; margin-left:auto; margin-right:auto; background-color: #77A;}
  @media only screen and (max-width: 1024px) {div.tm-wrapper {width: 95%; padding: 5px;}}
div.tm-version {width: 100%; text-align:center; background-color: #000; padding-top: 10px; padding-bottom: 10px; font-family: 'futuramedium_font', Arial Narrow, Gadget, sans-serif; font-size: 32px; color: #FFF;}
.tm-duration {font-size: 14px;}
div.tm-entry {padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.tm-dates {text-align:center; font-family: 'futuramedium_font', Arial Narrow, Gadget, sans-serif; font-size: 18px; color: #FFF;}
.tm-dates a:link, .tm-dates a:visited, .tm-dates a:hover {text-decoration: underline; color: #FFF;}
.tm-funcs {width: 90%; background-color: #000; padding: 5px; margin-left:auto; margin-right:auto; text-align:center; font-family: 'futuramedium_font', Arial Narrow, Gadget, sans-serif; font-size: 12px; color: #FFF; text-transform:uppercase;}
.tm-dropped {color: #F00; text-decoration: line-through;}
.tm-added {color: #0F0;}
.tm-shifted {color: #FF0;}
.tm-rezzed {color: #0FF;}
div.tm-pic {padding: 5px; text-align: center; /*margin-left:auto; margin-right:auto; text-align:center; width: 80%; */}
.tm-desc {font-family: 'futuramedium_font', Arial Narrow, Gadget, sans-serif; font-size: 18px; color: #FFF;}


/*extras*/

/* 12-step columns for desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}

[class*="col-"] {
  float: left;
/*  padding: 8px; */
/*  border: 1px solid red; */
}

.row::after {
  content: "";
  clear: both;
  display: table;
}





.backstretch {
/*  width: 100vw; */
/*  height: 400px; */
  width: 100%;
  height: 100%;
  background: #1e5799; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #1e5799 0%,#7db9e8 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #1e5799 0%,#7db9e8 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #1e5799 0%,#7db9e8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
  
.backstretch.animated {
  -webkit-animation: filter-animation 8s infinite;
  animation: filter-animation 8s infinite;
}

@-webkit-keyframes filter-animation {
  0% {-webkit-filter: hue-rotate(0deg);}
  50% {-webkit-filter: hue-rotate(100deg);}
  100% {-webkit-filter: hue-rotate(0deg);}
}

@keyframes filter-animation {
  0% {filter: hue-rotate(0deg);}
  50% {filter: hue-rotate(100deg);}
  100% {filter: hue-rotate(0deg);}
}