/* #######################################################################

	Theme Name: Scruvely
	Theme URI: http://www.meanthemes.com/theme/scruvely
	Description: A Scrumptious & Lovely WordPress theme: responsive for mobile, tablet and desktop
	Author: MeanThemes
	Author URI: http://meanthemes.com/
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.2.9
	Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready

########################################################################

	0.  CSS Reset, Font setup and Plugins
	1.	WordPress defaults
	2.	General Layout
	3.	Home Template
	4.	Standard Default Template
	5.	Single (Blog Article)
	6.	Portfolio
	7.	Archive
	8.	Contact
	9.	Typography & Text Colours
	10.	Shortcodes
	11.	Pesky Internet Explorer Fixes
	12.	Responsive Layer
	13.	Print

/* #######################################################################

	0.  CSS Reset, Font setup and Plugins

####################################################################### */

html,
 body,
 div,
 span,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 abbr,
 address,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 samp,
 small,
 strong,
 sub,
 sup,
 var,
 b,
 i,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section,
 summary,
 time,
 mark,
 audio,
 video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
display: block;
}
blockquote,
 q {
quotes: none;
}
blockquote:before,
 blockquote:after,
 q:before,
 q:after {
content: "";
content: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
 dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input,
 select {
vertical-align: middle;
}
body {
font:13px/1.231 sans-serif;
}
select,
 input,
 textarea,
 button {
font:99% sans-serif;
}
pre,
 code,
 kbd,
 samp {
font-family: monospace, sans-serif;
}
html {
overflow-y: scroll;
}
a:hover,
 a:active {
outline: none;
}
ul,
 ol {
margin-left: 2em;
}
ol {
list-style-type: decimal;
}
nav ul,
 nav li {
margin: 0;
list-style:none;
list-style-image: none;
}
small {
font-size: 85%;
}
strong,
 th {
font-weight: bold;
}
td {
vertical-align: top;
}
sub,
 sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 1em;
}
textarea {
overflow: auto;
}
.ie6 legend,
 .ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label,
 input[type="button"],
 input[type="submit"],
 input[type="image"],
 button {
cursor: pointer;
}
button,
 input,
 select,
 textarea {
margin: 0;
}
 input:valid, textarea:valid {
}
 input:invalid, textarea:invalid {
 border-radius: 1px;
 -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
 box-shadow: 0px 0px 5px red;
}
 .no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
 background-color: #f0dddd;
}
button {
width: auto;
overflow: visible;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
/* #######################################################################

	0.1 Plugin - FlexSlider

####################################################################### */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 38px; height: 38px; margin: -20px 0 0; display: block; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; opacity: 1;}
.flex-direction-nav .flex-next { right: 0; background: url(assets/img/arrow-right-white.png) 0 0 no-repeat; }
.flex-direction-nav .flex-prev {left: 0; background: url(assets/img/arrow-left-white.png) 0 0 no-repeat; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; top: 100px; text-align: center; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block; background: #fff; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 0 0 1px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* #######################################################################

	0.2 Plugin - Superfish

####################################################################### */

header nav ul ul {
position: absolute;
top: -999em;
width: 7em;
text-align: left;
z-index: 3;
background: #394141;
border: 1px solid #fff; 
padding: 0.5em 1em;
}
header nav ul ul li {
width: 100%;
float: left;
display: block;
line-height: 1em;
margin: 0.5em 0;
}
header nav ul li:hover {
visibility: inherit;
}
header nav ul li,
header nav ul a {
position: relative;
}
header nav ul li:hover ul,
 header nav ul li.sfHover ul {
left: 0;
top: 1.5em;
z-index: 99;
}
header nav ul li:hover li ul,
 header nav ul li.sfHover li ul {
top: -999em;
}
header nav ul li li:hover ul,
 header nav ul li li.sfHover ul {
left: 7em;
top: 0;
}
header nav ul li li:hover li ul,
 header nav ul li li.sfHover li ul {
top: -999em;
}
header nav ul li li li:hover ul,
 header nav ul li li li.sfHover ul {
left: 7em;
top: 0;
}
header nav li.sfHover a { 
text-decoration: underline; 
}
header nav li.sfHover li a { 
text-decoration: none; 
}
header nav ul ul a { 
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.8); 
font-size: 0.9em;
text-decoration: none; 
border-top: 1px solid rgba(255,255,255,0.5);
padding: 0.75em 0 0.25em 0;
display: block;
float: left;
width: 100%;
}
header nav ul ul li:first-child a { 
padding: 0;
border-top: none; 
}
header nav ul ul a:hover { 
color: #fff;
text-decoration: underline; 
}

