@charset "UTF-8";
/*  

Updated version of the original "Twenty Eleven" theme file,

adapted for integration of WordPress into X-Cart

*/
/*
Theme Name: Twenty Eleven
Theme URI: http://wordpress.org/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
.hfeed div, .hfeed span, .hfeed applet, .hfeed object, .hfeed iframe,
.hfeed h1, .hfeed h2, .hfeed h3, .hfeed h4, .hfeed h5, .hfeed h6, .hfeed p, .hfeed blockquote, .hfeed pre,
.hfeed a, .hfeed abbr, .hfeed acronym, .hfeed address, .hfeed big, .hfeed cite, .hfeed code,
.hfeed del, .hfeed dfn, .hfeed em, .hfeed font, .hfeed ins, .hfeed kbd, .hfeed q, .hfeed s, .hfeed samp,
.hfeed small, .hfeed strike, .hfeed strong, .hfeed sub, .hfeed sup, .hfeed tt, .hfeed var,
.hfeed dl, .hfeed dt, .hfeed dd, .hfeed ol, .hfeed ul, .hfeed li,
.hfeed fieldset, .hfeed form, .hfeed label, .hfeed legend,
.hfeed table, .hfeed caption, .hfeed tbody, .hfeed tfoot, .hfeed thead, .hfeed tr, .hfeed th, .hfeed td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

#page :focus {
  /* remember to define focus styles! */
  outline: 0;
}

#page {
  line-height: 1;
}

#page ol,
#page ul {
  list-style: none;
}

#page table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

#page caption,
#page th,
#page td {
  font-weight: normal;
  text-align: left;
}

#page blockquote:before,
#page blockquote:after,
#page q:before,
#page q:after {
  content: "";
}

#page blockquote,
#page q {
  quotes: "" "";
}

#page a img {
  border: 0;
}

#page article,
#page aside,
#page details,
#page figcaption,
#page figure,
#page footer,
#page header,
#page hgroup,
#page menu,
#page nav,
#page section {
  display: block;
  clear: both;
}

/* =Structure
----------------------------------------------- */
#page #branding hgroup {
  margin: 0 7.6%;
}

#page #access div {
  margin: 0 7.6%;
}

#page #primary {
  float: left;
  margin: 0 -26.4% 0 0;
  width: 100%;
}

#page #content {
  margin: 0 34% 0 7.6%;
  width: 58.4%;
}

#page #secondary {
  float: right;
  margin-right: 7.6%;
  width: 18.8%;
}

/* Singular */
.singular #page #primary {
  margin: 0;
}

.singular #page #content,
.left-sidebar.singular #page #content {
  margin: 0 7.6%;
  position: relative;
  width: auto;
}

.singular #page .entry-header,
.singular #page .entry-content,
.singular #page footer.entry-meta,
.singular #page #comments-title {
  margin: 0 auto;
  width: 68.9%;
}

/* Attachments */
.singular #page .image-attachment .entry-content {
  margin: 0 auto;
  width: auto;
}

.singular #page .image-attachment .entry-description {
  margin: 0 auto;
  width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #page #primary,
.left-sidebar.page-template-showcase-php #page #primary {
  margin: 0;
}

.page-template-showcase-php #page #content,
.left-sidebar.page-template-showcase-php #page #content {
  margin: 0 7.6%;
  width: auto;
}

.page-template-showcase-php #page section.recent-posts {
  float: right;
  margin: 0 0 0 31%;
  width: 69%;
}

.page-template-showcase-php #page #main .widget-area {
  float: left;
  margin: 0 -22.15% 0 0;
  width: 22.15%;
}

/* error404 */
.error404 #page #primary {
  float: none;
  margin: 0;
}

.error404 #page #primary #content {
  margin: 0 7.6%;
  width: auto;
}

/* Alignment */
#page .alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em;
}

#page .alignright {
  display: inline;
  float: right;
  margin-left: 1.625em;
}

#page .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Right Content */
.left-sidebar #page #primary {
  float: right;
  margin: 0 0 0 -26.4%;
  width: 100%;
}

.left-sidebar #page #content {
  margin: 0 7.6% 0 34%;
  width: 58.4%;
}

.left-sidebar #page #secondary {
  float: left;
  margin-left: 7.6%;
  margin-right: 0;
  width: 18.8%;
}

/* One column */
.one-column #page {
  max-width: 690px;
}

.one-column #page #content {
  margin: 0 7.6%;
  width: auto;
}

.one-column #page #nav-below {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.625em;
}

.one-column #page #secondary {
  float: none;
  margin: 0 7.6%;
  width: auto;
}

/* Simplify the showcase template */
.one-column #page .page-template-showcase-php section.recent-posts {
  float: none;
  margin: 0;
  width: 100%;
}

.one-column #page .page-template-showcase-php #main .widget-area {
  float: none;
  margin: 0;
  width: auto;
}

.one-column #page .page-template-showcase-php .other-recent-posts {
  border-bottom: 1px solid #ddd;
}

/* Simplify the showcase template when small feature */
.one-column #page section.featured-post .attachment-small-feature {
  border: none;
  display: block;
  height: auto;
  max-width: 60%;
  position: static;
}

.one-column #page article.feature-image.small {
  margin: 0 0 1.625em;
  padding: 0;
}

.one-column #page article.feature-image.small .entry-title {
  font-size: 20px;
  line-height: 1.3em;
}

.one-column #page article.feature-image.small .entry-summary {
  height: 150px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
}

.one-column #page article.feature-image.small .entry-summary a {
  left: -9%;
}

/* Remove the margin on singular articles */
.one-column.singular #page .entry-header,
.one-column.singular #page .entry-content,
.one-column.singular #page footer.entry-meta,
.one-column.singular #page #comments-title {
  width: 100%;
}

/* Simplify the pullquotes and pull styles */
.one-column.singular #page blockquote.pull {
  margin: 0 0 1.625em;
}

.one-column.singular #page .pull.alignleft {
  margin: 0 1.625em 0 0;
}

.one-column.singular #page .pull.alignright {
  margin: 0 0 0 1.625em;
}

.one-column.singular #page .entry-meta .edit-link a {
  position: absolute;
  left: 0;
  top: 40px;
}

.one-column.singular #page #author-info {
  margin: 2.2em -8.8% 0;
  padding: 20px 8.8%;
}

/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
  margin-left: 102px;
  width: auto;
}

/* Make sure the logo and search form don't collide */
.one-column #page #branding #searchform {
  right: 40px;
  top: 4em;
}

/* Talking avatars take up too much room at this size */
.one-column #page .commentlist > li.comment {
  margin-left: 0;
}

.one-column #page .commentlist > li.comment .comment-meta,
.one-column #page .commentlist > li.comment .comment-content {
  margin-right: 85px;
}

.one-column #page .commentlist .avatar {
  background: transparent;
  display: block;
  padding: 0;
  top: 1.625em;
  left: auto;
  right: 1.625em;
}

.one-column #page .commentlist .children .avatar {
  background: none;
  padding: 0;
  position: absolute;
  top: 2.2em;
  left: 2.2em;
}

.one-column #page #respond {
  width: auto;
}

/* =Global
----------------------------------------------- */
#page,
#page input,
#page textarea {
  color: #373737;
  line-height: 1.425;
}

/* Headings */
#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6 {
  clear: both;
}

#page hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.625em;
}

/* Text elements */
#page p {
  margin-bottom: 1.625em;
}

#page ul,
#page ol {
  margin: 0 0 1.625em 2.5em;
}

#page ul {
  list-style: square;
}

#page ol {
  list-style-type: decimal;
}

#page ol ol {
  list-style: upper-alpha;
}

#page ol ol ol {
  list-style: lower-roman;
}

#page ol ol ol ol {
  list-style: lower-alpha;
}

#page ul ul,
#page ol ol,
#page ul ol,
#page ol ul {
  margin-bottom: 0;
}

#page dl {
  margin: 0 1.625em;
}

#page dt {
  font-weight: bold;
}

#page dd {
  margin-bottom: 1.625em;
}

#page strong {
  font-weight: bold;
}

#page cite,
#page em,
#page i {
  font-style: italic;
}

#page blockquote {
  font-family: Georgia, "Bitstream Charter", serif;
  font-style: italic;
  font-weight: normal;
  margin: 0 3em;
}

