/*
Theme Name: Twenty Eleven
Theme URI: http://wordpress.org/extend/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.4
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, 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
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
  outline: 0;
}
body {
  background: #fff;
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  font-weight: normal;
  text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
a img {
  border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


/* =Structure
----------------------------------------------- */

body {
  padding: 0 2em;
}
#page {
  margin: 2em auto;
  max-width: 1000px;
}
#branding hgroup {
  margin: 0 7.6%;
}
#access div {
  margin: 0 7.6%;
}
#primary {
  float: left;
  margin: 0 -26.4% 0 0;
  width: 100%;
}
#content {
  margin: 0 34% 0 7.6%;
  width: 58.4%;
}
#secondary {
  float: right;
  margin-right: 7.6%;
  width: 18.8%;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
  color: #373737;
  font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.625;
}
body {
  background: #e2e2e2;
}
#page {
  background: #fff;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
  clear: both;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.625em;
}

/* Text elements */
p {
  margin-bottom: 1.625em;
}
ul, ol {
  margin: 0 0 1.625em 2.5em;
}
ul {
  list-style: square;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}
dl {
  margin: 0 1.625em;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 1.625em;
}
strong {
  font-weight: bold;
}
cite, em, i {
  font-style: italic;
}
blockquote {
  font-family: Georgia, "Bitstream Charter", serif;
  font-style: italic;
  font-weight: normal;
  margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}
blockquote cite {
  color: #666;
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
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;
}
code, kbd, samp, var {
  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
  border-bottom: 1px dotted #666;
  cursor: help;
}
address {
  display: block;
  margin: 0 0 1.625em;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}

/* Links */
a {
  color: #1982d1;
  text-decoration: none;
}
a:focus,
a:active,
a:hover {
  text-decoration: underline;
}

/* Assistive text */
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#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%;
}


/* =Header
----------------------------------------------- */

#branding {
  border-top: 2px solid #bbb;
  padding-bottom: 10px;
  position: relative;
  z-index: 9999;
}
#site-title {
  margin-right: 270px;
  padding: 3.65625em 0 0;
}
#site-title a {
  color: #111;
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
  color: #1982d1;
}
#site-description {
  color: #7a7a7a;
  font-size: 14px;
  margin: 0 270px 3.65625em 0;
}
.banner #site-title,
.banner #site-description {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}#branding img {
  height: auto;
  margin-bottom: -7px;
  width: 100%;
}


/* =Menu
-------------------------------------------------------------- */

#access {
  background: #222; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#252525, #0a0a0a);
  background: -o-linear-gradient(#252525, #0a0a0a);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
  background: -webkit-linear-gradient(#252525, #0a0a0a);
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
  clear: both;
  display: block;
  float: left;
  margin: 0 auto 6px;
  width: 100%;
}
#access ul {
  font-size: 13px;
  list-style: none;
  margin: 0 0 0 -0.8125em;
  padding-left: 0;
}
#access li {
  float: left;
  position: relative;
}
#access a {
  color: #eee;
  display: block;
  line-height: 3.333em;
  padding: 0 1.2125em;
  text-decoration: none;
}
#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;
}
#access ul ul ul {
  left: 100%;
  top: 0;
}
#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;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
  background: #efefef;
}
#access li:hover > a,
#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;
}
#access ul li:hover > ul {
  display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
  font-weight: bold;
}

/* Search Form */
#branding #searchform {
  position: absolute;
  top: 3.8em;
  right: 7.6%;
  text-align: right;
}
#branding #searchform div {
  margin: 0;
}
#branding #s {
  float: right;
  -webkit-transition-duration: 400ms;
  -webkit-transition-property: width, background;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 400ms;
  -moz-transition-property: width, background;
  -moz-transition-timing-function: ease;
  -o-transition-duration: 400ms;
  -o-transition-property: width, background;
  -o-transition-timing-function: ease;
  width: 72px;
}
#branding #s:focus {
  background-color: #f9f9f9;
  width: 196px;
}
#branding #searchsubmit {
  display: none;
}
#branding .only-search #searchform {
  top: 5px;
  z-index: 1;
}
#branding .only-search #s {
  background-color: #666;
  border-color: #000;
  color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
  width: 85%;
}
#branding .only-search #s:focus {
  background-color: #bbb;
}
#branding .with-image #searchform {
  top: auto;
  bottom: -27px;
  max-width: 195px;
}
#branding .only-search + #access div {
  padding-right: 205px;
}


/* =Content
----------------------------------------------- */

