/*
Theme Name: Shots
Theme URI: http://www.designerthemes.com/
Author: Designer Themes
Author URI: http://www.designerthemes.com/
Description: A minimal photo/folio theme
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
Text Domain: engine
*/

/* Global */

body {
    background: url(assets/images/bg_light.png);
    border-top: 1px solid #fff;
    color: #888;
    font: 75%/1.6 "Helvetica Neue", Arial, Helvetica, sans-serif;
    -webkit-backface-visibility: inherit;
}

.row { max-width: 960px }

.left { float: left }

.right { float: right }

a {
    color: #646464;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:focus { outline: none }

a:hover {
    text-decoration: underline;
    color: #646464;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.clear-box-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.animate {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.main-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #FFF;
    background: #C9C9C9;
    height: 3px;
}

.entry-content { margin-top: 20px }

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
    display: block;
    padding: 0px 0px 5px 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
}

.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: 10px; }

.entry-content p { margin-bottom: 15px; }

.entry-content sc { margin-bottom: 20px }

/* Header */

.logo {
    text-align: center;
    margin: 50px 0 40px;
}

.logo h1,
.logo h2 {
    display: block;
    font-size: 18px;
    line-height: 1.5em;
}

.logo a {
    color: #333;
    text-shadow: 0 1px 1px #aaa;
    display: inline-block;
}

.logo a:hover { text-decoration: none }

.logo h2 {
    font-weight: normal;
}

.logo h2 span {
    display: inline-block;
    font-size: 12px;
}

.logo img { margin: 0 auto; }

.ie8 .primary-menu .nav-collapse.collapse {
    float: left;
    overflow: visible;
}

.off.page-template-template-home-php .primary-menu {
	padding-bottom: 0;
	border-bottom: none;
	background: none;
}

.primary-menu {
    border-bottom: 1px solid white;
	padding-bottom: 3px;
	position: relative;
	z-index: 20;
	overflow: visible;
	background: #EEE;
}

.primary-menu .navbar-inner {
    background: #FFF;
    filter: inherit;
    border: none;
    padding: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #e0e0e0;
}

.primary-menu .navbar {
    margin: 0;
    color: #555;
}

.primary-menu .nav-collapse { float: left; }

.primary-menu .navbar .nav > li > a {
    display: inline-block;
    padding: 12px 20px;
    font-weight: bold;
    font-size: 11px;
    color: #555;
    background: #fff;
    border-right: 1px solid #f0f0f0;
    position: relative;
    text-shadow: none;
}

.primary-menu .navbar .nav > li:first-child > a {
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -ms-border-radius: 5px 0 0 0;
    -o-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.primary-menu .navbar .nav li > a:hover {
    background: #fff;
    color: #333;
    filter: inherit;
}

.primary-menu .navbar .nav > .current-menu-item > a:after {
    content: "\f0d8";
    font: normal normal 13px/5px FontAwesome;
    position: absolute;
    display: inline-block;
    text-decoration: inherit;
    bottom: 0;
    left: 50%;
    display: block;
    margin-left: -4px;
    width: 0;
    height: 5px;
    color: #E0E0E0;
    text-shadow: none;
}

.primary-menu .navbar .nav > .menu-parent-item a { padding-right: 26px }

.primary-menu .navbar .nav > .menu-parent-item:after {
    content: "\f107";
    font: normal normal 9px/3px FontAwesome;
    position: absolute;
    display: inline-block;
    text-decoration: inherit;
    right: 20px;
    top: 50%;
    display: block;
    width: 0px;
    height: 0px;
    color: #ccc;
}

.primary-menu .navbar .nav .dropdown-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-color: #E0E0E0;
    padding: 0;
    left: 17px;
    margin-left: -18px;
    width: 200px;
    background: #F0F0F0;
}

.primary-menu .navbar .nav .dropdown-menu a {
    font-weight: bold;
    font-size: 11px;
    color: #555;
    padding: 10px 20px;
    border-bottom: 1px solid #E0E0E0;
}