/* #######################################################################

	0.3 Plugin - ickleMenu

####################################################################### */

.js a.icklemenu-reveal {
display: none;
}
 @media screen and (max-width: 770px) {
.js a.icklemenu-reveal {
width: 30px;
height: 30px;
padding: 5px 10px 10px;
position: absolute;
background: #42a6b5;
top: -22px;
left: 46.5%;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 20px;
text-indent: -9999em;
line-height: 32px;
font-size: 1px;
color: #42a6b5;
display: block;
}
.js a.icklemenu-reveal span {
display: block;
background: #fff;
height: 5px;
margin-top: 5px;
}
.js header nav ul {
display: none;
}
.js header nav {
margin-top: 50px;
}
header nav {
float: left;
width: 100%;
padding: 0;
margin: 0;
position: relative;
z-index: 4;
}
header nav ul li a {
display: block;
float: left;
width: 100%;
padding: 1em 0;
}
header nav ul li a:hover {
background: #017a94;
}
}

/* #######################################################################

	0.4 Plugin - meanMenu

####################################################################### */


/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
float: left;
width: 100%;
position: relative;
background: #394141;
padding: 4px 0;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 10px 10px 8px 10px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav { 
float: left;
width: 100%;
background: #394141;
margin: 33px 0 0 0 !important;
padding: 0 !important;
}
.mean-container .mean-nav ul {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-top: 1px solid #383838;
border-top: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
}
.mean-container .mean-nav ul li:first-child a { 
border: none; 
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255,255,255,0.25);
opacity: 0.75; 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li:first-child a {
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255,255,255,0.25);
}
.mean-container .mean-nav ul li a:hover { 
background: #252525;
background: rgba(255,255,255,0.1); 
}
.mean-container .mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}

/* #######################################################################

	1.	WordPress defaults

####################################################################### */