#page blockquote em,
#page blockquote i,
#page blockquote cite {
  font-style: normal;
}

#page blockquote cite {
  color: #666;
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#page pre {
  background: #f4f4f4;
  font: 13px "Courier 10 Pitch", Courier, monospace;
  line-height: 1.5;
  margin-bottom: 1.625em;
  overflow: auto;
  padding: 0.75em 1.625em;
}

#page code,
#page kbd,
#page samp,
#page var {
  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

#page abbr,
#page acronym,
#page dfn {
  border-bottom: 1px dotted #666;
  cursor: help;
}

#page address {
  display: block;
  margin: 0 0 1.625em;
}

#page ins {
  background: #fff9c0;
  text-decoration: none;
}

#page sup,
#page sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

#page sup {
  bottom: 1ex;
}

#page sub {
  top: 0.5ex;
}

#page small {
  font-size: smaller;
}

/* Forms */
#page input[type=text],
#page input[type=password],
#page input[type=email],
#page input[type=url],
#page input[type=number],
#page textarea {
  background: #fafafa;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  color: #888;
}

#page input[type=text]:focus,
#page input[type=password]:focus,
#page input[type=email]:focus,
#page input[type=url]:focus,
#page input[type=number]:focus,
#page textarea:focus {
  color: #373737;
}

#page textarea {
  padding-left: 3px;
  width: 98%;
}

#page input[type=text],
#page input[type=password],
#page input[type=email],
#page input[type=url],
#page input[type=number] {
  padding: 3px;
}

#page input#s {
  background: url(images/search.png) no-repeat 5px 6px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  height: 22px;
  line-height: 1.2em;
  padding: 4px 10px 4px 28px;
}

#page input#searchsubmit {
  display: none;
}

/* Links */
#page a {
  color: #1982d1;
  text-decoration: none;
}

#page a:focus,
#page a:active,
#page a:hover {
  text-decoration: underline;
}

/* Assistive text */
#page .assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

#page #access a.assistive-text:focus {
  background: #eee;
  border-bottom: 1px solid #ddd;
  color: #1982d1;
  clip: auto !important;
  font-size: 12px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%;
}

/* =Menu
-------------------------------------------------------------- */
#page #access {
  display: none;
}

#page #access ul {
  font-size: 13px;
  list-style: none;
  margin: 0 0 0 -0.8125em;
  padding-left: 0;
}

#page #access li {
  float: left;
  position: relative;
}

#page #access a {
  color: #eee;
  display: block;
  line-height: 3.333em;
  padding: 0 1.2125em;
  text-decoration: none;
}

#page #access ul ul {
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  margin: 0;
  position: absolute;
  top: 3.333em;
  left: 0;
  width: 188px;
  z-index: 99999;
}

#page #access ul ul ul {
  left: 100%;
  top: 0;
}

#page #access ul ul a {
  background: #f9f9f9;
  border-bottom: 1px dotted #ddd;
  color: #444;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 1.4em;
  padding: 10px 10px;
  width: 168px;
}

#page #access li:hover > a,
#page #access ul ul :hover > a,
#page #access a:focus {
  background: #efefef;
}

#page #access li:hover > a,
#page #access a:focus {
  background: #f9f9f9;
  /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
  background: -o-linear-gradient(#f9f9f9, #e5e5e5);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));
  /* Older webkit syntax */
  background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
  color: #373737;
}

#page #access ul li:hover > ul {
  display: block;
}

#page #access .current-menu-item > a,
#page #access .current-menu-ancestor > a,
#page #access .current_page_item > a,
#page #access .current_page_ancestor > a {
  font-weight: bold;
}

/* =Content
----------------------------------------------- */
#page #main {
  clear: both;
  padding: 1.625em 0 0;
}

#page .page-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  margin: 0 0 2.6em;
  text-transform: uppercase;
}

#page .page-title a {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
}

#page .hentry,
#page .no-results {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1.625em;
  padding: 0 0 1.625em;
  position: relative;
}

#page .hentry:last-child,
#page .no-results {
  border-bottom: none;
}

#page .blog .sticky .entry-header .entry-meta {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

#page .entry-title,
#page .entry-header .entry-meta {
  padding-right: 76px;
}

#page .entry-title {
  clear: both;
  color: #222;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5em;
  padding-bottom: 0.3em;
  padding-top: 15px;
}

#page .entry-title,
#page .entry-title a {
  color: #222;
  text-decoration: none;
}

#page .entry-title a:hover,
#page .entry-title a:focus,
#page .entry-title a:active {
  color: #1982d1;
}

#page .entry-meta {
  color: #666;
  clear: both;
  font-size: 12px;
  line-height: 18px;
}

#page .entry-meta a {
  font-weight: bold;
}

#page .single-author .entry-meta .by-author {
  display: none;
}

#page .entry-content,
#page .entry-summary {
  padding: 1.625em 0 0;
}

#page .entry-content h1,
#page .entry-content h2,
#page .comment-content h1,
#page .comment-content h2 {
  color: #000;
  font-weight: bold;
  margin: 0 0 0.8125em;
}

#page .entry-content h3,
#page .comment-content h3 {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}

#page .entry-content table,
#page .comment-content table {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1.625em;
  width: 100%;
}

#page .entry-content th,
#page .comment-content th {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}

#page .entry-content td,
#page .comment-content td {
  border-top: 1px solid #ddd;
  padding: 6px 10px 6px 0;
}

#page .entry-content #s {
  width: 75%;
}

#page .comment-content ul,
#page .comment-content ol {
  margin-bottom: 1.625em;
}

#page .comment-content ul ul,
#page .comment-content ol ol,
#page .comment-content ul ol,
#page .comment-content ol ul {
  margin-bottom: 0;
}

#page dl.gallery-item {
  margin: 0;
}

#page .page-link {
  clear: both;
  display: block;
  margin: 0 0 1.625em;
}

#page .page-link a {
  background: #eee;
  color: #373737;
  margin: 0;
  padding: 2px 3px;
  text-decoration: none;
}

#page .page-link a:hover {
  background: #888;
  color: #fff;
  font-weight: bold;
}

#page .page-link span {
  margin-right: 6px;
}

#page .entry-meta .edit-link a,
#page .commentlist .edit-link a {
  background: #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  float: right;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 300;
  text-decoration: none;
  padding: 0 8px;
}

#page .entry-meta .edit-link a:hover,
#page .commentlist .edit-link a:hover {
  background: #888;
  color: #fff;
}

#page .entry-content .edit-link {
  clear: both;
  display: block;
}

/* Images */
#page .entry-content img,
#page .comment-content img,
#page .widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */
}

#page img[class*=align],
#page img[class*=wp-image-],
#page img[class*=attachment-] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

#page img.size-full,
#page img.size-large {
  max-width: 97.5%;
  width: auto;
  /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

#page .entry-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

#page img.alignleft,
#page img.alignright,
#page img.aligncenter {
  margin-bottom: 1.625em;
}

#page p img,
#page .wp-caption {
  margin-top: 0.4em;
}

#page .wp-caption {
  background: #eee;
  margin-bottom: 1.625em;
  max-width: 96%;
  padding: 9px;
}

#page .wp-caption img {
  display: block;
  margin: -2px 0 0 -2px;
  max-width: 98%;
}

#page .wp-caption .wp-caption-text,
#page .gallery-caption {
  color: #666;
  font-family: Georgia, serif;
  font-size: 12px;
}

#page .wp-caption .wp-caption-text {
  margin-bottom: 0.6em;
  padding: 10px 0 5px 40px;
  position: relative;
}

#page .wp-caption .wp-caption-text:before {
  color: #666;
  content: "—";
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 7px;
}

#page #content .gallery {
  margin: 0 auto 1.625em;
}

#page #content .gallery a img {
  border: none;
}

#page img#wpstats {
  display: block;
  margin: 0 auto 1.625em;
}

#page #content .gallery-columns-4 .gallery-item {
  width: 23%;
  padding-right: 2%;
}

#page #content .gallery-columns-4 .gallery-item img {
  width: 100%;
  height: auto;
}

