/* === fontawesome === */
@import url('font-awesome.css');

body{
    box-sizing: border-box;
    color:#555555;
}

h1,h2, h3, h4, h5, h6 {
	font-family:'Open Sans', Arial, sans-serif;
	font-weight:700;
	line-height:1.1em;
	color:#555555;
	margin-bottom: 20px;   
}


.widget {
    margin-bottom: 40px;
}

.widgetheading {
	width:100%;
    position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
	padding:0;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

input, button, select, textarea {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
}

ul.cat, ul.recent, ul.folio-detail, ul.contact-info {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.meta-post {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#content img {
    height: auto;
    max-width: 100%;
}
.widget img.pull-left {
    float: left;
    margin: 0 15px 15px 0;
}


article {
    margin-bottom: 40px;
}
.post-image {
    margin-bottom: 20px;
}
.bottom-article {
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    overflow: hidden;
    padding: 10px 0;
    background-color:#f5f5f5;
}

a, a:hover, a:focus, a:active, footer a.text-link:hover, strike, .post-meta span a:hover, footer a.text-link, ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover, ul.related-post li h4 a:hover, span.highlight, article .post-heading h3 a:hover, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus, .navbar .nav > .active > a:focus, .validation {
    color: #68a4c4;
}

.widget ul.recent li {
    margin-bottom: 20px;
}
ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li {
    list-style: outside none none;
    margin: 0 0 15px;
    height:80px;
}