/* LICENSE & DETAILS
   ==================================================

	Theme Name: Ability
	Theme URI: http://ability.swiftideas.net/
	Description: Ability - Responsive Creative Portfolio Theme by Swift Ideas ( www.swiftideas.net )
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.92
	Author: Swift Ideas
	Author URI: www.swiftideas.net

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

   ==================================================
*/

/* Table of Contents
==================================================

	#General
	#Header
	#Footer
	#Home
	#Portfolio
	#Blog
	#Sidebar
	#Comments
	#Contact 
	#Shortcodes


/* #General
================================================== */

body {
	padding: 0;
	margin: 0;
}
a {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
body, h1, h2, h3, h4, h5, h6 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  	font-weight: 300;
}
h1 {
	font-size: 36px;
	line-height: 44px;
}
h2 {
	font-size: 22px;
	line-height: 26px;
}
h3 {
	font-size: 18px;
	line-height: 22px;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
h5 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 18px;
}
p {
	font-size: 14px;
	line-height: 140%;
}
.no-js-alert {
	background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    font-size: 24px;
    height: 100%;
    left: 0;
    opacity: 0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity= 95);
    padding: 20% 5% 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 90%;
    z-index: 9999;
}
.section {
	padding-bottom: 50px;
}
.section-heading {
}
.section-heading-content {
	padding: 35px 0 30px;
}
.section-heading h1 {
	display: inline-block;
	margin: 2px 0 -3px;
	border-bottom: 3px solid transparent;
	padding-bottom: 10px;
}
.sub-heading {
	border-top: 3px solid transparent;
	border-bottom: 1px dashed transparent;
	padding: 15px 0;
	height: auto;
	overflow: hidden;
}
.recent-blog .sub-heading {
	border-bottom: 0;
	padding: 0;
}
.section-heading span.section-desc {
	font-style: italic;
	display: inline-block;
	float: left;
	line-height: 30px;
	font-size: 18px;
	width: auto;
}
.section-heading.portfolio-heading span.section-desc {
	width: 680px;
}
.section-heading.blog-heading span.section-desc {
	width: 750px;
}
.divider {
	width: 100%;
	height: auto;
	padding: 20px 0;
	background: transparent url(images/divider-line.png) no-repeat center center;
	margin-top: 50px;
}
.divider .back-to-top {
	background: url("images/back-to-top.png") no-repeat 5px 6px transparent;
    display: block;
    height: 28px;
	width: 28px;
	padding: 5px;
	margin: 0 auto;
	border-radius: 20px;
	text-indent: -9999px;
}
#main-container {
	z-index: 1;
	clear: both;
}
#content {
	padding: 105px 0 40px;
}
figure img {
	width: 100%;
	height: auto;
}
.flexslider {
	position: relative;
	background: #fff url(images/loading.gif) no-repeat center center;
}
.flexslider .slides li {
	margin-bottom: 0;
}
.flexslider .slides img {
	width: 100%;
	height: auto;
}
.flexslider .flex-caption {
	width: 96.2%;
	white-space: nowrap;  
    overflow: hidden;  
	text-overflow: ellipsis;  
    -o-text-overflow: ellipsis;  
    -ms-text-overflow: ellipsis; 
    display: inline;
	float: left;  
}
.flex-direction-nav {
	position: absolute;
	bottom: auto;
	right: auto;
	top: 47%;
	width: 100%;
}
.flex-direction-nav li a {
	background-image: url(images/slider_nav.png);
	width: 22px;
	height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.flex-direction-nav li .prev {
	left: -31px;
	background-position: 0 -80px;
}
.flex-direction-nav li .prev:hover {
	background-position: 0 -120px;
}
.flex-direction-nav li .next {
	background-position: 0 -40px;
	right: -31px;
}
.flex-direction-nav li .next:hover {
	background-position: 0 0;
}
.flex-control-nav li a {
	background-image: url(images/slider_control.png);
	background-position: 0 -19px;
	width: 19px;
	height: 19px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.flex-control-nav li a:hover, .flex-control-nav li a.active{
	background-position: 0 0;
}
p.flex-caption {
	text-shadow: none;
	background: rgba(0, 0, 0, .4);
}
li.item {
	position: relative;
	margin-bottom: 16px;
	-webkit-box-shadow: 0 2px 12px -10px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 2px 12px -10px rgba(0, 0, 0, 1);
	box-shadow: 0 2px 12px -10px rgba(0, 0, 0, 1);
	transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
	-webkit-transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
}
.container li.three.columns {
	width: 300px;
}
li.item h5, li.item .date, li.item h4, li.item .blog-excerpt, li.item .aside-excerpt, li.item .details span, li.item .details span > a, li.item figure img, li.item .actions, li.item span, li.item span a, li.item .jp-title ul .title, li.item .holder {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
li.item span.love, li.item span.love a {
	opacity: 1;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
li.item h5 {
	padding: 0 15px;
	margin-top: 15px;
	height: 45px;
	text-align: center;
}
li.item a {
	text-decoration: none;
}
li.item p.date {
	font-size: 12px;
	text-align: center;
	margin: 0 20px 15px;
	border-top: 1px solid transparent;
	margin: 0 20px 15px;
	padding-top: 10px;
}
li.item figure a, li.blog-item figure a {
	display: block;
}
li.item figure img, .figure-img img, li.blog-item figure img {
	display: block;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity= 100);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	z-index: 999;
}
li.item figure .image-post img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
li.item:hover figure img, li.current-item figure img, .figure-img:hover img, li.item:hover .flexslider img, li.blog-item:hover figure img {
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter:alpha(opacity= 10);
}
li.item .actions {
	position: absolute;
	top: 58px;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	width: 100%;
	z-index: 9999;
}
li.item:hover .actions, li.item.current-item .actions {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
li.item:hover .actions a.lightbox, li.item.current-item .actions a.lightbox {
	margin-left: 70px;
}
li.item:hover .actions a.link, li.item.current-item .actions a.link {
	margin-right: 70px;
}
.actions a {
	width: 35px;
	height: 35px;
	display: block;
}
.actions a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}
.actions .lightbox {
	background: transparent url(images/actions.png) no-repeat top right;
	float: left;
}
.actions .link {
	background: transparent url(images/actions.png) no-repeat top left;
	float: right;
}
a.standard-post {
	background: transparent url(images/view-standard.png) no-repeat center center;
}
a.audio-post {
	background: transparent url(images/view-audio.png) no-repeat center center;
}
a.video-post {
	background: transparent url(images/view-video.png) no-repeat center center;
}
a.image-post {
	background: transparent url(images/view-image.png) no-repeat center center;
}
a.gallery-post {
	background: transparent url(images/view-gallery.png) no-repeat center center;
}
a.link-post {
	background: transparent url(images/view-link.png) no-repeat center center;
}
a.quote-post {
	background: transparent url(images/view-quote.png) no-repeat center center;
}
a.aside-post {
	background: transparent url(images/view-aside.png) no-repeat center center;
}
.sticky {}
.bypostauthor .comment-meta {
	background: transparent url(images/post-author.png) no-repeat right 5px;
}
img.size-full {
	width: 100%;
}
.page-text img.size-full, .widget img.size-full, .body-content img.size-full {
	height: auto;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.clear {
	clear: both;
	height: auto;
	overflow: hidden;
}
.no-margin {
	margin: 0;
}
.wp-caption-text, .gallery-caption {	
	font-size: 1.2em;
	padding: 10px 0;
}
nav.section-nav {
	margin-bottom: 0;
	height: auto;
	overflow: hidden;
	display: none;
	border-bottom: 1px dashed transparent;
	border-top: 1px dashed transparent;
	padding: 15px 0 15px;
}
nav.section-nav > div {
	float: right;
}
nav .menu {
	z-index: 9999;
	text-transform: uppercase;
	height: auto;
	margin-bottom: 0;
}
nav .menu li {
	float: left;
	display: inline;
	margin: 0 0 0 15px;
	font-size: 18px;
	position: relative;
}
nav .menu li:before {
	content: "/";
}
nav .menu li:first-child:before {
	content: "";
}
nav.section-nav .menu li {
	font-size: 16px;
}
nav .menu li:first-child {
	margin-left: 0;
}
nav .menu li a {
	text-decoration: none;
	padding: 10px 0 10px 15px;
}
nav .menu ul {
    position: absolute;
    top: -9999em;
    width: 140px;
    max-width: 180px;
    height: auto;
    border: 1px solid transparent;
    z-index: 40;
    margin: 0;
}
nav .menu ul li {
    width: 100%;
    z-index: 42;
    position: relative;
    display: block;
}
nav .menu ul li:before {
	content: "";
}
nav .menu li:hover ul, nav .menu li.sfHover ul {
    left: 10px;
    top: 30px;
    z-index: 99;
}
nav .menu li:hover li ul, nav .menu li.sfHover li ul {
    top: -9999em;
}
nav .menu ul.sub-menu li:hover ul, nav .menu ul.sub-menu li.sfHover ul {
    left: 140px;
    top: -1px;
}
nav .menu ul li {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid transparent;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
}
nav .menu ul li:last-child {
    border: medium none;
}
nav .menu ul li a {
    padding: 8px 10px;
	display: block;
    margin-bottom: 0;
}
nav .menu li.sfHover ul a {
	color: #3F3E3C;
}
nav .menu li.sfHover ul a:hover {
	color: #b7b7b7;
}
nav .menu li:hover ul li a {
	color: #333d53;
	background-color: transparent;
}
nav .menu ul ul ul, nav .menu ul ul ul ul, nav .menu ul ul ul ul ul { /* Hide subnavs lower than 2 levels */
	display: none;
}
nav.section-nav .menu li a {
	padding: 10px 0 10px 10px;
	line-height: 30px;
}
.controls-wrap {
	float: right;
    height: auto;
    overflow: hidden;
}
.controls {
	display: none;
}
.view-all {
	display: inline-block;
}
.controls a, .view-all a {
	padding: 8px 9px 8px 10px;
	text-decoration: none;
	display: block;
	float: left;
	margin-left: 5px;
	width: auto;
	text-transform: uppercase;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid transparent;
}
.controls a:hover {
	cursor: pointer;
}
.controls a#portfolio-prev, .controls a#portfolio-next {
	padding: 8px 9px 8px 10px;
}
.loading {
	background: #fff url(images/loading.gif) no-repeat center center;
	width: 40px;
	display: none;
	height: 40px;
	margin: 0 auto 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form-loading {
	background: #fff url(images/loading.gif) no-repeat center center;
	width: 40px;
	height: 40px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.small-loading {
	background: #fff url(images/small-loading.gif) no-repeat center center;
	height: 28px;
	width: 28px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid transparent;
	display: none;
	margin-left: 5px;
}
.site-loading {
	position: absolute;
	top: 27px;
	right: 40px;
	z-index: 9999;
	display: block;
	margin: 0;
}
.meta {
	font-size: 12px;
	font-weight: bold;
	margin: 0 20px 10px;
	height: auto;
	overflow: hidden;
}
.portfolio-detail-description .meta {
	border-top: 1px solid transparent;
	padding-top: 20px;
	text-align: center;
}
.portfolio-detail-description .meta > span {
	display: inline-block;
	float: none;
}
.meta > span {
	padding-left: 20px;
	margin-right: 15px;
	margin-bottom: 8px;
	display: inline;
	float: left;
	height: auto;
}
.blog-items .meta span {
	padding-left: 0;
	margin-right: 5px;
	background: none;
	font-size: 10px;
	text-transform: uppercase;
}
.meta span.love {
	padding-left: 0;
}
.meta span a {
	text-decoration: none;
}
.meta .tags {
	background: transparent url(images/meta-tags.png) no-repeat left 2px;
}
.meta .link {
	background: transparent url(images/meta-link.png) no-repeat left 2px;
}
.meta .categories {
	background: transparent url(images/meta-categories.png) no-repeat left 3px;
}
.meta .comments {
	background: transparent url(images/meta-comments.png) no-repeat left 3px;
}
.meta .time-ago {
	background: transparent url(images/meta-time.png) no-repeat left 3px;
	padding-left: 18px;
}
.meta span.love .icon {
	background: transparent url(images/meta-love.png) no-repeat right 4px;
	display: inline;
	float: left;
	height: 13px;
	width: 12px;
	margin-right: 6px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.meta span.love .liked .icon, .meta span.love:hover .icon {
	background-position: left 4px;
}
.portfolio-detail-description .meta > span {
	margin-bottom: 15px;
	line-height: 16px;
}
.portfolio-detail-description .meta span.love .icon {
	background-position: right 2px;
}
.portfolio-detail-description .meta span.love:hover .icon, .portfolio-detail-description .meta span.love .liked .icon {
	background-position: left 2px;
}
.pagenavi {
	float: right;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	-webkit-box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1);
	box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1);
}
.pagenavi span.current {
	margin: 0 5px;
}
.pagenavi a {
	margin: 0 5px;	
	text-decoration: none;
}
a.view-item {
	position: absolute;
	display: block;
	padding: 3px 8px 3px;
	right: 0;
	bottom: 0;
	text-decoration: none;
	font-size: 12px;
	-webkit-border-radius: 3px 0 3px 0;
	-moz-border-radius: 3px 0 3px 0;
	border-radius: 3px 0 3px 0;
}
.single-navigation {
	margin: 30px 0 0;
}
.single-navigation .nav-previous {
	float: left;
}
.single-navigation .nav-next {
	float: right;	
}
.blog-navigation, .single-navigation {
	margin-top: 20px;
	background: transparent url(images/scanlines-sidebar.png) repeat top left;
}
.blog-navigation a, .single-navigation a {
	margin: 15px 15px 18px 15px;
	text-decoration: none;
	padding: 8px 10px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	display: inline-block;
}
.nav-previous {
	float: left;
	text-align: left;
}
.nav-next {
	float: right;
	text-align: right;
}
div.pp_default .pp_expand {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.video-player video {
	display: block;
}
.page-text h2 {
	margin-bottom: 20px;
}
.comment-subscription-form input {
	float: left;
	margin-right: 10px;
}

/* #Header
================================================== */

#header-section {
	border-top: 10px solid transparent;
	width: 100%;
	height: 95px;
	position: fixed;
	z-index: 99;
	clear: both;
	top: 0;
	left: 0;
	border-bottom: 1px solid;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header {
	margin: 0 auto;
	position: relative;
}
#logo a {
	display: block;
}
#logo a img {
	padding: 10px 0;
	height: 75px;
}
#logo a:hover {
	opacity: 0.6;
}
.nav-wrap {
	display: none;
}
#main-navigation, #mobile-navigation {
	float: right;
	margin: 38px 0;
}
#mobile-navigation {
	display: none;
	width: 200px;
	position: relative;
}
#mobile-navigation .selected-option {
	position: absolute;
	top: 6px;
	z-index: 2;
	left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 62%;
	font-size: 14px;
}
#mobile-navigation > div {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
	background: #F1F1F1 url(images/select.png) no-repeat right center;
	border-color: #CCC #E6E6E6 #E6E6E6 #CCC;
	border-style: solid;
	border-width: 1px;
	height: 26px;
	width: 344px;
	margin: 0 auto;

	width: 200px;
	display: block;
	color: #888;
	position: relative;
}
#mobile-navigation > div select {
	cursor: pointer;
	height: 28px;
	margin: 0;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	padding: 0;
	position: relative;
	width: inherit;
	z-index: 4;
}


