html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
		font-size: 14px; line-height: 180%; letter-spacing: 0.04em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: justify;
}

body {
	margin: 0;
}



p{
max-width: 700px; margin: 15px auto; padding: 0 20px;
}

h1{
	max-width: 700px; margin: 50px auto 5px auto; padding: 0 20px;
font-size: 150%; color: #eea596;
	text-align: center;
	display: block;
	font-style: italic;
    font-weight: normal;
}

h2{
	max-width: 700px; margin: 0px auto 50px auto; padding: 0 20px;
	font-size: 90%; color: #db8b7b;
		text-align: center;
	display: block;
    font-weight: normal;
}



a:link, a:visited, a:active {text-decoration: none; border-bottom: 1px solid black; padding-bottom: 2px; color: black;} 
a:hover {text-decoration: none; border-bottom: 0;} 

a.imagelink {
	text-decoration: none;
	border: 0 none;
	}

ul.share-buttons{
  list-style: none;
  padding: 0;
margin: 0;
}




#bottomarrows {display: none;}
#bottomarrows a:link, #bottomarrows a:visited, #bottomarrows a:active {border-bottom: 0;}

#searcharrows a:link, #searcharrows a:visited, #searcharrows a:active {border-bottom: 0;}
.noline a:link, .noline a:visited, .noline a:active {border-bottom: 0;}

#searchform input {font-size:14px; border:0; width:100px;}

#share {
float: right; width: 30px; margin: 0px 20px 5px 20px;
}

#searchdesktop {
margin-left: 15px;
}

#searchmobile {
display: none;
}

#toptable {
margin: 0 auto; padding-left:45px;
}


#share a:link, #share a:visited, #share a:active {border-bottom: 0;}

textarea:focus, input:focus{
    outline: none;
}

#leftarrow {position: fixed; left: 50%; top: 80px; margin-left:-450px;}
#leftarrow a:link, #leftarrow a:visited, #leftarrow a:active {border-bottom: 0;}

#rightarrow {position: fixed; right: 50%; top: 80px; margin-right:-450px;}
#rightarrow a:link, #rightarrow a:visited, #rightarrow a:active {border-bottom: 0;}

.topbar {width: 100%; margin-bottom: 20px;}
.topbar a:link, .topbar a:visited, .topbar a:active {border-bottom: 0; margin: 0 15px;}



#origin {
float: left; margin-left: 40px;
}

    
        figure {
            z-index: 9;
            pointer-events: none;
            margin: 0;
            position: absolute;
            width: 66px;
            height: 33px;
            }  
           
		figure a:link, figure a:visited, figure a:active {
			border-bottom: 0;
			}


        figure:hover {
            background: rgb(0,0,0);
            background: linear-gradient(20deg, rgba(0,0,0,0) calc(43% - 1px), rgba(2,0,36,1) 43%, rgba(0,212,255,0) calc(43% + 1px));
            cursor: pointer;
            z-index: 10;
            margin: -2px 0 0 -4px;    
            }    
        
        figure img {
            pointer-events: auto;
            margin: 0px;
            width: 8px;
            height: 8px;
            border: 2px solid #f2f2f2;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            background-size: auto 8px;
            background-position: center;
            } 
            
        figure:hover img {
            width: 16px;
            height: 16px;
            border: 2px solid white;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            background-size: auto 16px;
            }
            
        figcaption {
                display: none;
                position: absolute;
                left:60px;
                top:30px;
                white-space: nowrap;
                padding:4px 10px;
                background: #f2f2f2;
                text-align: center;
                font-family: Helvetica;
                font-size: 14px;
                border: 1px solid black;
                letter-spacing: 1px;
            } 
            
        figure:hover figcaption {
                display: block;
            } 
            
        #nav {
			display: none;
            position: relative;
            line-height: 150%;
            width: 100vw;
            height: 300px;
            background: #f2f2f2;
            border-bottom: 20px solid white;
            }
            
        #recentlist{
            float: left;
            margin: 20px 0 0 calc(50% - 450px);
			z-index: 9;
            }

		.recentflag{
			clear: both;
			float: left;
			margin: 10px 10px 0 0;
			width: 16px;
			height: 16px;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			box-shadow: 0 0 4px rgba(0, 0, 0, .8);
			-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
			-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4);
			}

		.recenttitles {
			margin: 8px 0 0 0;
			float: left;
			white-space: nowrap;
			overflow: hidden;
			}
            
		.recenttitles a:link, .recenttitles a:visited, .recenttitles a:active {
			border-bottom: 0;
			}


        #map {
            position: absolute;
            left: calc(50% - 185px);
			z-index: 2;
            width: 635px;
            height: 300px;
            background-image: url("https://www.radioatlas.org/worldmap3.png");
            background-size: cover;
            }    
            



@media screen and (max-width: 1000px) {
#nav {border-bottom: 0px; width: 100vw; margin: 0;}
#recentlist {margin: 20px 0 0 25px;}
#map {display: none;}
#searchdesktop {display: none;}
#searchmobile {display: block; margin: auto; width: 200px; padding: 0 0 20px 75px;}
#nav {background-image: none;}
.topbar {margin-bottom: 0;} 
#contact {display: none;}
#toptable {padding-left:0px;}
}