html, body { width: 100%; height:100%; font-size: 62.5%; }

			body {
				font-size: 18pt;
				font-family: Garamond, Times New Roman, Arial, serif;
				background: url(); 
				background-attachment: fixed; 
				background-position: center; 
				background-repeat: repeat; 
				background-color: #2b1b2c; 
				margin: 0px; 
				
				}
			

			h1 {
				margin: 10px 0px 10px 0px;
				padding: 0px;
				text-align: center;
				font-size: 2.5em;
				color: #f1f1f1;
				font-weight: 100; 
				}

			h2 {
				margin: 0px 0px 10px 0px; 
				text-align: center;
				font-size: 1.8em;
				color: #f1f1f1; 
				font-weight: 100; 
				}

			h3 {
				margin: 0px 0px 10px 0px; 
				text-align: center;
				font-size: 1.5em;
				color: #f1f1f1; 
				font-weight: 100; 
				}
				
			a, a:active, a:visited { color: inherit; text-decoration: none; }

			p { text-align: left; color: #f1f1f1; }
			
			
			
			.primary { width: 100%; max-width: 480px }
			
			.w1, .w2 { width: 100%; }
			
			.w2 { margin: 5px; }
			
			.wing { display:inline }
			
			
			
			.wrap {
				width: 100%;
				max-width: 1024px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 10px;
				text-align: center;
				
			}
			
			.stuffwrap {
				width: 100%;
				padding: 0px 10px;
				max-width: 560px;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				font-size: 0.8em;
				float: center;
			}
			

			.widget_iframe { text-align: center;  }
			
			.social {
				width: 12.5%;
				text-align: center;
				float: center;
				display: inline;
				padding: 0.5em 0.2em 0em 0.2em;
			}
			
			.socialwrap {
				width: 96%;
				max-width: 780px;
				padding: 0px 0px 60px 0px;
				margin: 0 auto 60 auto; 
				text-align: center;
				float: center;
			}
			
			.socialwrap p { text-align: center;	}

			
			.inner { padding: 0.3em; }
			
			.profilepic { width: 90%; max-width: 400px; text-align: center}
			
			
			.shirt { width: 96%; max-width: 480px; margin: 10px 0px; border-radius: 20px; }
			
			
			.column	a img { display: inline; float: center; }
			
			.column mainpic { display:inline-block; max-width: 480px; width: 100%; height: auto; margin-bottom: 10px; }

			.column minipic { display:inline-block; max-width: 60px; width: 100%; height: auto; margin-bottom: 10px; }

			.bigish { font-size: 1.2em; }
			.big { font-size: 1.5em; }

			
			.column {max-width: 480px; width: 100%; text-align: center;  display: inline-block; margin: 0px 0px 10px 0px; color: #f1f1f1; }
			
			.youtube {max-width: 560px; width: 100%; text-align: center;  display: inline-block; margin: 0px 0px 20px 0px; color: #f1f1f1; }
			.bandcamp {max-width: 480px; width: 100%; text-align: center;  display: inline-block; margin: 0px 0px 20px 0px; color: #f1f1f1; }
			
			
			.bandpic img { max-width: 60px;	 }

			
					
			
			@media screen and (min-width:780px) { .w2 { width: 28%; display:inline-block; margin: 1%; }    }
			@media screen and (min-width:780px) { .port2 { width: 40%; display:inline-block; }    }
			@media screen and (min-width:780px) { .wing2 { display:none }	}
			@media screen and (min-width:780px) { .profilepic2 { width: 50%; max-width: 400px; float: right} }
			
			
			
			@media screen and (max-width:800px) { .wing { display:none }	}
			

			@media screen and (max-width:779px) { .socialwrap { max-width: 280px; }	}
			@media screen and (max-width:779px) { .longlink { font-size: 0.7em } 	}
			@media screen and (max-width:779px) { .profilepic2 { width: 90%; max-width: 400px; } }
			@media screen and (max-width:779px) { .w2 { width: 90%; } }

			@media screen and (max-width:479px) { .column img { max-width: 360px; }	}
			@media screen and (max-width:479px) { .column { display:inline-block; max-width: 560px; } }
			@media screen and (max-width:479px) { .youtube { display:inline-block; max-width: 560px; } }
			@media screen and (max-width:479px) { .bandcamp { display:inline-block; max-width: 320px; } }

			


.youtube-container {position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }
.youtube-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%; }



.social a:link    {opacity: 0.8}
.social a:visited {opacity: 0.8}
.social a:active  {opacity: 1.0}
.social a:hover   {opacity: 1.0}
			
A.link:link    {color: #f1f1f1; text-decoration: none}
A.link:visited {color: #f1f1f1; text-decoration: none}
A.link:active  {color: #f1f1f1; text-decoration: none}
A.link:hover   {color: #f1f1f1; text-decoration: underline}

A.link1:link 	{color: #f1f1f1; text-decoration: none}
A.link1:visited {color: #f1f1f1; text-decoration: none}
A.link1:active  {color: #f1f1f1; text-decoration: none}
A.link1:hover   {color: #ff7f00; text-decoration: none}

A.link2:link    {color: #ff7f00; text-decoration: none}
A.link2:visited {color: #ff7f00; text-decoration: none}
A.link2:active  {color: #ff7f00; text-decoration: none}
A.link2:hover   {color: #2bd948; text-decoration: underline}

A.link3:link    {color: #DC125E; text-decoration: none}
A.link3:visited {color: #DC125E; text-decoration: none}
A.link3:active  {color: #DC125E; text-decoration: none}
A.link3:hover   {color: #f1f1f1; text-decoration: underline}

A.link4:link    {color: #ff7f00; text-decoration: none}
A.link4:visited {color: #ff7f00; text-decoration: none}
A.link4:active  {color: #ff7f00; text-decoration: none}
A.link4:hover   {color: #f1f1f1; text-decoration: none}