/* #Footer
================================================== */

#footer {
	min-height: 300px;
	border-top: 10px solid;
	padding-top: 40px;
	margin-top: 20px;
	z-index: 1;
	position: relative;
}
#footer .divide {
	height: 1px;
	margin-top: 20px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
}
#footer section.widget {
	margin: 0 5px 30px;
}
section.widget .widget-heading {
	background: transparent url(images/scanlines-light.png) repeat top left;
	margin-bottom: 20px;
}
section.widget .widget-heading h4 {
	padding-right: 20px;
	float: left;
	width: auto;
	margin: 0;
}
section.widget a, section.widget p, .twitter-widget .twitter-link {
	font-size: 14px
}
.flickr_images {
	margin-right: -6px;
}
.widget .flickr_images li {
	margin: 0 6px 6px 0;
	float: left;
	width: auto;
	background: none;
	padding-left: 0;
}
section.flickr-widget a.flickr-img-link {
	display: block;
	border: 3px solid #fff;
}
section.flickr-widget img {
	width: 60px;
	height: 60px;
	display: block;
}
section.widget input {
	width: 200px;
}
.twitter-widget li.tweet {
	margin-bottom: 20px;
	background: none;
	padding-left: 0;
}
.twitter-widget .twitter-text {
	padding: 10px;
	font-size: 14px;
}
#footer .twitter-widget .twitter-text a {
	font-weight: bold;
}
.twitter-widget .tweet-arrow {
	width: 0;
	height: 0;
	border-top: 12px solid #838282;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	display: block;
	margin: 0 0 5px 10px;
}
.twitter-widget .twitter-date {
	font-size: 1ƒ2px;
	font-weight: bold;
}
.twitter-widget .twitter-link {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
}
ul.social-icons {
	height: auto;
	overflow: hidden;
	margin-right: -12px;
}
.page-text ul.social-icons {
	margin-right: 0;
}
ul.social-icons li {
	float: left;
	display: inline;
	width: 32px;
	height: 32px;
	margin-right: 12px;
	background: none;
	padding-left: 0;
}
ul.social-icons li a {
	background: transparent url(images/social_icons.png) no-repeat 0 0;
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
ul.social-icons li a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity= 70);
}
ul.social-icons li.twitter a {
	background-position: 0 0;
}
ul.social-icons li.facebook a {
	background-position: -32px 0;
}
ul.social-icons li.dribbble a {
	background-position: -64px 0;
}
ul.social-icons li.vimeo a {
	background-position: -96px 0;
}
ul.social-icons li.tumblr a {
	background-position: -128px 0;
}
ul.social-icons li.spotify a {
	background-position: -160px 0;
}
ul.social-icons li.skype a {
	background-position: -192px 0;
}
ul.social-icons li.linkedin a {
	background-position: -224px 0;
}
ul.social-icons li.lastfm a {
	background-position: -256px 0;
}
ul.social-icons li.googleplus a {
	background-position: -288px 0;
}
ul.social-icons li.flickr a {
	background-position: -320px 0;
}
ul.social-icons li.youtube a {
	background-position: -352px 0;
}
ul.social-icons li.behance a {
	background-position: -384px 0;
}
ul.social-icons li.pinterest a {
	background-position: -416px 0;
}
.back-to-top {
	background: transparent url(images/back-to-top.png) no-repeat top left;
	width: 29px;
	height: 28px;
	display: block;
	margin-top: 4px;
}
#footer .back-to-top {
	float: left;
}
.back-to-top:hover {
	cursor: pointer;
}
#copyright {
	padding: 0 0 10px;
}
#copyright p {
	font-size: 12px;
	padding: 10px 0 10px;
	font-weight: bold;
	float: left;
	text-align: left;
	max-width: 80%;
}
#copyright a {
	text-decoration: none;
}

