#contact-form-container {
	text-align: left; /* overrule that text-align we did for horizontal centering in older IE's */
}

.contact-container {
	background: #000;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	
	box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	-webkit-box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	-ms-box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	-o-box-shadow: -1px 2px 4px rgba(0,0,0,.08);
}
.light-scheme .contact-container {
	background: #fff;
}

#js-warning {
	padding: 20px 20px 15px;
	font-size: 17px;
	margin-bottom: 10px;
	color: #990000;
}

#contact-form {
	padding: 24px 20px 18px 20px;
	height: 260px;
	width: 310px;
	float: left;
	margin-bottom: 10px;
}

#contact-form input, #contact-form textarea {
	font-size: 12px;
	background: #111;
	padding: 14px;
	border: 0;
	outline: 0;
	width: 212px;
	color: #888;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.light-scheme #contact-form input, .light-scheme #contact-form textarea {
	background: #eee;
}
#contact-form input:focus, #contact-form textarea:focus {
	color: #ccc;
	background: #222;
}
.light-scheme #contact-form input:focus, .light-scheme #contact-form textarea:focus {
	color: #444;
	background: #e6e6e6;
}

#contact-form input.error, #contact-form textarea.error {
	background: #FBD9D9;
}


#contact-form input {
	line-height: 12px;
	margin-bottom: 10px;
}

#contact-form textarea {
	line-height: 1.4em;
	height: 82px !important;
	resize: none;
}

#contact-form label {
	color: #444;
	position: absolute;
	left: 252px;
	text-transform: uppercase;
}
.light-scheme #contact-form label {
	color: #777;
}
#name-label { top: 14px; }
#email-label { top: 66px; }
#message-label { top: 118px; }

#contact-clear, #contact-send {
	display: block;
	font-size: 15px;
	text-align: center;
	color: #777;
	width: 90px;
	height: 16px;
	padding: 9px 0;
	position: absolute;
	bottom: 20px;
	background: #222;
	cursor: pointer;
	text-transform: uppercase;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.light-scheme #contact-clear, .light-scheme #contact-send {
	color: #999;
	background: #e6e6e6;
}
#contact-clear:hover, #contact-send:hover {
	background: #333;
	color: #999;
	text-decoration: none;
	border: 0;
}
.light-scheme #contact-clear:hover, .light-scheme #contact-send:hover {
	background: #ddd;
	color: #777;
}

#contact-clear {
	left: 20px;
	border: 0;
}

#contact-send {
	left: 120px;
	border: 0;
}

#contact-status {
	position: absolute;
	left: 225px;
	top: auto;
	bottom: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	line-height: 1.1em;
}

#contact-social-icons {
	padding: 20px;
	height: 260px;
	width: 16px;
	float: left;
	margin-left: 10px;
	top: -1px;
}

#contact-text {
	padding: 1px;
	clear: both;
}

#contact-text-cont {
	margin: 19px;
	margin-bottom: -2px;
	color: #666;
	width: 376px;
}
.light-scheme #contact-text-cont {
	color: #999;
}

#contact-social-icons > a
{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	margin-bottom: 10px;
	border: 0;
}
#contact-social-icons > a:hover
{
	text-decoration: none;
	border: 0;
}

#contact-fb-icon { background-image: url('../images/icons/facebook.png'); }
#contact-tw-icon { background-image: url('../images/icons/twitter.png'); }
#contact-li-icon { background-image: url('../images/icons/linkedin.png'); }
#contact-ms-icon { background-image: url('../images/icons/myspace.png'); }
#contact-vm-icon { background-image: url('../images/icons/vimeo.png'); }
#contact-yt-icon { background-image: url('../images/icons/youtube.png'); }
#contact-fl-icon { background-image: url('../images/icons/flickr.png'); }
#contact-dg-icon { background-image: url('../images/icons/digg.png'); }
#contact-rd-icon { background-image: url('../images/icons/reddit.png'); }
#contact-su-icon { background-image: url('../images/icons/stumbleupon.png'); }
#contact-dl-icon { background-image: url('../images/icons/delicious.png'); }
#contact-rs-icon { background-image: url('../images/icons/rss.png'); }


.touch #contact-page-holder {
	left: -20px;
	margin-bottom: 20px;
}

.touch.dark-scheme #contact-page-holder input, .touch #contact-page-holder textarea { background-color: #222; }
.touch.dark-scheme #contact-form label { color: #777; }
.touch.dark-scheme #contact-text-cont { color: #aaa; }
.touch.dark-scheme #contact-clear, .touch.dark-scheme #contact-send { color: #999; }

.touch .contact-container {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}