.alignnone {
margin:5px 0 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.aligncenter,
 div.aligncenter,
 .aligncenter {
display:block;
margin:5px auto;
}
.alignright,
 a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft,
 a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
.sticky {}
.gallery-caption { 
font-style: oblique;
}
.bypostauthor .avatar { 
border-color: #ccc; 
}

/* #######################################################################

	2.	General Layout

####################################################################### */

body {
background: url(assets/img/swatch.png) 0 0 repeat #f3f2ee;
}
a {
color: #6e7372;
text-decoration: underline;
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
a:hover {
color: #394141;
text-decoration: underline;
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
a img {
border: none;
}
.contact-form input, input#s, .contact-form textarea, input[type=text] {
padding: 8px;
width: 70%;
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
background: #fff;
border: 1px solid #d1d2cf;
opacity: 0.55; 
filter:alpha(opacity=55);
}
.contact-form input:hover,
input[type=text]:hover 
input#s:hover, 
.contact-form textarea:hover, 
.contact-form input:active, 
input#s:active, 
.contact-form textarea:active {
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
opacity: 1; 
filter:alpha(opacity=100);
}
textarea { 
height: 192px; 
}
.contact-form input,
button {
-webkit-appearance: none;
border-radius: 0;
}
article ul, article ol { 
margin-bottom: 28px; 
}
button, 
a.btn,
p.form-submit input,
a.comment-reply-link { 
padding: 8px 24px;
background: #4d5454;
border: none;
width: auto;
color: #fff;
font-size: 16px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.8); 
border-radius: 5px;
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
opacity: 1; 
filter:alpha(opacity=100);
text-decoration: none;
}
button:hover,
a.btn:hover,
p.form-submit input:hover,
a:hover.comment-reply-link { 
background: #394141; 
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
text-decoration: none;
}
p {
margin-bottom: 15px;
}
header,
 section,
 article,
 footer {
float: left;
width: 100%;
}
.wrapper, 
section.wrapper,
article.wrapper,
footer.wrapper,
.hero .flex-container {
float: none;
text-align:left;
width: 940px;
margin: 0 auto;
}
.home header,
header {
float: left;
width: 100%;
padding: 56px 0 28px 0;
margin: 0;
position: relative;
z-index: 4;
text-align: center;
}
.home header { 
padding-top: 28px; 
}
header .mast { 
float: left;
width: 100%;
margin-bottom: 28px; 
}
header .mast span.site-title { 
display: block; 
}

header nav { 
float: left;
width: 100%;
padding: 28px 0;
text-align: center;
border-top: 1px solid #c2c2be; 
border-bottom: 1px solid #c2c2be; 
}
header nav ul li {
display: inline; 
margin-left: 28px; 
}
header nav ul li:first-child {
margin-left: 0; 
}
section.footer { 
margin: 28px 0 28px 0;
padding: 38px 0;
background: #394141;  
}
section.footer aside,
section.footer .footer-widget { 
float: left;
width: 22%;
margin-left: 4%; 
}
section.footer aside:first-of-type { 
margin-left: 0; 
}
section.footer #tweets ul, 
section.footer aside div { 
width: 96%;
padding: 0;
margin: 0;
list-style-type: none; 
}
section.footer #tweets ul { 
margin-bottom: 21px;
}
section.footer a.social { 
float: left;
display: block;
position: relative;
width: 32px;
height: 32px;
margin-left: 14px;
margin-bottom: 14px;
-o-transition: opacity 0.5s ease-in; 
-webkit-transition: opacity 0.5s ease-in; 
-moz-transition: opacity 0.5s ease-in; 
transition: opacity 0.5s ease-in;
opacity: 0.2; 
filter:alpha(opacity=20);
text-indent: -9999em;
}
section.footer a.social:first-of-type, 
section.footer a.social:nth-child(5) { 
margin-left: 0; 
}
section.footer a:hover.social { 
-o-transition: opacity 0.25s ease-in; 
-webkit-transition: opacity 0.25s ease-in; 
-moz-transition: opacity 0.25s ease-in; 
transition: opacity 0.25s ease-in;
opacity: 0.8; 
filter:alpha(opacity=80);
}
section.footer a.social.twitter { 
background: url(assets/img/social-twitter.png) 0 0 no-repeat;
}
section.footer a.social.facebook { 
background: url(assets/img/social-facebook.png) 0 0 no-repeat;
}
section.footer a.social.linkedin { 
background: url(assets/img/social-linkedin.png) 0 0 no-repeat;
}
section.footer a.social.googleplus { 
background: url(assets/img/social-googleplus.png) 0 0 no-repeat;
}
section.footer a.social.vimeo { 
background: url(assets/img/social-vimeo.png) 0 0 no-repeat;
}
section.footer a.social.youtube { 
background: url(assets/img/social-youtube.png) 0 0 no-repeat;
}
section.footer a.social.workfu { 
background: url(assets/img/social-workfu.png) 0 0 no-repeat;
}
section.footer a.social.pinterest { 
background: url(assets/img/social-pinterest.png) 0 0 no-repeat;
}
form input#s { 
float: left;
width: 162px; 
border: none;
height: 22px;
padding: 5px;
background: #616767;
color: #c4c6c6;
font-size: 15px;
}
form input#searchsubmit {
float: left;
background: url(assets/img/search.png) 50% 50% no-repeat #4d5454;
text-indent: -9999em;
border: none;
height: 32px;
width: 32px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
} 
.sidebar input#s { 
 width: 128px; 
 background: #fff;
 color: #616767;
}
form input#searchsubmit { 
background-color: #e0e0dc; 
}
footer nav {
float: right;
width: 70%;
text-align: right;
}
footer small { 
float: left;
width: 30%; 
}
footer p.credit { 
float: left;
width: 100%; 
margin-top: 11px;
}
footer nav ul li { 
display: inline; 
margin-left: 14px;
}
footer nav ul ul {
display: none;
}
.js a.icklemenu-reveal,
.js a:hover.icklemenu-reveal {
color: #fff;
background: #394141;
}
section.full .content div.meta.full.search-meta { 
border-top: 1px solid #cdcecb; 
}

/* #######################################################################

	3.	Home Template

####################################################################### */

