/* xtras */
img.grant {width:100%;height:auto;}
#forward {font-size: 28px;margin:50px;}
#mastodon_verify {display:none;}
#privatdemos audio {width: 100%;}

/* === typography ================ */
@font-face {font-family: Roboto; src: url('../../../fonts/RobotoReg.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: Oswald; src: url('../../../fonts/OswaldReg.ttf') format('truetype');font-weight: normal;font-style: normal;}
body {font: 18px Roboto, sans-serif;letter-spacing: 0.02em;line-height:1.1em;}
small, .small {font: 12px Helvetica, sans-serif;}

/* check */
#container {border:0 solid white;}

/* === fb_musicplayer */
body#fb_bootlegplayer {background:none;background-color:#888;padding:10px;}
body#fb_bootlegplayer a {color:#000;}

.hidden, .hiddencalc, .hiddensupport, .hiddenhelpers {display:none};
.showcalc, .showsupport, .showhelpers, #navcalc {padding:10px;background-color:white;border-radius:3px;}

/* base----------------------------------------------- */
#logo, #error-page #logo {position: fixed;top:-240px;left:-240px;}
#tp {position:absolute;top:1px;left:1px;opacity:0;z-index:1;}
#tp img {width:20px;height:20px;}
html {}
body {margin: 0;padding: 0;}
body {background:#cecece fixed url(../../images/38.jpg) center center no-repeat;background-size:cover;}
blockquote {margin-right: 0;margin-left: 20px;}
.float_left {float:left;}
#front body {background:#cecece fixed url(../../images/35.jpg) center center no-repeat;background-size:cover;}
h1 {margin:0;padding:0;font-weight: normal;text-transform:uppercase;}
h2 {font-size:1em;font-weight: normal;margin:0 10px 5px 0;padding:0;}
h3 {font-weight: normal;}
h3, .release label {font:bold 1.4em Oswald, Helvetica, sans-serif;text-transform:lowercase;text-align:right;}
hr {box-sizing: content-box;height: 1px; background-color: black;margin: 1em 0; padding: 0;overflow: visible;border:none;clear:both;}
iframe {width:100%!important, height:auto!important;margin:10px 20px 20px 0;border-radius: 9px;}
#start iframe {min-width:100%;}
img, iframe {border-radius:9px;opacity:0.98;margin-top:5px;}
img:hover, iframe:hover {opacity:1;}
.release {float:left;margin:0 7px 20px 0;font-size:100%!important;width:340px;height:380px;}
.rel_past {opacity:0.8;moz-opacity:0.8;}
.rel_past:hover {opacity:1;moz-opacity:1;}
.smaller_nav {font-size:0.7em;line-height:1em;margin-right:-5px;}
.caption {font-weight:normal;font-style:italic;font-size:80%;padding-top:5px;}
ul {padding:0;margin:0;}
#music .entry-content img {width:100%;height:auto;}
.zemThanks {transform:rotate(-35deg);width: 531px;color: #000;background-color: yellow;padding:1em;font-size: 2em;font-weight: bold;text-transform: uppercase;text-align: center;}

/* start page */
#startpage {width: 100%;height: 99%;display: block;font-size: 150%;color: #fff;}
#nav_startmsg {margin:11% 0 1px 15%;position: absolute;z-index: 3;text-align: left;color:#000;}
#nav_startmsg h1#site-name {font-size:200%;line-height:90%;text-align:left;margin:0 0 20px 0;padding:0;}
.releases_front {position: absolute; z-index: 4; width:98%; bottom: 0px; margin:1px 0 0 0; padding-left:2%; background-color: #333; outline:2px solid #555;text-transform: uppercase;l}
.release_nav {float:left;width: 17%;height: auto;overflow:none;font:normal normal 1em/1em 'Helvetica Neue', Helvetica, Trebuchet, sans-serif;margin:5px 0;text-align:center;}
.release_more {float:left;width:7%;height:auto;overflow:none;font:normal normal 0.95em/1em 'Helvetica Neue', Helvetica, 'Trebuchet MS', Trebuchet, sans-serif;margin:5px 0;text-align:center;}
.release_nav img {width:70%;height:auto;border-radius:200px;margin:10% auto;box-shadow:0 0 3px #000, 0 0 7px #000;}
.rel_desc {position: absolute;top: 15px;width: 7%;padding:0 7px 0 2px;text-transform:uppercase;}
.rel_desc:hover {opacity:1;}

/* more */

#info .img_with_caption {float:left;}

#content a img {border:none!important;}
img.dotty {border:none;float:left;}
li {list-style:none;}
.bootleg {font-size:0.8em;}
.weloveyoujplayer {width:448px;text-align:right;margin-top:-2px;font-weight:normal}
.weloveyoujplayer a {font:normal 9px verdana, sans-serif!important;color:#333;background-color:#ddd;padding:0 2px;}
#concerts span#date {font-weight: normal;}
#copyleft {position: relative;padding-right:10px;line-height:10px;margin-top:10px;}
legend {display:none;}
fieldset {border:none;padding:0;}

/* colors */
a {color: #000;}
a:hover {color: #000;}
h1 a {color: #000;}
h2#support a {color: #f06!important;}
h2#support a:hover {background-color: #000;}
#content h3 a {color: #000;}
#content a:hover {color: #f06;}
#foot a {color: #000;border-radius:4px;}
#foot a:hover,#foot a.active:hover {color: #f06;}
#foot a.active {color: #f06;opacity: 1;}
body, #container, #content {color: #000;}
.entry-content {color: #000!important;}
.releases_front a:hover {color: #fff;}
.release_nav a, .release_more a {font-weight: normal;color: #fff;}

/* links----------------------------------------------- */
.edit a {font-size:0.9em;font-weight: normal;text-decoration: none;}
a {text-decoration:none;font-weight:bold;}
span.back, span.back a {border: none;text-decoration: none;font-weight: bold;opacity: 0.7;}
h1 a {border:none;}
h2 a, #content h3 a {padding: 0;border: none; text-decoration: none;}
#nav a img, #nav img a, h1 a img {border: none!important;}
#nav_startmsg a {color: #000;font-weight: normal;}
#nav_startmsg a:hover {color: #fff;font-weight: normal;}

/* layout----------------------------------------------- */
#container {margin:70px auto 70px auto;max-width: 800px;height: auto;}
#content {position: relative;margin: 10px 1% 50px 12%;line-height: 1.2em;z-index: 2;height: 100%; }
#content h3 {margin:10px 0 0 0;padding: 0;}
.edit {position: fixed;top: 0px;right: 0px;z-index: 200;}
.entry-content {line-height: 1.2em;}
.excerpt {font:normal 1.3em/1.1em Oswald, Helvetica, sans-serif;color:#333;clear:both;}
#head {text-align: left;margin-left:-30px;}
#site-name {margin: 0 0 0 0;color:#000;}
#nav {position: fixed;left: 10px;margin: 10px 10px 0 10px;text-align: right;z-index:30;}
#nav_info {font: Times, serif;}
.section_list {margin: 0 0 10px 0;padding: 0;list-style-type: none;}
.section_list ul {list-style-type: none;}
.section_list li {margin: 0 10px 2px 0;padding: 0;}
.img_and_caption img {width:100%;height:100%}
#foot {z-index:2;position:relative;clear:both;text-align: right;font:normal 3em/0.9em Oswald, Helvetica, sans-serif;text-transform: uppercase;margin:5px;}
#sidebar-2 div div.desc {font:10px Helvetica, sans-serif;}
.release {font:12px Helvetica, sans-serif;}
.dot-block {width:100%;overflow:hidden;height:3px;}

/* supporter & contact forms ============================================= */
input.comSubmit {padding: 0.1em 0.3em;font-size: 24px;text-transform: uppercase;background-color: #6ca731; border: 0;color: #fff;clip-path: polygon(0% 2%, 100% 0%, 99% 96%, 1% 100%);}
input.comSubmit:hover {background-color: #6cb731;transition: background-color 0.3s linear;}
input.comCheckbox, input.comConsent {width:24px; height:24px;transform: scale(200%);transition: background-color 1ms linear;}
input.comCheckbox:hover {}
.comRequired {color: #ff4933;}
.comTextarea, .comText, .comEmail {width: 95%;}
textarea.comTextarea, input.comText, input.comCheckbox, input.comEmail {background-color:#f7f7f7;font-weight:normal;}
textarea.comTextarea:hover, input.comText:hover, .comCheckbox:hover, input.comEmail:hover {background-color:#fff;transition: background-color 0.15s linear;}
.comTextarea, .comText, .comCheckbox, .comEmail {border-width:1px 0 0 1px;border-radius: 3px;border-color:#aaa;}
.comText, .comEmail {height:39px;margin-bottom:10px;}
.comConsent, .comConnectForm label {font-size: 14px;}
.comText::placeholder {font-weight:normal;}
.comThanks {font-size: 20px;}

/* opacity */
.releases_front a {opacity:0.9;}
#nav, .releases_front a:hover {opacity:1;}

/* overrides----------------------------------------------- */
#sidebar-2 p, #nav p {line-height: 1em;}
.caps {font-size: 0.9em; font-family: Oswald, Helvetica, sans-serif;letter-spacing: 0.05em;}
div.divider {margin: 2em 0;text-align: center;}

/* articles----------------------------------------------- */
.directory {list-style-type: circle;}
.author {font-style: normal;font-size: 0.8em;}
.published {font-size: 0.8em;}

/* error page----------------------------------------------- */
.error-status {font: 1.3em Georgia, Times, serif;color:grey;}

@media only screen and (max-width: 30em) {
#container {margin:0;max-width: 100%}
#content {position: relative;top: 100px;left: 0px;width: 96%;margin: 2%;}
h2 {text-align: left;float: left;margin-right: 10px;}
iframe {min-width:100%;max-width:100%;}
#nav, .release_nav a, .release_more a {font-size:9px;}
#nav {text-align:left;font-size:90%;top:5px;left:3px;margin:0 10px;width:100vw;background:#cecece fixed url(../../images/38.jpg) center center no-repeat;}
h1#site-name {font-size:70%;}
#nav_startmsg {padding:0;}
.release_nav a, .release_more a {font-weight:normal;}
.releases_front {outline:2px;}
.releases_front li {line-height:0.7em;overflow: hidden;}
span.year {display:none;}
}