/*
	Sliding labels is open source code by Tim Wright of CSSKarma.com
	Use as you see fit, I'd like it if you kept this in the code, but 
	basically share it and don't be a jerk.
	
	Support:
	http://www.csskarma.com/blog/sliding-labels
*/

#respond form,
.submit-form form                        { padding:20px 0 20px 100px;width:412px;margin:auto;background:#cde6fc;border:1px solid #4F8BBF; }
#respond #name-wrap,
#respond #email-wrap,
#respond #url-wrap,
#respond #comment-wrap,
.submit-form #name-wrap,
.submit-form #email-wrap,
.submit-form #url-wrap,
.submit-form #comment-wrap				{ clear:both;position:relative;margin:0 0 10px; }

#respond label,
.submit-form label                       { cursor:pointer;display:block; }

#respond label.error,
.submit-form label.error					{ float: right; width: 80px; padding-top: 7px; text-align: left; color: #F00; }

#respond input[type="text"],
#respond textarea,
.submit-form input[type="text"],
.submit-form textarea                    { width:300px;border:1px solid #4F8BBF;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px; }

.submit-form #category					{ width:312px;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px; color: #666; }	

#respond input[type="text"]:focus,
.submit-form input[type="text"]:focus    { border-color:#777; }

#respond input[name="zip"],
.submit-form input[name="zip"]           { width:150px; }

/* submit button */
#respond input[type="submit"],
.submit-form input[type="submit"]        { cursor:pointer;border:1px solid #4F8BBF;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#eee; font-weight: bold; margin-left: 260px; }

#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus,
.submit-form input[type="submit"]:hover,
.submit-form input[type="submit"]:focus  { border-color:#333;background:#ddd; }

#respond input[type="submit"]:active,
.submit-form input[type="submit"]:active { margin-top:1px; }