/* Image borders */
#page img[class*=align],
#page img[class*=wp-image-],
#page #content .gallery .gallery-icon img {
  /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  border: 1px solid #ddd;
  padding: 6px;
  max-width: 97.5%;
}

#page .wp-caption img {
  border-color: #eee;
}

#page a:focus img[class*=align],
#page a:hover img[class*=align],
#page a:active img[class*=align],
#page a:focus img[class*=wp-image-],
#page a:hover img[class*=wp-image-],
#page a:active img[class*=wp-image-],
#page #content .gallery .gallery-icon a:focus img,
#page #content .gallery .gallery-icon a:hover img,
#page #content .gallery .gallery-icon a:active img {
  /* Add some useful style to those fancy borders for linked images ... */
  background: #eee;
  border-color: #bbb;
}

#page .wp-caption a:focus img,
#page .wp-caption a:active img,
#page .wp-caption a:hover img {
  /* ... including captioned images! */
  background: #fff;
  border-color: #ddd;
}

/* Make sure videos and embeds fit their containers */
#page embed,
#page iframe,
#page object {
  max-width: 100%;
}

#page .entry-content .twitter-tweet-rendered {
  max-width: 100% !important;
  /* Override the Twitter embed fixed width */
}

/* Password Protected Posts */
#page .post-password-required .entry-header .comments-link {
  margin: 1.625em 0 0;
}

#page .post-password-required input[type=password] {
  margin: 0.8125em 0;
}

#page .post-password-required input[type=password]:focus {
  background: #f7f7f7;
}

/* Author Info */
#page #author-info {
  font-size: 12px;
  overflow: hidden;
}

.singular #page #author-info {
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 2.2em -35.6% 0 -35.4%;
  padding: 20px 35.4%;
}

.archive #page #author-info {
  border-bottom: 1px solid #ddd;
  margin: 0 0 2.2em;
  padding: 0 0 2.2em;
}

#page #author-avatar {
  float: left;
  margin-right: -78px;
}

#page #author-avatar img {
  background: #fff;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #bbb;
  -moz-box-shadow: 0 1px 2px #bbb;
  box-shadow: 0 1px 2px #bbb;
  padding: 3px;
}

#page #author-description {
  float: left;
  margin-left: 108px;
}

#page #author-description h2 {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  margin: 5px 0 10px;
}

/* Comments link */
#page .entry-header .comments-link a {
  background: #eee url(images/comment-bubble.png) no-repeat;
  color: #666;
  font-size: 13px;
  font-weight: normal;
  line-height: 35px;
  overflow: hidden;
  padding: 0 0 0;
  position: absolute;
  top: 1.5em;
  right: 0;
  text-align: center;
  text-decoration: none;
  width: 43px;
  height: 36px;
}

#page .entry-header .comments-link a:hover,
#page .entry-header .comments-link a:focus,
#page .entry-header .comments-link a:active {
  background-color: #1982d1;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}

#page .entry-header .comments-link .leave-reply {
  visibility: hidden;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
#page .entry-header .entry-format {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  position: absolute;
  text-transform: uppercase;
  top: -5px;
}

#page .entry-header hgroup .entry-title {
  padding-top: 15px;
}

#page article.format-aside .entry-content,
#page article.format-link .entry-content,
#page article.format-status .entry-content {
  padding: 20px 0 0;
}

#page article.format-status .entry-content {
  min-height: 65px;
}

#page .recent-posts .entry-header .entry-format {
  display: none;
}

#page .recent-posts .entry-header hgroup .entry-title {
  padding-top: 0;
}

/* Singular content styles for Posts and Pages */
.singular #page .hentry {
  border-bottom: none;
  padding: 4.875em 0 0;
  position: relative;
}

.singular.page #page .hentry {
  padding: 3.5em 0 0;
}

.singular #page .entry-title {
  color: #000;
  font-size: 36px;
  font-weight: bold;
  line-height: 48px;
}

.singular #page .entry-title,
.singular #page .entry-header .entry-meta {
  padding-right: 0;
}

.singular #page .entry-header .entry-meta {
  position: absolute;
  top: 0;
  left: 0;
}

#page blockquote.pull {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6125em;
  margin: 0 0 1.625em;
  text-align: center;
}

.singular #page blockquote.pull {
  margin: 0 -22.25% 1.625em;
}

#page .pull.alignleft {
  margin: 0 1.625em 0 0;
  text-align: right;
}

.singular #page .pull.alignleft {
  margin: 0 1.625em 0 -22.25%;
}

#page .pull.alignright {
  margin: 0 0 0 1.625em;
  text-align: left;
}

#page blockquote.pull.alignleft,
#page blockquote.pull.alignright {
  width: 33%;
}

.singular #page .pull.alignright {
  margin: 0 -22.25% 0 1.625em;
}

.singular #page blockquote.pull.alignleft,
.singular #page blockquote.pull.alignright {
  width: 33%;
}

.singular #page .entry-meta .edit-link a {
  bottom: auto;
  left: 50px;
  position: absolute;
  right: auto;
  top: 80px;
}

/* =Aside
----------------------------------------------- */
#page .format-aside .entry-title,
#page .format-aside .entry-header .comments-link {
  display: none;
}

.singular #page .format-aside .entry-title {
  display: block;
}

#page .format-aside .entry-content {
  padding: 0;
}

.singular #page .format-aside .entry-content {
  padding: 1.625em 0 0;
}

/* =Link
----------------------------------------------- */
#page .format-link .entry-title,
#page .format-link .entry-header .comments-link {
  display: none;
}

.singular #page .format-link .entry-title {
  display: block;
}

#page .format-link .entry-content {
  padding: 0;
}

.singular #page .format-link .entry-content {
  padding: 1.625em 0 0;
}

/* =Gallery
----------------------------------------------- */
#page .format-gallery .gallery-thumb {
  float: left;
  display: block;
  margin: 0.375em 1.625em 0 0;
  max-width: 100%;
}

/* =Status
----------------------------------------------- */
#page .format-status .entry-title,
#page .format-status .entry-header .comments-link {
  display: none;
}

.singular #page .format-status .entry-title {
  display: block;
}

#page .format-status .entry-content {
  padding: 0;
}

.singular #page .format-status .entry-content {
  padding: 1.625em 0 0;
}

#page .format-status img.avatar {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  float: left;
  margin: 4px 10px 2px 0;
  padding: 0;
}

/* =Quote
----------------------------------------------- */
#page .format-quote blockquote {
  color: #555;
  font-size: 17px;
  margin: 0;
}

/* =Image
----------------------------------------------- */
#page .indexed.format-image .entry-header {
  min-height: 61px;
  /* Prevent the comment icon from colliding with the image when there is no title */
}

#page .indexed.format-image .entry-content {
  padding-top: 0.5em;
}

#page .indexed.format-image .entry-content p {
  margin: 1em 0;
}

#page .indexed.format-image .entry-content p:first-child,
#page .indexed.format-image .entry-content p:first-child a,
#page .indexed.format-image .entry-content p:first-child img {
  display: block;
  margin: 0;
}

#page .indexed.format-image .entry-content .wp-caption .wp-caption-text {
  margin: 0;
  padding-bottom: 1em;
}

#page .indexed.format-image footer.entry-meta {
  background: #ddd;
  overflow: hidden;
  padding: 4%;
  max-width: 96%;
}

#page .indexed.format-image div.entry-meta {
  display: inline-block;
  float: left;
  width: 35%;
}

#page .indexed.format-image div.entry-meta + div.entry-meta {
  float: none;
  width: 65%;
}

#page .indexed.format-image .entry-meta span.cat-links,
#page .indexed.format-image .entry-meta span.tag-links,
#page .indexed.format-image .entry-meta span.comments-link {
  display: block;
}

#page .indexed.format-image footer.entry-meta a {
  color: #444;
}

#page .indexed.format-image footer.entry-meta a:hover {
  color: #fff;
}

#page #content .indexed.format-image img {
  border: none;
  max-width: 100%;
  padding: 0;
}

#page .indexed.format-image .wp-caption {
  background: #111;
  margin-bottom: 0;
  max-width: 96%;
  padding: 2% 2% 0;
}

#page .indexed.format-image .wp-caption .wp-caption-text {
  color: #ddd;
}

#page .indexed.format-image .wp-caption .wp-caption-text:before {
  color: #444;
}

