/*
	Theme Name: Neat Theme
	Theme URI: http://foliowebsites.com
	Description: Neat is a portfolio child theme for the Pure Framework that emphasizes usability and functionality with elegant design.
	Author: Folio Websites
	Author URI: http://foliowebsites.com
	Version: 1.0.2
	
	Template: folio-websites-pure
	Template Version: 1.1.3

	License: GNU General Public License v2.0 or later
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*  
    This program is free software; you can modify it under the terms of the 
    GNU General Public License, version 3, as published by the Free Software Foundation.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
    
    This theme uses elements from the GPL-licensed Genesis Framework by
	StudioPress.
*/


/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #000;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.7;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

blockquote,
input,
select,
textarea,
.wp-caption {
	background-color: #f5f5f5;
}

input,
label,
select,
textarea {
	border: 0 none;
	color: #000;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	outline: none;
	padding: 8px;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}


/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background-color: #fff;
}


/* Wrap
------------------------------------------------------------ */

#wrap {
	margin: 20px auto;
	max-width: 960px;
	padding: 0;
	width: 100%;
}

.width-tiny #wrap {
	max-width: 750px;
}

.width-small #wrap {
	max-width: 800px;
}

.width-large #wrap {
	max-width: 1140px;
}

/* Header
------------------------------------------------------------ */

#header {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#title-area {
	float: none;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

.blog-image-middle #title-area {
	float: none;
	margin: 0 auto;
	text-align: center;
}

#title {
	background: transparent;
	font-family: 'Helvetica Bold', 'Helvetica Neue', arial, serif;
	font-size: 30px;
	line-height: 1.25;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

#title a,
#title a:hover {
	color: #000;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
}

#header .widget-area {
	float: right;
	padding: 25px 0 0 0;
	max-width: 610px;
}

.width-tiny #header .widget-area {
	max-width: 400px;
}

.width-small #header .widget-area {
	max-width: 450px;
}

.width-large #header .widget-area {
	max-width: 790px;
}


/* Navigation
------------------------------------------------------------ */

.menu-primary,
#header .menu {
	color: #000;
	display: inline-block;
	float: none;
	font-size: 12px;
	margin: 5px auto 15px;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.blog-image-middle .menu-primary,
.blog-image-middle #header .menu {
	float: none;
	margin: 20px auto 0;
	max-width: 960px;
	text-align: center;
	width: 100%;
}

.width-tiny.blog-image-middle .menu-primary,
.width-tiny.blog-image-middle #header .menu {
	max-width: 750px;
}

.width-small.blog-image-middle .menu-primary,
.width-small.blog-image-middle #header .menu {
	max-width: 800px;
}

.width-large.blog-image-middle .menu-primary,
.width-large.blog-image-middle #header .menu {
	max-width: 1140px;
}

.menu-primary ul,
#header .menu ul {
	text-align: left;
}

.menu-primary li,
#header .menu li {
    display: inline-block;
	list-style-type: none;
}

.blog-image-middle .menu-primary li,
.blog-image-middle #header .menu li {
	display: inline-block;
	float: none;
	text-align: left;
}

.menu-primary a,
#header .menu a {
	color: #000;
	display: block;
	padding: 18px;
	position: relative;
	text-decoration: none;
}

.menu-primary .current_page_item a,
.menu-primary .current-cat a,
.menu-primary .current-menu-item a,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
	font-weight: bold;
}

.blog-image-middle .menu-primary li li,
.blog-image-middle #header .menu li li {
	text-align: left;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
	background: none;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	position: relative;
	width: 170px;
}

.menu-primary li li a:active,
.menu-primary li li a:hover,
#header .menu li li a:active,
#header .menu li li a:hover {
	background-color: #ededed;
}

.menu-primary li ul,
#header .menu li ul {
	background: #f5f5f5;
	height: auto;
	left: -9999px;
	margin: 0 0 0 0px;
	position: absolute;
	width: 180px;
	z-index: 9999;
}

.menu-primary li ul a,
#header .menu li ul a {
	width: 140px;
}