/* #Home
================================================== */

.home-slider-wrap {
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);
}
#home-slider {
	border: 0;
	margin-bottom: 40px;
	min-height: 140px;
	max-height: 800px;
	width: 100%;
	clear: both;
}
#home-slider, #home-slider li img, #home-slider li iframe {
	display: block;
}
#home-slider .video-container {
	position: relative;
	padding-bottom: 47.9%;
	height: 0;
	overflow: hidden;
}
#home-slider li {
	overflow: hidden;
	max-height: 800px;
}
#home-slider li iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 800px;
}
#home-slider .flex-caption-wrap {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 5%;
}
#home-slider .custom-caption {
	margin: 0 auto;
	float: none;
	display: block;
}
#home-slider .custom-caption p {
	font-size: 26px;
	padding: 15px;
	line-height: 140%;
	color: #fff;
	max-width: 60%;
	display: inline-block;
	background: rgba(0, 0, 0, 0.0);
}
#home-slider .custom-caption a {
	text-decoration: none;
}
#home-slider .flex-control-nav {
	bottom: -40px;
	height: auto;
	background-color: #fff;
	padding: 9px 0 13px;
	border-bottom: 1px solid transparent;
}
#home-slider .flex-control-nav li {
	line-height: 8px;
}
#home-slider .flex-control-nav a {
	height: 8px;
	width: 24px;
	display: inline-block;
	margin-right: 5px;
	text-indent: -9999px;
	background-color: #ccc;
	background-image: none;
	-moz-box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.0);
	-webkit-box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.0);
	box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.0);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#home-slider .flex-control-nav a:hover, #home-slider .flex-control-nav a.active {
	background-color: #222;
}
#home-slider .flex-direction-nav {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity= 0);
}
#home-slider:hover .flex-direction-nav {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity= 80);
}
#home-slider .flex-direction-nav li .prev {
	left: 20px;
	background-position: 0 0;
}
#home-slider .flex-direction-nav li .next {
	right: 20px;
	background-position: -50px 0;
}
#home-slider .flex-direction-nav li .prev:hover, #home-slider .flex-direction-nav li .next:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity= 100);
}
#home-slider .flex-direction-nav li a {
	background-image: url(images/bg_direction_nav_showcase.png);
	width: 50px;
	height: 50px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity= 80);
}
#tagline {
	margin-top: 20px;
	width: 97.5%;
	text-align: center;
}
#tagline p {
	margin-bottom: 0;
	font-size: 34px;
	padding: 20px;
}
#tagline a {
	text-decoration: none;
}
#homepage-widgets {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 40px;
	height: auto;
	overflow: hidden;
	clear: both;
}
#homepage-widgets .feature {
	margin-bottom: 20px;
	-webkit-box-shadow: 0 6px 20px -15px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 6px 20px -15px rgba(0, 0, 0, 1);
	box-shadow: 0 6px 20px -15px rgba(0, 0, 0, 1);
}
.feature .heading {
	text-align: center;
	padding: 20px;
}
.feature .heading h3 {
	margin-bottom: 0;
	font-weight: bold;
}
.feature .image {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.feature .image {
	width: 100%;
	height: auto;
}
.feature .image img {
	display: block;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
}
.feature .detail-text {
	padding: 20px 20px 0;
	font-size: 14px;
	height: auto;
	text-align: justify;
}
.feature a.link {
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px 20px 20px;
	text-align: center;
	display: block;
	font-weight: bold;
	font-size: 12px;
	border-top: 1px solid transparent;
	margin: 0 20px 0;
}

/* #Portfolio
================================================== */

.portfolio-ajax-drawer {
	display: none;
	height: auto;
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
	-moz-box-shadow:    inset 0 0 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6);
	box-shadow:         inset 0 0 15px rgba(0, 0, 0, 0.6);
}
.loading-bay {
	display: none;
	visibility: hidden;
}
.filter-wrap {
	display: block;
	float: none;
	clear: both;
	background: transparent url(images/scanlines-sidebar.png) repeat top left;
	margin-bottom: 30px;
}
#portfolio-filter {
	margin: 0;
	padding: 15px 15px 0;
	border: 1px solid transparent;
}
#portfolio-filter li {
	float: left;
	margin: 0 0 15px 10px;
}
#portfolio-filter li:first-child {
	margin-left: 0;
}
#portfolio-filter li a {
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
}
.portfolio-items li {
	margin-bottom: 20px;
	overflow: hidden;
	background: #222 url(images/item-hover.png) no-repeat center center;
}
.portfolio-items li figure img {
	width: 100%;
	height: auto;
}
article.type-portfolio {
	height: auto;
	width: 100%;
	padding: 60px 0;
	margin: 0!important; /* Overwrite getskeleton container margins */
}
.single article.type-portfolio {
	background: transparent url(images/portfolio_bg/wood.jpg) repeat center top;
	-moz-box-shadow:    inset 0 0 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6);
	box-shadow:         inset 0 0 15px rgba(0, 0, 0, 0.6);
}
article.type-portfolio figure {
	height: auto;
}
.container figure.fourteen.columns.portfolio-display {
	float: none;
	display: block;
	margin: 0 auto;
	height: auto!important;
}
figure.portfolio-display .figure-img img, article.type-portfolio .flexslider, article.type-portfolio iframe, article.type-portfolio .figure-img img {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
figure.portfolio-display a.image-post {
	border: 10px solid;
	height: auto;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	width: 800px;
}
article.type-portfolio .flexslider {
	border: 10px solid;
	height: 374px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	width: 960px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0 auto 50px;
}
article.type-portfolio .flex-control-nav {
	bottom: -42px;
}
article.type-portfolio .flexslider .slides li > a, article.type-portfolio .portfolio-display > a {
	height: 374px;
	overflow: hidden;
}
.container .columns.portfolio-detail-description {
	float: none;
	display: block;
	margin: 30px auto 0;
	overflow: hidden;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
}
.portfolio-detail-description .portfolio-heading {
	margin: 20px 20px 15px;
	text-align: center;
}
.portfolio-detail-description h2 {
	display: inline-block;
	padding: 0 20px;
	margin: 0;
}
.portfolio-detail-description .skills-wrap {
	background: transparent url(images/scanlines-sidebar.png) repeat top left;
	text-align: center;
	margin: 0 20px 15px;
}
.portfolio-detail-description .skills {
	font-size: 12px;
	font-style: italic;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	margin: 5px 0;
	padding: 3px 8px;
}
.portfolio-detail-description .skills a {
	text-decoration: none;
	margin-right: 2px;
}
.portfolio-detail-description .body-text {
	margin: 0 20px;
	text-align: justify;
}
article.type-portfolio .video-player {
	margin: 0 auto;
	float: none;
	border: 10px solid;
	height: auto;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
	overflow: hidden;
	display: block;
	width: 800px;
}
.video-player iframe {
	display: block;
	width: 100%;
}
.single-portfolio article.type-portfolio {
	margin-bottom: 40px;
}

/* #Blog
================================================== */

.blog-items {
	height: auto;
	overflow: hidden;
}
.blog-items li.blog-item {
	height: auto;
	overflow: hidden;
	padding: 20px 0;
	margin-bottom: 0;
	border-top: 1px solid transparent;
}
.blog-items li.blog-item:first-child {
	border-top: 0;
}
li.blog-item figure {
	background: #222;
}
li.blog-item figure a {
	display: block;
}
li.blog-item figure img {
	width: 100%;
	height: auto;
}
li.blog-item .item-heading {
	margin: 15px 18px 0 18px;
}
li.blog-item h2 {
	display: inline;
	float: left;
	white-space: nowrap;  
    overflow: hidden;  
	text-overflow: ellipsis;  
    -o-text-overflow: ellipsis;  
    -ms-text-overflow: ellipsis;      
    width: 540px;
}
li.blog-item h2 a {
	text-decoration: none;
}
li.blog-item .blog-excerpt {
	margin: 0 0 15px 20px;
	font-size: 14px;
}
li.blog-item .aside-excerpt {
	margin: 20px 0 15px 20px;
	font-size: 14px;
}
li.blog-item .blog-excerpt.quote, article.type-post .body-content.quote {
	border-left: 3px solid transparent;
	padding-left: 10px;
}
.quote p {
	font-weight: bold;
	margin-bottom: 10px;
}
.quote cite {
	font-style: italic;
	padding-left: 5px;
	font-size: 14px;
}
li.blog-item .details {
	margin: 0 18px 15px;
	font-size: 12px;
	font-weight: bold;
}
.details .comments {
	margin-left: 20px;
}
li.blog-item .details span a {
	text-decoration: none;
}
.container .blog-items .item-details.ten.columns {
	height: auto;
	position: relative;
	padding-left: 10px;
}
.blog-items .meta {
	margin: 0 0 0 20px;
}
.blog-items .holder {
	width: 100%;
	height: 156px;
	background-color: #222;
	display: block;
}
article.type-post, article.type-page {
	margin-bottom: 30px;
}
.single-post .section {
	margin-bottom: 0;
}
article.type-post figure, article.type-post .video-player, article.type-post .flexslider {
	margin-bottom: 20px;
	background: #222;
}
.single-post article.type-post .video-player {
	background: transparent;
}
article.type-post figure img, a.figure-img {
	display: block;
}
article.type-post figure img {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity= 100);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
article.type-post figure:hover img {
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter:alpha(opacity= 10);
}
.detail-info ul li p, .detail-info ul li a, .detail-info ul li span {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
}
.detail-info ul li {
	padding-left: 22px;
	margin-bottom: 10px;
	border-bottom: 1px solid transparent;
	padding-bottom: 10px;
	margin-right: 10px;
	overflow: hidden;
}
.detail-info ul li a {
	text-decoration: none;
}
.detail-info li.date {
	background: transparent url(images/meta-date.png) no-repeat left 5px;
}
.detail-info li.author {
	background: transparent url(images/meta-author.png) no-repeat left 5px;
}
.detail-info li.categories {
	background: transparent url(images/meta-categories.png) no-repeat left 5px;
}
.detail-info li.tags {
	background: transparent url(images/meta-tags.png) no-repeat left 5px;
}
.detail-info li.comments {
	background: transparent url(images/meta-comments.png) no-repeat left 5px;
}
.detail-info li.link {
	background: transparent url(images/meta-link.png) no-repeat left 5px;
}
.detail-info li.love {
	padding-left: 0;
}
.detail-info li.love .icon {
	background: transparent url(images/meta-love.png) no-repeat right 4px;
	display: inline;
	float: left;
	height: 16px;
	width: 12px;
	margin-right: 10px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.detail-info li.love:hover .icon {
	background-position: left 4px;
}
.detail-info li.love .liked .icon {
	background-position: left 6px;
}
article.type-post .detail-body h2, article.type-page .detail-body h2 {
	margin: 0 0 10px 0;
}
article.type-post .detail-body h2 a, article.type-page .detail-body h2 a {
	text-decoration: none;
}
article.type-page .detail-body .body-content {
	margin: 20px 0;	
}
article.type-post .detail-body .aside {
	margin: 20px 20px 0 0;
}
article.type-post .video iframe {
	width: 100%;
	height: 380px;
}
.blog-items li figure.six.columns, .blog-items li .flexslider.six.columns {
	margin-right: 0;
}
.blog-items li .flexslider, article.type-post .flexslider {
	border: 0;
	border-radius: 0;
	background: #222;
}
.blog-items li .flex-direction-nav, article.type-post .flex-direction-nav {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity= 0);
}
.blog-items li:hover .flex-direction-nav, article.type-post .flexslider:hover .flex-direction-nav {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity= 100);
}
.blog-items li .flex-direction-nav li .prev, article.type-post .flex-direction-nav li .prev {
	left: 10px;
	background-position: 0 0;
}
.blog-items li .flex-direction-nav li .prev:hover, article.type-post .flex-direction-nav li .prev:hover {
	background-position: 0 -24px;
}
.blog-items li .flex-direction-nav li .next, article.type-post .flex-direction-nav li .next {
	right: 10px;
	background-position: -24px 0;
}
.blog-items li .flex-direction-nav li .next:hover, article.type-post .flex-direction-nav li .next:hover {
	background-position: -24px -24px;
}
.blog-items li .flex-direction-nav li a, article.type-post .flex-direction-nav li a {
	background-image: url(images/bg_direction_nav.png);
	width: 24px;
	height: 24px;
}
.blog-items .flexslider .flex-control-nav, .blog-items .flexslider .flex-direction-nav, article.type-post .flexslider .flex-control-nav {
	display: none;
}
article.type-post .flexslider .flex-direction-nav {
	opacity: 1;
	top: auto;
	bottom: 15px;
	width: 74px;
	right: 0px;
}
.section#article {
	margin-bottom: 20px;
}
.audio-player {
	margin: 40px 0 60px;
}

