form {
    margin: 0;
}

label {
    font-weight: 700;
    cursor: pointer;
}

fieldset {
    padding: 1em;
    margin: 0 0 1.5em;
    border: 1px solid #ccc;
}

legend {
    font-weight: 700;
    font-size: 1.2em;
    border: 0;
    margin-left: -7px;
    padding: 0;
}

input.text, input.title {
    width: 300px;
    padding: 5px;
}

input.title {
    font-size: 1.5em;
}

textarea {
    width: 100%;
    height: 90px;
    padding: 5px;
}

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
    position: relative;
    top: .25em;
}

form.inline {
    line-height: 3;
}

form.inline p {
    margin-bottom: 0;
}

button, input, select, textarea {
    margin: 0;
    vertical-align: baseline;
    vertical-align: middle;
    font-size: .75em !important;
}

button, input {
    line-height: normal;
    overflow: visible;
}

table button, table input {
    overflow: auto;
}

button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input.text, input.title, textarea, select {
    background-color: #fff;
    border: 1px solid #7a7979;
    font-size: .8em;
    padding: 5px;
    box-shadow: inset 0 0 5px #c2c1c1;
}

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color: #666;
    box-shadow: none;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input.text, input.title, textarea, select {
    margin: .5em 0;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family: sans-serif;
    letter-spacing: .01em;
    color: #6e6e6e;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    font-family: sans-serif;
    letter-spacing: .01em;
    color: #6e6e6e;
}

/********** Gravity Forms **********/
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
    padding: 5px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input.text, input.title, textarea, select {
    margin: 0;
}

img.ui-datepicker-trigger {
    vertical-align: middle;
}

.ui-datepicker-div, #ui-datepicker-div {
    width: 273px !important;
}

.gform_wrapper .left_label .gfield_label {
    margin-bottom: 15px;
}

/********** Pagination **********/
.pagenavi {
    margin: 0 0 20px 30px;
    padding: 5px 1px;
    float: left;
    width: 98%;
}

.pagenavi a {
    padding: 5px 6px 4px;
    margin: 3px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #666;
    background-color: inherit;
}

.pagenavi a:hover {
    border: 1px solid #444;
    color: #444;
    background-color: #eee;
}

.pagenavi span.pages {
    padding: 5px 6px 4px;
    margin: 3px;
    color: #825a2d;
    font-weight: 700;
    border: 1px solid #999;
    background-color: inherit;
}

.pagenavi span.current {
    padding: 5px 6px 4px;
    margin: 3px;
    font-weight: 700;
    border: 1px solid #666;
    color: #444;
    background-color: #eee;
}

.pagenavi span.expand {
    padding: 5px 6px 4px;
    margin: 3px;
    border: 1px solid #ccc;
    color: #444;
    background-color: inherit;
}

.pagenavi .first, .pagenavi .last {
    border: 1px solid #aaa;
}

.pagenavi .single_page {
    border: 1px dashed #ccc;
}

/********** Comment other WordPress Form Styles **********/
#searchform, .form {
    text-align: center;
    margin-bottom: 10px;
}

#s, .s {
    border: 1px solid #27293e;
    border-radius: 3px;
    width: 80%;
}

#searchsubmit, .searchsubmit {
    border: none;
    background: url('/wp-content/themes/Fermentation/images/magnifier.png') 0 0 no-repeat;
    display: inline-block;
    width: 27px;
    height: 24px;
}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.commentlist li .comment {
    width: 85%;
}

.commentlist li .comment-meta {
    margin-bottom: 5px;
}

.commentlist li.comment {
    border-bottom: 1px dotted #666;
    padding: 10px;
}

.commentlist li.comment .gravatar {
    width: 10%;
}

.commentlist li.comment div.comment-meta {
    font-size: 10px;
}

.commentlist li.comment div.comment-meta a {
    color: #ccc;
}

.commentlist li.comment ul {
    list-style: none;
}

.commentlist li.comment div.reply {
    font-size: 11px;
    text-align: right;
}

.commentlist li.comment div.reply a {
    font-weight: 700;
}

.commentlist ul.children {
    list-style: none;
    margin: 10px 0 0;
}

.commentlist ul.children li.depth-2 {
    border-left: 5px solid #555;
    margin: 0 0 10px 10px;
}

.commentlist ul.children li.depth-3 {
    border-left: 5px solid #999;
    margin: 0 0 10px 10px;
}

.commentlist ul.children li.depth-4 {
    border-left: 5px solid #bbb;
    margin: 0 0 10px 10px;
}

.commentlist li.even {
    background: #fff;
}

.commentlist li.odd {
    background: #EBEBEB;
}

.commentlist li.parent {
    border-left: 5px solid #111;
}

.commentlist h2, #respond h2 {
    margin: 0;
    padding: 10px 0 0;
}

#respond form div {
    margin-bottom: 1em;
}

#respond label {
    margin-bottom: .3em;
}

#respond input, #respond textarea {
    width: 98%;
    padding: 10px 5px;
    font-size: .8em;
}

#respond input[type=submit] {
    width: auto;
    margin: 10px 0;
    text-align: right;
}
