@import 'reset.css';

@import 'color.css';
@import 'typography.css';
@import 'layout.css';

/* LAYOUT */
#pageContent {
  padding: 0 20px 0 140px;
  width: 800px;
}
  #pageContent h1 {
	  margin-left: 0;
	}
  #pageContent p {
	  margin: 0 0 20px 0;
    width: 440px;
  }
	#pageContent h1, #pageContent h3, #pageContent h4, #pageContent ul, #contactForm {
	  width: 440px;
	}
	#pageContent h4 {
	  margin-bottom: 20px;
	}
	#pageContent .vcard {
	  list-style-type: none;
		margin-bottom: 20px;
	}
	  #pageContent .vcard li {
	    margin-bottom: 0;
	  }
		.vcard .fn {
		  font-weight: bold;
		}
		.vcard .type {
		  font-style: italic;
		}

#contactForm {
  padding: 20px 0;
} 
  input, textarea {
    display: block;
	  margin-bottom: 20px;
  }
	input[type="text"] {
	  height: 16px;
	}
	input[type="submit"], input[type="reset"] {
	  float: left;
	  height: 20px;
	}
	#emailAddy, #senderName {
	  width: 194px;
	}
  #subject {
	  width: 434px;
	}
	#message {
	  height: 234px;
	  width: 434px;
	}
	#sendEmail {
	  margin-right: 20px;
	}
	span.success-msg, span.err-msg {}

/* TYPOGRAPHY */
input, textarea {
  font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
	span.success-msg {
		font-weight: bold;
	}

/* COLOR */
input[type="text"], textarea {
  border-color: #333;
	border-width: 1px;
  color: #666;
}
input[type="text"]:focus, textarea:focus {
  color: #000;
}
  span.err-msg {
	  color: #F00;
	}
	span.success-msg {
	  color: #066F00;
	}