/* Font Settings
----------------------------------------------------------------------------------------------------*/
body, button, input, select, textarea { font: 12px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #242424; }
p, blockquote, q, pre, address, hr, code, samp, form, table, fieldset, menu, img {margin: 0 0 1.5em; padding: 0}

/* Normalize.css */
html, button, input, select, textarea { font-family: inherit; }

ul { list-style-type: square }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

b, strong, .bold { font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

/* Default Typeset
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-family: inherit;} /* Set Custom Font */
h5, h6 { text-transform: uppercase; }

dl { margin-bottom: 1.5em; }
dt, dd { line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin-left: 0.8em; }

hr { margin: 1.5em 0; border: 0; border-top: 1px solid #E5E5E5; }

.serif { font-family: Georgia, serif; }
.em { font-style: italic; }
.gray { color: #CCC; }
.larger { font-size: 1.5em }
.pos { font-size: 13px; }
.word:hover .gray { color: #999 }

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
}
blockquote small {
  display: block;
  line-height: 18px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-left: 0;
  padding-right: 15px;
  border-left: 0;
  border-right: 5px solid #eeeeee;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
/* Tables */
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; }
table { width: 100%; margin-bottom: 1.5em; }
table th, table td { padding: 8px; line-height: 1.5em; text-align: left; border-top: 1px solid #DDD; }
table th { font-weight: bold; vertical-align: bottom; }
table td { vertical-align: top; }
	.table.vmid td { vertical-align: middle; }
table thead:first-child tr th, table thead:first-child tr td { border-top: 0; }
table tbody + tbody { border-top: 2px solid #DDD; }
.table-condensed th, .table-condensed td { padding: 4px 5px; }
.table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapsed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th { border-left: 1px solid #ddd; }
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }
.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; }

/* Forms
----------------------------------------------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: ; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**/
textarea { 
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 1em;
	padding: 0.5em 0;
	background-color: transparent;
	overflow: hidden;
	outline: none;
	border-radius: 2px;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8)
	}
input {
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 1em;
	height: 1em;
	padding: 0.5em 0;
	background-color: transparent;
	overflow: hidden;
	outline: none;
	border-radius: 2px;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8)
	}

input[type="text"] { text-align: left; }
input[type="submit"] { background-color: #2095df; color: white; text-shadow: 0 1px 0 rgba(0,0,0, 0.3) }
input.fill { width: 100% }
::-webkit-input-placeholder, :-moz-placeholder, input:placeholder { color: #ECECEC; font-style: italic; }



#basic input {
/* 	padding: 0; */
	margin: 0;
	line-height: 2em;
	height: 2em;

	padding: 0 1%;
	border: 0.5% inset red;

	background-color: black;
	overflow: hidden;
	outline: none;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.3);
	}

#basic input[type="submit"] { background-color: #2095df; color: white; text-shadow: 0 1px 0 rgba(0,0,0, 0.3) }

::-webkit-input-placeholder, :-moz-placeholder, input:placeholder { color: #ECECEC; font-style: italic; }


/* Form Classes */
.submit { border: none; text-align: center; background: #0089D0; font-weight: bold; color: #FFFFFF; height: 40px; width: 100%; text-transform: uppercase; border-radius: 2px; cursor: pointer; }

/* Typography Class
----------------------------------------------------------------------------------------------------*/
p.intro { font-size: 1.618em; }
hr.soften {
  height: 1px;
  margin: 54px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}

/* Misc classes
----------------------------------------------------------------------------------------------------*/
.caps { text-transform: uppercase; }
.lowcase { text-transform: lowercase; }
.tal, td.tal { text-align:left; }
.tar, td.tar { text-align:right; }
.tac, td.tac { text-align:center; }
.baseline { margin-bottom: 1em; }
.small { font-size: 0.8em }
.smaller { font-size: 0.6em }
.serif { font-family: Georgia; }
.italic { font-style: italic; }

.fill { width: 100% }
/* Layout Classes */
.left { float: left; }
.right { float: right; }
.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.hidden { visibility: hidden; }

.debug { outline: 1px dotted red !important; }
.debug.bg { background-color: #ffebee; }
/* Resets */
.rs { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; list-style: inside none; }
	ul.rs li { margin: 0; padding: 0; }
ul.inline { display: block; }
ul.inline li { display: inline; }
ul.inline.left, ul.inline.right { float: none; }
	ul.inline.left li { float: left; }
	ul.inline.right li { float: right; }

/* Align Images
----------------------------------------------------------------------------------------------------*/
img.fill { width: 100% }
img, a img { border: none; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.fill-width { max-width: 100%; height: auto; }