.menu-primary li ul ul,
#header .menu li ul ul {
	margin: -30px 0 0 180px;
}

.menu li:hover ul ul,
.menu li.sfHover ul ul {
	left: -9999px;
}

.menu li:hover,
.menu li.sfHover {
	position: static;
}

ul.menu li:hover>ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
	left: auto;
}

#wpadminbar li:hover ul ul {
	left: 0;
}

.sf-sub-indicator {
	display: none;
}


/* Blog Header
------------------------------------------------------------ */

.blog-header {
	clear: both;
	margin: 20px 0 0;
}

.blog-header img {
	display: block;
	max-width: 960px;
	width: 100%;
}

.width-tiny .blog-header img {
	max-width: 750px;
}

.width-small .blog-header img {
	max-width: 800px;
}

.width-large .blog-header img {
	max-width: 1140px;
}


/* Inner
------------------------------------------------------------ */

#inner {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}


/* Content-Sidebar Wrap
------------------------------------------------------------ */

#content-sidebar-wrap {
	width: 100%;
}


/* Content
------------------------------------------------------------ */

#content {
	padding: 0;
	max-width: 960px;
	width: 100%;
}

.width-tiny #content {
	max-width: 750px;
}

.width-small #content {
	max-width: 800px;
}

.width-large #content {
	max-width: 1140px;
}

.width-tiny.left-sidebar #content,
.width-small.left-sidebar #content,
.width-normal.left-sidebar #content,
.width-large.left-sidebar #content {
	float: right;
}

.width-tiny.right-sidebar #content,
.width-small.right-sidebar #content,
.width-normal.right-sidebar #content,
.width-large.right-sidebar #content {
	float: left;
}

.width-tiny.left-sidebar #content,
.width-tiny.right-sidebar #content {
	max-width: 500px;
}

.width-small.left-sidebar #content,
.width-small.right-sidebar #content {
	max-width: 550px;
}

.width-normal.left-sidebar #content,
.width-normal.right-sidebar #content {
	max-width: 710px;
}

.width-large.left-sidebar #content,
.width-large.right-sidebar #content {
	max-width: 890px;
}

#content .post,
#content .page {
	border-top: 1px solid #ebebeb;
	margin: 20px 0;
	padding-top: 20px;
}

.entry-content {
	overflow: hidden;
	padding-top: 10px;
}

.entry-content p {
	margin: 0 0 25px;
}

blockquote {
	background: url(images/blockquote.png) no-repeat;
	border: none;
	margin: 5px 5px 20px;
	padding: 25px 30px 5px 70px;
}

blockquote p {
	color: #999;
	font-style: italic;
}

p.subscribe-to-comments {
	padding: 20px 0 10px;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 25px;
}

.click-for-comments {
	text-transform: uppercase;
}

.categories {
	text-transform: uppercase;
}


/* Headlines
------------------------------------------------------------ */

h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
	color: #000;
	font-family: 'Helvetica Neue', arial, serif;
	line-height: 1.25;
	margin: 0 0 10px;
}

h1 {
	font-size: 25px;
}

h2,
h2 a,
h2 a:visited {
	font-size: 22px;
}

h2 a,
h2 a:visited {
	color: #000;
	font-family: 'Helvetica Neue', arial, serif;
}

h2 a:hover {
	text-decoration: none;
}

h1.entry-title,
h1.entry-title a, 
h2.entry-title,
h2.entry-title a {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
}

#content .date {
	float: right;
}

.blog-header-close #content .date {
	float: none;
}

.blog-header-close h1.entry-title .title,
.blog-header-close h1.entry-title a,
.blog-header-close h2.entry-title .title,
.blog-header-close h2.entry-title a {
	float: left;
}

.blog-header-close h1.entry-title a,
.blog-header-close h2.entry-title a {
	margin-bottom: 0;
}
	
.blog-header-close .date {
	float: left;
}

.blog-header-close .entry-title .sep {
	float: left;
	padding: 0 15px;
}

