/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 13px; color: #565656; font-family: 'Helvetica Neue', helvetica, sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
h2 { color: #646464; font-size: 1.4em; margin-bottom: 0.5em;}
h3 { color: #000; }
a, img { outline: none; border:none; color: #000; text-decoration: none;}
a:hover { background-color:#ff951b; color:white; }
h3:hover { background-color:#ff951b; color:white; }
p { margin: 0 0 10px; font-size: 1.2em; line-height: 170%;}
aside { font-size: 12px; padding-top: 10px;}
aside p { font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

	
/* Structure */

#lineheight {
	line-height: 170%;
}


#headerwrapper {
	max-width: 1280px;
	margin: auto;
	padding: 1%;
	height: 50px;
	
}

#indexthreeimages {
	/* inline-block allows the images to stand next to each other, horizontally, rather than stacked vertically */
	display:inline-block;
	width: 30%;
	padding: 0.7%;
}


#wrapper {
	width: 96%;	
	max-width: 920px;
	margin: auto;
	}

		#indexbanner {
		width: 100%;
		float: left;
		padding-bottom:5%;
		}
	
	#mainfull {
		width: 100%;
		margin-right: 5%;
		float: left;
		padding-bottom:5%;
		}
		
	#mainfullnopadding {
		width: 100%;
		margin-right: 5%;
		float: left;
		padding-bottom: 1%;
		}

	#main {
		font-size: 95%;
		width: 60%;
		padding-top: 10px;
		padding-top: 20px;
		float: left;
		padding-bottom:5%;
		
		}		
		
	#main p {
		padding-bottom: 10px;
	}
		
	aside {
		width: 35%;
		padding-top: 20px;
		float: right;
		}
		
	#tagline {
		text-align: center;
		padding: 7%;
		font-family: 'Helvetica Neue', helvetica, sans-serif;
		font-size: 30px;
		color: black;
		letter-spacing: 2px;
	}
		
	#footercontainer {
		width: 100%;
		background-color: #d9d9d9;
		float: left;
		}
	
	#footer {
		color: #797979;
		padding-top:5%;
		padding-bottom: 1%;
		text-align: center;
		font-size: 0.8em;
	}
	

/* Logo H1 */
header h1 {
	height: 100px;
	width: 225px;
	float: left;
	display: block;
	
	}
		
/* Nav */
header nav {
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	margin-top: 40px; 
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}
	
	header nav li a {
		padding: 10px;
	}


/* Banner */			

#banneraboutme {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	
}

#banneraboutme img {
	display:none;
	width: 100%;
}

#banner {
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

#banner img {
	width: 100%;
}

/* Content styles */

#active {
	color:#ff951b;
}

#miniheader {
	font-size: 15px; 
	text-transform: uppercase;
	color: #000;
	background-color:#ff951b; color:white;
	padding: 0.6%;
}

#miniheaderaside { 
	text-transform: uppercase;
	color: #000;
	background-color:#ff951b; color:white;
	padding: 1%;
}

#miniheaderblue {
	font-size: 15px; 
	text-transform: uppercase;
	color: #000;
	background-color:#369af6; color:white;
	padding: 0.6%;
}

#miniheadergreen {
	font-size: 15px; 
	text-transform: uppercase;
	color: white;
	background-color:#a0db17;
	padding: 0.6%;
}

#miniheadergreenlighter {
	font-size: 15px; 
	text-transform: uppercase;
	color: #8ab722;
	background-color:rgba(160,219,23,0.25);
	padding: 0.6%;	
}

#toppadding {
	padding-top: 10px;
}

#bottompadding {
	padding-bottom: 10px;
}

#aboutmecontent {
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

#spaced {
	letter-spacing: 1px;
}



/* Media Queries */

@media (max-width: 600px) {

  	header h1 {
	float:none;
	height: 100px;
	width: 225px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

	#skipTo {
		display: block;
		}
	
	header nav, #main, aside {
		font-size:13px;
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}
				
	#footer {
		font-size: 0.8em;
	}	
	
	#main {
		padding-bottom:4%;
	}
	
	#mainfull {
		padding-bottom:4%;
	}
	
	#toppadding {
		text-align: center;
	}
	  
	.lastfm-profile {
		text-align: center;
	}
}