#main {
  clear: both;
  padding: 1.625em 0 0;
}
.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-title a {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
}
.hentry,
.no-results {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1.625em;
  padding: 0 0 1.625em;
  position: relative;
}
.hentry:last-child,
.no-results {
  border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
  padding-right: 76px;
}
.entry-title {
  clear: both;
  color: #222;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5em;
  padding-bottom: .3em;
  padding-top: 15px;
}
.entry-title,
.entry-title a {
  color: #222;
  text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
  color: #1982d1;
}
.entry-meta {
  color: #666;
  clear: both;
  font-size: 12px;
  line-height: 18px;
}
.entry-meta a {
  font-weight: bold;
}
.entry-content,
.entry-summary {
  padding: 1.625em 0 0;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
  color: #000;
  font-weight: bold;
  margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}
.entry-content table,
.comment-content table {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1.625em;
  width: 100%;
}
.entry-content th,
.comment-content th {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}
.entry-content td,
.comment-content td {
  border-top: 1px solid #ddd;
  padding: 6px 10px 6px 0;
}
.entry-content #s {
  width: 75%;
}
.comment-content ul,
.comment-content ol {
  margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
  margin-bottom: 0;
}
dl.gallery-item {
  margin: 0;
}
.entry-meta .edit-link a,
.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;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
  background: #888;
  color: #fff;
}
.entry-content .edit-link {
  clear: both;
  display: block;
}

/* =Navigation
-------------------------------------------------------------- */

#content nav {
  clear: both;
  overflow: hidden;
  padding: 0 0 1.625em;
}
#content nav a {
  font-size: 12px;
  font-weight: bold;
  line-height: 2.2em;
}
#nav-above {
  padding: 0 0 1.625em;
}
#nav-above {
  display: none;
}
.paged #nav-above {
  display: block;
}
.nav-previous {
  float: left;
  width: 50%;
}
.nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
#content nav .meta-nav {
  font-weight: normal;
}

/* =Widgets
----------------------------------------------- */

.widget-area {
  font-size: 12px;
}
.widget {
  clear: both;
  margin: 0 0 2.2em;
}
.widget-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}
.widget ul {
  font-size: 15px;
  margin: 0;
}
.widget ul ul {
  margin-left: 1.5em;
}
.widget ul li {
  color: #777;
  font-size: 13px;
}
.widget a {
  font-weight: bold;
  text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
  text-decoration: underline;
}

/* Search Widget */
.widget_search form {
  margin: 0 0 1.625em;
}
.widget_search #s {
  width: 77%;
}
.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;
}
.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 */
section.ephemera ol,
.widget_twentyeleven_ephemera ol {
  list-style: square;
  margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
  font-size: 15px;
  font-weight: bold;
  padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
  color: #666;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
  color: #29628d;
}

/* Twitter */
.widget_twitter li {
  list-style-type: none;
  margin-bottom: 14px;
}
.widget_twitter .timesince {
  display: block;
  font-size: 11px;
  margin-right: -10px;
  text-align: right;
}

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

/* =Comments
----------------------------------------------- */

#comments-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.6em;
  padding: 0 0 2.6em;
  text-transform: uppercase;
}
.nopassword,
.nocomments {
  color: #aaa;
  font-size: 24px;
  font-weight: 100;
  margin: 26px 0;
  text-align: center;
}
.commentlist {
  list-style: none;
  margin: 0 auto;
  width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
  width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.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;
}
.commentlist .pingback {
  margin: 0 0 1.625em;
  padding: 0 1.625em;
}
.commentlist .children {
  list-style: none;
  margin: 0;
}
.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;
}
.commentlist .children li.comment .fn {
  display: block;
}
.comment-meta .fn {
  font-style: normal;
}
.comment-meta {
  color: #666;
  font-size: 12px;
  line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
  line-height: 1.625em;
  margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
  margin: 1.625em 0 0;
}
.comment-meta a {
  font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.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;
}
.commentlist > li:before {
  content: url(/img/comment-arrow.png);
  left: -21px;
  position: absolute;
}
.commentlist > li.pingback:before {
  content: '';
}
.commentlist .children .avatar {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  left: 2.2em;
  padding: 0;
  top: 2.2em;
}
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;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
  background: #888;
  color: #fff;
}
a.comment-reply-link > span {
  display: inline-block;
  position: relative;
  top: -1px;
}

/* =Footer
----------------------------------------------- */

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

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

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