.blog-header-light .date {
	font-weight: 300;
}

.widget-area h2,
.widget-area h2 a {
	font-size: 14px;
	margin: 0 0 5px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

.widget-area h4 {
	background: none;
	border: none;
	font-size: 14px;
	padding: 0;
	text-transform: uppercase;
}

.widget-area h4 a {
	color: #000;
	text-decoration: none;
}

#footer-widgets h4 {
	background: none;
	border: none;
	padding: 0;
	text-transform: uppercase;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}	


/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 25px;
}

.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 30px;
	padding: 0;
}

.entry-content ol li {
	margin: 0 0 0 35px;
}

.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}


/* Post Meta
------------------------------------------------------------ */

.post-cats {
	color: #868686;
	font-size: 10px;
	margin-top: -10px;
}

.post-meta {
	background-color: #f3f2f2;
	border: 6px double #fff;
	border-left: 0 none;
	border-right: 0 none;
	clear: both;
	color: #989696;
	font-size: 11px;
	margin-bottom: 8px;
	margin-right: 0;
	padding: 3px 18px;
}


/* Sticky Posts
------------------------------------------------------------ */

.sticky {
	margin: -10px 0 40px;
	padding: 20px;
}


/* Images
------------------------------------------------------------ */

img {
	height: auto;
	max-width: 100%;
}

.avatar,
.featuredpage img,
.featuredpost img,
.post-image {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 4px;
}

.post-image {
	margin: 0 10px 10px 0;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 0 15px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.wp-caption {
	padding: 5px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 12px;
	margin: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

.gallery-caption {
}


/* Post Navigation
------------------------------------------------------------ */

.navigation {
	color: #000;
	font-size: 12px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
	border: 1px solid #ddd;
	padding: 5px 8px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #f5f5f5;
}


/* Sidebar
------------------------------------------------------------ */

.left-sidebar #sidebar {
	float: left;
	margin-top: 20px;
	width: 230px;
}

.right-sidebar #sidebar {
	float: right;
	margin-top: 20px;
	width: 230px;
}

#sidebar .widget {
	background: none;
	border: none;
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}

#sidebar .textwidget {
	padding: 0;
}

#sidebar .widget_tag_cloud div div {
	padding: 0;
}

#sidebar p {
	font-size: inherit;
	margin: 0 0 10px;
}

#sidebar ul {
	margin: 0;
}

#sidebar ul li {
	margin: 0 0 0 20px;
}

#sidebar #wp-calendar thead,
#sidebar #wp-calendar td {
	background: none;
}



/* Buttons
------------------------------------------------------------ */

input[type="button"],
input[type="submit"] {
	background: #CCC;
	color: #000;
	cursor: pointer;
	line-height: 19px;
	padding: 5px 7px;
	text-decoration: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	text-decoration: none;
}


/* Footer Widgets
------------------------------------------------------------ */

#footer-widgets {
	border-top: 1px solid #ebebeb;
	clear: both;
	font-size: 12px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#footer-widgets .wrap {
	overflow: hidden;
	padding: 20px 0;
}

#footer-widgets .widget {
	background: none;
	border: none;
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}

#footer-widgets .textwidget {
	padding: 0;
}

#footer-widgets .widget_tag_cloud div div {
	padding: 0;
}

#footer-widgets p {
	font-size: inherit;
	margin: 0 0 10px;
}

#footer-widgets ul {
	margin: 0;
}

#footer-widgets ul li {
	margin: 0 0 0 20px;
}

#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
	background: none;
}

.footer-widget {
	float: left;
	width: 220px;
	margin-right: 20px;
}

.footer-widget.last {
	margin-right: 0 !important;
}

.width-tiny .footer-widget {
	width: 180px;
	margin-right: 10px;
}

.width-small .footer-widget {
	width: 185px;
}

.width-large .footer-widget {
	width: 270px;
}


/* Footer
------------------------------------------------------------ */

#footer {
	border-top: 1px solid #ebebeb;
	clear: both;
	font-size: 10px;
	margin: 20px auto;
	overflow: hidden;
	text-transform: uppercase;
	width: 100%;
}