.home .hero { 
margin: 36px 0 38px 0;
padding: 10px 0;
background: #394141; 
}
.hero .flex-container {
position: absolute;
top: 50%;  
}
.home .hero .slides { 
width: 84%;
padding: 0 8%; 
}
.home .hero time { 
display: block; 
}
.home .portfolio { 
margin-top: 28px; 
}
.home .portfolio article { 
width: 100%;
padding-bottom: 28px; 
margin-bottom: 0;
}
.home .portfolio aside { 
float: left;
width: 22%;
margin-left: 4%; 
}
.home .portfolio aside:first-of-type { 
margin-left: 0; 
}
.home .portfolio aside div a,
section.portfolio article div a
{
padding-right: 26px;
background: url(assets/img/arrow-sm-right-dark.png) 100% 100% no-repeat; 
-o-transition: opacity 0.25s ease-in; 
-webkit-transition: opacity 0.25s ease-in; 
-moz-transition: opacity 0.25s ease-in; 
transition: opacity 0.25s ease-in;
}
.home .portfolio aside img,
section.portfolio article img
 { 
-o-transition: border 0.25s ease-in; 
-webkit-transition: border 0.25s ease-in; 
-moz-transition: border 0.25s ease-in; 
transition: border 0.25s ease-in;
border: 1px solid #fff;
}
.home .portfolio aside:hover img,
section.portfolio article:hover img
 { 
-o-transition: border 0.25s ease-in; 
-webkit-transition: border 0.25s ease-in; 
-moz-transition: border 0.25s ease-in; 
transition: border 0.25s ease-in;
border: 1px solid #394141;
}
.home .portfolio aside:hover a,
section.portfolio article:hover a { 
color: #394141; 
}
.home .portfolio div,
section.portfolio article div { 
width: 98%; 
}

/* #######################################################################

	4.	Standard Default Template

####################################################################### */

.content { 
float: right;
width: 720px; 
margin-top: 10px;
}
.content img { 
max-width: 100%;
}
.content img.wp-post-image { 
float: left;
margin-top: 8px;
margin-bottom: 28px;
}

.content blockquote { 
padding: 18px;
margin: 18px;
background: #dfdfdb; 
background: rgba(57,65,65,0.1);
}
.sidebar { 
float: left;
width: 170px;
margin-top: 55px; 
}
.sidebar h6 { 
margin: 0 0 12px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #cdcecb;
}
.sidebar form { 
float: left; 
}
.sidebar ul, .sidebar form { 
padding: 0;
margin: 0 0 52px 0; 
}
.sidebar ul li { 
padding: 0;
margin: 0 0 8px 0;
list-style-type: none; 
}
html.right .content,
section.right .content { 
float: left; 
}
html.right .sidebar,
section.right .sidebar { 
float: right; 
}


/* #######################################################################

	5.	Single (Blog Article)

####################################################################### */

p.meta.m-time { 
 background: url(assets/img/time.png) 0 2px no-repeat;
}
p.meta.m-tag { 
 background: url(assets/img/tag.png) 0 2px no-repeat;
}
p.meta.m-comments { 
 background: url(assets/img/comment.png) 0 2px no-repeat;
}
div.meta, 
.navigation { 
float: left;
width: 257px;
padding: 0;
margin: 10px 0 28px 0;
border-bottom: 1px solid #c2c2be; 
}
div.meta.full, 
.navigation { 
border-top: 1px solid #c2c2be;
width: 100%;
margin-top: 1px;
}
.navigation .nav-previous { 
background: url(assets/img/arrow-sm-left-dark.png) 0 50% no-repeat; 
padding-left: 26px;
float: left;
}
.navigation .nav-next { 
background: url(assets/img/arrow-sm-right-dark.png) 100% 50% no-repeat; 
padding-right: 26px;
float: right;
}
.comments label { 
float: left;
width: 100%; 
}
ol.commentlist { 
padding: 0;
margin: 0;

}
ol.commentlist li { 
list-style-type: none; 
padding: 0 0 10px 0;
margin: 28px 0 0 0;
border-bottom: 1px solid #c2c2be; 
position: relative;
}
ol.commentlist li li { 
 padding-left: 1em;
 padding-top: 28px;
 border-top: 1px solid #c2c2be; 
 border-bottom: none; 
}
.comment-author img { 
float: left;
margin-right: 16px; 
border: 1px solid #fff;
}
a.comment-reply-link { 
position: absolute;
top: 0;
right: 0;
text-decoration: none;
}
ol.commentlist li li a.comment-reply-link { 
margin-top: 28px;
}
.comment-body em { 
float: left;
width: 100%;
padding: 4px 0 12px 0;
display: block; 
}
.comment-body em:before,
.comment-body em:after { 
content: " - "; 
}


/* #######################################################################

	6.	Portfolio

####################################################################### */

