* {
	padding:0;
	margin:0;
}
*, *:before, *:after {
  box-sizing: border-box;
}
body {
	font-family: "Courier New", Courier, monospace;
    padding-bottom: 500px;
}
a:link {
    color:#000000;
    background-color:transparent;
    text-decoration:none;
}
a:visited {
    color:#000000;
    background-color:transparent;
    text-decoration:none;
}
a:hover {
    color:#526666;
    background-color:transparent;
    text-decoration:none;
}
a:active {
    color:#526666;
    background-color:transparent;
}
p { 
    padding-bottom: 1em; 
}
h1 {
	text-transform: lowercase;
}
#empty {
	width:100%;
	height: 1400px;
}
#header {
    float: left;
	width: 100%;
	padding: 1% 0% 0% 1%;
	position: relative;
	bottom: 0px;
	background-color: #FFFFFF
}
#title {
    float: left;
	width: 20%;
    padding: 0% 0% 0% 0%;
	text-transform: uppercase;
	font-size: xx-large;
}
#nav {
    float: left;
	width: 80%
}
#nav  a{
   display: block;
   float: left;
   width: 16.66%;
   text-transform: lowercase
}
#nav img{
	width: 40px;
	margin: 0% 0% 0% 0%;
}

#picture img{
	float: center;
	width: 50%;
}

#music {
    float: left;
	width: 100%;
	padding: 0% 20% 0% 20%;
	max-width: 100%;
}
#blog {
    float: center;
	width: 100%;
	padding: 5% 20% 0% 20%;
}

.tune {
    width: 100%;
	margin: 0% 0% 3% 0%;
}
.blogentry {
	width: 100%;
	float: left;
}
.bdate{
	background-color: white;
}
.btext {
	padding: 2% 2% 2% 2%;
	width: 100%;
	float: left;
	margin-bottom: 2%;
	background-color: white;
}
.bimg{
	float:left;
	width: 40%;
}
.bimg img{
	width: 70%;
	padding: 2% 2% 2% 2%
	float: left;
}
.contact {
	padding: 0% 0% 0% 0%;
	width: 100%;
	float: center;
}
.contact img{
	width: 40px;
	margin: 0% 3% 0% 0%;
}

/* MEDIA QUERIES*/
@media only screen and (max-width : 1366px),
only screen and (max-device-width : 1366px){

}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){

}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){

}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){

}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	#blog{padding: 5% 0% 0% 0%;}
	#body{background-size: 100%;}
	.blogentry {width: 85%;}
	.blogentry img{width: 90%;}
	#title {width: 100%;}
	#title{font-size: xx-large;}
	#nav {width: 100%}
	#empty {width:100%;}
	#empty{height: 330px;}
	.contact img{width: 40px;}
}