#page .indexed.format-image a:hover img {
  opacity: 0.8;
}

/* =error404
----------------------------------------------- */
.error404 #page #main #searchform {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 8.9%;
}

.error404 #page #main #s {
  width: 95%;
}

.error404 #page #main .widget {
  clear: none;
  float: left;
  margin-right: 3.7%;
  width: 30.85%;
}

.error404 #page #main .widget_archive {
  margin-right: 0;
}

.error404 #page #main .widget_tag_cloud {
  float: none;
  margin-right: 0;
  width: 100%;
}

.error404 #page .widgettitle {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}

/* =Showcase
----------------------------------------------- */
#page h1.showcase-heading {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}

/* Intro */
#page article.intro {
  background: #f9f9f9;
  border-bottom: none;
  margin: -1.855em -8.9% 1.625em;
  padding: 0 8.9%;
}

#page article.intro .entry-title {
  display: none;
}

#page article.intro .entry-content {
  color: #111;
  font-size: 16px;
  padding: 1.625em 0 0.625em;
}

#page article.intro .edit-link a {
  background: #aaa;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 0 8px;
  position: absolute;
  top: 30px;
  right: 20px;
  text-decoration: none;
}

#page article.intro .edit-link a:hover,
#page article.intro .edit-link a:focus,
#page article.intro .edit-link a:active {
  background: #777;
}

/* Featured post */
#page section.featured-post {
  float: left;
  margin: -1.625em -8.9% 1.625em;
  padding: 1.625em 8.9% 0;
  position: relative;
  width: 100%;
}

#page section.featured-post .hentry {
  border: none;
  color: #666;
  margin: 0;
}

#page section.featured-post .entry-meta {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* Small featured post */
#page section.featured-post .attachment-small-feature {
  float: right;
  height: auto;
  margin: 0 -8.9% 1.625em 0;
  max-width: 59%;
  position: relative;
  right: -15px;
}

#page section.featured-post.small {
  padding-top: 0;
}

#page section.featured-post .attachment-small-feature:hover,
#page section.featured-post .attachment-small-feature:focus,
#page section.featured-post .attachment-small-feature:active {
  opacity: 0.8;
}

#page article.feature-image.small {
  float: left;
  margin: 0 0 1.625em;
  width: 45%;
}

#page article.feature-image.small .entry-title {
  line-height: 1.2em;
}

#page article.feature-image.small .entry-summary {
  color: #555;
  font-size: 13px;
}

#page article.feature-image.small .entry-summary p a {
  background: #222;
  color: #eee;
  display: block;
  left: -23.8%;
  padding: 9px 26px 9px 85px;
  position: relative;
  text-decoration: none;
  top: 20px;
  width: 180px;
  z-index: 1;
}

#page article.feature-image.small .entry-summary p a:hover {
  background: #1982d1;
  color: #eee;
  color: rgba(255, 255, 255, 0.8);
}

/* Large featured post */
#page section.feature-image.large {
  border: none;
  max-height: 288px;
  padding: 0;
  width: 100%;
}

#page section.feature-image.large .showcase-heading {
  display: none;
}

#page section.feature-image.large .hentry {
  border-bottom: none;
  left: 9%;
  margin: 1.625em 9% 0 0;
  position: absolute;
  top: 0;
}

#page article.feature-image.large .entry-title a {
  background: #222;
  background: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  padding: 0.2em 20px;
}

#page section.feature-image.large:hover .entry-title a,
#page section.feature-image.large .entry-title:hover a {
  background: #eee;
  background: rgba(255, 255, 255, 0.8);
  color: #222;
}

#page article.feature-image.large .entry-summary {
  display: none;
}

#page section.feature-image.large img {
  display: block;
  height: auto;
  max-width: 117.9%;
  padding: 0 0 6px;
}

/* Featured Slider */
#page .featured-posts {
  border-bottom: 1px solid #ddd;
  display: block;
  height: 328px;
  margin: 1.625em -8.9% 20px;
  max-width: 1000px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

#page .featured-posts .showcase-heading {
  padding-left: 8.9%;
}

#page .featured-posts section.featured-post {
  background: #fff;
  height: 288px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 30px;
  width: auto;
}

#page .featured-posts section.featured-post.large {
  max-width: 100%;
  overflow: hidden;
}

#page .featured-posts section.featured-post {
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 200ms;
  -moz-transition-property: opacity, visibility;
  -moz-transition-timing-function: ease;
}

#page .featured-posts section.featured-post {
  opacity: 0;
  visibility: hidden;
}

#page .featured-posts #featured-post-1 {
  opacity: 1;
  visibility: visible;
}

#page .featured-post .feature-text:after,
#page .featured-post .feature-image.small:after {
  content: " ";
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C */
  width: 100%;
  height: 45px;
  position: absolute;
  top: 230px;
}

#page .featured-post .feature-image.small:after {
  top: 253px;
}

#page #content .feature-slider {
  top: 5px;
  right: 8.9%;
  overflow: visible;
  position: absolute;
}

#page .feature-slider ul {
  list-style-type: none;
  margin: 0;
}

#page .feature-slider li {
  float: left;
  margin: 0 6px;
}

#page .feature-slider a {
  background: #3c3c3c;
  background: rgba(60, 60, 60, 0.9);
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  display: block;
  width: 14px;
  height: 14px;
}

#page .feature-slider a.active {
  background: #1982d1;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  cursor: default;
  opacity: 0.5;
}

/* Recent Posts */
#page section.recent-posts {
  padding: 0 0 1.625em;
}

#page section.recent-posts .hentry {
  border: none;
  margin: 0;
}

#page section.recent-posts .other-recent-posts {
  border-bottom: 1px solid #ddd;
  list-style: none;
  margin: 0;
}

#page section.recent-posts .other-recent-posts li {
  padding: 0.3125em 0;
  position: relative;
}

#page section.recent-posts .other-recent-posts .entry-title {
  border-top: 1px solid #ddd;
  font-size: 17px;
}

#page section.recent-posts .other-recent-posts a[rel=bookmark] {
  color: #373737;
  float: left;
  max-width: 84%;
}

#page section.recent-posts .other-recent-posts a[rel=bookmark]:after {
  content: "-";
  color: transparent;
  font-size: 11px;
}

#page section.recent-posts .other-recent-posts .comments-link a,
#page section.recent-posts .other-recent-posts .comments-link > span {
  border-bottom: 2px solid #999;
  bottom: -2px;
  color: #444;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  padding: 0.3125em 0 0.3125em 1em;
  position: absolute;
  right: 0;
  text-align: right;
  text-transform: uppercase;
  z-index: 1;
}

#page section.recent-posts .other-recent-posts .comments-link > span {
  border-color: #bbb;
  color: #888;
}

#page section.recent-posts .other-recent-posts .comments-link a:hover {
  color: #1982d1;
  border-color: #1982d1;
}

#page section.recent-posts .other-recent-posts li:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* =Attachments
----------------------------------------------- */
#page .image-attachment div.attachment {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 1.625em 0;
  text-align: center;
}

#page .image-attachment div.attachment img {
  display: block;
  height: auto;
  margin: 0 auto 1.625em;
  max-width: 100%;
}

#page .image-attachment div.attachment a img {
  border-color: #f9f9f9;
}

#page .image-attachment div.attachment a:focus img,
#page .image-attachment div.attachment a:hover img,
#page .image-attachment div.attachment a:active img {
  border-color: #ddd;
  background: #fff;
}

#page .image-attachment .entry-caption p {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  margin: 0 0 2.6em;
  text-transform: uppercase;
}

/* =Navigation
-------------------------------------------------------------- */
#page #content nav {
  clear: both;
  overflow: hidden;
  padding: 0 0 1.625em;
}

#page #content nav a {
  font-size: 12px;
  font-weight: bold;
  line-height: 2.2em;
}

#page #nav-above {
  padding: 0 0 1.625em;
}

#page #nav-above {
  display: none;
}

#page .paged #nav-above {
  display: block;
}

#page .nav-previous {
  float: left;
  width: 50%;
}

#page .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

#page #content nav .meta-nav {
  font-weight: normal;
}

/* Singular navigation */
#page #nav-single {
  float: right;
  position: relative;
  top: -0.3em;
  text-align: right;
  z-index: 1;
}