section.wrapper.full { 
width: 843px; 
}
section.wrapper.full.portfolio { 
padding-left: 20px;
width: 982px;
min-height: 500px;
}
section.full .content { 
width: 100%; 
}
section.full .content .meta.full { 
margin: 0;
border: none; 
}
section.full.portfolio article { 
float: left;
width: 448px;
min-height: 532px;
margin-right: 42px; 
margin-bottom: 28px;
}
section.portfolio p.meta { 
margin-top: 28px; 
}
section.portfolio p.meta a { 
text-decoration: underline;
}
.filter { 
width: 100%;
margin: 18px 0 38px 0;
padding: 28px 0;
background: #394141;
float: left; 
}
.filter ul { 
padding: 0;
margin: 0 auto;
width:  940px; 
}
.filter ul li { 
padding: 0;
margin: 0 1em 0 0;
list-style-type: none;
display: inline; 
}
.filter ul li.filter-first { 
background: url(assets/img/filter.png) 0 50% no-repeat;
padding-left: 42px; 
}
.filter a { 
text-decoration: none; 
}
.filter a.active { 
text-decoration: underline; 
}


/* #######################################################################

	7.	Archive

####################################################################### */

.archive .content { 
margin-top: -32px; 
}
.article-archive { 
float: left;
width: 100%;
padding-bottom: 28px;
margin-bottom: 0; 
border-bottom: 1px solid #c2c2be; 
}
.article-archive img { 
float: left; 
margin-right: 24px;
border: 1px solid #fff;
-o-transition: border 0.25s ease-in; 
-webkit-transition: border 0.25s ease-in; 
-moz-transition: border 0.25s ease-in; 
transition: border 0.25s ease-in;
}
.archive-excerpt { 
float: left;
width: 100%; 
margin-top: 28px;
}
.archive-excerpt.nothumb { 
margin-top: 0; 
}
div.meta.full.archive-meta { 
border-bottom: none; 
margin-bottom: 0;
}
.article-archive:hover img { 
-o-transition: border 0.25s ease-in; 
-webkit-transition: border 0.25s ease-in; 
-moz-transition: border 0.25s ease-in; 
transition: border 0.25s ease-in;
border: 1px solid #394141; 
}
.article-archive.blog-full img, .article-archive.blog-full:hover img {
border: none;
float: none;
}
.archive .navigation { 
border-top: 0;
margin-top: 0; 
}

/* #######################################################################

	8.	Contact

####################################################################### */

.contact-form { 
float: left;
width: 100%;
margin-top: 10px;
border-top: 1px solid #c2c2be; 
}
#map { 
float: left;
width: 718px;
height: 298px;
border: 1px solid #fff;
margin-top: 8px;
margin-bottom: 28px;
}
label.error { 
color: #9c3219;
float: left;
width: 100%; 
padding: 12px 0 18px 0;
}
input.error,
textarea.error { 
border: 1px solid #9c3219;
}

/* #######################################################################

	9.	Typography & Text Colours

####################################################################### */

