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

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

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


body {background-color: #000; color: #FFF; margin: 0;}
div.epk-wrapper {width: 800px; background-color: #088; margin-left:auto; margin-right:auto; padding-left: 20px; padding-right: 20px;}
div.epk-heading {width: 800px; margin-left:auto; margin-right:auto; background-color:#044; text-align: center; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; font-family: 'arialalike_font', Arial, Gadget, sans-serif; font-size: 48px; font-weight:bold;}

div.epk-logo {width: 50%; margin-left:auto; margin-right:auto; text-align:center;}
div.epk-splash {width: 80%; margin-left:auto; margin-right:auto; text-align:center;}
div.epk-splashquote {font-family: 'arialalike_font', Arial, Gadget, sans-serif; font-size: 20px; text-align: center;}
.epk-splashquotesource {font-size: 16px;}

div.epk-bio {width: 85%; font-family: 'arialalike_font', Arial, Gadget, sans-serif; font-size: 18px; padding: 15px; margin-left:auto; margin-right:auto; text-align: left;}
.epk-bio a:link, .epk-bio a:visited, .epk-bio a:hover {color: #BFF; text-decoration:none;}

div.epk-music {width: 800px; padding: 5px; margin-left:auto; margin-right:auto; text-align: center;}
.epk-musictitle {font-family: 'futuramedium_font', Arial, Gadget, sans-serif; font-size: 20px; text-transform: uppercase;}
.epk-play {width: 50px;}

div.epk-video {width: 85%; padding: 15px; margin-left:auto; margin-right:auto; text-align: center;}

div.epk-press {width: 85%; padding: 15px; margin-left:auto; margin-right:auto; text-align: center; font-family: 'arialalike', Arial, Gadget, sans-serif; font-size: 20px;}

div.epk-photo {width: 85%; padding: 15px; margin-left:auto; margin-right:auto; text-align: center;}
.epk-photo-img {width: 550px;}

div.epk-links {width: 85%; padding: 15px; margin-left:auto; margin-right:auto; text-align: left;
               font-family: 'arialalike_font', Arial, Gadget, sans-serif; font-size: 18px;}
.epk-links a:link, .epk-links a:visited, .epk-links a:hover {color: #BFF; text-decoration:none;}

div.epk-contact {width: 85%; padding: 15px; margin-left:auto; margin-right:auto; text-align: left;
                 font-family: 'arialalike_font', Arial, Gadget, sans-serif; font-size: 18px;}
.epk-contact a:link, .epk-contact a:visited, .epk-contact a:hover {color: #BFF; text-decoration:none;}



@media only screen and (max-width: 1024px) {
div.epk-wrapper {width: 85%;}
div.epk-heading {width: 85%; font-size: 32px;}
div.epk-music {width: 100%;}
.epk-photo-img {width: 300px;}
div.epk-links {font-size: 14px;}
}

/* CALENDAR */
/* NOTE: Make sure to "display: none" all other acts at the top of each act's specific html file because the calendar is drawn from the jaklocke.com schedule */
div.bar {width: 100%; height: 5px; background-color: #000;}
div.bar2 {width: 100%; height: 5px; background-color: #000;}
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: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 26px; font-weight:bold; color: #888;}
  @media only screen and (max-width: 1024px) {.cal-date {font-size: 20px;}}
.cal-dotw {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; color: #888;}
.cal-time {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; color: #888;}
div.cal-infobox {width: 100%; text-align: left; padding: 5px; padding-left: 15px;}
.cal-act-img {display: none;}
.cal-venue {font-family: 'futuramedium_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: 'futuramedium_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 {font-family: 'futuramedium_font', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #FFF;}
/*.cal-with {display: none;}*/
.cal-act {display: none;}