#page #nav-single .nav-previous,
#page #nav-single .nav-next {
  width: auto;
}

#page #nav-single .nav-next {
  padding-left: 0.5em;
}

#page #nav-single .nav-previous {
  padding-right: 0.5em;
}

/* =Widgets
----------------------------------------------- */
#page .widget-area {
  font-size: 12px;
}

#page .widget {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  clear: both;
  margin: 0 0 2.2em;
}

#page .widget-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}

#page .widget ul {
  font-size: 15px;
  margin: 0;
}

#page .widget ul ul {
  margin-left: 1.5em;
}

#page .widget ul li {
  color: #777;
  font-size: 13px;
}

#page .widget a {
  font-weight: bold;
  text-decoration: none;
}

#page .widget a:hover,
#page .widget a:focus,
#page .widget a:active {
  text-decoration: underline;
}

/* Search Widget */
#page .widget_search form {
  margin: 0 0 1.625em;
}

#page .widget_search #s {
  width: 77%;
}

#page .widget_search #searchsubmit {
  background: #ddd;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  color: #888;
  font-size: 13px;
  line-height: 25px;
  position: relative;
  top: -2px;
}

#page .widget_search #searchsubmit:active {
  background: #1982d1;
  border-color: #0861a5;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  color: #bfddf3;
}

/* Ephemera Widget */
#page section.ephemera ol,
#page .widget_twentyeleven_ephemera ol {
  list-style: square;
  margin: 5px 0 0;
}

#page .widget_twentyeleven_ephemera .widget-entry-title {
  font-size: 15px;
  font-weight: bold;
  padding: 0;
}

#page .widget_twentyeleven_ephemera .comments-link a,
#page .widget_twentyeleven_ephemera .comments-link > span {
  color: #666;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  text-transform: uppercase;
}

#page section.ephemera .entry-title a span {
  color: #29628d;
}

/* Twitter */
#page .widget_twitter li {
  list-style-type: none;
  margin-bottom: 14px;
}

#page .widget_twitter .timesince {
  display: block;
  font-size: 11px;
  margin-right: -10px;
  text-align: right;
}

/* Widget Image */
#page .widget_image img {
  border: 0;
  padding: 0;
  height: auto;
  max-width: 100%;
}

/* Calendar Widget */
#page .widget_calendar #wp-calendar {
  color: #555;
  width: 95%;
  text-align: center;
}

#page .widget_calendar #wp-calendar caption,
#page .widget_calendar #wp-calendar td,
#page .widget_calendar #wp-calendar th {
  text-align: center;
}

#page .widget_calendar #wp-calendar caption {
  font-size: 11px;
  font-weight: 500;
  padding: 5px 0 3px 0;
  text-transform: uppercase;
}

#page .widget_calendar #wp-calendar th {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

#page .widget_calendar #wp-calendar tfoot td {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* =Comments
----------------------------------------------- */
#page #comments-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.6em;
  padding: 0 0 2.6em;
  text-transform: uppercase;
}

#page .nopassword,
#page .nocomments {
  color: #aaa;
  font-size: 24px;
  font-weight: 100;
  margin: 26px 0;
  text-align: center;
}

#page .commentlist {
  list-style: none;
  margin: 0 auto;
  width: 68.9%;
}

#page .content .commentlist,
#page .page-template-sidebar-page-php .commentlist {
  width: 100%;
  /* reset the width for the one-column and sidebar page layout */
}

#page .commentlist > li.comment {
  background: #f6f6f6;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 1.625em;
  padding: 1.625em;
  position: relative;
}

#page .commentlist .pingback {
  margin: 0 0 1.625em;
  padding: 0 1.625em;
}

#page .commentlist .children {
  list-style: none;
  margin: 0;
}

#page .commentlist .children li.comment {
  background: #fff;
  border-left: 1px solid #ddd;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin: 1.625em 0 0;
  padding: 1.625em;
  position: relative;
}

#page .commentlist .children li.comment .fn {
  display: block;
}

#page .comment-meta .fn {
  font-style: normal;
}

#page .comment-meta {
  color: #666;
  font-size: 12px;
  line-height: 2.2em;
}

#page .commentlist .children li.comment .comment-meta {
  line-height: 1.625em;
  margin-left: 50px;
}

#page .commentlist .children li.comment .comment-content {
  margin: 1.625em 0 0;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#page .comment-meta a {
  font-weight: bold;
}

#page .commentlist .avatar {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  left: -102px;
  padding: 0;
  position: absolute;
  top: 0;
}

#page .commentlist > li:before {
  content: url(images/comment-arrow.png);
  left: -21px;
  position: absolute;
}

#page .commentlist > li.pingback:before {
  content: "";
}

#page .commentlist .children .avatar {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  left: 2.2em;
  padding: 0;
  top: 2.2em;
}

#page a.comment-reply-link {
  background: #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  display: inline-block;
  font-size: 12px;
  padding: 0 8px;
  text-decoration: none;
}

#page a.comment-reply-link:hover,
#page a.comment-reply-link:focus,
#page a.comment-reply-link:active {
  background: #888;
  color: #fff;
}

#page a.comment-reply-link > span {
  display: inline-block;
  position: relative;
  top: -1px;
}

/* Post author highlighting */
#page .commentlist > li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3;
}

#page .commentlist > li.bypostauthor:before {
  content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
#page .commentlist .children > li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
#page .page-template-sidebar-page-php .commentlist > li.comment,
#page .page-template-sidebar-page-php.commentlist .pingback {
  margin-left: 102px;
  width: auto;
}

/* And a full-width comment form */
#page .page-template-sidebar-page-php #respond {
  width: auto;
}

/* Comment Form */
#page #respond {
  background: #ddd;
  border: 1px solid #d3d3d3;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 auto 1.625em;
  padding: 1.625em;
  position: relative;
  width: 68.9%;
}

#page #respond input[type=text],
#page #respond textarea {
  background: #fff;
  border: 4px solid #eee;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
  -moz-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
  box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
  position: relative;
  padding: 10px;
  text-indent: 80px;
}

#page #respond .comment-form-author,
#page #respond .comment-form-email,
#page #respond .comment-form-url,
#page #respond .comment-form-comment {
  position: relative;
}

#page #respond .comment-form-author label,
#page #respond .comment-form-email label,
#page #respond .comment-form-url label,
#page #respond .comment-form-comment label {
  background: #eee;
  -webkit-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
  -moz-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
  box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
  color: #555;
  display: inline-block;
  font-size: 13px;
  left: 4px;
  min-width: 60px;
  padding: 4px 10px;
  position: relative;
  top: 40px;
  z-index: 1;
}

#page #respond input[type=text]:focus,
#page #respond textarea:focus {
  text-indent: 0;
  z-index: 1;
}

#page #respond textarea {
  resize: vertical;
  width: 95%;
}

#page #respond .comment-form-author .required,
#page #respond .comment-form-email .required {
  color: #bd3500;
  font-size: 22px;
  font-weight: bold;
  left: 75%;
  position: absolute;
  z-index: 1;
}

#page #respond .comment-notes,
#page #respond .logged-in-as {
  font-size: 13px;
}

#page #respond p {
  margin: 10px 0;
}

#page #respond .form-submit {
  float: right;
  margin: -20px 0 10px;
}

#page #respond input#submit {
  background: #222;
  border: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  color: #eee;
  cursor: pointer;
  font-size: 15px;
  margin: 20px 0;
  padding: 5px 42px 5px 22px;
  position: relative;
  left: 30px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

#page #respond input#submit:active {
  background: #1982d1;
}

#page #respond #cancel-comment-reply-link {
  color: #666;
  margin-left: 10px;
  text-decoration: none;
}

#page #respond .logged-in-as a:hover,
#page #respond #cancel-comment-reply-link:hover {
  text-decoration: underline;
}

#page .commentlist #respond {
  margin: 1.625em 0 0;
  width: auto;
}

#page #reply-title {
  color: #373737;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

#page #cancel-comment-reply-link {
  color: #888;
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 2.2em;
  letter-spacing: 0.05em;
  position: absolute;
  right: 1.625em;
  text-decoration: none;
  text-transform: uppercase;
  top: 1.1em;
}

