@charset "utf-8";

/*=====  AREA : PRIMARY  ===============*/

#primary > section { width:500px; }


/*=====  AREA : POST  ===============*/

.post h1, .post h1 + p { margin:.3em 0; }
.post form { margin:2em 1em; }
.post label {
	display: block;
	font-weight:600;
	color:#006666;
}
.post input[type="text"], .post input[type="email"], .post textarea {
	display:block;
	width:95%;
	height:1.7em;
	margin:.3em 0;
	border:1px solid #CCC;
	-webkit-border-radius:.2em;
	-moz-border-radius:.2em;
	border-radius:.2em;
	font-size:1.1em;
	line-height:1.7em;
	text-indent:.3em;
}
.post input[type="text"], .post input[type="email"], .post textarea {
	outline-color:#338585;
}
.post textarea {
	height:auto;
	line-height:normal;
}
.post input + label, .post textarea + label {
	margin-top:.7em;
}
.post button[type="submit"] {
	margin:1em 0;
	border:1px solid #CCC;
	padding:.2em 1.2em;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	white-space:nowrap;
	font-weight:600;
	font-size:1.0em;
	line-height:1.7em;
	text-shadow:0 -1px 1px rgba(0,0,0,.4);
	background:#e5e5e5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}
.post button[type="submit"]:hover {
	color:#FFF;
	background: #338585; /* Old browsers */
	background: -moz-linear-gradient(top,  #338585 0%, #006666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#338585), color-stop(100%,#006666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #338585 0%,#006666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #338585 0%,#006666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #338585 0%,#006666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #338585 0%,#006666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338585', endColorstr='#006666',GradientType=0 ); /* IE6-9 */
}


/*=====  ERROR MESSAGE  ===============*/

.error {
  /* supply height to ensure consistent positioning for every browser */
  height:1.4em;
  padding:.2em .7em;
	z-index:15;
  -webkit-border-radius:.2em;
  -moz-border-radius:.2em;
	border-radius:.2em;
  font-size:.8em;
	line-height:1.3em;
  color:#fff;
	text-shadow:0 -1px 1px rgba(0,0,0,0.5);
  background-color:#338585;
}
.error p {
    margin:0;
		padding:0;
}
.error em {
  display:block;
  width:0;
  height:0;
  border:10px solid;
  border-color:#338585 transparent transparent;
  /* positioning */
  position:absolute;
  bottom:-17px;
  left:10px;
}

/*=====  MEDIA QUERIES  ===============*/

@media all and (max-width: 499px) {
	#primary > section { width:90%; }
}
@media screen and (max-width:534px) and (orientation:landscape) {
	.post h1 { margin-top:1.5em; }
}
@media screen and (max-width:320px) and (orientation:portrait) {
	.error {
		width:13em;
		height:2.8em;
	}
}

/*=====  END OF CODE  ===============*/