body, 
input, 
button,
textarea,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6, 
.sidebar h6, 
.footer h4, 
.portfolio h3,
.portfolio h2 {
font: 16px/1.6em 'Kotta One', Georgia, serif;
}
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 { 
margin-top: 1.2em;
margin-bottom: 1.2em;
}
body,
input,
textarea { 
color: #6e7372;
text-shadow: 0 1px 0 rgba(255,255,255,0.7); 
}
input, textarea {
text-shadow: none;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
header .mast span.site-title,
header .mast span.site-title a,
header .mast span.site-title a:hover,
.content .article-archive h2,
.content .article-archive h2 a,
.home .portfolio h2 { 
font-family: 'Yesteryear', cursive;
font-weight: 400;
color: #394141; 
line-height: 1em;
text-decoration: none;
}
.content .article-archive h2 a:hover { 
color: #000;
}
header .mast h1 { 
display: inline; 
}
.home h1,
.home h2,
header .mast span.site-title,
.content .article-archive h2 {
font-size: 42px;
margin-bottom: 28px;
}
.content h1 { 
font-size: 42px;
margin-bottom: 28px;
}
.content h2 { 
font-size: 24px; 
}
.content h3 { 
font-size: 21px; 
}
.content h4 { 
font-size: 19px; 
}
.content h5 { 
font-size: 18px; 
}
.content h6 { 
font-size: 17px; 
}
.sidebar { 
font-size: 13px; 
color: #394141; 
}
.sidebar ul li a { 
font-size: 13px; 
color: #394141;
text-decoration: none;
cursor: pointer;
}
.sidebar ul li a:hover, 
.sidebar ul li.current_page_item a {
color: #000; 
text-decoration: underline;
}
.sidebar h6 { 
font-size: 17px; 
color: #394141;
}
header .mast span.site-title, 
header .mast span.site-title h1 { 
font-size: 32px;
}
header nav a { 
text-decoration: none; 
}
header nav a:hover, 
header nav li.current_page_item a,
header nav li.current-menu-item a,
header nav li.current_page_ancestor a, 
header nav li.current_page_parent a,
header nav li.current-post-ancestor a { 
text-decoration: underline; 
}
section.footer { 
font-size: 0.9em;
line-height: 1.4em;
text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
color: #c4c6c6;
}
section.footer a { 
color: #c4c6c6;
}
section.footer a:hover { 
color: #fff;
}
section.footer h4, 
section.footer h4 a { 
color: #fff; 
font-size: 21px;
text-decoration: none;
margin-bottom: 21px;
}
footer { 
font-size: 0.7em; 
}
footer small { 
font-size: 1em; 
}
footer a { 
text-decoration: none; 
}
footer p.credit a { 
-o-transition: opacity 0.25s ease-in; 
-webkit-transition: opacity 0.25s ease-in; 
-moz-transition: opacity 0.25s ease-in; 
transition: opacity 0.25s ease-in; 
opacity: 0.5; 
filter:alpha(opacity=50);
text-decoration: none;
}
footer p.credit a:hover { 
-o-transition: opacity 0.25s ease-in; 
-webkit-transition: opacity 0.25s ease-in; 
-moz-transition: opacity 0.25s ease-in; 
transition: opacity 0.25s ease-in; 
opacity: 1; 
filter:alpha(opacity=100);
}
.home section.portfolio h2 { 
font-size: 42px;
line-height: 1em; 
margin-bottom: 0;
} 
.hero { 
font-size: 20px; 
text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
line-height: 1.4em;
color: #c4c6c6;
}
.hero h2 { 
line-height: 1.2em; 
}
.hero h2,
.hero h2 a { 
color: #fff;
text-decoration: none;
}
.hero h2 a:hover { 
color: #c4c6c6;
}
.hero a { 
color: #c4c6c6;
text-decoration: none;
}
.hero a:hover { 
color: #fff;
}
.hero time { 
display: block;
margin-top: 0.5em;
font-size: 12px; 
line-height: 1.2em
}
em {
font-style: oblique;
}
.home .portfolio a, 
section.portfolio a { 
text-decoration: none; 
}
.home .portfolio h3,
section.portfolio h2 { 
font-size: 21px; 
line-height: 1.2em;
color: #394141;
padding: 21px 0;
}
p.meta { 
font-size: 13px;
padding: 0 0 6px 28px;
margin: 0; 
}
.comments a.url  { 
padding: 4px 0 0 0;
font-size: 19px;
color: #394141; 
display: block;
}
.comments a:hover.url  { 
color: #000; 
}
.comments a.comment-date { 
font-size: 13px; 
color: #394141; 
text-decoration: none;
display: block;
padding-bottom: 12px;
}
.comment-body em { 
font-size: 19px; 
color: #394141; 
font-style: normal;
}
.filter, .filter a { 
color: #fff;
font-size: 16px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.8); 
}

/* #######################################################################

	10.	Shortcodes

####################################################################### */

.one_half {
width:48%;
}
.one_third {
width:30.66%;
}
.two_third {
width:65.33%;
}
.one_fourth {
width:22%;
}
.three_fourth {
width:74%;
}
.one_fifth {
width:16.8%;
}
.two_fifth {
width:37.6%;
}
.three_fifth {
width:58.4%;
}
.four_fifth {
width:67.2%;
}
.one_sixth {
width:13.33%;
}
.five_sixth {
width:82.67%;
}
.one_half,
 .one_third,
 .two_third,
 .three_fourth,
 .one_fourth,
 .one_fifth,
 .two_fifth,
 .three_fifth,
 .four_fifth,
 .one_sixth,
 .five_sixth {
position:relative;
margin-right:4%;
float:left;
}
.last {
margin-right:0 !important;
clear:right;
}
.clearboth {
clear:both;
display:block;
font-size:0;
height:0;
line-height:0;
width:100%;
}

