@charset "UTF-8";
/* CSS Document */

div#contactme {
	background:#ccc;
	width:450px;
	
	padding:20px 0 20px 50px;
	border:1px solid #777;
	font-size:10px;
	color:#111; /* yes, specify colors even if they are the default */
	/*border-radius:20px;*/
	box-shadow:2px 2px 2px rgba(0,0,0,0.3); /*this is a nice default box shadow for most functions */
	/*position:absolute;
	margin-top:-130px;
	margin-left:500px;*/
	margin-bottom:20px;
			-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;

}

fieldset#emailer {
	border:none; /*we get rid of the border here and put the padding on the form div, so the rounded corners include the buttons too*/
}

#emailer label {
	position:absolute; /*gets the labels out of the flow */
	font-size:9px;
	padding-top:5px;

}

#emailer input {
	margin-left:85px;
	margin-bottom:8px;
	width:305px;
	padding:4px;
	border:1px solid #666;
	border-radius:5px;
	background:#eee;
}

#emailer textarea {
	background:#eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:388px;
	height:200px;
	padding:5px;
	border:1px solid #666;
	border-radius:5px;
}

#emailer input:hover,
#emailer textarea:hover {
	background:#fff;
}

#emailer input:focus,
#emailer textarea:focus {
	border:1px solid #d54e21; /*keep the border the same size as un-focused, or you'll get shifting. Outline would work, but won't preserve the rounded corners */
	background:#fff;
	box-shadow:0 0 2px 1px #d54e21;
}

div#buttons {
	text-align:center;
	padding-top:20px;
}

#buttons input {
	border:none;
	background:#666;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	border-radius:5px;
	margin:0 2px;
}

#buttons input:hover {
	cursor:pointer;
	background:darkred;
}