#page #cancel-comment-reply-link:focus,
#page #cancel-comment-reply-link:active,
#page #cancel-comment-reply-link:hover {
  color: #ff4b33;
}

#page #respond label {
  line-height: 2.2em;
}

#page #respond input[type=text] {
  display: block;
  height: 24px;
  width: 75%;
}

#page #respond p {
  font-size: 12px;
}

#page p.comment-form-comment {
  margin: 0;
}

#page .form-allowed-tags {
  display: none;
}

/* =Footer
----------------------------------------------- */
#page #colophon {
  clear: both;
}

#page #supplementary {
  border-top: 1px solid #ddd;
  padding: 1.625em 7.6%;
  overflow: hidden;
}

/* Two Footer Widget Areas */
#page #supplementary.two .widget-area {
  float: left;
  margin-right: 3.7%;
  width: 48.1%;
}

#page #supplementary.two .widget-area + .widget-area {
  margin-right: 0;
}

/* Three Footer Widget Areas */
#page #supplementary.three .widget-area {
  float: left;
  margin-right: 3.7%;
  width: 30.85%;
}

#page #supplementary.three .widget-area + .widget-area + .widget-area {
  margin-right: 0;
}

/* Site Generator Line */
#page #site-generator {
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  line-height: 2.2em;
  padding: 2.2em 0.5em;
  text-align: center;
}

#page #site-generator a {
  color: #555;
  font-weight: bold;
}

/* fixes to some conflicts in layout */
.error404 #page #secondary,
.page-template-showcase-php #page #secondary {
  display: none;
}

.error404 #page #main #searchform {
  margin-right: -4%;
  margin-left: -4%;
  padding-right: 4%;
  padding-left: 4%;
}

.single-post #page #nav-single {
  padding-bottom: 1em;
}

#wpadminbar .ab-top-menu > li > a {
  color: #cccccc;
}

#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item .ab-label,
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item .ab-label {
  color: inherit;
  text-shadow: none;
}

body.wp-container.logged-in.admin-bar {
  margin-top: 28px;
  /*space for admin bar*/
}

/* additional custom styles */
#page #primary {
  margin-bottom: 20px;
}

#page .entry-title {
  font-size: 22px;
}

#page .widget a {
  font-weight: normal;
}

#page .widget_search #s {
  width: 65%;
}

#page .commentlist {
  width: 75.9%;
  margin-right: 0px;
}

#page #respond {
  width: 75.9%;
  margin-right: 0px;
}

#page #respond input[type=text],
#page #respond textarea {
  padding: 5px;
}

#page #respond .comment-form-author label,
#page #respond .comment-form-email label,
#page #respond .comment-form-url label,
#page #respond .comment-form-comment label {
  padding-top: 0px;
  padding-bottom: 0px;
  top: 32px;
}

#page #respond input#submit {
  left: auto;
}

#page #reply-title {
  font-size: 20px;
  margin-bottom: 10px;
}

#page #respond p {
  margin-top: 0px;
  margin-bottom: 0px;
}

#page #respond .comment-form-comment {
  margin-bottom: 10px;
}

#page {
  margin-right: auto;
  margin-left: auto;
  color: #999999;
  font-weight: 400;
  line-height: 20px;
}

#page #secondary {
  margin-right: 3.6%;
  width: 22.8%;
}

#page p {
  line-height: 24px;
  margin-bottom: 14px;
}

#page a {
  color: #67308F;
}

#page .entry-title {
  font-size: 27px;
  font-weight: lighter;
}

#page .entry-title a {
  color: #662D91;
}

#page .entry-title a:hover,
#page .entry-title a:focus,
#page .entry-title a:active {
  color: #000000;
}

#page .entry-meta {
  color: #D0D0D0;
}

#page .entry-meta a {
  font-weight: normal;
  color: #929292;
  text-decoration: none;
}

#page .entry-meta a:hover {
  color: #111111;
}

#page .entry-header .comments-link a:hover,
#page .entry-header .comments-link a:focus,
#page .entry-header .comments-link a:active {
  background-color: #cf98e2;
}

#page .entry-content > .image {
  float: left;
  margin: 7px 20px 10px 0;
  padding: 6px;
  border: 1px solid #eeeeee;
}

#page .entry-content > .image img {
  float: left;
  border: 1px solid #dddddd !important;
}

#page .widget-title {
  font-weight: lighter;
  font-size: 18px;
  color: #1D1D1D;
  text-transform: none;
  letter-spacing: 0;
}

#page .widget ul {
  list-style: disc outside;
  margin-left: 12px;
}

#page .widget ul li {
  color: #929292;
  font-size: 12px;
  padding-bottom: 8px;
}

#page .widget ul li a {
  color: #929292;
  text-decoration: none !important;
}

#page .widget ul li a:hover {
  color: #b2b2b2;
}

#page #respond {
  background-color: #F6F6F6;
}

#page #respond input#submit,
#page #respond input#submit:active {
  background: #621f7b;
  /* Old browsers */
  background: -moz-linear-gradient(#7c279b, #621f7b);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #621f7b), color-stop(1, #7c279b));
  background: -webkit-linear-gradient(#7c279b, #621f7b);
  background: -o-linear-gradient(#7c279b, #621f7b);
  background: -ms-linear-gradient(#7c279b, #621f7b);
  background: linear-gradient(#7c279b, #621f7b);
}

#page #respond input[type=text],
#page #respond textarea {
  border-width: 1px;
}

#page .comment-meta a {
  font-weight: normal;
}

/** New skin **/
.wp-container #page .widget-title {
  color: #662d91;
  line-height: 2.3em;
}

.wp-container .container .main {
  padding: 0 !important;
}

.wp-container #page #main {
  margin-left: 0;
  margin-right: 0;
  padding: 2.5em 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#page #access {
  background: transparent;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
  margin: 0 auto 25px;
  width: 100%;
}

#page #access ul {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0;
}

#page #access div {
  margin: 0 0px 0 30px;
}

#page #access a {
  color: #666666;
  font-weight: bold;
  line-height: 3.4em;
  padding: 0 30px;
  position: relative;
}

.wp-container #page #content {
  margin: 0 3%;
  width: 94%;
}

.wp-container #page #primary {
  margin: 0;
  width: 75%;
}

.wp-container #page #secondary {
  width: 25%;
  max-width: 320px;
  margin: 0;
}

.wp-container.page #page #primary {
  width: 100%;
}
.wp-container.page #page #secondary {
  display: none;
}

.wp-container #page input#searchsubmit {
  display: block;
  float: left;
  background: url(images/search_button.png) no-repeat 0 0 #ffffff;
  border: none;
  box-shadow: none;
  color: #888888;
  position: relative;
  top: 0px;
  left: -2px;
  height: 32px;
  width: 32px;
  font-size: 1px;
  text-indent: -3000px;
  cursor: pointer;
}

#page img#wpstats {
  display: none;
}

#page .widget_search #searchsubmit:active {
  background: url(images/search_button.png) no-repeat 0 0 #ffffff;
  border: none;
  box-shadow: none;
}

.header-new input.text {
  border: 1px solid #D1D1D1;
  border-radius: 3px;
  color: #673391;
  font: 13px "Ubuntu", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-weight: 300;
  height: 26px;
  margin-right: -59px;
  padding-left: 10px;
  padding-right: 59px;
  width: 364px;
}

.wp-container #page input#s {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 0;
  border: 1px solid #DCDCDC;
  font-size: 14px;
  line-height: 1.2em;
  padding: 4px 10px;
  float: left;
}

#page input[type=text], #page input[type=password], #page input[type=email], #page input[type=url], #page input[type=number], #page textarea {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #DCDCDC;
  box-shadow: none;
  border-radius: 0;
}

#page img[class*=align], #page img[class*=wp-image-], #page .entry-content img, #page .comment-content img, #page .widget img {
  height: auto;
  max-width: 630px;
}

.single #page img[class*=attachment-] {
  height: auto;
  max-width: 630px;
}

#page img[class*=attachment-] {
  height: auto;
  width: 270px;
}

#page .widget_search #s {
  width: 76.5%;
}

.widget-area *::-moz-placeholder {
  color: #808080;
  font-family: "Ubuntu", Tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
}