/* #######################################################################

	11.	Pesky Internet Explorer Fixes

####################################################################### */

.oldie section.footer a.social,
.oldie section.footer a.social span { 
text-indent: -9999em; 
}
.oldie .home .portfolio aside.first,
.oldie section.footer aside.first { 
margin-left: 0; 
}
.ie8 .social-links { 
margin-left: -14px; 
}
.ie7 .social-links { 
margin-left: -14px; 
}
.ie7 section.footer aside, 
.ie7 .home .portfolio aside,
.ie7 section.footer .footer-widget { 
width: 21%; 
}
.ie7 .footer form input#s { 
width: 152px; 
}
.ie7 .sidebar { 
position: absolute;
left: 0;
top: 0;
}
html.ie7.right .sidebar,
.ie7 section.right .sidebar { 
left: auto;
right: 0;
}
.ie7 section.wrapper { 
position: relative; 
}

/* #######################################################################

	12.	Responsive Layer
	
####################################################################### */

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.flex-direction-nav .flex-next {
background: url(assets/img/arrow-right-white-2x.png) 0 0 no-repeat; 
background-size: 38px 38px;
}
.flex-direction-nav .flex-prev {
background: url(assets/img/arrow-left-white-2x.png) 0 0 no-repeat; 
background-size: 38px 38px;
}
.home .portfolio aside div a,
section.portfolio article div a,
.navigation .nav-next { 
background-image: url(assets/img/arrow-sm-right-dark-2x.png); 
background-size: 18px 18px;
}
.navigation .nav-previous {
background-image: url(assets/img/arrow-sm-left-dark-2x.png); 
background-size: 18px 18px; 
}
form input#searchsubmit {
background-image: url(assets/img/search-2x.png);
background-size: 8px 14px; 
}
section.footer a.social.twitter { 
background: url(assets/img/social-twitter-2x.png) 0 0 no-repeat;
background-size: 32px 32px; 
}
section.footer a.social.facebook { 
background: url(assets/img/social-facebook-2x.png) 0 0 no-repeat;
background-size: 32px 32px; 
}
section.footer a.social.linkedin { 
background: url(assets/img/social-linkedin-2x.png) 0 0 no-repeat;
background-size: 32px 32px; 
}
section.footer a.social.googleplus { 
background: url(assets/img/social-googleplus-2x.png) 0 0 no-repeat;
background-size: 32px 32px; 
}
section.footer a.social.vimeo { 
background: url(assets/img/social-vimeo-2x.png) 0 0 no-repeat;
background-size: 32px 32px; 
}
section.footer a.social.youtube { 
background: url(assets/img/social-youtube-2x.png) 0 0 no-repeat;
background-size: 32px 32px; 
}
section.footer a.social.workfu { 
background: url(assets/img/social-workfu-2x.png) 0 0 no-repeat;
background-size: 32px 32px; 
}
section.footer a.social.pinterest { 
background: url(assets/img/social-pinterest-2x.png) 0 0 no-repeat;
background-size: 32px 32px; 
}
p.meta.m-time { 
background-image: url(assets/img/time-2x.png);
background-size: 20px 20px;
}
p.meta.m-tag { 
background-image: url(assets/img/tag-2x.png);
background-size: 21px 21px;
}
p.meta.m-comments { 
background-image: url(assets/img/comment-2x.png);
background-size: 19px 17px;
}
.filter ul li.filter-first { 
background-image: url(assets/img/filter-2x.png);
background-size: 12px 10px;
}
}
@media screen and (max-width: 960px) {
img.wp-post-image,
#map { 
max-width: 100%; 
}
.content img {
max-width: 100%;
}
img.size-full, 
header .mast span.site-title img { 
max-width: 100%; 
}
.article-archive img.wp-post-image { 
max-width: 65%;
width: 65%;
margin-right: 3%; 
}
div.meta { 
width: 30%; 
}
.wrapper, 
section.wrapper, 
article.wrapper, 
footer.wrapper, 
.hero .flex-container,
footer, 
.content,
.sidebar,
.filter,
section.wrapper.full.portfolio,
section.wrapper.full { 
float: left;
width: 94%;
padding-left: 3%; 
padding-right: 3%; 
}
.sidebar h6,
.sidebar form,
.sidebar ul,
.sidebar div { 
float: left;
width: 100%;
clear: both; 
}
.hero .flex-container,
section.wrapper.full { 
width: 90%; 
}
section.footer { 
padding-bottom: 8px; 
}
section.footer aside, 
section.footer .footer-widget { 
width: 45%; 
margin-bottom: 1.25em;
} 
section.footer a.social,
section.footer a.social:nth-child(5) { 
margin-left: 10px; 
}
section.footer aside:nth-child(3) { 
margin-left: 0; 
} 
.filter ul { 
width: 100%; 
}
section.portfolio article { 
width: 50%;
margin-right: 0;
}
section.portfolio article img { 
width: 92%; 
max-width: 92%;
}
}
@media screen and (max-width: 770px) {
header nav { 
border: none;
padding: 0;
margin: 0; 
}
header nav ul { 
margin-top: 0.75em;
}
.js header nav ul ul {
left: -9999em;
top: -9999em; 
display: none !important;
}
header nav ul li a { 
background: #394141;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.8); 
margin-bottom: 0.25em;
}
header nav ul li a:hover { 
background: #cdcecb;
color: #394141;
text-shadow: 0 -1px 0 rgba(255,255,255,0.8); 
margin-bottom: 0.25em;
}
.home .portfolio aside h3 { 
font-size: 17px; 
}
.home .portfolio aside div { 
display: none;
}
section.full.portfolio article { 
width: 50%;
margin-right: 0;
}
section.footer a.social,
section.footer a.social:nth-child(5) { 
margin-left: 6px; 
}
footer p.credit,
footer nav,
footer small { 
float: left;
width: 100%;
margin: 0 0 18px 0;
padding: 0;
text-align: left; 
}
footer nav ul li:first-child { 
margin-left: 0; 
}
}
@media screen and (max-width: 730px) {
.article-archive a.btn { 
float: left;
clear: both; 
}
}
@media screen and (max-width: 590px) {
.js a.icklemenu-reveal { 
left: 45%; 
}
section.footer a.social:nth-child(5) { 
margin-right: 12px; 
}
section.footer a.social:nth-child(6) { 
margin-left: 0; 
}
}
@media screen and (max-width: 535px) {
input, textarea { 
width: 94%; 
}
.home .portfolio aside { 
width: 46%;
}
.home .portfolio aside:nth-child(4) { 
margin-left: 0;  
}
section.footer a.social:nth-child(5) { 
margin-right: 0; 
}
}
@media screen and (max-width: 518px) {
.article-archive img.wp-post-image { 
max-width: 100%;
width: 100%;
margin-right: 0; 
}
.article-archive .meta.short { 
width: 100%;
margin-top: 0;
padding-top: 0; 
}
}
@media screen and (max-width: 480px) {
.home .hero .slides { 
padding-left: 15%;
padding-right: 15%; 
width: 70%;
}
.home .hero h2 {  
padding-left: 5%;
padding-right: 5%;
}
.home .hero div { 
font-size: 85%; 
}
.home .portfolio { 
margin-top: 0; 
}
section.footer a.social:nth-child(6) { 
margin-left: 10px; 
}
section.footer a.social:nth-child(5) { 
margin-left: 0; 
}
section.footer a.social:nth-child(4) { 
margin-right: 10px; 
}
.footer form input#s { 
width: 140px; 
}
section.portfolio article { 
width: 100%;
margin-right: 0;
}
section.portfolio article img { 
width: 88%; 
max-width: 98%;
}
.one_fourth,
 .one_fifth,
 .one_sixth {
 width: 100%%;
}
#map { 
height: 150px; 
}
}
@media screen and (max-width: 320px) {
.js a.icklemenu-reveal { 
left: 42%; 
}
section.full.portfolio article { 
width: 100%; 
}
section.full.portfolio article img { 
width: 100%; 
max-width: 100%;
}
section.footer { 
width: 99.5%; 
}
section.footer a.social,
section.footer a.social:nth-child(5),
section.footer a.social:nth-child(6) { 
margin-left: 4px; 
}
section.footer a.social:nth-child(4) { 
margin-right: 0; 
}
section.footer aside, 
section.footer .footer-widget { 
width: 100%; 
margin-left: 0;
margin-right: 0;
}
}

/* #######################################################################

13.	Print

####################################################################### */

@media print {
 @import "print.css";
}

#main { padding: 0; }