/*
Theme Name: Acation
Author: Gunther Lux
Author URI: http://www.luxury7.com
Theme URI: http://www.luxury7.com/acation-theme/
Description: Acation Theme is fully responsive and mobile ready, SEO optimized. Acation comes with a lot of theme options (Color scheme, header color, content and title font/Ssze, logo and favicon, number of columns, sidebar layout, show categories/tags/post navigation)
Version: 1.07
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, left-sidebar, two-columns, right-sidebar, custom-header, custom-menu, custom-colors, post-formats, featured-images, threaded-comments, translation-ready, fluid-layout, light, sticky-post, custom-background, responsive-layout
*/

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, hgroup, menu, nav, output, ruby, section, embed, figure, figcaption, footer, header, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; font: inherit; }
article, aside, figure, footer, header, hgroup, details, figcaption, section, menu, nav { display: block; }
body { line-height: 1; }
table { border-spacing: 0; border-collapse: collapse; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ''; content: none; }
blockquote, q { quotes: none; }

/* html */
body { text-shadow: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p, h1, h2, h3, h4, h5, h6, td { word-wrap: break-word; line-height: 1.75; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
h3 { font-size: 137.5%; }
h4 { font-size: 122%; }
h5, h6 { font-size: 107%; }
acronym, abbr { cursor: help; border-bottom: 1px dotted; }
del, strike, s { text-decoration: line-through; }
em { font-style: italic; }
ins { text-decoration: none; background-color: #fff9af;}
sub { vertical-align: sub; }
sup { vertical-align: super; }
sub, sup { font-size: 75%; }
strong { font-weight: 700; }
textarea { overflow: auto; font-size: 100%; }
* { outline: none }
img { vertical-align: middle; -ms-interpolation-mode: bicubic; }
a img { border: 0 !important }
a { text-decoration: none }
pre { font-family: "Courier New", monospace; display: block; padding: 13px; width: auto; word-wrap: break-word; overflow: auto; white-space: pre; white-space: pre-line;  white-space: pre-wrap; }
code { font-family: "Courier New", monospace; }
audio, video, canvas { *display: inline; display: inline-block; }
audio:not([controls]) { display: none; }
a, input[type="text"], textarea, input[type="password"], input[type="submit"], input[type="button"], input[type="reset"]  { -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;}
.clear { content: "."; clear: both !important; font-size: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; height: 0px !important; visibility: hidden !important; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.tablayout { width: 100%; }
.tablayout td { vertical-align: middle; }
.tablayout td.tdleft { text-align: left; }
.tablayout td.tdcenter { text-align: center; }
.tablayout td.tdright { text-align: right; }
.bypostauthor {}
.sticky {}

/* header */
#header { background-size: 100% auto; }
#header .wrapper { display: table; }
#header #searchform { width: 0; }
#header #searchform { vertical-align: middle; display: inline-block; *display: inline; zoom: 1; }
#header #search-submit { display: none; }
#header #s { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; border: 2px #fff solid !important; opacity: 0.3; filter: alpha(opacity=30); padding-left: 12px !important; padding-right: 12px !important; margin-left: 15px; color: #fff !important; }
#header #s:hover, #header #s:focus { opacity: 1.0; filter: alpha(opacity=100); }
.website-description { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 85%; }
.website-info { width: 30%; vertical-align: middle; text-align: left; display: table-cell; }
.website-logo { vertical-align: middle; text-align: left; display: table-cell; min-width: 72px; max-width: 96px; padding-right: 10px; }
.website-title { line-height: 1.3; font-size: 200%; margin-bottom: 0; }
.website-social { width: 100%; vertical-align: middle; text-align: right; display: table-cell;}
.social-profile, #search-button { font-family: "Genericons"; font-size: 22px; line-height: 1; vertical-align: middle; display: inline-block; *display: inline; zoom: 1; margin-left: 8px; padding: 10px; border: 2px #fff solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;color: #fff; filter: alpha(opacity=30); opacity: 0.3; }
.social-profile:hover, #search-button:hover { filter: alpha(opacity=100); opacity: 1.0; }

/* dropdown navigation */
#navigation { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; background-color: #fff; margin-bottom: 20px; box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px rgba(0,0,0,0.2);}
.primary-menu ul li a { background-color: #fff; border-bottom: 2px #fff solid; padding: 10px; color: #333; font-weight: 700; }
.primary-menu ul li li a { border-bottom: 0 none; font-weight: 300; }
.primary-menu ul li li { border-top: 1px #eee solid; }
.primary-menu ul li li:first-child { border-top: 0 none; }
.primary-menu ul li.current-menu-item li a, .primary-menu ul li.current_page_item li a { color: #333; }
.primary-menu ul ul { box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px rgba(0,0,0,0.2); }
.primary-menu ul li { text-align: left; float: left; }
.primary-menu ul li a { display: block; line-height: 1.7; }
.primary-menu ul li li { float: none; width: 170px; position: relative; z-index: 999; margin: 0; }
.primary-menu ul ul { position: absolute; margin-top: -2px; display: none; z-index: 9999; }
.primary-menu ul ul ul { top: 0; left: 170px; position: absolute; }
.primary-menu ul li:hover > ul { display: block; }
#navigation.responsive-nav { display: none; }
#navigation.responsive-nav { background-color: #444; margin-bottom: 20px; clear: both; overflow: hidden; }
#navigation.responsive-nav a { display: block; text-align: center; color: #fff; padding: 10px; }
#navigation.responsive-nav ul li { display: none; line-height: 1.7; }
#navigation.responsive-nav ul li#select-menu-item { display: block; }

/* page navigation*/
#page-nav { margin-bottom: 20px; }
#page-nav a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; line-height: 1; margin-right: 5px; margin-bottom: 2px; padding: 8px; display: inline-block; *display: inline; zoom: 1; background-color: #fff; color: #555; box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px rgba(0,0,0,0.2); }
#show-more { text-align: center; margin-bottom: 20px; clear: both; }
#show-more a { display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 11px; background-color: #fff; color: #555;  box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px rgba(0,0,0,0.2); padding: 8px; line-height: 1; }
.post-nav { text-align: right; margin-bottom: 20px; }
.post-nav a, .comment-nav a { display: inline-block; *display: inline; zoom: 1; line-height: 1; padding: 8px; background-color: #fff; color: #555; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); margin-right: 5px; margin-bottom: 2px; font-family: "Genericons"; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.post-nav a:hover, .comment-nav a:hover { color: #fff; }
.comment-nav { text-align: right; padding: 10px 20px; background-color: #fff; border-top: 1px #ddd solid; box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px rgba(0,0,0,0.2);}
.comment-nav a { background-color: #eee; }
.page-link { clear: both; padding-top: 10px; }
.page-link span { display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; margin-right: 5px; margin-bottom: 2px; *display: inline; zoom: 1; line-height: 1; padding: 8px; color: #fff; box-shadow: 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px rgba(0,0,0,0.2); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-transition: all 0.4s ease-in-out; }
.page-link a span { background-color: #eee; color: #555; text-decoration: none; }
.page-link a:hover span { color: #fff; }


/* body */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 81.3%; background-color: #eee; background-image: url(images/background.png); background-repeat: repeat; }
.wrapper { width: 80%; margin: 0 auto; overflow: hidden; }
#container { width: 70%; float: left; overflow: hidden; }
#primary.widget-area { width: 28.5%; margin-left: 1.5%; float: left; }
#primary.widget-area-left { margin-left: 0; margin-right: 1.5%; }
#content.fullwidth #container { width: 100%; float: none; }
#content.fullwidth #primary.widget-area { display: none; }

/* posts */
article.post, article.page, article.attachment { background-color: #fff; padding: 20px; margin-bottom: 30px; max-width: 900px; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); overflow: hidden; clear: both; display: block; }
.mesh-col-2 article.mesh { width: 44%; }
.mesh-col-3 article.mesh { width: 27%; }
.mesh-col-4 article.mesh { width: 19%; }
article.mesh { padding: 2%; margin: 0 1% 2%; }
#mesh-container { margin-bottom: 20px; display: block; overflow: hidden; }
.entry-title, .entry-title a { color: #111; }
.entry-title { margin-bottom: 5px; }
.entry-featured { margin-bottom: 15px; }
.entry-meta { font-style: italic; font-size: 84.6%; line-height: 1.7; color: #999; margin-bottom: 15px; }
.entry-meta a { color: #999; }
.entry-footer { border-top: 1px #eee solid; padding-top: 5px; line-height: 1.7; font-size: 84.6%; color: #999; }
.entry-footer a { color: #999; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; text-transform: uppercase; letter-spacing: 2px; }
.entry-footer .tdleft { width: 40%; }
.entry-footer .tdright { width: 60%; }
.entry-footer .tdright a:before { content: '/'; padding: 0 8px; }
.entry-footer .tdright a:first-child:before { content: ''; padding: 0; }
.entry-meta .entry-date:before, .entry-meta .entry-author:before, .entry-meta .entry-comments:before, .entry-meta .entry-categories:before, .entry-meta .entry-tags:before { content: '/'; padding: 0 8px; }
.entry-meta *:first-child:before { content: ''; padding: 0; }
article.mesh .entry-meta .entry-date, article.mesh .entry-footer .entry-author { display: none; }
article.mesh .entry-meta .entry-author:before { content: ''; padding: 0; }
article.mesh blockquote { padding: 15px; line-height: 1.7; font-family: Georgia, Times New Roman, serif; font-style: italic; font-size: 123.1%; color: #fff; background-image: url(images/quote_bg.png); background-repeat: no-repeat; background-position: -4px -4px; margin-bottom: 15px; }
article.mesh blockquote a { color: #fff; text-decoration: underline; }
article.mesh .ie-audio-link { display: none; }
.entry-content { margin-bottom: 15px; line-height: 1.7; overflow: hidden; clear: both; }
.entry-content * { margin-bottom: 15px; }
.entry-content *:last-child { margin-bottom: 0; }
.entry-content br, .entry-content .gallery, .entry-gallery span { margin-bottom: 0 !important; }
.entry-content h1 { font-size: 184.6%; }
.entry-content h2 { font-size: 159.2%; }
.entry-content h3 { font-size: 153.8%; }
.entry-content h4 { font-size: 138.5%; }
.entry-content h5 { font-size: 123.1%; }
.entry-content h6 { font-size: 107.7%; }
.entry-content table td, .entry-content table th { border: 1px #ddd solid; border-left: 0 none; padding: 8px; }
.entry-content table th { border-top: 0 none; font-weight: 700; }
.entry-content table td:last-child, .entry-content table th:last-child { border-right: 0 none; }
.entry-content blockquote { padding: 15px; border-left: 1px #ccc dotted; font-style: italic; }
.entry-content li { list-style-position: inside; margin-left: 10px !important; margin-bottom: 15px !important; padding: 0 !important; border: 0 none !important; margin-top: 0 !important; }
.entry-content li li { margin-top: 15px !important; }
.entry-content ul ul, .entry-content ol ol { margin-left: 10px; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content ol ol { list-style: lower-alpha; }
.entry-content ol ol ol { list-style: lower-roman; }
.entry-content a:hover { color: #444; text-decoration: underline; }
.entry-content input, .entry-content label, .entry-content textarea { margin-bottom: 0 !important; }
.entry-content img { margin-bottom: 15px !important; }
.entry-content .gallery { margin: 15px 0 0 0 !important; }
.entry-content .gallery-item img { margin-bottom: 0 !important; }
.entry-content .more-link { font-size: 92.3%; margin-left: 15px; }
.entry-content .more-link:hover { text-decoration: underline; }

/* flexslider */
.flex-direction-nav { *height: 0; }
.flex-direction-nav { font-family: "Genericons"; text-align: right; }
.flex-direction-nav li { display: inline-block; *display: inline; zoom: 1; }
.flex-direction-nav a { display: block; padding: 5px; font-size: 15px; background-color: #333 !important; color: #fff !important; margin-left: 3px; margin-top: 3px; line-height: 1; }

/* widget area */
#primary.widget-area .widget { padding: 15px; margin-bottom: 15px; background-color: #fff; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); overflow: hidden; clear: both; }
.widget-title { margin-bottom: 10px; }
.widget a { color: #333; text-decoration: underline; }
.widget a:hover { text-decoration: none; }
.widget li { line-height: 1.7; margin-top: 5px; }
.widget #wp-calendar { width: 100%; }
.widget #wp-calendar th, .widget #wp-calendar td { text-align: center; padding: 3px; }
.widget #wp-calendar caption { padding-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; }
.widget #wp-calendar #prev { text-align: left; }
.widget #wp-calendar #next { text-align: right; }
.widget #wp-calendar td#today span { text-align: center; display: inline-block; *display: inline; zoom: 1; padding: 6px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; line-height: 1; }
.widget_tag_cloud a { display: inline-block; *display: inline; zoom: 1; margin-right: 8px; margin-bottom: 8px; line-height: 1.5; text-decoration: none; padding: 3px 12px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid; font-size: 84.6% !important; }

/* footer */
#footer { background-color: #222; color: #777; clear: both; }
#footer a { color: #777; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer-widget-area .widget-area { float: left; margin: 0 0.5%; }
#footer-widget-area .widget-area .widget { margin: 15px 0; overflow: hidden; clear: both; }
#footer-widget-area .widget-area .widget .widget-title { color: #aaa; }
#footer-widget-area.one .widget-area { width: 100%; margin: 0; }
#footer-widget-area.two .widget-area { width: 49%; }
#footer-widget-area.three .widget-area { width: 32%; }
#footer-widget-area .widget_tag_cloud a { text-decoration: none !important; }
#footer-widget-area .widget-area .widget #s { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #555 !important; background-color: transparent; }
#footer-widget-area .widget-area .widget #search-submit { background-color: #555; }
#footer-credits { margin: 15px 0; text-align: center; }
#scroll-up { position: fixed; bottom: 20px; right: 20px; cursor: pointer; padding: 5px 10px 10px; background-color: #000; color: #fff; display: none; z-index: 999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: 0.4; filter: alpha(opacity=40); }
#scroll-up:hover { opacity: 0.6; filter: alpha(opacity=60); }
#scroll-up span { font-family: "Genericons"; }

/* images and alignment */
img { max-width: 100%; height: auto; width: auto; /* IE fix */ }
embed, object, iframe, audio { max-width: 100%; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { max-width: 100%; text-align: center; margin-bottom: 20px !important; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { max-width: 100%; }
.wp-caption p.wp-caption-text, .gallery-caption, .entry_caption { margin: 0; padding: 0; margin-top: 10px; line-height: 1.5; text-align: center; }
.gallery-item { display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-align: center; margin-bottom: 20px !important; }
.gallery-icon { margin-bottom: 0 !important; }
.gallery-columns-2 .gallery-item { width: 48%; margin: 0 1%; }
.gallery-columns-3 .gallery-item { width: 31%; margin: 0 1%; }
.gallery-columns-4 .gallery-item { width: 23%; margin: 0 1%; }
.gallery-columns-5 .gallery-item { width: 18%; margin: 0 1%; }
.gallery-columns-6 .gallery-item { width: 14%; margin: 0 1%; }

/* forms */
input[type="text"], input[type="password"], input[type="url"], input[type="email"], textarea { padding: 8px !important; color: #555 !important; border: 1px #ccc solid !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; }
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus { -moz-box-shadow: inset 1px 1px 5px #ddd; -webkit-box-shadow: inset 1px 1px 5px #ddd; box-shadow: inset 1px 1px 5px #ddd; }
input[type="text"], input[type="url"], input[type="email"], input[type="password"] { line-height: 1 !important; }
input[type="button"], input[type="reset"], input[type="submit"] { background-color: #333; cursor: pointer; padding: 10px !important; line-height: 1 !important; color: #fff !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; border: 0 none !important;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 700; }
input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0 !important; padding: 0 !important; }
textarea { max-width: 80%; }

/* comments */
#comments { margin-bottom: 20px; }
.comments-title { background-color: #fff; padding: 20px; }
.comments-list li, .no-comments { padding: 20px; background-color: #fff; margin-top: 20px; overflow: hidden; clear: both; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); }
.comments-list li li { padding: 10px 0; margin-top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.comments-list ul { margin-left: 20px; }
.comments-list li.even .avatar { float: left; margin: 0 20px 10px 0; }
.comments-list li.odd .avatar { float: right; margin: 0 0 10px 20px; }
.comments-list li .avatar { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.comments-meta { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px #ddd solid; line-height: 1.5; }
.comments-meta a:hover { text-decoration: underline; }
.comments-meta .comments-author { font-size: 123.1%; font-weight: 700; }
.comment-reply-link { margin-left: 20px; }
.comment-awaiting-moderation { font-style: italic; font-family: Georgia, Times New Roman, serif; margin: 10px 0; font-weight: 700; }
.comment-content { line-height: 1.7; overflow: hidden; }
.comment-content * { margin-bottom: 15px; }
.comment-content *:last-child { margin-bottom: 0; }
.comment-content br, .comment-content .gallery, .comment-gallery span { margin-bottom: 0 !important; }
.comment-content h1 { font-size: 184.6%; }
.comment-content h2 { font-size: 159.2%; }
.comment-content h3 { font-size: 153.8%; }
.comment-content h4 { font-size: 138.5%; }
.comment-content h5 { font-size: 123.1%; }
.comment-content h6 { font-size: 107.7%; }
.comment-content table td, .comment-content table th { border: 1px #ddd solid; border-left: 0 none; padding: 8px; }
.comment-content table th { border-top: 0 none; font-weight: 700; }
.comment-content table td:last-child, .comment-content table th:last-child { border-right: 0 none; }
.comment-content blockquote { padding: 15px; border-left: 1px #ccc dotted; font-style: italic; }
.comment-content li { list-style-position: inside; margin-left: 10px !important; padding: 0 !important; border: 0 none !important; margin-top: 0 !important; }
.comment-content li li { margin-top: 15px !important; padding: 0 !important; }
.comment-content ul ul, .comment-content ol ol { margin-left: 10px !important; }
.comment-content ul { list-style: disc; }
.comment-content ol { list-style: decimal; }
.comment-content ol ol { list-style: lower-alpha; }
.comment-content ol ol ol { list-style: lower-roman; }
.comment-content a:hover { color: #444; text-decoration: underline; }
.comment-content img { margin-bottom: 15px !important; }
.form-allowed-tags { display: none; }
#cancel-comment-reply-link { font-size: 12px; }
#respond { background-color: #fff; padding: 20px; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); margin-top: 20px; }
#respond p { margin-bottom: 15px; }
#respond label { display: block; margin-bottom: 8px; }
.comments-list li #respond { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; }

/* retina displays */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    body { background-image: url(images/background@2x.png); }
    article.mesh blockquote { background-image: url(images/quote_bg@2x.png); background-size: 45px 24px; }
}

/* responsive layout */
@media only screen and (min-width:1px) and (max-width:640px) {
    #navigation { display: none; }
    #navigation.responsive-nav { display: block; }
    #header { display: table; width: 100%; }
    #header .wrapper { display: table-cell; }
    #header .website-info, #header .website-social { padding: 10px 0; max-width: 100%; width: 100%; text-align: center; display: block; }
    #header .website-logo { display: none; }
    #header #search-button, #header #searchform { display: none; }
    article.mesh, article.post, article.page, article.attachment { width: 95% !important; margin: 0 !important; padding: 2.5% !important; margin-bottom: 15px !important; }
    #container { width: 100%; float: none; }
    #primary.widget-area { width: 100%; }
    #footer-widget-area { width: 100%; }
}

@media only screen and (min-width:641px) and (max-width:899px) {
    #header { display: table; width: 100%; }
    #header .wrapper { display: table-cell; }
    #header .website-info, #header .website-social { padding: 10px 0; max-width: 100%; width: 100%; text-align: center; display: block; }
    #header .website-logo { display: none; }
    #header #search-button, #header #searchform { display: none; }
    #navigation { display: none; }
    #navigation.responsive-nav { display: block; }
    #container { width: 100%; float: none; }
    #primary.widget-area { width: 100%; }
    article.page, article.attachment, article.post { width: 95% !important; margin: 0 !important; padding: 2.5% !important; margin-bottom: 15px !important; }
}