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

@font-face {
    font-family: kooky_font;
	src: url('fonts/Beatsville.eot'); /* for IE6 and before */
    src: url('fonts/Beatsville.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/Beatsville.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/Beatsville.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/Beatsville.svg') format('svg'); /* for iOS */
}

@font-face {
    font-family: fridge_font;
	src: url('fonts/Airstream.eot'); /* for IE6 and before */
    src: url('fonts/Airstream.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/Airstream.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/Airstream.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/Airstream.svg') format('svg'); /* for iOS */
}

@font-face {
    font-family: horseshoes_font;
	src: url('fonts/Horseshoes.eot'); /* for IE6 and before */
    src: url('fonts/Horseshoes.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/Horseshoes.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/Horseshoes.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/Horseshoes.svg') format('svg'); /* for iOS */
}

@font-face {
    font-family: risque_font;
	src: url('fonts/Risque-Regular.eot'); /* for IE6 and before */
    src: url('fonts/Risque-Regular.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/Risque-Regular.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/Risque-Regular.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/Risque-Regular.svg') format('svg'); /* for iOS */
}

@font-face {
    font-family: forque_font;
	src: url('fonts/FORQUE.eot'); /* for IE6 and before */
    src: url('fonts/FORQUE.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/FORQUE.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/FORQUE.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/FORQUE.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: vertigon_font;
	src: url('fonts/Vertigon.eot'); /* for IE6 and before */
    src: url('fonts/Vertigon.eot?#iefix') format('embedded-opentype'), /* for IE7 and IE8 */
         url('fonts/Vertigon.woff') format('woff'), /* for every decent browser (yes, IE9 included) */
         url('fonts/Vertigon.otf') format('opentype'), /* for every decent browser but in older versions (FF3, Chrome4, etc.) */
         url('fonts/Vertigon.svg') format('svg'); /* for iOS */
}

@font-face {
    font-family: league_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 */
}

/* ------------------------- */
/* --------SITE-WIDE-------- */
/* ------------------------- */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-attachment: fixed; /*background-color: #E7D7B7;*/ background-color: #407799}
a:link {text-decoration: none; color: #488; }
a:visited {text-decoration: none; color: #488;}
a:hover {text-decoration: none; color: #488;}
a:active {text-decoration: none; color: #488;}
img {max-width: 100%; min-width: 10%;}
* {box-sizing: border-box;}
  @media only screen and (max-width: 1024px) {
    table tr > *{display: block;}
    table tr {display: table-cell;}
    table td {width: 100%;}
  }

div.maincontain {width: 65%; margin-left: auto; margin-right: auto;	background-color: #C3DDEE;}
  @media only screen and (max-width: 1024px) {div.maincontain {width: 100%;}}

/* TITLE */
.titlepic {width: 40%;}
div.title {width: 100%; background-color: #FFF6E6; text-align: center;	padding: 0px; font-family: 'vertigon_font', Arial, Gadget, sans-serif; font-size: 16px;}
div.desc {width: 100%; background-color: #FFF6E6; text-align: center;	padding: 0px; font-family: 'vertigon_font', Arial, Gadget, sans-serif; font-size: 16px;}
.ampersand {font-family: 'horseshoes_font', Arial, Gadget, sans-serif; font-size: 16px;}
  @media only screen and (max-width: 1024px) {
    .titlepic {width: 70%;}
    div.desc {font-size:11px;}
    .ampersand {font-size: 11px;}
  }

/* MENU */
div.menu {width: 100%; background-color:#0E0E0E; margin: 0 auto; text-align: center; /*color: #0B8;*/ color: #F7E8C9; font-family: 'vertigon_font', Arial, Gadget, sans-serif; font-size: 44px; font-weight: normal;}
.menudiamond {font-family: Arial, Gadget, sans-serif; font-size: 55px; color: #F5B800;}
  @media only screen and (max-width: 1024px) {
	div.menu {font-size:26px;}
	.menudiamond {font-size:28px;}
  }

/* BOTTOM */
div.contact {width: 100%; background-color: #0E0E0E; padding: 15px; text-align: center; font-family: 'vertigon_font', Arial, Gadget, sans-serif; font-size: 24px; font-weight: normal; color: #DFE;}
  @media only screen and (max-width: 1024px) {div.contact {font-size: 16px;}}
div.soc {width: 600px; margin-left:auto; margin-right:auto; text-align: center; background-color: #FFF6E6; border: none; border-radius: 25px; padding: 15px;}
.soc-img {width: 48px; border: 0;}
  @media only screen and (max-width: 1024px) {
    div.soc {width: 320px;}
    .soc-img {width:48px;}
  }

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

/* SPLASH */
div.splash {width: 100%; text-align: center; font-family: 'horseshoes_font', Arial, Gadget, sans-serif; font-size: 30px; font-variant: small-caps;}
.splash-img {width: 50%;}
  @media only screen and (max-width: 1024px) {
    div.splash {font-size:20px;}
    .splash-img {width: 65%;}
  }

/* ------------------------- */
/* ---------- INFO --------- */
/* ------------------------- */
div.infoblock {width: 60%; margin-left: auto; margin-right: auto; padding: 20px;}
div.bioblock {width: 90%; margin-left: auto; margin-right: auto; padding: 20px;}
div.pastshowblock {width: 90%; margin-left: auto; margin-right: auto; padding: 20px;}
div.infoheading {width: 100%; margin-left: auto; margin-right: auto; text-align: center; padding: 5px; font-family: 'vertigon_font', Arial, Gadget, sans-serif; font-size: 24px; font-weight: bold;}
div.infotext {width: 100%; margin-left: auto; margin-right: auto; text-align: left; padding: 5px; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 20px; font-weight: normal;}
div.infoband {width: 100%; margin-left: auto; margin-right: auto; text-align: right; padding: 5px; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 18px; font-style: italic;}
div.infopastregion {width: 100%; padding: 5px; text-align: left; background-color: #80BACB; color: #F7E8C9; font-family: 'vertigon_font', Arial, Gadget, sans-serif; font-size: 18px; font-weight: normal;}
div.infopastlist {width: 100%; padding: 5px; text-align: left; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; font-weight: bold; /*font-variant: small-caps;*/}
div.infopastacts {width: 100%; padding: 5px; text-align: left; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 12px; font-weight: bold; /*font-variant: small-caps;*/}
div.infopastpic {width: 100%; margin-left: auto; margin-right: auto; text-align: center;}
div.infopastpicsmallonly {width: 100%; margin-left: auto; margin-right: auto; text-align: center; display: none;}
  @media only screen and (max-width: 1024px) {
    div.infoblock {width: 100%;}
    div.bioblock {width: 100%;}
    div.pastshowblock {width: 100%;}
    div.pastshowpic {width: 100%;}
    div.infoheading {width: 100%; font-size: 16px;}
    div.infotext {font-size: 18px;}
    div.infopastregion {font-size: 18px;}
    div.infopastlist {font-size: 14px;}
    /* div.infopastpic {display: none;} */
    div.infopastpicsmallonly {display: block;}
  }

/* ------------------------- */
/* ---------- MUSIC -------- */
/* ------------------------- */

div.record {text-align: center;}
.record-img {width: 450px;}
  @media only screen and (max-width: 1024px) {.record-img {width: 250px;}}
div.jukebox {width: 100%; background-color: #D0CABA; border-color: #80BACB; border-style: solid; border-left-width:4px; border-right-width:4px; border-top-width:2px; border-bottom-width: 2px;}
div.jukeboxheading {width: 100%; background-color: #323243; padding: 10px; text-align: center; margin-left: auto; margin-right: auto; font-family: 'futurathick_font', Arial, Gadget, sans-serif; font-size: 24px; color: #DCB;}
div.jukeboxcell {width: 100%; background-color: #D0CABA; border-color: #80BACB; border-style: solid; border-left-width:8px; border-right-width:8px; border-top-width:4px; border-bottom-width:4px; padding: 4px; text-align: left; line-height: 0.8;}
.jbbullet {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; font-weight: bold; color: #08B; display: none;}
.jbtitle {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; font-weight: bold; color: #08B; text-transform: uppercase;}
.jbartist {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 12px; font-weight: bold; color: #08B; text-transform: uppercase;}
div.jbcredit {font-family: Arial, Gadget, sans-serif; font-size: 10px; font-weight: bold; color: #08B; text-transform: uppercase; text-align: right;}
div.jukediv {width: 100%; height: 5px; background-color: #6BC; /*background-color: #FE858B;*/}
a.jukelink {color:#08B; display:block;}

/* ------------------------- */
/* ---------CALENDAR-------- */
/* ------------------------- */
div.bg-jlrs {display:none;}
div.bg-pds {display:none;}
div.bg-band30 {display:none;}

div.bar {width: 100%; height: 5px; background-color: #0E0E0E;}
div.bar2 {width: 100%; height: 5px; background-color: #0E0E0E;}
div.cal-datebox {display: flex; align-items: center; width: 100%; text-align: left; background-color: #FFF; padding: 5px; padding-left: 10px; opacity: 0.75;}
.cal-flyer {font-size: 16px; font-weight: normal; text-decoration: none;}
.cal-flyer a:link, .cal-flyer a:visited, .cal-flyer a:hover {text-decoration: none;}
.cal-flyerbox-img {display: none;}
.cal-date {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 26px; font-weight:bold; color: #28B;}
  @media only screen and (max-width: 1024px) {.cal-date {font-size: 20px;}}
.cal-dotw {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; color: #28B;}
.cal-time {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; color: #28B;}
div.cal-infobox {width: 100%; text-align: left; padding: 5px; padding-left: 15px;}
.cal-act-img {display: none;}
.cal-venue {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #FFF; text-transform: uppercase;}
  @media only screen and (max-width: 1024px) {.cal-venue {font-size: 20px;}}
.cal-address {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #FFF; text-transform: uppercase;}
.cal-address a:link, .cal-address a:visited, .cal-address a:hover {color: #CEE;}
  @media only screen and (max-width: 1024px) {.cal-address {font-size: 16px;}}
.cal-with {display: none;}
.bg-tnt3 {background-color: #04A;}
.cal-act {display: none;}

div.upcoming {width: 65%; background-color: #0E0E0E; padding: 10px; margin-left: auto; margin-right: auto; text-align: center; font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 24px; color: #CFE; font-weight: normal;}
  @media only screen and (max-width: 1024px) {div.upcoming {width:100%; padding: 5px;}}
div.calendar {width: 65%; background-color: #CFE; margin-left: auto; margin-right: auto;}
  @media only screen and (max-width: 1024px) {div.calendar {width:100%;}}

/*
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: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;}
.cal-month {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 22px; font-weight:bold;}
  @media only screen and (max-width: 1024px) {.cal-month {font-size: 18px;}}
.cal-day {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 34px; font-weight:bold;}
  @media only screen and (max-width: 1024px) {.cal-day {font-size: 30px;}}
.cal-time {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold;}
  @media only screen and (max-width: 1024px) {.cal-time {font-size: 12px;}}
div.cal-infobox {width: 65%; text-align: left; padding: 10px; line-height: 1.3;}
.cal-act {display: none; font-family: 'vertigon_font', Arial, Gadget, sans-serif; font-size: 18px; font-weight: bold; color: #FFF;}
.cal-venue {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #FFF;}
.cal-address {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #FFF;}
.cal-address a:link, .cal-address a:visited, .cal-address a:hover {color: #CEE;}
  @media only screen and (max-width: 1024px) {.cal-address {font-size: 16px;}}
.cal-with {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF;}
div.cal-flyerbox {width: 15%; text-align: center; padding: 5px;}
.cal-flyerbox-img {width: 90%; border: 0px;}
.bg-tnt2 {background-color: #2B8;}
.txt-tnt2 {color: #2B8;}

.calendarbandname {display:none;}
.calendarcity {font-family: 'horseshoes_font', Arial, Gadget, sans-serif; font-size: 24px; font-weight: normal; color: #FFF;}
/*.calendarotheract {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF;}*/
/*.calendarotheract {font-family: 'vertigon_font', Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; color: #FFF;} /*{display:none;}*/

/* ------------------------- */
/* --------- VIDEOS -------- */
/* ------------------------- */
div.vid-contain {width: 80%; margin-left: auto; margin-right: auto;}
  @media only screen and (max-width: 1024px) {div.vid-contain {width: 100%;}}
div.vid-list-cell {width: 100%; margin-left: auto; margin-right: auto; padding: 10px; background-color: #D4EEFF; 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: 200px;}}
.vid-list-art-img {width: 90%; border: 0px;}

div.vid-list-info {line-height: 1.2;}
.vid-list-project {display:none; font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #0E0E0E; font-weight: bold; /*text-transform: uppercase;*/}
.vid-list-title {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 17px; color: #0E0E0E; font-weight: bold;}
.vid-list-genre {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #0E0E0E; font-weight: normal; text-transform: lowercase;}
.vid-list-desc {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 16px; color: #0E0E0E; font-weight: normal;}
.vid-list-date {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 13px; color: #0E0E0E; font-weight: normal;}
.vid-list-time {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #0E0E0E; font-weight: normal;}
.vid-list-watch {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 14px; color: #0E0E0E; font-weight: normal;} /* non-javascript only */