:root {
    --borderradius-header: 0px 0px 4px 4px;
    --borderradius-head: 4px 4px 0px 0px;
    --borderradius-content: 0px 10px 10px 10px;
}

@font-face {
    font-family: 'bill-hair';
    font-weight: normal; font-style: normal;
    src: url('fonts/bill-hair.eot');
    src: url('fonts/bill-hair.eot?#iefix') format('embedded-opentype'), url('fonts/bill-hair.woff') format('woff'), url('fonts/bill-hair.ttf') format('truetype'), url('fonts/bill-hair.svg#bill_regularregular') format('svg');
}

@font-face {
    font-family: 'bill-web';
    font-weight: light;
    src: url('fonts/bill-web.eot');
    src: url('fonts/bill-web.eot?#iefix') format('embedded-opentype'), url('fonts/bill-web.woff') format('woff'), url('fonts/bill-web.ttf') format('truetype'), url('fonts/bill-web.svg#bill_regularregular') format('svg');
}

body {
    /*
	background: url(media/inputs.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0.8;
    */
    background-color: #aaaa;
    overflow-x: hidden; overflow-y: scroll;
}

* {
    font-family: 'bill-web'; font-size: 1.0em; line-height: 1.5em; font-weight: 100; color: #ccc; margin:0; padding:0;
	/* text-transform: lowercase; */
}

/* div#all { background-color: #000a; opacity: 1; } */

.header { font-size: 0.9em; color: #ffff; letter-spacing: 3.0em; padding:2px;}

div#head { 
    margin-bottom: 30px; background-color: #0003; width: 50%; margin-left: 25%; text-align: center; 
    border-radius: var(--borderradius-header);    
}

#emoji{ font-size: 16px; 
    display: none;
    background-color: #fff1; z-index: 3; 
    border-radius: var(--borderradius-header);
}

/* .header { margin-left: -20px; text-align: center; } */
/* .header{ color: #fff; background-color:#000; letter-spacing: 3.0em;} */

details > summary { list-style: none; letter-spacing: 0.2em; 
	/*margin-left: 20px; */
}
details > summary::-webkit-details-marker { display: none; }


/* .dtcont, pre, iframe { margin: 0px 40px 20px 30px; } */

/* .dtcont, pre, iframe { margin: 40px; } */

.dtcont, pre { border-radius: var(--borderradius-content); padding:10px; background-color: #000d;}

em { margin-bottom:10px; padding: 2px 2px 2px 2px; font-weight: 800; font-style: normal; letter-spacing: 0.2em; }
em { color:#fff; background-color: #fff3; }


iframe { border-radius: var(--borderradius-content); overflow-x: hidden; overflow-y: scroll; width: 90%; height: 600px; border: none; padding:10px; background-color: #000f; color: #fff; }


/* #newsletterframe { width:90%; height: 400px; border: none; } */

#workshopframe { opacity: 1.0; background-color: #fffa; color: #000f; }

pre { margin: 0px 40px 0px 40px; }

a { color: #0a0; text-decoration: none; font-style: italic; }



summary, summary:visited, a.linklikedetails:visited {  color: #fff; padding: 0 10px 0 10px; }

/* summary, summary:visited, a.linklikedetails:visited { margin-top: 10px; } */

a.linklikedetails { letter-spacing: 0.2em; margin: 20px 40px 0px 40px; color: #fff; }


a.linklikedetails, .summarycontent { padding: 4px 10px 4px 10px;  border-radius: var(--borderradius-head); }

.summarycontent, .linklikedetails, a { background-color: #0005; }

a.linklikedetails { letter-spacing: 0.2em; margin-top: 140px; background-color: #f0f;}

.summarycontent:hover, .linklikedetails:hover, a:hover {  
color: #000f;
background-color: #fffa;
/*text-decoration-style: wavy; text-decoration-line: underline;*/
}



/*
summary:hover + details, details:hover { display: block; }
details { display: none; }
*/
/*
summary > a { letter-spacing: 0.2em; }
:visited { color: #fff; }
*/


#nwsltrlxs {
    color: #fff;
    padding: 2px;
}