/* #Sidebar
================================================== */

.container aside#sidebar.five.columns {
	width: 278px;
}
aside#sidebar .widget {
	margin: 0 0 40px 20px;
}
aside#sidebar .widget-heading {
	background: transparent url(images/scanlines-sidebar.png) repeat top left;
}
#sidebar section.widget a, #sidebar section.widget p, #sidebar .twitter-widget .twitter-link {
	font-size: 14px
}
.widget li {
	background: url(images/li-plus.png) no-repeat left 7px;
	padding-left: 14px;
}

/* #Comments
================================================== */

#comment-area {
	margin-top: 30px;
}
#comment-area a {
	text-decoration: none;
}
#comments-list h3 {
	margin: 0 0 20px;
}
#comments-list ol {
	list-style: none;
	margin-left: 0;
}
#comments-list ul ul {
	font-size: 100%;
}
#comments-list .comment {
	margin: 20px 0 0;
}
#comments-list .comment-wrap {
	position: relative;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px	;
}
.comment-wrap .comment-avatar {
	float: left;
	display: block;
}
.comment-wrap .comment-content {
	float: right;
    border: 1px solid transparent;
    width: 50%;
    padding: 10px;
    position: relative;
}
.comment .children {
	margin-top: 10px;
}
.comment .children > li {
	border-left: 1px solid #e8e8e8;
	padding: 0 0 0 20px;
	margin: 0;
	background: transparent url(images/comment-left-line.png) no-repeat 0 20px;
}
li.depth-1 .comment-wrap .comment-content {
	width: 550px;
}
li.depth-2 .comment-wrap .comment-content {
	width: 530px;
}
li.depth-3 .comment-wrap .comment-content {
	width: 510px;
}
li.depth-4 .comment-wrap .comment-content {
	width: 490px;
}
li.depth-5 .comment-wrap .comment-content {
	width: 470px;
}
li.depth-6 .comment-wrap .comment-content {
	width: 450px;
}
ul.children {
	margin-left: 0;
}
.comment .avatar-arrow {
	position: absolute;
	top: 18px;
	left: -8px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 8px solid #E8E8E8;
	border-bottom: 6px solid transparent;
}
.comment-meta {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
.comment-meta .author-link {
}
.comment-meta .meta-sep {
	margin: 0 5px;
}
.comment-meta cite {
 	font-style: normal;
}
a.comment-reply-link {
	font-size: 12px;
	font-weight: bold;
	float: right;
	margin-right: 5px;
}

/* Trackbacks */
#trackbacks-list span {
	font-size: 12px;
}
#trackbacks-list ol li {
	margin-bottom: 10px;
}
#trackbacks-list .comment-author {
	font-size: 12px;
	margin-bottom: 5px;
}
#trackbacks-list .comment-content p {
	font-size: 14px;
}

