@font-face {
    font-family: 'bauhaus';
    src: url('bauhs93-webfont.woff2') format('woff2'),
         url('bauhs93-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#closebutton {width:23px;height:23px;vertical-align:baseline;}

body{background-color:black; color:#ccc; font-size:16px;font-family: 'Verdana', 'Arial', sans-serif;}
button, input, optgroup, select, textarea {color: black;}

.w3-sidenav a {padding:16px;font-weight:bold}

.w3-main {padding:0}

body{margin-top:50px;}

.menu {
width:100%;
height:50px;
display:block;
position:absolute;
top:0;
left:0;
font-size:150%;
color:white;
padding: 5px 10px;
}
.footerlinks
{font-size:130%;
font-weight:900;
padding:20px 0 40px;
text-align:center;
}

.footerlinks div{
display:block;
clear: both;
text-align:center;
width:100%;
margin: 0 auto;
padding: 20px 5%;
}
.footerlinks div a{text-decoration: none;padding:10px 5px;margin 5px 0;transition: all 0.2s ease;border: 1px solid white;border-radius:10px;}

#footerstart{width:100%;padding-left:0;padding-right:0}
#footerstart>a{font-size:80%!important}

.word {width:100%;text-align:center;float:none;display:block;font-size:200%;font-weight:bolder}
.wordheader {width:100%!important;text-align:center!important;line-height:1.2;font-size:250%!important;font-weight:100!important;font-family: 'bauhaus';
    text-shadow: 1px 2px 3px #fff, 0 0 0 #000;
}

.lyric {
 float:none;
 display:block;
 text-align:center;
 font-size:75%;
 font-weight:normal;
 line-height:1.6;
}
}
.lyric a {color: #000;}
.lyric a:hover {color: #fff;}

.definition {
background: #141b39;
padding: 0.01em 16px;
overflow:auto;
border-radius:0;
}

.nav {font-size:110%;
position:absolute;
top:0;
left:0;
text-align:center}
.nav>a{padding:1px  !important;}

ul{ margin-top:0!important}

.form,.formrow,.formlabel,.formfield,.formfield textarea{display:block;width:100%;margin-top:2px;margin-right:2px}
.formfield input{display:block;width:75%;}
.formlabel,.formfield {text-align:left}
.formlabel{font-weight:bold;}
.formfield{padding-bottom:10px;}
input[type=submit]{
padding:5px 20px; 
margin: 20px 0;
font-size:150%;
}
input[type=submit],input[type=button]{
color:white;
background-color:black;
border:1px solid white;
font-weight:bold;
transition: all 0.2s ease;
border-radius: 10px;
}
input[type=button]{
padding: 5px 10px;margin:3px
}

input[type=submit]:hover,input[type=button]:hover,.footerlinks div a:hover{
background-color:#ccc;
color:#fff;
}
.ebaylarge>div,.ebaymedium>div,.ebaysmall>div{width:100%;margin: 0 auto!important;}
.amazon>div>div{margin: 0 auto!important}
.ebaylarge{display:none}
.ebaymedium{display:none}
.ebaysmall{display:block}

@media screen and (min-width:601px) {
.addthis_sharing_toolbox{padding-top:15px!important}
.ebaylarge{display:none}
.ebaymedium{display:block}
.ebaysmall{display:none}

.footerlinks{font-size:150%;}
.footerlinks div a{padding:10px}
#footerstart>a{font-size:inherit!important}

#closebutton{width:27px;height:27px;}
.nav {font-size:130%}
.nav>a{padding: 5px !important;}
.word {font-size:170%;float:left;display:inline;width:auto;text-align:left;}
.lyric {float:right; display:inline; text-align:right;}
.w3-main {padding:20px;}
.stripe {
border-top-left-radius:20px!important;
border-top-right-radius:20px!important;
}
.header .stripe {
border-top-left-radius:40px!important;
border-top-right-radius:40px!important;
}
.definition {
border-bottom-left-radius:20px!important;
border-bottom-right-radius:20px!important;
}
.header .definition {
border-bottom-left-radius:40px!important;
border-bottom-right-radius:40px!important;
}

}
@media screen and (min-width:768px) {
.ebaylarge{display:block}
.ebaymedium{display:none}
.ebaysmall{display:none}
.wordheader{font-size:300%!important;line-height:1.5}
.footerlinks div{display:inline; padding: 30px 5%}
.form {display:table;width:100%}
.formrow {display:table-row;}
.formlabel {display:table-cell;vertical-align:top;width:auto;padding-right:10px;}
.formfield {display:table-cell;width:100%;}
.formfield input{width:50%;}
}

@media screen and (min-width:992px) {
.nav>a{padding: 10px 5px !important;}
body{margin-top:0;}
.w3-main{padding-left:10px!important}
#navlogo{padding-top:20px!important}
}

.letter {
display:inline-block!important;
width:40px;
text-align:center!important;
white-space: nowrap;
}
.wide {width:63px!important}

p a,li a {color:#ccc;font-weight:bold;}
p a:visited,li a:visited {color: #999;}
p a:hover,li a:hover{color: #fff}
.definition img {float:right; margin:0 0 10px 10px; width:33%;}

.container,.header {margin-bottom:20px;}
.stripe {
vertical-align: middle;
 background: #bbb url(images/bar2.jpg);
 color:#000;
 display: inline-block;
 width: 100%;
padding: 0.1em 16px;
border-radius:0;
}


.amzn-native-header-text {
font-size: 100%;
color: white;
font-weight:bold;
}
.amzn-native-search-bar-content {
width:100%!important;
}