#page .widget ul li {
  color: #4D4D4D;
  padding-bottom: 2px;
  padding-left: 8px;
  font-size: 14px;
}

#page .widget ul.smart-post-list-main li {
  padding-left: 0px;
  margin-left: 0px;
}

#page .widget ul.smart-post-list-main {
  margin-left: 0px;
}

#page .widget ul li a {
  color: #222222;
}

#page .widget ul li a:hover {
  color: #808080;
}

#page {
  color: #4D4D4D;
}

#page .widget ul.smart-post-list-main li a {
  color: #222222;
}

#page .widget ul.smart-post-list-main li p {
  color: #808080;
}

div.tagcloud a {
  color: #4d4d4d !important;
}

#page p {
  line-height: 18px;
}

#page .widget #recentcomments {
  list-style-image: url("images/list_comments.png");
}

#page .widget #recentcomments li {
  padding-left: 4px;
  padding-bottom: 12px;
}

#page .widget #recentcomments li, #page .widget #recentcomments li a {
  color: #808080;
}

#page .widget #recentcomments li a:hover {
  color: #4d4d4d;
}

#page .widget #recentcomments li a.url {
  color: #42210b;
  font-weight: bold;
}

#page .entry-title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 16px;
}

#page .hentry, #page .no-results {
  border-bottom: 1px dotted #CCCCCC;
  margin: 0 0 1.625em;
  padding: 0 0 1.625em;
}

#page .entry-content > .image {
  border: medium none;
  margin: 7px 20px 10px 0;
  padding: 0;
}

#page .entry-meta a {
  color: #662d91;
  font-weight: normal;
}

#page .entry-meta {
  color: #B3B3B3;
}

div.entry-meta a[rel=bookmark] {
  float: right;
  font-size: 13px;
}

#page .entry-title, #page .entry-header .entry-meta {
  padding-right: 0px;
}

#page .entry-content, #page .entry-summary {
  padding: 0.5em 0 1.625em;
}

footer.entry-meta span.comments-link {
  display: table-cell;
  font-size: 14px;
  white-space: nowrap;
}

footer.entry-meta span.cat-links {
  display: table-cell;
  padding-right: 40px;
  width: 100%;
}

footer.entry-meta {
  vertical-align: top;
}

footer.entry-meta span.cat-links a, div.entry-meta span.by-author a {
  font-size: 13px;
}

.single-post #page #nav-single {
  padding-bottom: 0;
}

#page .entry-header .entry-meta {
  border-bottom: 1px dotted #ccc;
  margin-left: 290px;
}

.single #page .entry-header .entry-meta {
  border-bottom: none;
  margin-left: 0;
}

#page .entry-header .entry-meta.no-post-image {
  margin-left: 0px;
}

#page .entry-header, #page .entry-title, #page .entry-meta, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
  clear: none;
}

.single #page .entry-header, .single #page .entry-title, .single #page .entry-meta, .single #page h1, .single #page h2, .single #page h3, .single #page h4, .single #page h5, .single #page h6 {
  clear: both;
}

#page .entry-header {
  padding-bottom: 0.4em;
}

.single #page .entry-header {
  padding-bottom: 0;
}

#page .entry-content h1, #page .entry-content h2, #page .comment-content h1, #page .comment-content h2 {
  margin: 0 0 0.2125em;
}

.single #page .entry-content h1, .single #page .entry-content h2, .single #page .comment-content h1, .single #page .comment-content h2 {
  margin: 0 0 0.28125em;
}

#page .entry-title {
  line-height: 1.2;
  padding-top: 5px;
}

#page .page-title {
  margin: 0 0 0.5em;
}

#page .entry-title, #page .entry-title a {
  color: #662d91;
}

input[type=button], input[type=submit] {
  border: 1px solid #3E194E;
  -webkit-box-shadow: #7C3190 1px 1px 1px inset;
  -moz-box-shadow: #7C3190 1px 1px 1px inset;
  box-shadow: #7C3190 1px 1px 1px inset;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 10px 4px 10px;
  text-decoration: none;
  display: inline-block;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  background-color: #7C3190;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7C3190), to(#602975));
  background-image: -webkit-linear-gradient(top, #7C3190, #602975);
  background-image: -moz-linear-gradient(top, #7C3190, #602975);
  background-image: -ms-linear-gradient(top, #7C3190, #602975);
  background-image: -o-linear-gradient(top, #7C3190, #602975);
  background-image: linear-gradient(to bottom, #7C3190, #602975);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7C3190, endColorstr=#602975);
  color: #FFFFFF !important;
  font-weight: 400;
  cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover {
  border: 1px solid #3E194E;
  background-color: #843699;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#843699), to(#602975));
  background-image: -webkit-linear-gradient(top, #843699, #602975);
  background-image: -moz-linear-gradient(top, #843699, #602975);
  background-image: -ms-linear-gradient(top, #843699, #602975);
  background-image: -o-linear-gradient(top, #843699, #602975);
  background-image: linear-gradient(to bottom, #843699, #602975);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#843699, endColorstr=#602975);
}

#page #access li {
  margin-bottom: -1px;
}

#page #access li.current-menu-item a {
  color: #662d91;
}

#page #access li:hover > a,
#page #access a:focus {
  background: none;
  color: #662d91;
}

#page #access a:before {
  content: "Pearl";
  position: absolute;
  left: 0;
  top: -3px;
  width: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  opacity: 0.5;
}

#page #access li:first-child a:before {
  content: "Blog";
}

#page #access li.current-menu-item a:before,
#page #access li:hover > a:before,
#page #access a:focus:before {
  opacity: 1;
}

#page #access li.current-menu-item a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 7px;
  border-color: transparent;
  border-bottom-color: #662d91;
}

/***

#page #access li {
background: url(images/topmenu.png) no-repeat center bottom transparent;
margin-bottom: -1px;
 }

 #page #access li:first-child {
 background: url(images/topmenu_first.png) no-repeat center bottom transparent;
 }

#page #access li:hover > a,
#page #access ul ul :hover > a,
#page #access a:focus {
	background: url(images/topmenu_hover.png) no-repeat center bottom transparent;
}
#page #access li:hover > a,
#page #access a:focus {
	background: url(images/topmenu_hover.png) no-repeat center bottom transparent;
	color: #662d91;
}

#page #access li:first-child:hover > a {
background: url(images/topmenu_first_hover.png) no-repeat center bottom transparent;
}

#page #access li.current-menu-item {
	background: url(images/topmenu_hover.png) no-repeat center bottom transparent;
}

#page #access li.current-menu-item:first-child {
	background: url(images/topmenu_first_hover.png) no-repeat center bottom transparent;
}

#page #access li.current-menu-item > a {
	color: #662d91;
}

***/
#page #access li ul li,
#page #access li ul li:hover,
#page #access li ul :hover > a,
#page #access li ul li a:focus,
#page #access li ul li:first-child:hover > a {
  background: none #ffffff;
}

.error404 #page #main #s {
  width: 90%;
}

#page input[type=text], #page input[type=password], #page input[type=email], #page input[type=url], #page input[type=number] {
  font-size: 14px;
  padding: 4px 10px;
  height: 22px;
}

#subscribe-email #subscribe-field {
  width: 83%;
}

#page .widget.widget_search {
  margin: 0 0 5em;
}

#subscribe-text {
  font: 13px "Ubuntu";
  font-weight: 400;
}

/* additional css */
.blog #page .entry-content h1, .blog #page .entry-content h2 {
  color: #662d91;
  text-transform: uppercase;
  font-size: 16px;
  margin: 10px 0;
}

.single #page .entry-content h1, .single #page .entry-content h2 {
  color: #662d91;
  text-transform: uppercase;
  font-size: 16px;
  margin: 24px 0;
}

.blog #page .entry-content h1.entry-title {
  color: #662d91;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0 0 10px 0;
}

.single #page h1.entry-title {
  color: #662d91;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 26px;
}

#page .entry-content p {
  font-size: 14px;
  line-height: 20px;
}

#page a.more-link {
  padding-top: 30px;
  display: block;
  right: 0;
}

