@charset "UTF-8";

/*!
Theme Name: Litmus
Theme URI: http://www.litmus.com/
Description: Custom theme for the Litmus blog
Author: Jeff Byrnes
Author URI: http://thejeffbyrnes.com
Version: 2.1.0

Custom theme, converted from HTML/CSS written by Litmus
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}
pre code {
    display: block;
    padding: 0.5em;
    background: #272822;
    overflow: auto
}
pre .tag,
pre .tag .title,
pre .keyword,
pre .literal,
pre .change,
pre .winutils,
pre .flow,
pre .lisp .title,
pre .clojure .built_in,
pre .nginx .title,
pre .tex .special {
    color: #F92672
}
pre code {
    color: #DDD
}
pre code .constant {
    color: #66D9EF
}
pre .class .title {
    color: white
}
pre .attribute,
pre .symbol,
pre .symbol .string,
pre .value,
pre .regexp {
    color: #BF79DB
}
pre .tag .value,
pre .string,
pre .subst,
pre .title,
pre .haskell .type,
pre .preprocessor,
pre .ruby .class .parent,
pre .built_in,
pre .sql .aggregate,
pre .django .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .javadoc,
pre .django .filter .argument,
pre .smalltalk .localvars,
pre .smalltalk .array,
pre .attr_selector,
pre .pseudo,
pre .addition,
pre .stream,
pre .envvar,
pre .apache .tag,
pre .apache .cbracket,
pre .tex .command,
pre .prompt {
    color: #A6E22E
}
pre .comment,
pre .java .annotation,
pre .python .decorator,
pre .template_comment,
pre .pi,
pre .doctype,
pre .deletion,
pre .shebang,
pre .apache .sqbracket,
pre .tex .formula {
    color: #75715E
}
pre .keyword,
pre .literal,
pre .css .id,
pre .phpdoc,
pre .title,
pre .haskell .type,
pre .vbscript .built_in,
pre .sql .aggregate,
pre .rsl .built_in,
pre .smalltalk .class,
pre .diff .header,
pre .chunk,
pre .winutils,
pre .bash .variable,
pre .apache .tag,
pre .tex .special,
pre .request,
pre .status {
    font-weight: bold
}
pre .coffeescript .javascript,
pre .javascript .xml,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
    opacity: 0.5
}
.search-icon,
.search-form input[type=submit] {
    height: 20px;
    width: 20px;
    background-image: url('../images/sprites-sb75be0313d.png');
    background-position: 0 -79px;
    background-repeat: no-repeat
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 1.5) {
    .search-icon,
    .search-form input[type=submit] {
        background-image: url('../images/sprites2x-s3188c11fa0.png');
        background-position: 0 -79px;
        -webkit-background-size: 1000px auto;
        -moz-background-size: 1000px auto;
        -o-background-size: 1000px auto;
        background-size: 1000px auto
    }
}
.cover-image-overlay,
.main article .post-header:after,
.main .full-width header:after {
    height: 79px;
    width: 1000px;
    background-image: url('../images/sprites-sb75be0313d.png');
    background-position: 0 0;
    background-repeat: no-repeat
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 1.5) {
    .cover-image-overlay,
    .main article .post-header:after,
    .main .full-width header:after {
        background-image: url('../images/sprites2x-s3188c11fa0.png');
        background-position: 0 0;
        -webkit-background-size: 1000px auto;
        -moz-background-size: 1000px auto;
        -o-background-size: 1000px auto;
        background-size: 1000px auto
    }
}
@font-face{font-family:"Litmus";src:url("../fonts/litmus-icons.eot");src:url("../fonts/litmus-icons.eot?#iefix") format("embedded-opentype"),
url("../fonts/litmus-icons.woff") format("woff"),
url("../fonts/litmus-icons.ttf") format("truetype"),
url("../fonts/litmus-icons.svg#litmus-icons") format("svg");
font-weight:normal;
font-style:normal
}
[class^="litmus-icon-"],
[class*=" litmus-icon-"] {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-family: 'Litmus';
    font-weight: normal;
    font-style: normal
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
a {
    text-decoration: none
}
body {
    background: #ebeae8
}
body,
input {
    font-family: "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased
}
pre {
    font-family: 'Droid Sans Mono', monospace
}
h1,
h2,
h3 {
    font-family: 'proxima-nova', sans-serif
}
h2,
h3,
h4 {
    text-transform: uppercase
}
h1 {
    margin: 5px 0 15px;
    color: #4c5156;
    font-size: 30px;
    line-height: 1.166666667
}
h2 {
    margin: 25px 0;
    color: #555;
    font-size: 22px
}
h3 {
    margin: 0 0 15px;
    color: #7e766f;
    font-weight: 600;
    font-size: 17px
}
h4 {
    margin: 0 0 15px;
    color: #d2cac3;
    font-weight: 700;
    font-size: 16px;
    font-family: "brandon-grotesque", sans-serif
}
.light {
    color: #999
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input.text,
input.title,
textarea,
select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 8px;
    outline: none;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    font-size: 13px
}
input[type="submit"] {
    border: none;
    cursor: pointer
}
.grid {
    margin: 0 0 0 0
}
.grid:after {
    content: "";
    display: table;
    clear: both
}
[class*='col-'] {
    float: left;
    padding-right: 10px
}
.grid [class*='col-']:last-of-type {
    padding-right: 0
}
.col-2-3 {
    width: 66.66%
}
.col-1-3 {
    width: 33.33%
}
.col-1-2 {
    width: 50%
}
.col-3-5 {
    width: 60%
}
.col-2-5 {
    width: 40%
}
.col-1-4 {
    width: 25%
}
.col-1-8 {
    width: 12.5%
}
.grid-pad {
    padding: 0 0 0 10px
}
.grid-pad [class*='col-']:last-of-type {
    padding-right: 10px
}
.grid-pad .tags {
    line-height: 28px
}
.grid-pad .tags a {
    font-size: 16px;
    color: #65b1cd
}
.btn {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.btn.xlarge {
    padding: 15px 25px
}
.btn.large,
.btn.medium {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px
}
.btn.large {
    padding: 10px 15px;
    font-weight: bold
}
.btn.medium {
    padding: 5px 10px
}
.btn.small {
    padding: 3px 10px
}
.btn.xsmall {
    padding: 3px 5px
}
.btn.orange {
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF08406', endColorstr='#FFF07506');
    background: #f08406;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwODQwNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwNzUwNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f08406), color-stop(100%, #f07506));
    background: -webkit-linear-gradient(#f08406, #f07506);
    background: -moz-linear-gradient(#f08406, #f07506);
    background: -o-linear-gradient(#f08406, #f07506);
    background: linear-gradient(#f08406, #f07506);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    border: 1px solid #ad5d15;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
}
.btn.flat {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    background: #444
}
.btn.flat:hover {
    background: #111
}
.btn.flat.orange {
    border: 1px solid #ee682f;
    background: #fa824f
}
.btn.flat.orange:hover {
    background: #ee682f
}
.btn.flat.red {
    background: #d43e27
}
.global-nav {
    background: #333;
    height: 85px;
    border-top: 5px solid #444;
    width: 100%;
}
.global-nav ul {
    margin: 0;
    padding: 0;
    text-align: right;
    overflow: hidden;
}
.global-nav ul > li {
  top: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-family: "brandon-grotesque",sans-serif;
}
.global-nav .header-logo {
    float: left;
    top: 0;
}
.global-nav .mark {
  position: relative;
  bottom: 22px;
  font-size: 9px;
  padding-left: 6px;
}
.global-nav .header-logo a {
    margin-left: 0;
    padding: 15px 0;
    height: 85px;
}
.global-nav .header-logo img {
    height: 45px
}
.global-nav a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 12px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.045em;
}
.global-nav a:hover {
    color: #E5E5E5;
}
.global-nav .menu-item-4943 a,
.global-nav .menu-item-4944 a {
  position: relative;
  top: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
.global-nav .menu-item-4943 a {
  padding: 10px 20px;
  border: 2px solid #b8b8b8;
  margin-left: 20px;
  color: #b8b8b8;
}
.global-nav .menu-item-4943 a:hover {
  color: #444;
  background-color: #b8b8b8;
}
.global-nav .menu-item-4944 a {
  padding: 12px 20px;
  background-color: #e76f3d;
  margin-left: 25px;
}
.global-nav .menu-item-4944 a:hover {
  background-color: #e0551c;
}
.global-nav .current_page_item a,
.global-nav .current_page_item a:hover {
  color: #E5E5E5;
}
.secondary-nav {
  height: 70px;
  background: #fff;
  font-family: "brandon-grotesque", sans-serif
}
.search-form {
    position: relative;
    float: right;
    margin: 16px 0 0 0
}
.search-form input[type=text] {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    width: 225px;
    height: 40px;
    border: none;
    background: #efefef;
    color: #777;
    text-indent: 10px;
    font-weight: 200;
    font-size: 16px;
    font-family: "brandon-grotesque", sans-serif;
    line-height: 1.875
}
.search-form input[type=submit] {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    position: relative;
    top: 0;
    left: -35px;
    z-index: 2;
    border: none;
    background-color: transparent;
    text-indent: -9999px;
    cursor: pointer
}
.categories-nav {
    margin: 0;
    padding: 0;
    list-style: none
}
.categories-nav li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative
}
.categories-nav a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    padding: 0 30px;
    height: 70px;
    border-top: 5px solid transparent;
    color: #888;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 4.642857143
}
.categories-nav a:hover {
  color: #666;
}
.categories-nav .more>a:after {
    border-color: #ccc transparent transparent transparent;
    border-width: 4px;
    border-style: solid;
    content: "";
    margin-left: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.categories-nav .more:hover .sub-menu {
    display: block;
    visibility: visible;
    height: auto;
    opacity: 1
}
.categories-nav .sub-menu {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 30;
    visibility: hidden;
    padding: 0;
    width: 300px;
    height: 1px;
    background: #fff;
    opacity: 0
}
.categories-nav .sub-menu li {
    display: block;
    float: none;
    padding: 0;
    height: auto
}
.categories-nav .sub-menu a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: block;
    padding: 10px;
    height: auto;
    border-top: none;
    border-left: 4px solid #d2cac3;
    background: #f5f0ec;
    color: #555;
    vertical-align: top;
    text-transform: none;
    font-weight: 400;
    font-family: 'proxima-nova', sans-serif;
    line-height: 14px
}
.categories-nav .sub-menu a:hover {
    border-left: 4px solid #fa824f;
    background: #eae5e2
}
.categories-nav .current-menu-item a {
    border-top: 5px solid #bbbaba;
    background: #e7e7e7
}
.main {
    padding-top: 30px
}
.main .posts-container {
    float: left;
    padding-bottom: 40px;
    width: 690px
}
.main article {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    margin: 0 0 40px 0;
    background: #fff
}
.main article .post-header {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    position: relative;
    overflow: hidden;
    min-height: 130px
}
.main article .post-header figure {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    position: relative;
    min-height: 360px
}
.main article .post-header figure img {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    position: relative;
    z-index: 1;
    max-width: 100%
}
.main article .post-header:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 79px;
    content: ''
}
.main article .post-header:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 10px;
    background: #f4a938;
    content: ''
}
.main .video .post-header {
    padding: 35px 0 110px;
    background: url(../images/hexabump.png) 0 0 repeat;
    text-align: center
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .main .video .post-header {
        background-image: url("../images/hexabump@2x.png");
        background-size: 19px 33px
    }
}
.main .video .post-header .video-wrapper {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
    margin: 0 auto;
    text-align: center
}
.main .post-content {
    position: relative;
    z-index: 15;
    margin-top: -114px;
    padding: 10px 60px 50px 135px
}
.main .post-content .author-thumb {
    -webkit-border-radius: 35px 0 35px 0;
    -moz-border-radius: 35px 0 35px 0;
    -ms-border-radius: 35px 0 35px 0;
    -o-border-radius: 35px 0 35px 0;
    border-radius: 35px 0 35px 0;
    position: absolute;
    top: 0;
    margin-left: -112px;
    padding: 3px;
    width: 70px;
    height: 70px;
    background: #f4a938
}
.main .post-content .author-thumb img {
    -webkit-border-radius: 32px 0 32px 0;
    -moz-border-radius: 32px 0 32px 0;
    -ms-border-radius: 32px 0 32px 0;
    -o-border-radius: 32px 0 32px 0;
    border-radius: 32px 0 32px 0;
    width: 64px;
    height: 64px
}
.main .post-content .staff-img {
    width: 230px;
    height: 230px;
    padding: 4px;
    -webkit-border-radius: 94px 0 94px 0;
    -moz-border-radius: 94px 0 94px 0;
    -ms-border-radius: 94px 0 94px 0;
    -o-border-radius: 94px 0 94px 0;
    border-radius: 94px 0 94px 0
}
.main .post-content .staff-img img {
    -webkit-border-radius: 94px 0 94px 0;
    -moz-border-radius: 94px 0 94px 0;
    -ms-border-radius: 94px 0 94px 0;
    -o-border-radius: 94px 0 94px 0;
    border-radius: 94px 0 94px 0
}
.main .post-content .author-name {
    display: block;
    margin: -4px 0 0 0;
    padding: 0;
    color: #aea196;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
    font-family: 'proxima-nova', sans-serif
}
.main .post-content hgroup {
    position: relative;
    margin-top: 20px;
    padding: 30px 0 10px
}
.main .post-content hgroup h1 {
    margin: 5px 0 15px 0;
    color: #4c5156;
    font-size: 30px;
    font-family: 'proxima-nova', sans-serif;
    line-height: 1.166666667
}
.main .post-content hgroup h1 a {
    color: #4c5156
}
.main .post-content .entry-date {
    color: #888;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 18px;
    font-family: 'proxima-nova', sans-serif
}
.main .post-content h2 {
    margin: 25px 0;
    color: #555;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'proxima-nova', sans-serif
}
.main .post-content h3 {
    margin: 0 0 15px;
    color: #7e766f;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    font-family: 'proxima-nova', sans-serif
}
.main .post-content h4 {
    margin: 0 0 15px;
    color: #d2cac3;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    font-family: "brandon-grotesque", sans-serif
}
.main .post-content p {
    margin: 0 0 25px;
    color: #7b8186;
    font-size: 16px;
    line-height: 1.5
}
.main .post-content p.lead {
    margin-bottom: 25px;
    color: #7a848d;
    font-size: 20px;
    line-height: 1.2
}
.main .post-content blockquote {
    margin: 0 auto 14px;
    padding: 0 0 0 40px;
    background: url("../images/quotes.png") 0 0 no-repeat;
    background-size: 28px 20px;
    text-transform: uppercase;
    font-size: 19px;
    font-family: "brandon-grotesque", sans-serif;
    line-height: 1.368421053
}
.main .post-content blockquote p {
    font-size: inherit;
    line-height: inherit
}
.main .post-content .update {
    -webkit-border-radius: 20px 0 20px 0;
    -moz-border-radius: 20px 0 20px 0;
    -ms-border-radius: 20px 0 20px 0;
    -o-border-radius: 20px 0 20px 0;
    border-radius: 20px 0 20px 0;
    margin: 20px 0;
    padding: 15px;
    background-color: #fef2db;
    color: #A87C53;
    font-size: 13px;
    line-height: 1.384615385
}
.main .post-content .update strong {
    color: #d95843;
    text-transform: uppercase;
    font-size: 14px
}
.main .post-content .update em {
    color: #E0B06E;
    font-style: italic;
    font-size: 13px
}
.main .post-content .update a {
    color: #d95843
}
.main .post-content .update p {
    margin: 0
}
.main .post-content .highlight {
    clear: both;
    margin: 45px 0 45px -80px
}
.main .post-content .highlight h3 {
    font-size: 16px
}
.main .post-content .highlight img {
    float: left;
    margin: 0 10px 0 0;
    margin: 0;
    width: 175px
}
.main .post-content .highlight .content {
    margin-left: 200px
}
.main .post-content .highlight p {
    margin-bottom: 0
}
.main .post-content ul,
.main .post-content ol {
    margin: 0 0 35px;
    padding: 0
}
.main .post-content ul li,
.main .post-content ol li {
    margin: 0 0 15px;
    padding-left: 25px;
    color: #7b8186;
    font-size: 16px;
    line-height: 1.5
}
.main .post-content ul li {
    background: url(../images/bullet.png) 0 5px no-repeat
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .main .post-content ul li {
        background-image: url("../images/bullet@2x.png");
        background-size: 14px 14px
    }
}
.main .post-content ol {
    counter-reset: li
}
.main .post-content ol li {
    position: relative;
    background: none !important
}
.main .post-content ol li:before {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    top: 2px;
    left: -10px;
    width: 24px;
    height: 24px;
    background: #d2cac3;
    color: #fff;
    content: counter(li);
    counter-increment: li;
    text-align: center;
    font-weight: bold;
    line-height: 24px
}
.main .post-content footer {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    background: transparent
}
.main .post-content footer h4 {
    margin: 0 0 20px 0;
    color: #ada299;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "brandon-grotesque", sans-serif
}
.main .post-content footer .full-post {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    font-family: "brandon-grotesque", sans-serif
}
.main .post-content footer .full-post .litmus-icon-arrow {
    font-size: 23.27273px;
    line-height: 1.272727273
}
.main .post-content footer .tags {
    margin-right: 170px
}
.main .post-content footer .tags a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    padding: 8px 15px;
    background: #d2cac3;
    color: #fff;
    font-weight: bold;
    font-size: 13px
}
.main .post-content footer .social-sharing {
    float: right;
    padding: 30px 0 0
}
.main .post-content footer .social-sharing .share {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    padding: 11px 25px;
    background: #d43e27
}
.main .post-content footer .social-sharing .share:hover {
    background: #fff;
    color: #4a4a4a
}
.main .post-content footer .social-sharing .share .button span,
.main .post-content footer .social-sharing .share .menu li a,
.main .post-content footer .social-sharing .share .menu .header {
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif
}
.main .post-content footer .social-sharing .share .button {
    position: relative
}
.main .post-content footer .social-sharing .share .menu {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    margin: 0;
    padding: 0;
    min-width: 172px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: #fff;
    -webkit-animation: slide-down 0.25s;
    -moz-animation: slide-down 0.25s;
    animation: slide-down 0.25s
}
.main .post-content footer .social-sharing .share .menu li {
    display: block;
    margin: 0;
    padding: 11px 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: none
}
.main .post-content footer .social-sharing .share .menu li:last-child {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    border: none
}
.main .post-content footer .social-sharing .share .menu li:hover,
.main .post-content footer .social-sharing .share .menu li.header {
    background: rgba(0, 0, 0, 0.025)
}
.main .post-content footer .social-sharing .share .menu .header {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    padding: 12px 25px;
    color: #999;
    text-align: left;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    cursor: default
}
.main .post-content footer .social-sharing .share:hover .menu {
    display: block
}
.main .post-content footer .comments {
    clear: both;
    padding: 30px 0 0
}
.main .post-content footer #disqus_thread {
    margin: 60px 0 20px
}
.main .post-content .comment-count {
    float: right;
    color: #aaa;
    font-family: 'proxima-nova', sans-serif
}
.main .post-content .comment-count .litmus-icon-comment {
    font-size: 22px
}
.main .post-content a {
    color: #65b1cd
}
.main .post-content figure {
    position: relative;
    margin: 0 0 25px
}
.main .post-content figure img {
    margin: 0;
    width: 100%;
    height: auto
}
.main .post-content figcaption {
    margin: 5px 0 0;
    color: #a8a7a7;
    text-align: right;
    font-style: italic;
    font-size: 14px
}
.main .post-content .alignleft figcaption,
.main .post-content .alignright figcaption,
.main .post-content .nudged figcaption,
.main .post-content .floated figcaption {
    text-align: center
}
.main .post-content .alignleft,
.main .post-content .alignright,
.main .post-content .floated {
    margin-bottom: 10px
}
.main .post-content .alignleft,
.main .post-content .floated {
    float: left;
    margin-right: 25px
}
.main .post-content .alignright {
    float: right;
    margin-left: 25px
}
.main .post-content .nudged {
    margin: 0 25px 20px -80px
}
.main .post-content .nudged.full-width,
.main .post-content .nudged.fullwidth {
    display: block;
    float: none;
    margin: 50px 0 50px -80px
}
.main .post-content .nudged.full-width figcaption,
.main .post-content .nudged.fullwidth figcaption {
    float: right
}
.main .post-content .iphone-email {
    position: absolute;
    top: 120px;
    left: 25px;
    overflow: auto;
    width: 270px;
    height: 475px
}
.main .post-content .iphone-email img {
    max-width: 100%
}
.main .post-content img {
    max-width: 100%;
    margin: 15px 0
}
.main .post-content img.curvy {
    -webkit-border-radius: 30px 0 30px 0 !important;
    -moz-border-radius: 30px 0 30px 0 !important;
    -ms-border-radius: 30px 0 30px 0 !important;
    -o-border-radius: 30px 0 30px 0 !important;
    border-radius: 30px 0 30px 0 !important
}
.main .post-content img.shaded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)
}
.main .post-content strong {
    font-weight: bold
}
.main .post-content em {
    font-style: italic
}
.main .post-content pre code {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 40px 0;
    padding: 20px;
    font-weight: bold;
    font-size: 14px
}
.main .gutter-wrapper {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    position: relative;
    z-index: 1;
    margin-top: 100px;
    border-top: 4px solid #d2cac3;
    background: #e0d9d2 url(../images/dotted.png) 0 0 repeat
}
.main .gutter-wrapper .gutter {
    -webkit-border-radius: 30px 0 0 0;
    -moz-border-radius: 30px 0 0 0;
    -ms-border-radius: 30px 0 0 0;
    -o-border-radius: 30px 0 0 0;
    border-radius: 30px 0 0 0;
    position: relative;
    top: -75px;
    z-index: 2;
    margin-left: 121px;
    padding: 15px 40px 0 15px
}
.main .gutter-wrapper .gutter:before {
    -webkit-border-radius: 44px 0 0 0;
    -moz-border-radius: 44px 0 0 0;
    -ms-border-radius: 44px 0 0 0;
    -o-border-radius: 44px 0 0 0;
    border-radius: 44px 0 0 0;
    position: absolute;
    top: -4px;
    right: 0;
    left: -4px;
    z-index: 1;
    display: block;
    height: 75px;
    background: #d2cac3;
    content: ''
}
.main .gutter-wrapper .gutter:after {
    -webkit-border-radius: 40px 0 0 0;
    -moz-border-radius: 40px 0 0 0;
    -ms-border-radius: 40px 0 0 0;
    -o-border-radius: 40px 0 0 0;
    border-radius: 40px 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    display: block;
    height: 75px;
    background: #e0d9d2 url(../images/dotted.png) 2px 0 repeat;
    content: ''
}
.main .gutter-wrapper .gutter>div {
    position: relative;
    z-index: 3
}
.main .gutter-wrapper .gutter .author .author-thumb {
    -webkit-border-radius: 35px 0 35px 0;
    -moz-border-radius: 35px 0 35px 0;
    -ms-border-radius: 35px 0 35px 0;
    -o-border-radius: 35px 0 35px 0;
    border-radius: 35px 0 35px 0;
    float: left;
    margin: 0 10px 0;
    padding: 3px;
    width: 70px;
    width: 70px;
    height: 70px;
    height: 70px;
    background: #516070
}
.main .gutter-wrapper .gutter .author .author-thumb img {
    -webkit-border-radius: 32px 0 32px 0;
    -moz-border-radius: 32px 0 32px 0;
    -ms-border-radius: 32px 0 32px 0;
    -o-border-radius: 32px 0 32px 0;
    border-radius: 32px 0 32px 0;
    width: 64px;
    height: 64px
}
.main .gutter-wrapper .gutter .author .author-details {
    display: block;
    margin-left: 90px
}
.main .gutter-wrapper .gutter .author .author-details strong {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 5px 0 0;
    color: #827a73;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    font-family: 'proxima-nova', sans-serif
}
.main .gutter-wrapper .gutter .author .author-details a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 5px 0 0 15px;
    color: #5d564f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    font-family: 'proxima-nova', sans-serif
}
.main .gutter-wrapper .gutter .author .author-details p {
    margin: 20px 0;
    color: #605a54;
    font-size: 14px;
    line-height: 1.428571429
}
.main .gutter-wrapper .gutter .links {
    margin: 30px 0 0 88px
}
.main .gutter-wrapper .gutter .links .popular,
.main .gutter-wrapper .gutter .links .latest {
    float: left;
    margin-right: 5%;
    padding: 0;
    width: 45%
}
.main .gutter-wrapper .gutter .links .popular h4,
.main .gutter-wrapper .gutter .links .latest h4 {
    margin: 0 0 5px;
    color: #827a73;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 30px;
    font-family: 'proxima-nova', sans-serif
}
.main .gutter-wrapper .gutter .links .popular strong,
.main .gutter-wrapper .gutter .links .latest strong {
    color: #827a73;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-family: 'proxima-nova', sans-serif
}
.main .gutter-wrapper .gutter .links .popular ul,
.main .gutter-wrapper .gutter .links .latest ul {
    margin: 20px 0 0
}
.main .gutter-wrapper .gutter .links .popular ul li,
.main .gutter-wrapper .gutter .links .latest ul li {
    margin: 0 0 15px;
    padding-left: 25px;
    background: url(../images/bullet.png) 0 5px no-repeat
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .main .gutter-wrapper .gutter .links .popular ul li,
    .main .gutter-wrapper .gutter .links .latest ul li {
        background-image: url("../images/bullet@2x.png");
        background-size: 14px 14px
    }
}
.main .gutter-wrapper .gutter .links .popular ul li a,
.main .gutter-wrapper .gutter .links .latest ul li a {
    color: #625b55;
    font-size: 14px;
    line-height: 1.214285714
}
.main .gutter-wrapper .gutter .links .latest {
    margin-right: 0
}
.main .gutter-wrapper .newsletter {
    padding: 50px 150px 50px 190px;
    background: #d2cac3
}
.main .gutter-wrapper .newsletter .latest-newsletter {
    float: left
}
.main .gutter-wrapper .newsletter .latest-newsletter img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    max-width: 100px
}
.main .gutter-wrapper .newsletter .rest {
    margin-left: 120px
}
.main .gutter-wrapper .newsletter h4 {
    margin: 0 0 5px;
    color: #827a73;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 23px;
    font-family: 'proxima-nova', sans-serif
}
.main .gutter-wrapper .newsletter p {
    margin: 10px 0 0;
    color: #625b55;
    font-weight: 400;
    font-size: 16px;
    font-family: 'proxima-nova', sans-serif
}
.main .gutter-wrapper .newsletter form input[type=email] {
    margin: 20px 0 5px;
    width: 200px;
    background: #827a73;
    color: #fff
}
.main .gutter-wrapper .newsletter form input[type=submit] {
    padding: 0 15px;
    width: 200px;
    height: 32px;
    line-height: 32px
}
.main .full-width header figure {
    min-height: 10px;
    max-height: 440px
}
.main .full-width header:after {
    position: absolute;
    bottom: -5px;
    left: 70px;
    z-index: 2;
    display: block;
    width: 100%;
    height: 79px;
    content: ''
}
.main .full-width .post-content {
    margin-top: -110px;
    padding: 10px 165px 50px 200px
}
.main .full-width .post-content hgroup {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 5px solid #e8e4e1
}
.main .full-width .gutter-wrapper .gutter {
    padding: 15px 150px 0 15px
}
.main .full-width .gutter-wrapper .newsletter {
    padding: 50px 150px 50px 220px
}
.main .full-width .gutter-wrapper .newsletter h4 {
    font-size: 25px
}
.main .full-width .gutter-wrapper .newsletter input[type=email] {
    margin: 20px 0 10px;
    width: 300px
}
.main .attachment hgroup {
    margin-bottom: 0;
    padding: 0 165px 0 200px
}
.main .attachment .post-content {
    padding: 10px 0 50px
}
.main .attachment footer {
    margin: 0 60px 0 200px
}
.single .full-width {
    width: 100%
}
.teasers section {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWFlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ebeae8));
    background: -webkit-linear-gradient(#f6f6f6, #ebeae8);
    background: -moz-linear-gradient(#f6f6f6, #ebeae8);
    background: -o-linear-gradient(#f6f6f6, #ebeae8);
    background: linear-gradient(#f6f6f6, #ebeae8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    float: left;
    margin: 0 2% 20px 0;
    padding: 20px;
    width: 49%;
    text-align: center
}
.teasers section:last-child {
    margin-right: 0
}
.teasers section h4 {
    margin: 0 0 10px;
    color: #666;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-size: 16px;
    font-family: 'proxima-nova', sans-serif
}
.teasers section p {
    margin: 0 0 15px;
    color: #888;
    font-size: 12px
}
.teasers section input[type="email"] {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    z-index: 1;
    margin-right: -7px;
    padding-right: 15px;
    padding-left: 15px;
    width: 270px
}
.teasers section input[type="submit"] {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    z-index: 2;
    margin-top: -1px;
    padding: 0 20px;
    height: 34px;
    line-height: 34px
}
.sidebar {
    float: right;
    width: 283px
}
.sidebar section {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 15px 0;
    background: #f5f0ec;
    color: #685e52
}
.sidebar .callout-item-title {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin: 0;
    padding: 15px 0;
    border-top: 10px solid #9e9c98;
    background: #bebdba;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    font-family: "brandon-grotesque", sans-serif
}
.sidebar p {
    margin: 20px 20px 10px;
    font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    line-height: 1.285714286
}
.sidebar ul,
.sidebar ol {
    margin-top: 1px;
    background: #fff
}
.sidebar li {
    position: relative;
    overflow: hidden;
    margin: 0 0 1px;
    padding: 20px 15px;
    background: #f5f0ec;
    color: #8d8070;
    font-weight: 200;
    font-size: 18px;
    font-family: "proxima-nova", sans-serif
}
.sidebar li a {
    display: block;
    color: inherit
}
.sidebar li a:hover {
    color: #504b42
}
.sidebar .newsletter .callout-item-title {
    border-top: 10px solid #ee682f;
    background: #fa824f
}
.sidebar .newsletter .latest-newsletter {
    padding: 20px 0;
    background: #d2cac3
}
.sidebar .newsletter .latest-newsletter img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: block;
    margin: 0 auto;
    max-width: 52%
}
.sidebar .newsletter form {
    padding: 10px 20px 15px
}
.sidebar .newsletter form input[type=email] {
    margin: 0 0 5px 0;
    width: 100%
}
.sidebar .newsletter form input[type=submit] {
    width: 100%;
    font-weight: 400
}
.sidebar .popular-posts-widget .callout-item-title {
    border-top: 10px solid #3cd5c1;
    background: #62ddcd
}
.sidebar .free-trial {
    text-align: center
}
.sidebar .free-trial p {
    text-align: left
}
.sidebar .free-trial .btn {
    margin: 0 20px 15px
}
.sidebar .archives-widget .callout-item-title {
    border-top: 10px solid #39434d;
    background: #516070
}
.sidebar .archives-widget li {
    padding: 0
}
.sidebar .archives-widget a {
    padding: 20px 15px
}
.sidebar .email-client-market-share .callout-item-title {
    border-top: 10px solid #3d9e69;
    background: #55bc75
}
.sidebar .email-client-market-share ol {
    counter-reset: li
}
.sidebar .email-client-market-share li {
    padding: 20px 15px;
    height: 64px
}
.sidebar .email-client-market-share li:before {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    border: 2px solid #b1a599;
    content: counter(li);
    counter-increment: li;
    text-align: center;
    font-size: 12px;
    line-height: 1.666666667
}
.sidebar .email-client-market-share a {
    border-radius: 0px 0px 4px 4px;
    display: block;
    padding: 10px 0px;
    background: none repeat scroll 0% 0% #d2cac3;
    color: #8d8070;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    font-weight: bold;
    font-size: 14px
}
.sidebar .email-client-market-share .email-client-value {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    position: relative;
    top: -5px;
    float: right;
    font-weight: 500;
    font-size: 35px
}
.sidebar .email-client-market-share .email-client-value sup {
    position: relative;
    top: -10px;
    font-weight: normal;
    font-size: 20px
}
.sidebar .social ul {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    overflow: hidden
}
.sidebar .social li {
    float: left;
    width: 50%
}
.sidebar .social li:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.sidebar .social .litmus-icon-facebook {
    color: #3b5998
}
.sidebar .social .litmus-icon-twitter {
    color: #1daced
}
.sidebar .social .litmus-icon-pinterest {
    color: #cb2027
}
.sidebar .social .litmus-icon-linkedin {
    color: #0e76a8
}
.sidebar .social .litmus-icon-google {
    color: #db4a39
}
.sidebar .social .litmus-icon-rss {
    color: #f68326
}
.sidebar-footer-link {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    display: block;
    padding: 10px 0;
    background: #d2cac3;
    color: #8d8070;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    font-weight: bold;
    font-size: 14px
}
.category-uncategorized header:before,
.category-uncategorized .post-content .author-thumb {
    background: #f4a938 !important
}
.category-inspiration header:before,
.category-inspiration .post-content .author-thumb {
    background: #55bc75 !important
}
.category-video header:before,
.category-video .post-content .author-thumb {
    background: #6cb3ea !important
}
.category-tips header:before,
.category-tips .post-content .author-thumb {
    background: #f5f0ec !important
}
.category-stats header:before,
.category-stats .post-content .author-thumb {
    background: #776b5f !important
}
.category-infographs header:before,
.category-infographs .post-content .author-thumb {
    background: #414358 !important
}
.category-features header:before,
.category-features .post-content .author-thumb {
    background: #516070 !important
}
.category-staff header:before,
.category-staff .post-content .author-thumb {
    background: #fd526a !important
}
.category-observations header:before,
.category-observations .post-content .author-thumb {
    background: #62ddcd !important
}
.category-case-studies header:before,
.category-case-studies .post-content .author-thumb {
    background: #8add62 !important
}
.category-guest header:before,
.category-guest .post-content .author-thumb {
    background: #dddc62 !important
}
footer {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2;
    padding: 30px 0 0;
    background: #ffffff
}
footer .logo {
    margin-bottom: 50px;
    color: #c9c9c9;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    font-family: 'proxima-nova', "Helvetica Neue", sans-serif
}
footer .logo img {
    position: relative;
    top: 13px;
    margin-right: 15px
}
footer nav>div {
    float: left;
    margin: 0 30px 0 0;
    padding-bottom: 80px
}
footer nav>div.company h6 {
    color: #f4a938
}
footer nav>div.legal h6 {
    color: #e8703d
}
footer nav>div.help h6 {
    color: #913126
}
footer nav>div.developers h6 {
    color: #68808c
}
footer nav>div.subscribe h6 {
    color: #61915e
}
footer nav>div h6 {
    margin: 10px 0 15px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    font-family: "proxima-nova", sans-serif
}
footer nav>div>ul li>a {
    display: block;
    margin: 8px 0 0;
    color: #a3a3a3;
    font-size: 13px
}
footer nav>div.subscribe {
    float: right;
    margin-right: 0;
    width: 450px
}
footer nav>div.subscribe .newsletter-wrapper {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-top: -140px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 0 30px 4px;
    height: 130px
}
footer nav>div.subscribe .newsletter-wrapper img {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    margin-right: 8px;
    width: 84px
}
footer nav>div.subscribe .newsletter-wrapper img.one {
    bottom: -10px
}
footer nav>div.subscribe .newsletter-wrapper img.one:hover {
    bottom: 20px
}
footer nav>div.subscribe .newsletter-wrapper img.two {
    bottom: -5px
}
footer nav>div.subscribe .newsletter-wrapper img.two:hover {
    bottom: 20px
}
footer nav>div.subscribe .newsletter-wrapper img.three {
    bottom: -15px
}
footer nav>div.subscribe .newsletter-wrapper img.three:hover {
    bottom: 10px
}
footer nav>div.subscribe .newsletter-wrapper img.four {
    bottom: -40px
}
footer nav>div.subscribe .newsletter-wrapper img.four:hover {
    bottom: 0
}
footer nav>div.subscribe .newsletter-wrapper:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 4px;
    content: ''
}
footer nav>div.subscribe input[type=email] {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    margin-right: 5px;
    padding: 0 10px;
    width: 240px;
    height: 30px;
    border: none;
    background: #ebeae8;
    color: #aba8a2;
    font-size: 12px;
    line-height: 30px
}
footer nav>div.subscribe input[type=submit] {
    padding: 0 15px;
    height: 30px;
    border: none;
    color: #fff;
    text-shadow: none;
    font-size: 13px;
    line-height: 30px
}
footer nav>div.subscribe p {
    margin: 10px 0 0;
    color: #acaaaa;
    font-size: 11px
}
footer nav>div.subscribe ul.social {
    margin: 20px 0 0
}
footer nav>div.subscribe ul.social li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 0 10px 0 0;
    list-style: none;
    font-size: 13px
}
footer nav>div.subscribe ul.social li a {
    color: #677B87
}
footer nav>div.subscribe ul.social li a i {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    top: 0;
    font-size: 18px
}
footer nav>div.subscribe ul.social li a.facebook i {
    color: #3b5998
}
footer nav>div.subscribe ul.social li a.twitter i {
    color: #1daced
}
footer nav>div.subscribe ul.social li a.pinterest i {
    color: #cb2027
}
footer section.contact-bar {
    margin: 0;
    padding: 15px 0;
    background: #49565d
}
footer section.contact-bar span {
    display: block;
    float: left;
    margin: 10px 30px 10px 0;
    color: #fff;
    font-size: 20px
}
footer section.contact-bar span i {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    top: 2px;
    color: #888;
    font-size: 25px
}
footer section.contact-bar span a {
    color: #fff
}
footer section.contact-bar span.address {
    float: right;
    width: 350px;
    color: rgba(255, 255, 255, 0.4);
    text-align: right;
    font-size: 11px;
    line-height: 15px
}
@-moz-keyframes slide-down {
    from {
        top: -30px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 100
    }
}
@-webkit-keyframes slide-down {
    from {
        top: -30px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 100
    }
}
@keyframes slide-down {
    from {
        top: -30px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 100
    }
}
.archives {
    padding: 50px
}
.archives p {
    margin: 0 0 35px 0;
    color: #7b8186;
    font-size: 16px;
    line-height: 1.5
}
.archives .tags a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    margin-right: 7px;
    padding: 4px 15px;
    background: #d2cac3;
    color: #4c4743;
    font-weight: normal;
    font-size: 16px
}
.archives .tags a:hover {
    background: #c1b7af
}
.archives .date {
    padding-right: 50px;
    line-height: 28px
}
.archives .date a {
    color: #65b1cd;
    font-size: 16px
}
.archives .date a:after {
    color: #999;
    content: " • "
}
.archives h1 {
    display: block;
    margin: 0 0 10px;
    color: #555;
    font-weight: 800;
    font-size: 16px;
    font-family: 'brandon-grotesque', sans-serif
}
.archive-content {
    margin-bottom: 55px
}
article table {
    margin-bottom: 20px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
    color: #555;
    font-size: 14px
}
article table td {
    padding: 7px;
    border: 1px solid #ccc
}
article table th {
    background-color: #eee;
    text-align: left;
    font-weight: bold
}
.cf:before,
.cf:after {
    display: table;
    content: " "
}
.cf:after {
    clear: both
}
.cf {
    *zoom: 1
}
.wrapper {
    margin: 0 auto;
    width: 1000px
}
.right {
    float: right
}
.caret {
    border-color: #ccc transparent transparent transparent;
    border-width: 4px;
    border-style: solid;
    content: "";
    margin-left: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.cta {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px 15px 0 15px;
    float: left;
    width: 100%;
}
.cta .block-img {
    float: left;
    width: 35%;
    margin-right: 3%;
    text-align: center;
}
.cta .block-img img {
    max-width: 85%;
    margin: 0 auto;
    display: block;
}
.cta .block-content {
    float: left;
    width: 62%;
}
.cta .block-content h2 {
    margin: 15px 0 10px 0;
}
.cta .block-content p {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 18px;
}
.cta .block-content .button {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px;
    margin-bottom: 10px;
}