/* jdillinger - joanne@joannedillinger.com */

body {
	background: url(img/bg.jpg) top left repeat-x #1f2324; 
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
p.copy, li.copy { font-family: Arial, sans-serif; 
				  font-size: 12px; 
				  font-weight: normal; 
				  color: #464646; 
				  margin: 0;
				  padding: 0; 
				  text-align: left;
				  line-height: 1.3em; }
				  
li { font-family: Arial, sans-serif; 
				  font-size: 12px; 
				  font-weight: normal; 
				  color: #464646; 
				  margin: 0;
				  padding: 0; 
				  line-height: 1.3em; }
			 
p.legalese { font-family: Arial, sans-serif; 
		     font-size: 12px; 
			 width: 940px; 
			 margin: 0;
			 padding: 10px;
			 color: #ffbd69; 
			 text-align: justify; 
			 font-size: .6em; 
			 line-height: 1.2em;}
	
.left { float: left; }
.right { float: right; }	
.space { height: 15px; }
.clear { clear: both; } 
.center { text-align: center; }

h1 { font-family: Arial, sans-serif; 
	 font-size: 20px; 
	 margin: 10px 0 0 0; 
	 padding: 0; 
	 color: #f7f8f0; 
	 text-align: left; }
	 
h2 { font-family: Arial, sans-serif; 
	 font-size: 16px; 
	 margin: 10px 0 0 0; 
	 padding: 0; 
	 color: #464646; 
	 text-align: left; }
	 
img { border:none; }

a img { border: 0; }

a { color: #009999; font-weight: normal; text-decoration: underline; }
a:hover { text-decoration: none; font-weight: normal; color: #ff7400; }

fieldset { border: 2px solid #000; padding: 10px; }
	
	
#contentBox { width: 960px;
 			  height: 320px;
 			  margin: 0 auto 0 auto;
 			  padding: 0;
 			  text-align: center;
			  position: relative;
			  top: 10px; left: 30px; }
			  
#mast { background: url(img/mast.png) top left no-repeat;
		width: 906px;
		height: 79px;
		margin: 55px auto 0 auto;
		padding: 0;
		text-align: center; }
			
a#main {
  display: inline-block; 
  width: 906px;
  height: 79px;
  position: relative;
  top: 0; left: 0; 
}
a#main span { display: none; }

#header { background: url(img/header.jpg) top left no-repeat; 
			  width: auto;
			  height: 295px;
			  margin: 0;	
			  padding: 0;
			  position: relative;
			  top: 8px; left: 0px; }
			  
#punk { background: url(img/punk.png) top left no-repeat; 
			  width: 1001px;
			  height: 294px;
			  margin: 0 auto 0 auto;	
			  padding: 0;
			  text-align: center;
			  position: relative;
			  top: 0px; left: -30px; }
			  
#copyBox { width: 545px;
 			  height: 300px;
 			  margin: 0 0 0 10px;
 			  padding: 10px 0 0 0;
 			  text-align: left; }
			  
#copyBox p { font-family: Arial, sans-serif; 
				  font-size: 16px; 
				  font-weight: normal; 
				  color: #f7f8f0; 
				  margin: 0;
				  padding: 0; 
				  text-align: left;
				  line-height: 1.3em; }
				  
#buttons { width: 345px;
 			  height: 295px;
 			  margin: 0 0 0 5px;
 			  padding: 20px 0 0 0;
 			  text-align: center; }
			
a#coverartBTN { 
  background: url(img/coverartBTN.png) top left no-repeat; 
  display: inline-block; 
  width: 342px;
  height: 141px;
  position: relative;
  top: 0; left: 0;
}
a#coverartBTN span { display: none; }

a#webdesignBTN { 
  background: url(img/webdesignBTN.png) top left no-repeat; 
  display: inline-block; 
  width: 342px;
  height: 141px;
  position: relative;
  top: 10px; left: 0;
}
a#webdesignBTN span { display: none; }

a#cv-hi { 
  background: url(img/cv-hi.png) top left no-repeat; 
  display: inline-block; 
  width: 145px;
  height: 64px;
  position: relative;
  top: 20px; left: 0;
}
a#cv-hi span { display: none; }

a#cv-lo { 
  background: url(img/cv-lo.png) top left no-repeat; 
  display: inline-block; 
  width: 145px;
  height: 64px;
  position: relative;
  top: 20px; left: 10px;
}
a#cv-lo span { display: none; }

a#email { 
  background: url(img/email.png) top left no-repeat; 
  display: inline-block; 
  width: 145px;
  height: 64px;
  position: relative;
  top: 20px; left: 20px;
}
a#email span { display: none; }

#icons { width: 315px;
 			  height: 86px;
 			  margin: 0 0 0 5px;
 			  padding: 0;
			  position: relative;
  			  top: -20px; left: 0; }

a#linkedin { 
  background: url(img/linkedin.png) top left no-repeat; 
  display: inline-block; 
  width: 102px;
  height: 86px;
  position: relative;
  top: 0px; left: 0;
}
a#linkedin span { display: none; }

a#fb { 
  background: url(img/fb.png) top left no-repeat; 
  display: inline-block; 
  width: 102px;
  height: 86px;
  position: relative;
  top: 0px; left: 0;
}
a#fb span { display: none; }

a#twitter { 
  background: url(img/twitter.png) top left no-repeat; 
  display: inline-block; 
  width: 102px;
  height: 86px;
  position: relative;
  top: 0px; left: 0;
}
a#twitter span { display: none; }

#footer { background: url(img/footer.jpg) top left repeat-x #fff;
	      width: 100%;
	      height: 287px; 
	      margin: 20px 0 0 0;
	      padding: 0;
	      text-align: center;
	      }  
			  
#footer-nav { width: 940px;
 		     height: auto;
 		     margin: 0 auto 0 auto;
 		     padding: 20px 0 0 0;
			 text-align: center;
 		      }
			  
#footer-nav p { font-family: Arial, sans-serif; 
				  font-size: 12px; 
				  font-weight: normal; 
				  color: #f7f8f0; 
				  margin: 0 auto 0 auto;
				  padding: 0; 
				  text-align: left;
				  line-height: 1.3em; }
				  
#footer span { font-family: Arial, sans-serif; 
		     font-size: 10px;
			 margin: 0;
			 padding: 0;
			 color: #ffa840; 
			 line-height: 1.2em;}
				  
a.foo { color: #ffa840; font-weight: normal; text-decoration: none; margin-left: 40px; }
a.foo:hover { text-decoration: underline; font-weight: normal; color: #ffa840; }