@font-face {
	font-family: 'AirstreamRegular';
	src: url('/fonts/Airstream-webfont.eot');
	src: local('_'), url('/fonts/Airstream-webfont.woff') format('woff'), url('/fonts/Airstream-webfont.ttf') format('truetype'), url('/fonts/Airstream-webfont.svg#webfont5LNZeunl') format('svg');
	font-weight: normal;
	font-style: normal;
}

header, footer, nav, section, article { 
 display:block; 
}

body{
 font-family:"AirstreamRegular";
 font-size:100%;
 background:#000;
 color:#BBD205;
}

#bgimage{
 position:absolute;
 z-index:-1;
}

#bg{
 position:fixed;
 z-index:-1;
 width:100%;
 height:inherit;
}

header{
 position:absolute;
 right:5%;
 top:25%;
}

h1{
 font-size:4em;
}

h1 a{
 text-shadow:
 2px 2px 0 rgb(220,0,0),
 0px 0px .2em rgba(187,210,5,.6);
}

h1 a:hover{
 text-shadow:
 1px 1px 0 rgb(220,0,0),
 0 0 .2em rgba(187,210,5,.9);
}

h1 a, nav a, #twitter_div a{color:#BBD205;text-decoration:none;}

nav{
 font-size:1.5em;
 background:url(images/black50.png);
 position:absolute;
 line-height:1.5em;
 width:100%;
}

nav li{
 float:left;
 margin:0 10px;
}

nav a:hover, nav a:focus, #twitter_div a:hover, #twitter_div a:focus, footer a:focus, h1 a:focus{
 border-bottom:solid 4px #BBD205;
}

footer{
 position:absolute;
 bottom:5%;
}

footer li{
 float:left;
 margin:0 5px;
}

#twitter_div{
 position:absolute;
 right:5%;
 font-size:1.2em;
 color:#F5EAE4;
 top:5px;
 display:none;
}

#twitter-link{display:none;}

article{
 position:absolute;
 top:50px;
 left:5px;
}

#albums{padding:15px;}

#gplus{
 padding:15px 15px 0;
 width:75px;
 position:absolute;
 top:1px;
 right:5%;
 overflow:hidden;
}

@media screen and (max-width:900px) {
 h1{font-size:3em;}
 header{top:15%;}
}

@media screen and (max-width:850px) {
 #twitter_div{bottom:1%;}
}

@media screen and (max-width:750px) {
 footer img{height:40px;}
 #albums{bottom:15%;position:absolute;}
 #albums li{float:left;padding:5px;}
 #albums img{width:64px;}
} 

@media screen and (max-width: 650px) {
 h1{font-size:2em;}
 nav{font-size:1.2em;}
}

@media screen and (max-width: 500px) {
 nav{font-size:1.1em;}
 header{top:10%;}
}

@media screen and (max-width: 480px) {
 footer{position:relative;bottom:1%;}
 footer img{height:30px;}
 header{position:relative;margin:0 auto;width:100%;top:0;left:0;}
 h1{font-size:2em;line-height:2em;}
 nav{font-size:1em;position:absolute;}
 nav li{margin:0 4px;}
 #bgimage, #bg{position:relative;}
}