body {
font: 95% "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
}
#header * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.wp-caption-text {
color: rgba(0,0,0,.7);
}
#content {
position: relative;
}  h1 {
font-size: 160%;
}
h2 {
font-size: 160%;
}
h3 {
font-size: 130%;
}
h4 {
font-size: 110%;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 90%;
}  .button-dark {
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.2), 0px 1px 0px 0px rgba(255,255,255,.2);
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,.1)),  color-stop(0.51, rgba(0,0,0,.15)), color-stop(1, rgba(0,0,0,.2)) );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(0,0,0,.1);
display: inline-block;
padding: 5px 12px;
text-decoration: none;
font-weight: bold;
}
.button-dark:active {
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgba(0,0,0,.1)),  color-stop(1, rgba(0,0,0,.2)) );
}  #header {
text-align: center;
border-bottom: 1px solid rgba(255,255,255,.2);
position: relative;
z-index: 2;
font-size: 88%;
box-shadow: inset rgba(0,0,0,.1) 0px 0px 44px;
border-bottom: 1px solid rgba(255,255,255,.1);
}
#header-title-logo h1 {
padding-top: 15px;
padding-bottom: 10px;
font-size: 160%;
margin: 0;
}
#header-title-logo img {
max-width: 95%;
max-height:140px;
padding-bottom: 5px;
padding-top: 5px;
}
#header-buttons {
font-size: 95%;
padding-bottom: 10px;
text-transform: capitalize;
}
#header-buttons a {
padding-top: 4px;
padding-bottom: 4px;
}
#header-buttons i {
}
#header-buttons i.icon-search {
font-size: 100%;
}
#header-buttons i.icon-play {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: 3px;
font-size: 65%;
position: relative;
bottom: 1px;
}
#header, #header .button-dark, #header h1, .generic-slider a, .archive-text  {
color: rgba(0,0,0,.7);
text-shadow: rgba(255,255,255,.6) 0px 1px 0px;
} #search-dropper {
width: auto;
text-align: center;
border-top: 1px solid rgba(0,0,0,.2);
display: none;
background-color: rgba(0,0,0,.1);
}
#searchform {
padding: 4px;
}
input#search-text {
padding: 3px;
width: 70%;
vertical-align: middle;
border: 1px solid rgba(0,0,0,.5);
border-radius: 4px;
font-size: 16px;
}
input#search-submit {
font-weight: bold;
vertical-align: middle;
padding: 4px 12px;
text-transform: capitalize;
font-size: 100%;
}   .wptouch-menu {
display: none;
position: absolute;
width: 100%;
box-shadow: rgba(0,0,0,.3) 0px 2px 4px;
text-align: left;
border-top: 1px solid rgba(0,0,0,.2);
}  .generic-slider {
box-shadow:  inset rgba(255,255,255,.2) 0px 1px 0px, inset rgba(0,0,0,.2) 0px -1px 0px, rgba(0,0,0,.3) 0px 1px 2px;
-webkit-overflow-scrolling: touch;
-ms-overflow-x: scroll;
overflow-x: scroll;
position: relative;
-webkit-transform: translate3d(0,0,0);
z-index: 1;
font-size: 80%;
}
.generic-slider ul {
text-align: center;
white-space: nowrap;
}
.generic-slider ul li {
display: inline-block;
}
.generic-slider li a {
font-weight: bold;
text-transform: capitalize;
display: block;
padding: 12px 10px;
}  .entry-inner {
margin-left: 78px;
position: relative;
height: 70px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px solid rgba(0,0,0,.2);
border-top: 1px solid rgba(255,255,255,.6);	
box-shadow: inset rgba(0,0,0,.1) 0px 0px 44px;
}
.post-date, .post-author {
color: rgba(0,0,0,.5);
font-weight: bold;
font-size: 80%;
}
#content .entry-inner h2.post-title {
overflow: hidden;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
padding-right: 15%;
line-height: 115%;
font-size: 110%;
margin: 3px 0 0;
height: 2.3em;
}
img.wp-post-image {
width: 78px;
height: 78px;
float: left;
margin: 0;
}
.placeholder {
height: 78px;
text-align: center;
background-color: rgba(0,0,0,.6);
box-shadow: inset rgba(0,0,0,.5) 0px 0px 48px, inset rgba(255,255,255,.4) 0px 1px 1px;
float: left;
width: 78px;
}
.placeholder i {
font-size: 300%;
position: relative;
top: 18px;
color: rgba(0,0,0,.3);
text-shadow: rgba(255,255,255,.2) 0 1px 0;
}
.post-link-button {
box-shadow: inset 0px 0px 10px rgba(0,0,0,.1), 0px 1px 0px 0px rgba(255,255,255,.3);
border-radius: 2px;
border: 1px solid rgba(0,0,0,.2);
display: inline-block;
padding: 20px 2px 20px 3px;
text-decoration: none;
font-weight: bold;
position: absolute;
right: 2%;
top: 10%;
font-size: 14px;
color: rgba(0,0,0,.7);	
}
.post-link-button:active {
-webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,.7),0px 1px 0px 0px rgba(255,255,255,.8);
box-shadow: inset 0px 0px 8px rgba(0,0,0,.7),0px 1px 0px 0px rgba(255,255,255,.8);
}  .load-more-link, .infinite-link {
text-transform: capitalize;
border-top: 1px solid rgba(255,255,255,.5);
border-bottom: 1px solid rgba(0,0,0,.2);
box-shadow: rgba(0,0,0,.1) 0px 2px 4px, inset rgba(0,0,0,.1) 0px 0px 44px;	
}   #single-nav-bar {
font-size: 90%;
border-top: 1px solid rgba(255,255,255,.2);
text-transform: capitalize;
}
#nav-controls {
text-align: center;
margin-bottom: 4px;
margin-top: 4px;
}
#nav-controls a {
display: inline-block;
padding-top: 2px;
padding-bottom: 2px;
}
#nav-controls a.older {
padding-left: 4px;
}
#nav-controls a.newer {
padding-right: 4px;
}
#nav-controls i {
font-size: 90%;
padding-left: 4px;
padding-right: 4px;
line-height: 60%;
}
.archive-text {
text-align: center;
font-weight: bold;
font-size: 120%;
padding-top: 7px;
padding-bottom: 7px;
}  .single .post-head-area {
min-height: 60px;
}
.single .wp-post-image {
width: 68px;
height: 68px;
background-color: #fff;
}
.single .post-date, .single .post-author {
font-size: 90%;
font-weight: bold;
}
.single .post-head-area h2 {
margin-top: 3px;
margin-bottom: 3px;
letter-spacing: -1px;
line-height: 130%;
} .single #content, .page #content, .search #content {
line-height: 150%;
-webkit-background-size: 150px;
-moz-background-size: 150px;
background-size: 150px;
padding: 15px;
}
.single #content img, .page #content img, .search #content img {
border: 1px solid rgba(255,255,255,.8);
max-width: 95%;
height: auto;
padding: 5px;
border-radius: 2px;
background-color: #fff;
}  #comments {
margin-left: 10px;
margin-right: 10px;
}
.commentlist {
}
.commentlist li {
border-top: 1px dashed rgba(0,0,0,.2);
padding-top: 15px;
padding-bottom: 15px;
}
.dark-body .commentlist li {
border-top: 1px dashed rgba(255,255,255,.2);	
}
.comment-top {
}
.comment-top .comment-author {
font-weight: bold;
padding-top: 2px;
}
.comment-time {
font-size: 80%;
color: rgba(0,0,0,.6);
}
.dark-body .comment-time {
color: rgba(255,255,255,.5);	
}
.avatar {
float: left;
height: 36px;
width: 36px;
margin-right: 8px;
border: 1px solid rgba(0,0,0,.3);
padding: 2px;
background-color: #fff;
}
p.nocomments {
text-align: center;
color: rgba(0,0,0,.5);
text-transform: capitalize;
font-style: italic;
} h3#responses {
padding-top: 15px;
padding-left: 10px;
text-transform: capitalize;
font-size: 120%;
}
#respond {
padding-top: 20px;
padding-bottom: 20px;
}
#respond input {
border: 1px solid #999;
font-size: 95%;
padding: 4px;
border-radius: 4px;
}   .page .post-head-area {
min-height: 40px;
}
.page .post-head-area h2 {
margin-top: 3px;
margin-bottom: 3px;
letter-spacing: -1px;
}  #content.search {
}
#content.search li {
margin-bottom: 25px;
}
#content h3.search-heading.page-heading {
display: none;
}
#content h3.search-heading {
text-transform: capitalize;
padding-top: 0;
margin-top: 0;
}
#content.search li a {
font-size: 135%;
font-weight: bold;
}
#content.search li a:after {
font-family: 'FontAwesome';
content: "\f0a9";
margin-left: 5px;
}
#content.search li p {
margin: 5px 0;
}
#content.search .date {
font-size: 95%;
color: rgba(0,0,0,.5);
margin-top: 0;
font-weight: bold;
}  .footer {
font-size: 80%;
color: rgba(0,0,0,.6);
line-height: 120%;
padding-top: 10px;
}
.footer p {
padding-bottom: 20px;
margin: 0;
padding-top: 15px;
}  .dark-body .entry-inner {
border-bottom: 1px solid rgba(255,255,255,.1);
border-left: 1px solid rgba(0,0,0,.2);
border-top: 1px solid rgba(0,0,0,.3);	
box-shadow: inset rgba(255,255,255,.1) 0px 0px 44px;	
}
.dark-body .generic-slider {
border-top: 1px solid rgba(255,255,255,.1);
box-shadow: inset rgba(255,255,255,.1) 0px 0px 44px;
}
.dark-body .wp-caption-text {
color: rgba(255,255,255,.7);
}
.dark-body .load-more-link, .dark-body .infinite-link {
border-top: 1px solid rgba(0,0,0,.3);
border-bottom: 1px solid rgba(255,255,255,.1);
box-shadow: inset rgba(255,255,255,.1) 0px 0px 24px;	
}
.dark-body .post-date, .dark-body .post-author {
color: rgba(255,255,255,.6);
}
.dark-body.single #content img, .dark-body.page #content img, .dark-body.search #content img {
background-color: rgba(0,0,0,.2);
border-color: rgba(0,0,0,.3);
}
.dark-body .footer {
color: rgba(255,255,2555,.5);	
}
.dark-header .post-link-button {
box-shadow: inset 0px 1px 0px rgba(255,255,255,.2), 0px 1px 0px rgba(0,0,0,.5);
text-shadow: rgba(0,0,0,.4) 0px -1px 1px;
color: rgba(255,255,255,.8);	
}
.dark-header #header {
box-shadow: inset rgba(255,255,255,.1) 0px 0px 44px;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.dark-header #header, .dark-header #header .button-dark, .dark-header #header h1, .dark-header .generic-slider a, .dark-header .archive-text {
color: rgba(255,255,255,.9);
text-shadow: rgba(0,0,0,.5) 0px -1px 0px;
}  .sharing-options {
margin-left: -15px;
margin-right: -15px;
padding-top: 25px;
margin-top: 15px;
}
.dark-body .sharing-options a {
border-top-color: rgba(0,0,0,.2);
border-bottom-color: rgba(0,0,0,.2);
text-shadow: rgba(0,0,0,.3) 0px -1px 0px;
}
.sharing-options.share-top {
padding-top: 0;
} .social-footer-badges {
line-height: 210%;
}div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//www.kateraynor.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}