/* @override http://slate.com/wp-content/themes/skeleton/formalize.css?ver=1.3 */

/* `Widths
----------------------------------------------------------------------------------------------------*/
form {
	overflow: auto;
}
.input_tiny {
	width: 50px;
}
.input_small {
	width: 100px;
}
.input_medium {
	width: 150px;
}
.input_large {
	width: 200px;
}
.input_xlarge {
	width: 250px;
}
.input_xxlarge {
	width: 300px;
}
.input_full {
	width: 100%;
}
/*
  Added via JS to <textarea> and class="input_full".
  Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
	display: block;
	padding-right: 8px;
}

/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
 border: 0;
 padding: 0;
}
 input[type="search"]::-webkit-search-decoration {
 display: none;
}
input, button, select, textarea {
	vertical-align: middle;
}
input[type="radio"], input[type="checkbox"] {
	position: relative;
	vertical-align: top;
	top: 3px;
	/* IE8, IE9, IE10 */
  top: 0\0;
  /* IE7 */
  *top: -3px;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
 input[type="radio"],  input[type="checkbox"] {
 vertical-align: baseline;
 top: 2px;
}
}

/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
 input[type="radio"],  input[type="checkbox"] {
 vertical-align: baseline;
 top: 0;
}
}

/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
 input[type="radio"],  input[type="checkbox"] {
 vertical-align: baseline;
 top: 0;
}
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
	-webkit-appearance: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	background: #ddd /*url(images/button.png)*/ repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
	background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
	border: 1px solid;
	cursor: pointer;
	color: #5c5c5c;
	/*
    Helvetica Neue present, because it works better
    for line-height on buttons than Arial, on OS X.
  */
  font: bold 14px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	outline: 0;
	overflow: visible;
	padding: 5px 15px;
	text-shadow: #fff 1px 1px 0;
	width: auto;

  /* IE7 */
  *padding-top: 2px;
 *padding-bottom: 0px;
	border-bottom-color: #cbcbcb;
	border-right-color: #c9c9c9;
	border-left-color: #c9c9c9;
	border-top-color: #d4d4d4;
}
button {
  /* IE7 */
  *padding-top: 1px;
 *padding-bottom: 1px;
}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] {
	-webkit-appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: #000;
	outline: 0;
	padding: 2px 3px;
	font-size: 13px;
	/*
    Leaving out Helvetica Neue, to not throw off size="..."
    on inputs. Arial is more reliable, on Windows and OS X.
  */
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
	height: 2.3em;

  /* IE7 */
  *padding-top: 2px;
 *padding-bottom: 1px;
 *height: auto;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
 color: #888;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
 color: #888;
}
input.placeholder_text, textarea.placeholder_text {
	color: #888;
}

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
 -webkit-box-shadow: none;
 box-shadow: none;
}
button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
	-moz-box-shadow: #6C0 0 0 5px;
	-webkit-box-shadow: #6C0 0 0 5px;
	box-shadow: #6C0 0 0 5px;
	/* for Opera */
  z-index: 1;
}
input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
select[disabled], textarea[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] {
	background-color: #eee;
}
button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled] {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	color: #888;
	cursor: default;
}
textarea, select[size], select[multiple] {
	height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
 select {
 background-image: url(images/select_arrow.gif);
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 20px;
}
 select[size],  select[multiple] {
 background-image: none;
 padding: 0;
}

  ::-webkit-validation-bubble-message {
 box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
 border: 1px solid;
 border-color: #747474 #5e5e5e #4f4f4f;
 color: #fff;
 font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
 padding: 15px 15px 17px;
 text-shadow: #000 0 0 1px;
}

  ::-webkit-validation-bubble-arrow,   ::-webkit-validation-bubble-top-outer-arrow,   ::-webkit-validation-bubble-top-inner-arrow {
 -webkit-box-shadow: none;
 box-shadow: none;
 background: #666;
 border: 0;
}
}
textarea {
	min-height: 40px;
	overflow: auto;
	resize: vertical;
	width: 100%;
}
optgroup {
	color: #000;
	font-style: normal;
	font-weight: normal;
}
/* `IE6
----------------------------------------------------------------------------------------------------*/

/*
  Everything below this line is for IE6.
  Delete it if you don't support it! :)

  Classes are added dynamically via JS,
  because IE6 doesn't support attribute
  selectors: .ie6_button, .ie6_input, etc.

  Note: These style rules are somewhat
  duplicated because IE6 bombs out when
  it sees attribute selectors. Example:

  .ie6_button {
    This works in IE6.
  }

  .ie6_button,
  input[type=submit] {
    This doesn't work.
  }
*/

.ie6_button, * html button {
	background: #ddd /*url(images/button.png)*/ repeat-x;
	border: 1px solid;
	border-color: #ddd #bbb #999;
	cursor: pointer;
	color: #333;
	font: bold 12px/1.2 Arial, sans-serif;
	padding: 2px 10px 0px;
	overflow: visible;
	width: auto;
}
* html button {
	padding-top: 1px;
	padding-bottom: 1px;
}
.ie6_input, * html textarea, * html select {
	background: #fff;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: #000;
	padding: 2px 3px 1px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	vertical-align: top;
}
* html select {
	margin-top: 1px;
}
.placeholder_text, .ie6_input_disabled, .ie6_button_disabled {
	color: #888;
}
.ie6_input_disabled {
	background: #eee;
}