/* Comment Form */
#respond {
	margin-top: 30px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
	width: 240px;
}
#commentform p.comment-notes span.required {
	float: none;
}
#commentform p span.required {
	float: right;
}
#commentform label {
	font-size: 14px;
	margin-bottom: 10px;
}
#commentform textarea {
	width: 628px;
	height: 200px;
}
#commentform p.form-allowed-tags {
	display: none;
}
#commentform p.form-allowed-tags code {
	color: #444;
}
#comments #reply-title small a {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-left: 10px;
	line-height: 16px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p.form-submit {
	height: auto;
	overflow: hidden;
}
.form-submit input {
	float: right;
	width: auto;
}


/* #Contact
================================================== */


.container #contact .page-text.ten.columns {
	width: 578px;
}
#contact p.thanks {
	display: none;
	font-weight: bold;
	margin-bottom: 5px;
}
#contactForm {
	padding-top: 20px;
}
#contactForm li label {
	margin-bottom: 6px;
}
textarea#commentsText {
	width: 628px;
	height: 200px;
}
#contactForm li.buttons {
	float: right;
	margin-bottom: 0;
}
#contactForm li.buttons button {
	margin-bottom: 0;
}
#contactForm input.invalid {
	border-color: #cc0000;
}

/* #Shortcodes
================================================== */