.primary-menu .navbar .nav .dropdown-menu li:last-child a {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border: none;
    padding-bottom: 12px;
}

.primary-menu .navbar .nav .dropdown-menu li:first-child a { padding-top: 11px; }

.primary-menu .navbar .nav .dropdown-menu a:hover { color: #555 }

.primary-menu .navbar .nav .dropdown-menu:after,
.primary-menu .navbar .nav .dropdown-menu:before { 
	border: none;
	content: '';
}

.primary-menu .social { margin: 0 }

.primary-menu .social li {
    list-style: none;
    float: left;
}

.primary-menu .social a {
    display: inline-block;
    padding: 12px 20px 12px 0;
    color: #555;
    font-size: 11px;
}

.primary-menu .social a:hover i { text-decoration: none }

.primary-menu .social i {
    font-size: 14px;
    position: relative;
    left: 0;
    top: 1px;
}

/* Home */

.welcome {
    padding: 20px 40px 22px;
    text-align: center;
    font: italic 16px/1.5 Georgia, Times, "Times New Roman", serif;
    color: #888;
    background-color: #EEE;
    border-bottom: 1px solid #E0E0E0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.welcome p:last-child { margin: 0 }

.slider {
    margin: 0 0 40px;
    padding: 0;
    border: none;
    position: relative;
    background: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.slider .hentry {
    margin: 0;
    padding: 0;
    background: none;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.slider{
	padding: 20px;
	background: #FFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.slider .engine-video { max-height: 500px; }

.slider .hentry .featured-area .featured-image,
.slider .hentry .featured-area .engine-video { margin: 0 }

.slider .hentry .overlay {
	display: none;
    font-weight: 500;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
    top: 20px;
    right: 20px;
    background: #000;
    color: #999;
    background: rgba(0, 0, 0, 0.8);
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.slider .hentry .entry-header {
    background: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0;
}

.slider .hentry .entry-header .entry-title,
.slider .hentry .entry-header .entry-title a {
    color: #fff;
    font-weight: bold;
}

.slider .hentry .entry-content {
    padding: 0;
    margin: 10px 0 0;
}

.slider .hentry .entry-content p { margin-bottom: 5px; }

.slider .flex-direction-nav { 
	position: absolute;
	bottom: 20px;
	right: 40px;
	z-index: 20;
	width: 74px;
	height: 35px;
	display: none;
}

.slider .flex-direction-nav .flex-prev,
.slider .flex-direction-nav .flex-next {
    position: static;    
    width: 35px;
    height: 35px;
    float: left;
    background: none;
    text-indent: inherit;
    margin-left: 2px;
}

.slider .flex-direction-nav .flex-next { left: 56px }

.slider .flex-direction-nav i {
    width: 35px;
    height: 35px;
    background: #000;
    color: #999;
    line-height: 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 4px;
    font-size: 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.slider .flex-direction-nav .flex-next i { padding-left: 8px }

.slider .flex-direction-nav a:hover i {
    color: #FFF;
    text-decoration: none;
}

/* Post & Page Elements */

.index-content .featured-image a:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.index-content .featured-image img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.single-content .featured-image a { cursor: default }

.content { margin-top: 20px }

.hentry {
    margin-bottom: 20px;
    padding: 20px 20px 30px;
    background: #fff url(assets/images/box-bg.png) bottom repeat-x;
    -webkit-box-shadow: 0 1px 0 #e0e0e0;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    -ms-box-shadow: 0 1px 0 #e0e0e0;
    -o-box-shadow: 0 1px 0 #e0e0e0;
    box-shadow: 0 1px 0 #e0e0e0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

.single-content .hentry { margin-bottom: 40px; }

.hentry .entry-header {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 -1px 0 #e0e0e0;
    -moz-box-shadow: 0 -1px 0 #e0e0e0;
    -ms-box-shadow: 0 -1px 0 #e0e0e0;
    -o-box-shadow: 0 -1px 0 #e0e0e0;
    box-shadow: 0 -1px 0 #e0e0e0;
    background: url(assets/images/bg_light.png);
    padding: 10px 20px;
}

.hentry .entry-header .entry-title,
.hentry .entry-header .entry-title a {
    font-size: 18px;
    letter-spacing: -0.025em;
    color: #646464;
    font-weight: normal;
    margin: 0;
    line-height: 1.5em;
}

.hentry .entry-header .entry-meta {
    padding: 5px 10px;
    margin: 10px -10px 0 -10px;
    background-color: white;
    opacity: .8;
    filter: progid:dximagetransform.microsoft.alpha(opacity=80);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #EBEBEB;
}

.hentry .entry-header .entry-meta time,
.hentry .entry-header .entry-meta span { padding-right: 5px }

.hentry .entry-meta {
    padding: 0 20px;
    margin: 10px 0 10px 0;
}

.hentry .entry-meta a { color: #646464 }

.hentry .entry-meta span,
.hentry .entry-meta time {
    display: inline-block;
    font-size: 11px;
    padding: 0 15px 0 0;
    line-height: 20px;
}

.hentry .entry-meta span span { padding: 0; }

.hentry .entry-meta i:before { padding-right: 4px; }

.hentry .entry-footer {
    margin: 20px 0 0;
    font-weight: bold;
}

.hentry .entry-content { padding: 0 20px }

.hentry .entry-content .read-more,
.hentry .entry-content .read-more:hover {
    display: inline-block;
    padding: 0 20px;
    margin: 10px 0 0 -20px;
    line-height: 28px;
    font-size: 11px;
    font-weight: bold;
    background: #f8f8f8 url(assets/images/button-bg.png) repeat-x 0 bottom;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 0 #e0e0e0;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    -ms-box-shadow: 0 1px 0 #e0e0e0;
    -o-box-shadow: 0 1px 0 #e0e0e0;
    box-shadow: 0 1px 0 #e0e0e0;
}

.hentry .entry-content .read-more i,
.hentry .entry-content .read-more:hover i {
    position: relative;
    right: -5px;
    text-decoration: none;
    font-size: 9px;
}

.hentry .featured-area {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.hentry .featured-area .featured-image,
.hentry .featured-area .engine-video {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}

.hentry .featured-area .featured-image a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
}

.blog-preview .hentry .entry-content p { margin-bottom: 10px; }
.blog-preview .hentry .entry-content { margin-top: 15px; }


.single-content .entry-footer,
.single-content .entry-content { padding: 0 }

.single-content .featured-area { margin: 20px 0 }

.related-posts { margin-bottom: 0px }

.related-posts .hentry .featured-area .featured-image {
	width: auto;
	height: auto;
	margin: 0;
}

.related-posts .hentry .featured-area,
.related-posts .hentry .featured-area .featured-image,
.related-posts .hentry .featured-area .featured-image img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#reply-title,
.headline {
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    color: #555;
    padding: 0 0 10px 20px;
    margin-bottom: 10px;
}

#reply-title:after,
.headline:after {
    content: '';
    display: block;
    position: relative;
    left: -20px;
    width: 100%;
    height: 3px;
    padding-right: 20px;
    background: #eee;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #FFF;
}

/* Post Previews */

.post-preview { margin-bottom: 20px }

.post-preview .hentry {
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.post-preview .featured-area { margin: 0 }

/* Comments */

.comments .commentlist { margin: 0 }

.comments .comment {
    position: relative;
    margin-top: 20px;
    list-style: none;
    min-height: 100px;
}

.comments .comment-author {
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}

.comments .comment-author .avatar {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 10px 20px;
    background: #ffffff url(assets/images/box-bg.png) bottom repeat-x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #e0e0e0;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    -ms-box-shadow: 0 1px 0 #e0e0e0;
    -o-box-shadow: 0 1px 0 #e0e0e0;
    box-shadow: 0 1px 0 #e0e0e0;
}

.comments .comment-author .fn {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}

.comments .comment-author .says { display: none }

.comments .comment-meta {
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
}

.comments .comment-body { padding-left: 100px }

.comments .comment-reply-link {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.comments .children { margin-left: 90px }

.comments input { height: 30px }

.comments label {
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    padding-left: 20px;
    margin: 0;
    font-size: 12px;
}

.comments input,
.comments textarea,
.comments select {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    margin: 5px 0 15px;
    background-color: #EEE;
    border: 1px solid #EEE;
    border-top-color: #DDD;
    border-bottom-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    font-size: 12px;
}

.comments input[type="submit"] {
    width: auto;
    margin-top: 20px;
    padding: 0 20px;
    height: 28px;
    font: bold 11px/28px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #646464;
    cursor: pointer;
    background: #ffffff url(assets/images/box-bg.png) repeat-x 0 bottom;
    border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 0 #e0e0e0;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    -ms-box-shadow: 0 1px 0 #e0e0e0;
    -o-box-shadow: 0 1px 0 #e0e0e0;
    box-shadow: 0 1px 0 #e0e0e0;
}

.comments input[type="submit"]:active {
    margin-top: 21px;
    margin-bottom: -1px;
}

.comments .comment-notes { padding: 0 20px }

.comments .form-allowed-tags { display: none }

.comments .logged-in-as { padding-left: 20px }

/* Footer */

.footer { font-size: 11px; }

.footer .footer-widgets { margin-bottom: 40px }

.footer .footer-widgets .container .row { margin-top: 20px; }

.footer .footer-widgets .container:before {
    content: '';
    display: block;
    height: 3px;
    background: #eee;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #FFF;
}

.footer a { font-weight: bold }

.footer .footer-menu {
	background: #fff;
	border-top: 1px solid #fff;
	-webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.footer .footer-menu .nav { margin: 0;}

.footer .footer-menu a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0 0 0 20px;
    display: inline-block;
    padding: 15px 20px 16px;
    margin: 0;
    border-right: 1px solid #f0f0f0;
}

.footer .footer-menu a:hover {
	background: #fcfcfc;
	color: #333;
}

.footer .footer-menu:before {
    content: '';
    display: block;
    height: 3px;
    background: #eee;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #FFF;
}

.footer .footer-info {
    border-top: 1px solid #FFF;
    padding: 30px 20px 60px;
    text-align: center;
    font-family: Georgia, serif;
    font-style: italic;
}

.footer .footer-info a { font-weight: normal; }

/* Portfolio Elements */

.page-template-template-portfolio-php .portfolio-posts { margin-top: 70px }

.portfolio-posts {
    margin: 20px 0 0;
    position: relative;
}

.portfolio-posts .masonry { width: 110% }

.portfolio-posts .widget {
    padding: 0;
    margin: 0;
    background: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.portfolio-posts .widget .widgettitle { display: none }

.portfolio-posts .widget ul { margin: 0 }

.portfolio-posts .widget li {
    height: auto;
    padding-bottom: 40px;
    background: #ffffff url(assets/images/box-bg.png) bottom repeat-x;
    padding: 10px;
    margin: 0 0 20px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #e0e0e0;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    -ms-box-shadow: 0 1px 0 #e0e0e0;
    -o-box-shadow: 0 1px 0 #e0e0e0;
    box-shadow: 0 1px 0 #e0e0e0;
    position: relative;
    float: left;
    width: 300px;
}

.portfolio-posts .widget li img {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.portfolio-posts .widget li a img:hover { opacity: 0.8 }

.portfolio-posts .tab-instagram .widget li,
.portfolio-posts .tab-dribbble .widget li {
    padding: 10px 10px 40px 10px;
    height: auto;
}

.portfolio-posts .tab-pinterest .widget,
.portfolio-posts .tab-flickr .widget { margin: 0 }

.portfolio-posts .tab-pinterest .widget li,
.portfolio-posts .tab-flickr .widget li {
    height: auto;
    padding: 10px !important;
    border: none;
}

.portfolio-posts .tab-pinterest .widget li img,
.portfolio-posts .tab-flickr .widget li img { width: 100% }

.portfolio-posts .engine-tabs {
    border: none;
    position: relative;
    z-index: 10;
}

.portfolio-posts .engine-tabs a,
.portfolio-posts .engine-tabs a:hover {
    padding: 0;
    border: none;
    background: none;
    margin-left: 20px;
    color: #aaa;
    font-size: 14px;
}

.portfolio-posts .engine-tabs a:hover { color: #555 }

.portfolio-posts .engine-tabs .active a {
    color: #555;
    font-weight: bold;
    position: relative;
}

.portfolio-posts .engine-tabs .active a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -9px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 5px;
    background: #DDD;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #FFF;
}

.portfolio-posts .tab-content {
    position: relative;
    overflow: visible;
    z-index: 10;
    padding-top: 10px;
}

.portfolio-posts .tab-content.no-tabs { padding: 0 }

.portfolio-posts .tab-content:before {
    content: '';
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 3px;
    margin-top: 25px;
    background: #eee;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #FFF;
}

.portfolio-posts .tab-content.no-tabs:before { display: none }

.portfolio-posts .tab-nav {
    margin: 0 14px 0 0;
    list-style: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 30;
}

.portfolio-posts .tab-nav li { float: right }

.portfolio-posts .tab-nav a {
    color: #ccc;
    font-size: 14px;
    display: block;
}

.portfolio-posts .tab-nav a:hover {
    text-decoration: none;
    color: #555;
}

.grid .hentry:hover .overlay {
    left: 0;
    opacity: 1;
}

.grid .hentry {
    height: auto;
    padding-bottom: 40px;
    background: #fff url(assets/images/box-bg.png) bottom repeat-x;
}

.grid .hentry .featured-area {
    position: relative;
    width: 100%;
    height: 100%;
}

.grid .hentry .featured-area,
.grid .hentry img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.content .portfolio-posts .featured-area,
.content .portfolio-posts .featured-image,
.content .portfolio-posts .featured-image img,
.content .portfolio-posts .overlay,
.content .portfolio-posts .tab-pane img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
}

.grid .hentry .overlay {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    color: #555;
    z-index: 10;
    opacity: 0;
    text-align: center;
}

.grid .hentry .overlay i {
	display: block;
	width: 44px;
	margin: 0 auto;
	font-size: 40px;
    line-height: 64px;
    color: #aaa;
}

.grid-small .hentry .overlay i {
	line-height: normal;
	display: inline;
}

.grid .hentry .overlay .entry-header {
    padding: 0;
    margin: 0;
    background: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.grid .hentry .overlay .entry-header .entry-title {
    color: #333;
    font-weight: bold;
    line-height: 1.3;
}

.grid .hentry .overlay .entry-content {
    padding: 0;
    margin: 5px 0 0;
    color: #888;
}

.grid .hentry .permalink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
}

.grid-small .hentry {
    text-align: left;
    padding: 10px;
}

.grid-small .hentry .overlay {
    text-align: left;
    padding: 5px 10px 10px;
}

.grid-small .hentry .overlay .entry-header {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.grid-small .hentry .overlay .entry-header .entry-title { font-size: 11px }

.grid-small .hentry .overlay .entry-likes {
    position: absolute;
    right: 3px;
    height: 20px;
    z-index: 30;
    bottom: 5px;
}

.grid-small .hentry .overlay .entry-likes i { font-size: 15px !important }

.grid-small .hentry .overlay .entry-likes a,
.grid-small .hentry .overlay .entry-likes a i { color: #555 }

.grid-small .hentry .overlay .entry-category { display: none }

.grid .entry-likes,
.tab-pane .entry-likes,
.grid .entry-category,
.tab-pane .entry-category {
    color: #aaa;
    overflow: hidden;
    width: 82%;
    height: 18px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 11px;
    font-style: italic;
    font-family: Georgia, Serif;
    font-weight: normal;
}

.grid .entry-likes i,
.tab-pane .entry-likes i,
.grid .entry-category i,
.tab-pane .entry-category i {
    color: #e4e4e4;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    top: 2px;
}

.tab-pane .entry-category i.icon-link { color: #d4d4d4; }

.grid .entry-likes a,
.tab-pane .entry-likes a,
.grid .entry-category a,
.tab-pane .entry-category a { color: #aaa; }

.grid .entry-likes a:hover,
.tab-pane .entry-likes a:hover,
.grid .entry-category a:hover,
.tab-pane .entry-category a:hover {
    color: #555;
    text-decoration: none;
}

.grid .entry-likes span:last-child,
.tab-pane .entry-likes span:last-child,
.grid .entry-category span:last-child,
.tab-pane .entry-category span:last-child { display: none }

.grid .entry-likes,
.tab-pane .entry-likes {
    right: 6px;
    left: auto;
    text-align: right;
}

.grid .entry-likes a,
.tab-pane .entry-likes a { display: block }

.grid .entry-likes i,
.tab-pane .entry-likes i { top: 3px }

.entry-likes i { margin-left: 3px }

.entry-likes .active { cursor: default }

.entry-likes .active i,
.entry-likes a:hover i,
.entry-likes.active:hover i {
    color: #f66 !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.entry-likes .active,
.entry-likes a:hover,
.entry-likes.active:hover { color: #555; }

a .entry-category i,
.tab-pane .entry-category i,
.grid .entry-category i {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a .entry-category:hover { color: #555; }

a .entry-category:hover i,
.tab-pane .entry-category a:hover i,
.grid .entry-category a:hover i { color: #555 !important; }

.portfolio-page-content p:last-child { margin: 0 }

.filter-wrap {
    float: right;
    position: relative;
    left: -50%;
    margin: 10px 0 0;
}

.filter-wrap .filter {
    position: relative;
    left: 50%;
    font-size: 11px;
}

.filter-wrap .filter .filter-label {
    line-height: 34px;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.filter-wrap .filter li { margin: 0 0 0 10px }

.filter-wrap .filter a {
    background: #fff url(assets/images/box-bg.png) bottom repeat-x;
    font-weight: bold;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.filter-wrap .filter a:hover { background: #fff }

.filter-wrap .filter .active a {
    background: #FFF;
    color: #646464;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

/* Galleries */

.gallery {
    border: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0;
}

.gallery img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.carousel {
    border: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    margin: 20px auto;
    width: 375px;
}

.carousel img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    opacity: 0.5;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
}

.carousel .flex-active-slide img,
.carousel a:hover img {
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.carousel .flex-direction-nav .flex-prev,
.carousel .flex-direction-nav .flex-next {
    left: -40px;
    height: 26px;
    margin-top: -13px;
    background: #f8f8f8 url(assets/images/button-bg.png) repeat-x 0 bottom;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    -webkit-box-shadow: 0 1px 0 #E0E0E0;
    box-shadow: 0 1px 0 #E0E0E0;
    color: #646464;
    text-indent: inherit;
}

.carousel .flex-direction-nav .flex-prev i,
.carousel .flex-direction-nav .flex-next i {
    font-size: 16px;
    position: relative;
    top: 4px;
    left: 8px;
    text-decoration: none !important;
}

.carousel .flex-direction-nav .flex-next {
    right: -40px;
    left: auto;
}

.carousel .flex-direction-nav .flex-next i { left: 9px }

.carousel .flex-direction-nav .flex-prev:active,
.carousel .flex-direction-nav .flex-next:active { margin-top: -12px }

.portfolio-content .hentry { padding: 0 }

.portfolio-content .hentry .entry-wrap { padding: 20px 0 30px 0 }

.portfolio-content .hentry .featured-area { padding: 20px 0 20px 40px }

.portfolio-content .hentry .span { margin: 0 20px 0 0 }

.portfolio-content .hentry .no-image { margin: 0 0 0 20px }

.portfolio-content .hentry .no-image .entry-wrap { padding: 20px }

.portfolio-content .hentry .entry-category span:last-child { display: none }

.portfolio-footer { clear: both }

.post-nav { margin-bottom: 20px; }

.post-nav i:before {
	color: #aaa;
	padding: 0 4px;
}

.post-nav .next-post {
    float: left;
    padding-left: 10px;
}

.post-nav .prev-post {
    float: right;
    padding-right: 10px;
}

.single-content .format-audio .featured-image { margin-bottom: 5px }

.accordion-heading .accordion-toggle { font-weight: bold; }

/* widgets */

.widget {
    word-wrap: break-word;
    margin-top: 20px;
    padding: 20px 20px 30px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #e0e0e0;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    -ms-box-shadow: 0 1px 0 #e0e0e0;
    -o-box-shadow: 0 1px 0 #e0e0e0;
    box-shadow: 0 1px 0 #e0e0e0;
    background: #fff url(assets/images/box-bg.png) bottom repeat-x;
}

.widget .widget-title {
    margin: -20px 0 15px -20px;
    width: 100%;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: normal;
    color: #888;
    background: #eee url(assets/images/widget-title-bg.png) bottom repeat-x;
    border-bottom: 1px solid #EBEBEB;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.widget p:last-child { margin-bottom: 0; }

.widget ul {
    margin: -10px 0;
    padding: 0;
}

.widget ul ul {
    margin: 10px 0 0;
    border-top: 1px solid #eee;
}

.widget ul ul li a { padding: 0 0 0 20px }

.widget ul li:last-child { padding-bottom: 0 }

.widget ul li {
    position: relative;
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.widget ul li a { font-weight: bold }

.widget ul li:last-child { border: none }

.widget #wp-calendar { width: 100% }

.widget #wp-calendar tbody { text-align: center }

.widget .tweet { margin-top: -15px }

.widget .DT-Twitter li { padding: 10px 0 }

.widget .visit-wrap { margin-top: 20px; }

.widget .tweet .tweet_avatar {
    position: absolute;
    top: 15px;
    left: 0;
}

.widget .tweet .tweet_avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.widget .tweet .tweet_time,
.widget .tweet .tweet_text {
    padding-left: 45px;
    display: inline-block;
}

.widget .tweet .tweet_time {
    font-family: Georgia, sans-serif;
    font-style: italic;
    font-size: 11px;
}

.widget .likethis li { padding-left: 20px; }

.widget .likethis .entry-likes {
    color: #aaa;
    font-family: Georgia, serif;
    font-style: italic;
}

.widget .likethis i.icon-heart {
	color: #f66;
	margin-left: -20px;
	padding-right: 5px;
}

.sidebar .widget:last-child { margin-bottom: 40px; }

.sidebar .photostream ul,
.footer .photostream ul { margin-left: -10px }

.sidebar .photostream li,
.footer .photostream li {
    width: 33.333%;
    float: left;
    border: none;
    padding: 10px 0 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sidebar .photostream li a,
.footer .photostream li a {
    display: block;
    background: #f1f1f1;
    padding: 5px;
}

.sidebar .photostream li a:hover,
.footer .photostream li a:hover { background: #555 }

.sidebar .photostream li .entry-likes,
.footer .photostream li .entry-likes,
.sidebar .photostream li .entry-category,
.footer .photostream li .entry-category { display: none }

.entry-content .tab-content { margin-bottom: 20px }

.wpcf7 { font-weight: bold; }

.wpcf7 span { font-weight: normal; }

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea { margin: 5px 0 0; }

.wpcf7 textarea { width: 80%; }

.wpcf7 input[type="submit"] {
    margin-top: 20px;
    padding: 0 20px;
    font: bold 11px/28px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #646464;
    background: #eee url(assets/images/button-bg.png) repeat-x 0 bottom;
    border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 0 #e0e0e0;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    -ms-box-shadow: 0 1px 0 #e0e0e0;
    -o-box-shadow: 0 1px 0 #e0e0e0;
    box-shadow: 0 1px 0 #e0e0e0;
}

.alert { position: relative; }

.alert .close { 
	position: absolute;
	right: 10px;
	top: 2px;
}

.sc.row-fluid { margin-bottom: 20px; }
