@font-face {
    font-family: 'special_eliteregular';
    src: url('specialelite-webfont.eot');
    src: url('specialelite-webfont.eot?#iefix') format('embedded-opentype'),
         url('specialelite-webfont.woff') format('woff'),
         url('specialelite-webfont.ttf') format('truetype'),
         url('specialelite-webfont.svg#special_eliteregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
        margin : 0px;
        padding: 0px;
        background: #ebddbb;
        color: #000000;
        /* font-size: 0.95em; */
        font-size: 15px;  
        font-family: 'special_eliteregular';
        background-image: url('../images/paperbackground.jpg');
        background-repeat: repeat;
    }

a:link {
color:#074770;
}

a:hover {
color:#338bc3;
}

a:visited {
color:#074770;
}

a:active {
color:#fffff;
}

.scrolldiv {
height:500px;
overflow-y:scroll;
}



ul {
        margin:0px;
        padding 0px;
        margin-left:0px;
        }

.whitebg {
padding:5px;
border: 1px #000000 solid;
background: rgba(255, 255, 255, 0.3);
border-radius: 6px;
margin:10px;
}

iframe.playerframe {
width:100%;
height:59px;
max-width:468px;
border-radius: 6px;
}

.bigsong {
 font-size:17px;
 font-weight:bold;
 text-align:center;
}

.plaintext {
 font-size:13px;
 font-weight:normal;
 text-align:left;
white-space: pre-wrap;
word-wrap: break-word;
}


.infobutton {
width:300px;
    padding:5px 5px; 
    background:#cbcbcb;
    color:#000000;
    font-family:special_eliteregular; 
    font-size:18px;
    font-weight:bold;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}


.navbar-fixed-top .nav {
    padding: 0px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 0px;
}

footer {
    padding: 10px 0;
}

.drbutton {
        background-image: url('../images/papercrumple.jpg');
        background-repeat: repeat;
border: 1px #000000 solid;
color:#000000;
font-weight: bold;
padding:4px;
opacity: 1.5;
width:100%;
}
.drbutton:hover,
.drbutton:focus,
.drbutton.focus {
        background-image: url('../images/papercrumpledark.jpg');
        background-repeat: repeat;
  color: #ffffff;
  text-decoration: none;
}
.butbottom {
    position: fixed;
    bottom: 0;
    width:55%;
}

.buttop {
    position: fixed;
    top: 0;
    width:55%;
opacity: 1.5;
}

.dylanradio-mobile { width: 314px; }
@media(min-width: 1024px) { .dylanradio-mobile { width: 468px; } }


@media(min-width:1024px) {
    body {
        padding-top: 10px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

	.container {
	padding:10px;
	}





.bigsong {
 text-align:left;
}

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}

@media(max-width:400px) {


	iframe.playerframe {
		width:314px;
		height:60px;
		}

.scrolldiv {
height:230px;
overflow-y:scroll;
}

	.container {
	padding:0px;
	margin:3px;
	}
.butbottom {
    width: 313px;
    margin: 0 auto; 
}

.buttop {
    width: 313px;
    margin: 0 auto; 
}


hr {
width:200px;
}

}