/*========== Button Shortcodes ==========*/

a.button {
	display: inline-block;
	font-size: 12px;
	padding: 8px 30px;
	margin: 4px 0;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	border: 0;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
a.button:hover {
	border: 0;
}
.button.blue {
	background: #333d53;
	border-color: #1e2431;
	background: -webkit-gradient(linear, left top, left bottom, from(#333d53), to(#1e2431));
	background: -moz-linear-gradient(top,  #333d53,  #1e2431);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333d53', endColorstr='#1e2431');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.blue:hover {
	background: #1e2431;
	color: #fff;
}
.button.red {
	background: #c33;
	border-color: #990000;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc3333), to(#990000));
	background: -moz-linear-gradient(top,  #cc3333,  #990000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3333', endColorstr='#990000');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.red:hover {
	background: #900;
	color: #fff;
}
.button.green {
	background: #339933;
	border-color: #006600;
	background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#006600));
	background: -moz-linear-gradient(top,  #339933,  #006600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#006600');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .8);
}
.button.green:hover {
	background: #006600;
	color: #fff;
}
.button.orange {
	background: #ff6633;
	border-color: #cc3300;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#cc3300));
	background: -moz-linear-gradient(top,  #ff6633,  #cc3300);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6633', endColorstr='#cc3300');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.orange:hover {
	background: #cc3300;
	color: #fff;
}
.button.yellow {
	background: #ffff99;
	border-color: #ffff00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff99), to(#ffff00));
	background: -moz-linear-gradient(top,  #ffff99,  #ffff00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff99', endColorstr='#ffff00');
	color: #222;
}
.button.yellow:hover {
	background: #ffff00;
	color: #222;
}
.button.pink {
	background: #ff66ff;
	border-color: #ff00ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff66ff), to(#ff00ff));
	background: -moz-linear-gradient(top,  #ff66ff,  #ff00ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66ff', endColorstr='#ff00ff');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.pink:hover {
	background: #ff00ff;
	color: #fff;
}
.button.purple {
	background: #cc33ff;
	border-color: #660099;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc33ff), to(#660099));
	background: -moz-linear-gradient(top,  #cc33ff,  #660099);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc33ff', endColorstr='#660099');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.purple:hover {
	background: #660099;
	color: #fff;
}
.button.lightblue {
	background: #66ccff;
	border-color: #0099ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#0099ff));
	background: -moz-linear-gradient(top,  #66ccff,  #0099ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ccff', endColorstr='#0099ff');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.lightblue:hover {
	background: #0099ff;
	color: #fff;
}
.button.turquoise {
	background: #99ffff;
	border-color: #33cccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#99ffff), to(#33cccc));
	background: -moz-linear-gradient(top,  #99ffff,  #33cccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffff', endColorstr='#33cccc');
	color: #222;
}
.button.turquoise:hover {
	background: #33cccc;
	color: #222;
}
.button.black {
	background: #222222;
	border-color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));
	background: -moz-linear-gradient(top,  #222222,  #000000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.black:hover {
	background: #000000;
	color: #fff;
}
.button.grey {
	background: #777777;
	border-color: #555555;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));
	background: -moz-linear-gradient(top,  #777777,  #555555);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555');
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, .4);
}
.button.grey:hover {
	background: #555555;
	color: #fff;
}
.button.white {
	background: #f7f7f7;
	border-color: #e7e7e7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	background: -moz-linear-gradient(top,  #f7f7f7,  #e7e7e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7');
	color: #626262;
}
.button.white:hover {
	background: #ccc;
	color: #626262;
}


/*========== Alert Shortcodes ==========*/

.alert {
	width: auto;
	min-height: 20px;
	height: auto;
	line-height: 20px;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	margin: 15px 0;
	font-weight: bold;
}
.alert.white {
	border: 1px solid #e7e7e7;
	background-color: #fff;
	color: #222;
}
.alert.red {
	border: 1px solid #c33;
	background-color: #c33;
	color: #fff;
}
.alert.green {
	border: 1px solid #6c6;
	background-color: #cfc;
	color: #444;
}
.alert.blue {
	border: 1px solid #9cf;
	background-color: #c5defa;
	color: #444;
}


/*========== Column Shortcodes ==========*/

.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
	position: relative;
	margin-right: 4%;
	float: left;
	font-size: 14px;
	line-height: 150%;
}
.last {
	margin-right: 0 !important;
	clear:right;
}
.clearboth {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}


/*========== Map Shortcode ==========*/

.map iframe {
	width: 100%;
}


/*========== Person Shortcode ==========*/

.person-widget {
	height: auto;
	overflow: hidden;
	width: 31%;
	float: left;
	margin: 0 1.1%;
}
.person-widget figure {
	width: 100%;
	height: auto;
	min-height: 180px;
	background-color: #E8E8E8;
	margin-bottom: 20px;
}
.person-widget figure img {
	display: block;
}
.person-widget p.role {
	font-style: italic;
	font-size: 14px;
	margin-bottom: 0;
}
.person-widget p {
	clear: both;
	margin-top: 10px;
}


/*========== Divider Shortcode ==========*/

.horizontal-break {
	height: 1px;
	width: 100%;
	margin: 30px 0;
}


/*========== Client Shortcode ==========*/

.client-box {
	width: 228px;
	height: 150px;
	background-color: #fafafa;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	margin: 0 2px 7px 5px;
}


/*========== Typography Shortcodes ==========*/

span.highlighted {
	color: #fff;
	padding: 1px 3px;
	border-radius: 5px;
	margin-right: 5px;
}
span.dropcap {
	float: left;
	padding: 9px;
	margin-right: 9px;
	font-size: 34px;
	font-family: serif;
	font-style: italic;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

blockquote {
	border-left: 3px solid transparent;
	padding: 0 0 0 20px;
}


/*========== Gallery Shortcode ==========*/

.gallery {
	padding-top: 10px;
}
.gallery .gallery-item {
	width: auto;
	float: left;
	display: inline;
	margin: 0 14px;
	width: 17%;
}
.gallery-item .gallery-icon {
	background: #222 url(images/view-image.png) no-repeat center center;
	width: 100%;
	height: auto;
}
.gallery-item .gallery-icon a {
	display: block;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity= 100);
}
.gallery-icon a img {
	display: block;
	width: 140px;
	height: 140px;
}
.gallery-item .gallery-icon a:hover {
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter:alpha(opacity= 10);
}

/*========== Accordion Shortcode ==========*/

.accordion {
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 20px;
}
.accordion .accordion-header {
	border-top: 1px solid #e8e8e8;
	cursor: pointer;
	padding: 10px;
	font-weight: bold;
	color: #666;
}
.accordion .accordion-header:first-child {
	border-top: none;
}
.accordion .accordion-body {
	border-top: 1px solid #e8e8e8;
	padding: 10px;
	color: #222;
	background-color: #f7f7f7;
}
.accordion .accordion-header.ui-state-active, .accordion .accordion-header.ui-state-focus {
	outline: none;
}
.accordion .accordion-header.ui-state-active {
	color: #000;
}


/*========== Tabs Shortcode ==========*/

.tabbed-asset {
	overflow: hidden;
	margin-bottom: 20px;
}
.tab-content {
	padding: 10px;
	background-color: #f7f7f7;
	color: #222;
}
.tab-content.ui-tabs-hide {
	display: none;
}
ul.tabs {
	margin-bottom: 0;
	border: 0;
}
ul.tabs li {
	height: auto;
}
ul.tabs li a {
	font-size: 14px;
	padding: 10px;
	height: auto;
	line-height: 20px;
	color: #666;
	font-weight: bold;
	border: 0;
}
ul.tabs li.ui-state-default a {
	background-color: transparent;
}
ul.tabs li.ui-state-active a {
	color: #222;
	background-color: #f7f7f7;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}