#footer .wrap {
	overflow: hidden;
	padding: 10px 0 0;
}

#footer p {
	font-size: inherit;
}

#footer a,
#footer a:visited {
	color: #000;
}

#footer a:hover {
	text-decoration: none;
}


/* Copyright
------------------------------------------------------------ */

.pure-copyright {
	bottom: 10px;
	font-size: 10px;
	position: fixed;
	right: 10px;
}

.pure-copyright a {
	color: #aaa !important;
}


/* Comment Info Styling
------------------------------------------------------------ */

.comment-intro {
	border-bottom: 1px solid #ebebeb;
	color: #424242;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 20px;
}

.comment-intro.blog {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.comment-sharing.two {
	margin-top: -4px;
}

.comment-sharing {
	float: right;
}

.comment-intro .sep {
	padding: 0 10px;
}

.comment-intro div {
	display: block;
	float: right;
}

.comments-custom {
	border: 1px solid #ebebeb;
	margin-bottom: 20px;
	overflow: hidden;
}

.comments-custom .comment-intro {
	border-bottom: 0 none;
	float: left;
	margin: 10px 0;
	padding-bottom: 0;
	text-align: center;
	width: 150px;
}

.comments-custom #comments {
	border-left: 1px solid #ebebeb;
	float: right;
	margin-bottom: 0;
	padding-left: 17px;
	max-width: 580px;
}

.width-tiny.left-sidebar .comments-custom #comments,
.width-tiny.right-sidebar .comments-custom #comments {
	max-width: 330px;
}

.width-small .comments-custom #comments {
	max-width: 630px;
}

.width-small.left-sidebar .comments-custom #comments,
.width-small.right-sidebar .comments-custom #comments {
	max-width: 380px;
}

.width-normal .comments-custom #comments {
	max-width: 790px;
}

.width-normal.left-sidebar .comments-custom #comments,
.width-normal.right-sidebar .comments-custom #comments {
	max-width: 540px;
}

.width-large .comments-custom #comments {
	max-width: 970px;
}

.width-large.left-sidebar .comments-custom #comments,
.width-large.right-sidebar .comments-custom #comments {
	max-width: 720px;
}

.comments-custom .comment-sharing,
.comments-custom .comment-sharing div {
	float: none;
}

.comments-custom .add-comment {
	display: block;
	margin: 10px 0;
}

.comments-custom .comment-sharing a,
.comments-custom .add-comment {
	color: #9e9c9c !important;
}

.comments-custom .comment-date {
	float: right;
}

.comments-custom .comment-author {
	background: none;
}

.comments-custom .comment-content {
	border-bottom: 1px solid #ebebeb;
}


/* Comments
------------------------------------------------------------ */

#comments,
#respond {
	margin: 0 0 15px;
	overflow: hidden;
}

#comments .navigation {
	padding: 0;
}

#author,
#comment,
#email,
#url {
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}

#comment {
	height: 150px;
	margin: 10px 0;
	width: 98%;
}

.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	padding: 10px;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
	padding: 10px 0;
}

.comment-list li ul li {
	list-style-type: none;
	padding-bottom: 0;
}

.comment-content {
	padding: 15px;
}

.comment-content p {
	margin: 0 0 15px;
}

.comment-list cite,
.ping-list cite {
	font-style: normal;
	font-weight: bold;
}

.comment-author {
	background: #efefef;
	padding: 10px 15px;
}

.comment-reply-link {
	float: right;
}

.nocomments {
	text-align: center;
}

#comments .navigation {
	display: block;
}

.bypostauthor {
}


/* Gravity Forms
------------------------------------------------------------ */

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
	box-sizing: border-box;
	font-size: 12px !important;
	padding: 4px 5px !important;
}

div.gform_footer input.button {
	color: #000;
}

div.gform_wrapper .ginput_complex label {
	font-size: 12px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
	border: none;
	margin: 0;
	padding: 0;
}