@charset "UTF-8";

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



body {font-family: Telegrafico, Trebuchet, Sans Serif; text-align: center;}
.record {width:27.5%;float: left;margin-left:5%; margin-bottom:20px; margin-top:20px;}
img {width: 100%;margin-top:1em; margin-bottom: 1em;}
.coda {clear: both; font-family:mrs-eaves, georgia; font-size:1.5em; margin-left:5%; margin-right:5%;margin-bottom:5%;}

content {font-family:mrs-eaves, georgia; font-size:1.5em; margin-left:5%; margin-right:5%;margin-bottom:5%;}

a {color: #e74030;}

h1 {font-size:4em; display:block; background-repeat: no-repeat; width:67%; margin-left:auto; margin-right:auto;}

header {display: block;}

em {font-style: italic;}

header img {height:100px; width: auto;}

h2 {font-size:2em;margin-top:1em; margin-bottom: 1em; }
h3 {font-size:1.75em;}
h4 {font-family:mrs-eaves, georgia; font-weight:700;font-style: italic;font-size:1.25em;}

.hiddenRecord {display: block; width: 100%;background-color:#000;height:auto;}

#banner {display: block; border-bottom: 1px solid #000;padding-bottom: 10px; padding-top:10px}
#banner h2 {margin-top:0;margin-bottom:0; line-height: 1.5em;}
#banner a.logo {color: #000; text-decoration: none; background-image: url("beartrapspringlogoTrans.png"); background-repeat:no-repeat; background-position: top center; background-size: 4em; display: block;  padding-top: 4em;}
content p, blockquote {display: block; width:67%; margin-left:17%; margin-bottom:1em; }
blockquote {background-color:#efefef; padding:1em; margin-top: 1em;}
#theodosia h1 {margin-top:.5em; text-indent: -9999px; background-image: url("theodosia-logo.png"); background-size: contain; background-position: center; line-height: 3em;}
#americayana h1 {margin-top:.5em; text-indent: -9999px; background-image: url("Remaster-album-cover.jpg"); background-size: contain; background-position: center; line-height: 750%;}
#nextTime h1 {margin-top:.5em; text-indent: -9999px; background-image: url("next-time-around.jpg"); background-size: contain; background-position: center; line-height: 750%;}
#ghostcurrent h1 {margin-top:.5em; text-indent: -9999px; background-image: url("GC-IJDU-cover-1000px.jpg"); background-size: contain; background-position: center; line-height: 750%;}
#everyone h1 {margin-top:.5em; text-indent: -9999px; background-image: url("songforeveryone-cover.png"); background-size: contain; background-position: center; line-height: 750%;}

.row {display:block; clear: both;}
#player {display: block; margin-left: 17%; padding:1em;}

@media only screen and (max-width: 550px) {
    .record {width:90%;}
    h1 {font-size:3em;line-height:.8em;}
	#player, blockquote {margin-left:10%;}
	content p, blockquote {text-align:left;}
	#banner {padding-left:5%; padding-right:5%;}
	#banner h2 {line-height: 1em;
margin-bottom: .5em;}

}