body, html {
    font-family: 'Kufam', 'Arial', cursive, sans-serif;
    color: #111;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, #2F1100 50%, rgba(255,255,255,1) 100%);
    text-align: center;
    padding: 0px;
    margin: 0px;
}

body * {
    padding: 0px;
    margin: 0px;
}

p, ul, li, a, td, label, option {
    font-size: 1.2vh;
    line-height: 170%;
}

p {
    margin-bottom: 2vh;
}

a {
    color: #C47332;
}

ul {
    margin-left: 2em;
}
h1 {
    font-size: 3vh;
}

h2 {
    font-size: 2vh;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

h3 {
    font-size: 2vh;
    margin-top: 6vh;
    margin-bottom: 2vh;
}

h3.scenarioheader {
    margin-top: 2vh;
}

img {
    margin: 10px;
}

div#tresc, div#allaround {
    margin: 0 auto 0 auto;
    text-align: left;
    background-color: #fff;
    padding: 0;
}

div#tresc {
    padding: 4vh;
    margin: 1vh;
}

div#allaround {
    width: 60%;
    background-color: transparent;
}

div#baner_top {
    background-color: #fff;
    padding: 2vh 0 2vh 0;

}

#baner_top img {
    height: auto ;
}

@media screen and (max-width: 1000px) {
    div#allaround {
        width: 95%;
    }
}


div.pocket {
    border: 1px solid #ddd;
    padding: 4vh;
    margin: 2vh;
    width: 80%;
    background: #fff;
    -webkit-box-shadow: 4px 4px 32px 0px #64100A;
    box-shadow: 4px 4px 32px 0px #64100A;
}

div.pocketleft {
    float: left;
}

div.pocketright {
    float: right;
}

p#copyright {
    clear: both;
    text-align: center;
    color: #ddd;
    padding: 1vh;
}

ul#podcastlinks {
    margin: 2vh;
}
ul#podcastlinks li {
    display: inline-flex;
}

a.button {
    color: #111;
    line-height: 32px;
    margin: 0.5vh;
    padding-left: 34px;
    padding-right: 10px;
    border: 2px solid #eee;
    background-color: rgb(255,255,255);
    background-repeat: no-repeat;
}

a:link.button {
    text-decoration: none;
}


a:visited.button {
    text-decoration: none;
}


a:hover.button {
    text-decoration: none;
    border: 2px solid #A41A10;
}


a:active.button {
    text-decoration: none;
}

p.signature {
    font-size: 2.5vh;
    font-family: 'Cormorant Garamond', serif;
    padding-right: 4vh;
    paddint-top: 1vh;
    text-align: right;
    font-style: italic;
}

p.coffee {
    display: inline;
    vertical-align: top;
    line-height: 38px;
}

img.rssicon {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.episodes {
	width: 100%;
}

.episode_img {
	width: 64px;
	height: 64px;
}

.episode_date_cell {
    min-width: 120px;
    text-align: right;
}

.episode_link_cell {
    padding-left: 5px;
}
.episodes_links {
    margin-top: 10px;
    margin-bottom: 10px;
}
.episodes_links li {
    display:inline;
}

.episodes_links li a.button {
    width: 80px;
    padding-left: 4px;
    padding: 8px;
}

div#tabmenudiv {
    margin: 1vh;
    text-align: center;
    background-color: transparent;
}
ul#tabmenu {
}

ul#tabmenu li {
    display: inline-block;
    margin: 0 1vh 0 0vh;
}

ul#tabmenu li a {
    display: block;
    text-decoration: none;
    padding: 1vh 1vh 0.5vh 1vh;
    border: 1px solid #fff;
    bckground-color: #bDa280;
    background-color: rgba(255,255,255,0.4);
    color: #fff;
    text-shadow: 0px 0px 4px black;

}

ul#tabmenu li a:hover {
    background-color: #CDB290;
}

.downloadlink {
    margin: 2vh 2vh 2vh 2vh ;
    border: 1px solid #FF9100;
    border-left: 32px solid #FF9100;
    padding: 2vh;
    background-color: #ffeedd;
}
.warning {
    border-color: #f00;
    background-color: #fee;
}
.screenshot {
    width: 100%;
    text-align: center;
    margin: 4vh 0 4vh 0;
}

.screenshot img {
    width: 50%;
}

.screenshot p {
    font-size: 1vh;
}

.ytvideo {
    width: 100%;
    display: flex;
    justify-content: center;
}