/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
  /* Simplify the basic layout */
  /*
         #page #main #content {
             margin: 0 7.6%;
             width: auto;
         }
     */
  #page #nav-below {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.625em;
  }

  /*
         #page #main #secondary {
             float: none;
             margin: 0 7.6%;
             width: auto;
         }
     */
  /* Simplify the showcase template */
  .page-template-showcase-php #page .featured-posts {
    min-height: 280px;
  }

  #page .featured-posts section.featured-post {
    height: auto;
  }

  .page-template-showcase-php #page section.recent-posts {
    float: none;
    margin: 0;
    width: 100%;
  }

  .page-template-showcase-php #page #main .widget-area {
    float: none;
    margin: 0;
    width: auto;
  }

  .page-template-showcase-php #page .other-recent-posts {
    border-bottom: 1px solid #ddd;
  }

  /* Simplify the showcase template when small feature */
  #page section.featured-post .attachment-small-feature,
#page .one-column section.featured-post .attachment-small-feature {
    border: none;
    display: block;
    float: left;
    height: auto;
    margin: 0.625em auto 1.025em;
    max-width: 30%;
    position: static;
  }

  #page article.feature-image.small {
    float: right;
    margin: 0 0 1.625em;
    width: 64%;
  }

  #page .one-column article.feature-image.small .entry-summary {
    height: auto;
  }

  #page article.feature-image.small .entry-summary p a {
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
  }

  /* Make sure we have room for our comment avatars */
  /*
         #page .commentlist {
             width: 100%;
         }
         #page .commentlist > li.comment,
         #page .commentlist .pingback {
             margin-left: 102px;
             width: auto;
         }
     */
  /* And a full-width comment form */
  /*
         #page #respond {
             width: auto;
         }
     */
  /* No need to float footer widgets at this size */
  #page #colophon #supplementary .widget-area {
    float: none;
    margin-right: 0;
    width: auto;
  }

  /* No need to float 404 widgets at this size */
  .error404 #page #main .widget {
    float: none;
    margin-right: 0;
    width: auto;
  }
}
@media (max-width: 639px) {
  /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
  #page,
#page input,
#page textarea {
    font-size: 13px;
  }

  .wp-container #page #main {
    margin-right: 10px;
    margin-left: 10px;
    padding: 0;
  }
  .wp-container #page #primary {
    margin: 0;
    width: 100%;
  }
  .wp-container #page #secondary {
    display: none;
  }
  .wp-container #page #content {
    margin: 0;
    width: 100%;
  }
  .wp-container #page .entry-header .entry-meta {
    margin-left: 0px;
  }

  #page #site-title a {
    font-size: 24px;
  }

  #page #site-description {
    font-size: 12px;
  }

  #page #access ul {
    font-size: 12px;
  }

  #page article.intro .entry-content {
    font-size: 12px;
  }

  #page .entry-title {
    font-size: 21px;
  }

  #page .featured-post .entry-title {
    font-size: 14px;
  }

  .singular #page .entry-title {
    font-size: 28px;
  }

  #page .entry-meta {
    font-size: 12px;
  }

  #page blockquote {
    margin: 0;
  }

  #page blockquote.pull {
    font-size: 17px;
  }

  /* Reposition the site title and description slightly */
  #page #site-title {
    padding: 5.30625em 0 0;
  }

  #page #site-title,
#page #site-description {
    margin-right: 0;
  }

  /* Floated content doesn't work well at this size */
  #page .alignleft,
#page .alignright {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  .singular #page .hentry {
    padding: 1.625em 0 0;
  }

  .singular.page #page .hentry {
    padding: 1.625em 0 0;
  }

  /* Talking avatars take up too much room at this size */
  /*
         #page .commentlist > li.comment,
         #page .commentlist > li.pingback {
             margin-left: 0 !important;
         }
         #page .commentlist .avatar {
             background: transparent;
             display: block;
             padding: 0;
             position: static;
         }
         #page .commentlist .children .avatar {
             background: none;
             left: 2.2em;
             padding: 0;
             position: absolute;
             top: 2.2em;
         }
     */
  /* Use the available space in the smaller comment form */
  /*
         #page #respond input[type="text"] {
             width: 95%;
         }
         #page #respond .comment-form-author .required,
         #page #respond .comment-form-email .required {
             left: 95%;
         }
     */
  #page #content .gallery-columns-3 .gallery-item {
    width: 31%;
    padding-right: 2%;
  }

  #page #content .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 414px) {
  #page #content .gallery-columns-2 .gallery-item {
    width: 45%;
    padding-right: 4%;
  }

  #page #content .gallery-columns-2 .gallery-item img {
    width: 100%;
    height: auto;
  }

  #page .entry-content > .image {
    float: none;
    margin: 7px;
  }
  #page .entry-content > .image img {
    float: none;
    max-width: 100%;
  }

  #page .entry-content > * {
    max-width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #page {
    padding: 0;
  }

  #page {
    margin-top: 0;
  }
}
/* =Print
----------------------------------------------- */
@media print {
  #page {
    background: none !important;
    font-size: 10pt;
  }

  #page footer.entry-meta a[rel=bookmark]:link:after,
#page footer.entry-meta a[rel=bookmark]:visited:after {
    content: " [" attr(href) "] ";
    /* Show URLs */
  }

  #page {
    clear: both !important;
    display: block !important;
    float: none !important;
    max-width: 100%;
    position: relative !important;
  }

  #page #branding {
    border-top: none !important;
    padding: 0;
  }

  #page #branding hgroup {
    margin: 0;
  }

  #page #site-title a {
    font-size: 21pt;
  }

  #page #site-description {
    font-size: 10pt;
  }

  #page #branding #searchform {
    display: none;
  }

  #page #branding img {
    display: none;
  }

  #page #access {
    display: none;
  }

  #page #main {
    border-top: none;
    box-shadow: none;
  }

  #page #primary {
    float: left;
    margin: 0;
    width: 100%;
  }

  #page #content {
    margin: 0;
    width: auto;
  }

  .singular #page #content {
    margin: 0;
    width: 100%;
  }

  .singular #page .entry-header .entry-meta {
    position: static;
  }

  #page .entry-meta .edit-link a {
    display: none;
  }

  #page #content nav {
    display: none;
  }

  .singular #page .entry-header,
.singular #page .entry-content,
.singular #page footer.entry-meta,
.singular #page #comments-title {
    margin: 0;
    width: 100%;
  }

  .singular #page .hentry {
    padding: 0;
  }

  #page .entry-title,
.singular #page .entry-title {
    font-size: 21pt;
  }

  #page .entry-meta {
    font-size: 10pt;
  }

  #page .entry-header .comments-link {
    display: none;
  }

  #page .page-link {
    display: none;
  }

  .singular #page #author-info {
    background: none;
    border-bottom: none;
    border-top: none;
    margin: 2.2em 0 0;
    padding: 0;
  }

  #page #respond {
    display: none;
  }

  #page .widget-area {
    display: none;
  }

  #page #colophon {
    display: none;
  }

  /* Comments */
  #page .commentlist > li.comment {
    background: none;
    border: 1px solid #ddd;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin: 0 auto 1.625em;
    padding: 1.625em;
    position: relative;
    width: auto;
  }

  #page .commentlist .avatar {
    height: 39px;
    left: 2.2em;
    top: 2.2em;
    width: 39px;
  }

  #page .commentlist li.comment .comment-meta {
    line-height: 1.625em;
    margin-left: 50px;
  }

  #page .commentlist li.comment .fn {
    display: block;
  }

  #page .commentlist li.comment .comment-content {
    margin: 1.625em 0 0;
  }

  #page .commentlist .comment-edit-link {
    display: none;
  }

  #page .commentlist > li::before,
#page .commentlist > li.bypostauthor::before {
    content: "";
  }

  #page .commentlist .reply {
    display: none;
  }

  /* Post author highlighting */
  #page .commentlist > li.bypostauthor {
    color: #444;
  }

  #page .commentlist > li.bypostauthor .comment-meta {
    color: #666;
  }

  #page .commentlist > li.bypostauthor:before {
    content: none;
  }

  /* Post Author threaded comments */
  #page .commentlist .children > li.bypostauthor {
    background: #fff;
    border-color: #ddd;
  }

  #page .commentlist .children > li.bypostauthor > article,
#page .commentlist .children > li.bypostauthor > article .comment-meta {
    color: #666;
  }
}