/* Site Generator Line */
#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;
}
#site-generator a {
  color: #555;
  font-weight: bold;
}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
  /* Simplify the basic layout */
  #main #content {
    margin: 0 7.6%;
    width: auto;
  }
  #nav-below {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.625em;
  }
  #main #secondary {
    float: none;
    margin: 0 7.6%;
    width: auto;
  }
  /* Simplify the showcase template */
  .page-template-showcase-php .featured-posts {
    min-height: 280px;
  }
  .featured-posts section.featured-post {
    height: auto;
  }
  .page-template-showcase-php section.recent-posts {
    float: none;
    margin: 0;
    width: 100%;
  }
  .page-template-showcase-php #main .widget-area {
    float: none;
    margin: 0;
    width: auto;
  }
  .page-template-showcase-php .other-recent-posts {
    border-bottom: 1px solid #ddd;
  }
  /* Simplify the showcase template when small feature */
  section.featured-post .attachment-small-feature,
  .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;
  }
  article.feature-image.small {
    float: right;
    margin: 0 0 1.625em;
    width: 64%;
  }
  .one-column article.feature-image.small .entry-summary {
    height: auto;
  }
  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 */
  .commentlist {
    width: 100%;
  }
  .commentlist > li.comment,
  .commentlist .pingback {
    margin-left: 102px;
    width: auto;
  }
  /* No need to float footer widgets at this size */
  #colophon #supplementary .widget-area {
    float: none;
    margin-right: 0;
    width: auto;
  }
  /* No need to float 404 widgets at this size */
  .error404 #main .widget {
    float: none;
    margin-right: 0;
    width: auto;
  }

}
@media (max-width: 650px) {
  /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
  body, input, textarea {
    font-size: 13px;
  }
  #site-title a {
    font-size: 24px;
  }
  #site-description {
    font-size: 12px;
  }
  #access ul {
    font-size: 12px;
  }
  article.intro .entry-content {
    font-size: 12px;
  }
  .entry-title {
    font-size: 21px;
  }
  .featured-post .entry-title {
    font-size: 14px;
  }
  .entry-meta {
    font-size: 12px;
  }
  blockquote {
    margin: 0;
  }
  blockquote.pull {
    font-size: 17px;
  }
  /* Reposition the site title and description slightly */
  #site-title {
    padding: 5.30625em 0 0;
  }
  #site-title,
  #site-description {
    margin-right: 0;
  }
  /* Make sure the logo and search form don't collide */
  #branding #searchform {
    top: 1.625em !important;
  }
  /* Floated content doesn't work well at this size */
  .alignleft,
  .alignright {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  /* Talking avatars take up too much room at this size */
  .commentlist > li.comment,
  .commentlist > li.pingback {
    margin-left: 0 !important;
  }
  .commentlist .avatar {
    background: transparent;
    display: block;
    padding: 0;
    position: static;
  }
  .commentlist .children .avatar {
    background: none;
    left: 2.2em;
    padding: 0;
    position: absolute;
    top: 2.2em;
  }
  #content .gallery-columns-3 .gallery-item {
    width: 31%;
    padding-right: 2%;
  }
  #content .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
  }

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

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body {
    padding: 0;
  }
  #page {
    margin-top: 0;
  }
  #branding {
    border-top: none;
  }

}


/* =Print
----------------------------------------------- */

@media print {
  body {
    background: none !important;
    font-size: 10pt;
  }
  footer.entry-meta a[rel=bookmark]:link:after,
  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;
  }
  #branding {
    border-top: none !important;
    padding: 0;
  }
  #branding hgroup {
    margin: 0;
  }
  #site-title a {
    font-size: 21pt;
  }
  #site-description {
    font-size: 10pt;
  }
  #branding #searchform {
    display: none;
  }
  #branding img {
    display: none;
  }
  #access {
    display: none;
  }
  #main {
    border-top: none;
    box-shadow: none;
  }
  #primary {
    float: left;
    margin: 0;
    width: 100%;
  }
  #content {
    margin: 0;
    width: auto;
  }
  .entry-meta .edit-link a {
    display: none;
  }
  #content nav {
    display: none;
  }
  .entry-title {
    font-size: 21pt;
  }
  .entry-meta {
    font-size: 10pt;
  }
  .entry-header .comments-link {
    display: none;
  }
  .widget-area {
    display: none;
  }
  #colophon {
    display: none;
  }

  /* Comments */
  .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;
  }
  .commentlist .avatar {
    height: 39px;
    left: 2.2em;
    top: 2.2em;
    width: 39px;
  }
  .commentlist li.comment .comment-meta {
    line-height: 1.625em;
    margin-left: 50px;
  }
  .commentlist li.comment .fn {
    display: block;
  }
  .commentlist li.comment .comment-content {
    margin: 1.625em 0 0;
  }
  .commentlist .comment-edit-link {
    display: none;
  }
  .commentlist > li::before,
  .commentlist > li.bypostauthor::before {
    content: '';
  }
  .commentlist .reply {
    display: none;
  }

  /* Post author highlighting */
  .commentlist > li.bypostauthor {
    color: #444;
  }
  .commentlist > li.bypostauthor .comment-meta {
    color: #666;
  }
  .commentlist > li.bypostauthor:before {
    content: none;
  }

  /* Post Author threaded comments */
  .commentlist .children > li.bypostauthor {
    background: #fff;
    border-color: #ddd;
  }
  .commentlist .children > li.bypostauthor > article,
  .commentlist .children > li.bypostauthor > article .comment-meta {
    color: #666;
  }

}