/**
 * Theme Name: Anthem
 * Theme URI: http://thethemefoundry.com/anthem/
 * Author: The Theme Foundry
 * Author URI: http://thethemefoundry.com
 * Description: A responsive and minimalist tumblog style theme for photographers, artists, and creatives. Supports the image, gallery, audio, video, chat, link, and quote formats. Displays beautifully on any device.
 * Version: 1.3.9
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: white, responsive-width, tumblelog, black, gray, light, two-columns, featured-images, flexible-width, custom-background, post-formats, microformats, theme-options, custom-colors, art, artwork, blog, design, fashion, journal, lifestream, music, photoblogging, photography, video, artistic, clean, elegant, handcrafted, minimal, modern, sophisticated
 */
/* --- RESETS --- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0;
}

article, aside, figure, figure img, hgroup, footer, header, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}

a img {
  border: 0;
}

:focus {
  outline: 0;
}

a:hover, a:active {
  outline: none;
}

/*
Title:			Anthem Styles
Author:			Ryan Essmaker (http://designingmonsters.com) for The Theme Foundry
Updated: 		October 26, 2011
*/
/* GENERAL STYLES
----------------------------------------------- */
body {
  color: #333;
  font-size: 100%;
  font-family: Helvetica, Arial, sans-serif;
  background: #FFF;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

/* SELECTION COLORS */
::selection {
  background: rgba(0, 0, 0, 0.1);
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.1);
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

.hide {
  display: none;
  visibility: hidden;
}

address, .vcard {
  font-size: 0.875em;
  /* 14px/16px */
  line-height: 1.5em;
  margin: 1.5em 0;
}
address span, .vcard span {
  font-size: 14px;
}

small {
  font-size: .75em;
}

/* STRUCTURE
----------------------------------------------- */
#container {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 3em 40px 3em;
  max-width: 940px;
  background: #FFF;
}

header[role="banner"] {
  float: left;
  width: 23.4042553%;
  /* 220px/940px */
  min-height: 120px;
  /* in case no image is uploaded */
  margin-bottom: 3em;
}

/* 960px width for non-media query browsers */
#content {
  position: relative;
  float: left;
  width: 74.4680851%;
  /* 700px/940px */
  margin-left: 2.1276596%;
  /* 20px/940px */
  margin-bottom: 4.5em;
  min-height: 250px;
}

/* 1240px width for modern browsers */
@media (min-width: 961px) {
  #container {
    max-width: 1240px;
  }

  header[role="banner"] {
    width: 23.0645161%;
    /* 286px/1240px */
  }

  #content {
    width: 74.3548387%;
    /* 922px/1240px */
    margin-left: 2.5806452%;
    /* 32px/1240px */
  }
}
/* HEADER
----------------------------------------------- */
header #branding img {
  width: 140px;
  height: auto;
  margin-bottom: 20px;
  max-width: 100%;
}

.borderradius header #branding img.circle {
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  -ms-border-radius: 70px;
  -o-border-radius: 70px;
  border-radius: 70px;
}

header #branding h1#site-title {
  margin: 0 0 10px 0;
  font-weight: bold;
}

header .about {
  display: block;
  margin-bottom: 30px;
  font-size: .75em;
  line-height: 1.5em;
}
header .about em {
  font-style: italic;
}
header .about strong {
  font-weight: bold;
}
header .about p + .links {
  margin-top: 20px;
}
header .about .links a {
  font-weight: bold;
}

header #toggle {
  display: none;
}

/* MAIN NAV
----------------------------------------------- */
nav {
  margin-bottom: 30px;
  padding: 1em 0 1.1em;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  -webkit-box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075);
  box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075);
}
nav ul {
  font-size: .75em;
  line-height: 1.5em;
}
nav li a {
  font-weight: bold;
}

.sub-menu {
  font-size: 1em;
  line-height: 1.5em;
  margin-left: 1.5em;
}

/* LINKS
----------------------------------------------- */
a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.95);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:hover, a:focus {
  color: rgba(0, 0, 0, 0.5);
}

a img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:hover img, a:focus img {
  opacity: .85;
}

/* ALT LINKS IN POST + PAGE BODY */
.post-body a,
#content.page a,
#comments a,
#respond a {
  color: #149ee7;
  font-weight: bold;
}
.post-body a:hover,
#content.page a:hover,
#comments a:hover,
#respond a:hover {
  color: rgba(20, 158, 231, 0.5);
}

a.post-edit-link, .link a.post-edit-link {
  padding: 3px 6px;
  font-size: .75em;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  opacity: .75;
  color: #149ee7;
}

a:hover.post-edit-link {
  color: rgba(20, 158, 231, 0.5);
}

article.link p a.post-edit-link:after {
  display: inline;
  margin-left: 0;
  background: none;
}

/* CONTENT
----------------------------------------------- */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  font-weight: bold;
  line-height: 1.5em;
}
#content img {
  max-width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* ARTICLES + PAGES
----------------------------------------------- */
article, #content.page {
  border-bottom: 1px solid #ececec;
  -webkit-box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075);
  box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075);
  margin-bottom: 2.5625em;
  /* 41px/16px */
}
article img, #content.page img {
  margin-bottom: 1.5em;
  height: auto;
}
article .wp-caption, #content.page .wp-caption {
  max-width: 100%;
  height: auto;
}
article .wp-caption img, #content.page .wp-caption img {
  margin-bottom: 5px;
}
article .wp-caption p.wp-caption-text, #content.page .wp-caption p.wp-caption-text {
  line-height: 1em;
  font-size: .6875em;
}
article .flexslider ul, #content.page .flexslider ul {
  list-style: none;
}
article .flex-control-nav, article .flex-direction-nav, #content.page .flex-control-nav, #content.page .flex-direction-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
article .fluid-width-video-wrapper, #content.page .fluid-width-video-wrapper {
  margin-bottom: 1.5em;
  height: auto;
}
article .r-float, #content.page .r-float {
  float: right;
  margin: 0 0 1.5em 1.5em;
}
article .r-float img, #content.page .r-float img {
  margin-bottom: .25em;
}
article .l-float, #content.page .l-float {
  float: left;
  margin: 0 1.5em 1.5em 0;
}
article .l-float img, #content.page .l-float img {
  margin-bottom: .25em;
}
article figcaption, #content.page figcaption {
  font-size: .6875em;
  color: rgba(0, 0, 0, 0.5);
}
article h1, #content.page h1 {
  margin-bottom: .5em;
  font-size: 1.3125em;
}
article h2, #content.page h2 {
  margin-bottom: .875em;
  font-size: 1.125em;
}
article h3, #content.page h3 {
  margin-bottom: .875em;
  font-size: .875em;
}
article h4, article h5, article h6, #content.page h4, #content.page h5, #content.page h6 {
  font-size: .875em;
}
article p, article ul, article ol, article blockquote, #content.page p, #content.page ul, #content.page ol, #content.page blockquote {
  width: 65.5097614%;
  margin-bottom: 1.5em;
  font-size: .875em;
  line-height: 1.5em;
}
article dl, #content.page dl {
  margin-bottom: 1.5em;
  font-size: .875em;
  line-height: 1.5em;
}
article dt, #content.page dt {
  margin-bottom: .75em;
  font-weight: bold;
}
article dd, #content.page dd {
  margin-bottom: .75em;
}
article ul, #content.page ul {
  list-style: disc;
}
article ul.slides, #content.page ul.slides {
  width: 100% !important;
}
article ol, #content.page ol {
  list-style: decimal;
}
article ol.normal, article ul.normal, #content.page ol.normal, #content.page ul.normal {
  list-style-type: none;
}
article li ul li, article li ol li, #content.page li ul li, #content.page li ol li {
  padding-left: 1.5em;
  font-size: 14px;
}
article li, #content.page li {
  margin-left: 1.5em;
}
article blockquote, #content.page blockquote {
  clear: both;
  padding-left: 1em;
  border-left: 1px solid #CCC;
}
article blockquote > p, #content.page blockquote > p {
  width: 100%;
  margin-bottom: 0;
  font-size: 1em;
}
article blockquote > p + p, #content.page blockquote > p + p {
  margin-top: 1.5em;
}
article table, #content.page table {
  margin: 0 0 1.5em;
  line-height: 1.5em;
  font-size: .875em;
  word-wrap: break-word;
  word-break: break-all;
}
article table caption, #content.page table caption {
  font-weight: bold;
  line-height: 1.5em;
}
article table tr td,
article table tr th, #content.page table tr td,
#content.page table tr th {
  padding-right: 1.5em;
  padding: 4px 10px;
}
article table tr th, #content.page table tr th {
  font-weight: bold;
  text-align: left;
}
article td[valign="top"], #content.page td[valign="top"] {
  vertical-align: top;
}
article td[valign="bottom"], #content.page td[valign="bottom"] {
  vertical-align: bottom;
}
article a, #content.page a {
  font-weight: bold;
}
article strong, #content.page strong {
  font-weight: bold;
}
article em, #content.page em {
  font-style: italic;
}
article iframe, article video, #content.page iframe, #content.page video {
  margin-bottom: 1.5em;
}

#content.page {
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media only screen and (min-width: 768px) {
  #content article p img, #content.page p img {
    max-width: 152.649%;
  }
}

/* SINGLE POST NAVIGATION
----------------------------------------------- */
nav.single-footer {
  font-size: .875em;
  padding: 1.5em 0;
  border: none;
  box-shadow: none;
}
nav.single-footer a {
  color: rgba(0, 0, 0, 0.5);
}
nav.single-footer a[rel="prev"]:before {
  content: "\2190";
  color: #149ee7;
  padding-right: 4px;
}
nav.single-footer a[rel="next"]:after {
  content: "\2192";
  color: #149ee7;
  display: inline-block;
  margin-bottom: 6px;
  padding-left: 4px;
}

/* ARTICLE TYPES:
.text, .audio, .chat, .link, .photo,
.photo-set, .quote, .video
----------------------------------------------- */
/* AUDIO (see SoundManager2 CSS) */
article.audio .playlist {
  width: 100%;
  margin-bottom: 2em;
}

.mejs-container {
  margin-bottom: 28px;
}

/* CHAT */
article.chat .dialogue li {
  padding: .5em 0 .4375em;
  border-bottom: 1px dotted #CCC;
}
article.chat li:nth-child(even) {
  color: rgba(0, 0, 0, 0.5);
}
article.chat .dialogue div {
  width: 65.5097614%;
  margin-bottom: 1.5em;
  font-size: .875em;
  line-height: 1.5em;
}

/* LINK */
article.link p > a {
  width: 100%;
  margin-bottom: .5em;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5em;
  overflow: visible;
}
article.link p > a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url(images/arrow-right-2x.png) no-repeat 0 bottom;
  opacity: .25;
}

/* PHOTO */
article.photo h1 {
  display: none;
}
article.photo figure.post-image {
  position: relative;
  margin-bottom: 1em;
}
article.photo figure.post-image img {
  margin-bottom: 0;
}
article.photo figure.post-image a.high-res {
  position: absolute;
  display: block;
  bottom: -15px;
  right: 0;
  font-weight: normal;
  font-size: .625em;
  opacity: .35;
}
article.photo figure.post-image a.high-res:hover {
  opacity: 1;
}

/* PHOTO-SET (see FlexSlider CSS) */
article.photo-set h1 {
  display: none;
}
article.photo-set ul.slides {
  width: 100%;
  margin-bottom: 0;
  list-style-type: none !important;
}

.no-js .flexslider .slides > li {
  display: inline;
  float: left;
  margin: 0 0.5em;
  position: relative;
  width: 30%;
}

/* QUOTE */
article.quote h1 {
  display: none;
}
article.quote blockquote {
  width: 100%;
  padding-left: 0;
  border-left: none;
}
article.quote blockquote p {
  width: 100%;
  font-weight: bold;
  font-size: 1.5em;
}
article.quote p.source:before {
  content: "\2014";
  display: inline;
  margin-right: 5px;
}

/* VIDEO */
article.video h1 {
  display: none;
}
article.video h1 + p {
  width: 100%;
  margin-bottom: 1em;
}
article.video p + p {
  clear: both;
}

#content article.video .fluid-width-video-wrapper {
  margin-bottom: 1em;
}

/* PASSWORD PROTECTED POSTS */
article input[type="password"] {
  margin: 4px 0 8px;
}

/* GALLERY WITHIN REGULAR POST/PAGE */
article .gallery br {
  display: none;
}
article .gallery img {
  border: none;
}
article .gallery a:hover {
  opacity: 1;
}
article .gallery dl.gallery-item {
  width: 100%;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.25em;
}
article .gallery dl.gallery-item dt {
  margin-bottom: auto;
  text-align: left;
  font-weight: normal;
}
article .gallery dl.gallery-item dt + .gallery-caption {
  margin-top: -1.5em;
}
article .gallery dl.gallery-item dd.gallery-caption {
  margin-bottom: 2em;
  font-size: .75em;
  line-height: 1.25em;
  text-align: left;
}
article .gallery:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#content .post-body .gallery img, .page .gallery img {
  padding: 5px;
  background: white;
  border: 1px solid #E5E5E5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.attachment-thumbnail {
  border: 1px solid #E5E5E5 !important;
}

article .gallery dt, #content.page .gallery dt {
  padding-right: 20px;
}

/* ARTICLE TAGS */
article aside.tags {
  margin-bottom: .71875em;
  clear: both;
  font-size: .875em;
  /* 12px/14px */
}
article aside.tags ul {
  margin-bottom: 0;
}
article aside.tags li {
  margin-right: 5px;
  display: inline;
  margin-left: 0;
}
article aside.tags li a {
  font-weight: normal;
  opacity: .35;
}
article aside.tags li a:hover {
  color: rgba(0, 0, 0, 0.95);
  opacity: 1;
}
article aside.tags li a:before {
  content: "#";
  padding-right: 1px;
}

/* ARTICLE FOOTER */
article footer {
  clear: both;
  width: 100%;
  padding: .65625em 0 .71875em 0;
}
article footer .meta {
  max-width: 70%;
}
article footer p {
  width: auto;
  float: left;
  margin: 0;
  color: rgba(0, 0, 0, 0.35);
  font-size: .75em;
  line-height: 1.75em;
}
article footer p time {
  padding-right: .25em;
  font-weight: bold;
}
article footer .meta a {
  font-weight: bold;
}
article footer .author a, article footer .labels a {
  opacity: .35;
}
article footer .labels a:after {
  content: ",";
  font-weight: normal;
}
article footer .labels a:last-child:after {
  content: "";
}
article footer ul {
  width: auto;
  margin-bottom: 0;
  line-height: 1em;
}
article footer li {
  float: left;
  margin-right: 1em;
  font-size: .75em;
}
article footer li:last-child {
  margin-right: 0;
}
article footer .feedback {
  float: right;
  list-style-type: none !important;
}
article footer .feedback .comments a {
  background-image: url(images/icon-comments-2x.png);
}
article footer .feedback .notes a {
  background-image: url(images/icon-notes-2x.png);
}
article footer .feedback a {
  display: block;
  height: 16px;
  padding: 2px 0 2px 22px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left -47px;
  opacity: .2;
}
article footer .author a:hover, article footer .labels a:hover, article footer .feedback a:hover {
  color: rgba(0, 0, 0, 0.95);
  opacity: 1;
}

article footer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* COMMENTS
----------------------------------------------- */
p.nocomments {
  font-size: .875em;
}

#comments {
  position: relative;
  clear: both;
  margin-bottom: 2.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ececec;
}
#comments h1 {
  margin-bottom: 1.5em;
  line-height: 1.5em;
  font-size: 1.125em;
}
#comments p {
  margin-bottom: 1.5em;
  font-size: .875em;
  line-height: 1.5em;
}
#comments a#leavecomment {
  position: absolute;
  top: 25px;
  right: 0;
  font-size: .75em;
}
#comments .comment-number p {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: .75em;
  color: #CCC;
}
#comments strong {
  font-weight: bold;
}
#comments em {
  font-style: italic;
}

ol.commentlist {
  padding-top: 1em;
}
ol.commentlist li.comment {
  clear: both;
  width: 100%;
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #ececec;
  overflow: hidden;
}
ol.commentlist li.comment .c-grav {
  float: left;
  width: 25%;
}
ol.commentlist li.comment .c-body {
  position: relative;
  float: left;
  width: 75%;
}
ol.commentlist li.comment .c-body .c-head {
  margin-bottom: 1.5em;
  font-size: .875em;
}
ol.commentlist li.comment .c-body .c-permalink a {
  opacity: .5;
}
ol.commentlist li.comment .c-body a.comment-edit-link {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 3px 6px;
  font-size: .75em;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  opacity: .75;
}
ol.commentlist li.comment .c-body .reply a {
  display: inline-block;
  padding: 3px 6px;
  font-size: .75em;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  opacity: .75;
}
ol.commentlist li.comment .c-body .c-date {
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 1em;
  font-size: .75em;
  color: #AAA;
}
ol.commentlist li.comment.depth-2 {
  float: right;
  width: 75%;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: .875em;
}
ol.commentlist li.comment:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
ol.commentlist li > .children {
  clear: both;
  padding-top: 2em;
}
ol.commentlist li > .children li {
  margin-bottom: 1em;
  border-bottom: 0;
}

.paging .older, .paging .newer {
  clear: both;
  margin: 20px 0;
}

ol.pinglist li {
  font-size: 14px;
  line-height: 1.5em;
}

.pinghead {
  margin-bottom: 15px;
}

#respond h3 {
  margin-bottom: .875em;
  line-height: 1.5em;
  font-size: 1.125em;
}
#respond p {
  margin-bottom: 1.5em;
  font-size: .875em;
  line-height: 1.5em;
}
#respond p.guidelines {
  font-size: .75em;
}
#respond p > input {
  display: block;
}
#respond p > input[type="text"] {
  width: 70%;
}
#respond fieldset > .comment-field {
  font-size: .875em;
  margin-bottom: 1.5em;
  line-height: 1.5em;
}
#respond fieldset > textarea {
  display: block;
  width: 70%;
  margin-bottom: 5px;
}

.comment-subscription-form #subscribe {
  float: left;
  margin-right: 10px;
}

/* ARCHIVES/PAGES
----------------------------------------------- */
h1.archive {
  margin-bottom: 2.5em;
  padding-bottom: .75em;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  border-bottom: 1px solid #ececec;
}
h1.archive em {
  padding: 3px 8px 3px 7px;
  background: #F1F1F1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 1px #FFF;
}

h1.archive + .archive-list {
  margin-top: -1.7em;
}

.archive-list {
  margin-bottom: 3.5em;
  padding: 1em 1em;
  font-size: .75em;
  background: #F5F5F5;
}
.archive-list h2 {
  margin-bottom: .5em;
}
.archive-list ul li {
  display: inline;
  line-height: 1.5em;
}
.archive-list ul li:after {
  content: "/";
  margin: 0 5px;
}
.archive-list ul li:last-child:after {
  content: "";
}

#archive-full {
  margin-top: 2.5em;
}
#archive-full ul + h2 {
  margin-top: 1.5em;
}
#archive-full li {
  line-height: 1.75em;
}
#archive-full li time {
  font-size: .875em;
}
#archive-full li time, #archive-full .month li {
  color: #AAA;
  color: rgba(0, 0, 0, 0.35);
}

label.screen-reader-text {
  display: none;
}

.no-results p {
  margin-bottom: 1.5em;
  font-size: .875em;
}

/* ATTACHMENT PAGE */
article.attachment h1 {
  margin-bottom: 2em;
  padding-bottom: .75em;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  border-bottom: 1px solid #ececec;
}
article.attachment h1 + a:hover {
  opacity: 1;
}
article.attachment img {
  margin-bottom: 1.5em;
}
article.attachment .description p {
  margin-bottom: 1.5em;
  font-size: .875em;
}
article.attachment .paging {
  clear: both;
  height: 3.5em;
  font-size: 1.125em;
}

/* PAGING
----------------------------------------------- */
.paging {
  display: block;
  clear: both;
  width: 100%;
}
.paging ul {
  position: relative;
  display: block;
  width: 100%;
}
.paging li {
  position: absolute;
  padding: .75em 0;
  font-size: .75em;
  font-weight: bold;
}
.paging li.newer, .paging li.next {
  top: 0;
  right: 0;
}
.paging li.older, .paging li.prev {
  top: 0;
  left: 0;
}
.paging li.return {
  position: static;
  text-align: center;
}

.paging.clear {
  padding-bottom: 2em;
}

/* ASIDE (WIDGETS)
----------------------------------------------- */
aside[role="widgets"] {
  clear: both;
  width: 100%;
  margin-bottom: 3em;
  padding: 2.5em 0 2em;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  /* IMPORTANT: WILL BREAK LAYOUT IF NOT INCLUDED */
}
aside[role="widgets"] .group {
  position: relative;
  float: left;
  width: 23.0645161%;
  /* 286px/1240px */
  margin-right: 2.5806452%;
  /* 32px/1240px */
}
aside[role="widgets"] .group h4 {
  margin-bottom: .5em;
  font-size: .875em;
  font-weight: bold;
}
aside[role="widgets"] .group p {
  margin-bottom: 1.5em;
  font-size: .75em;
  line-height: 1.5em;
}
aside[role="widgets"] .group p + h4, aside[role="widgets"] .group ul + h4, aside[role="widgets"] .group ol + h4 {
  margin-top: 1.5em;
}
aside[role="widgets"] .group p a {
  font-weight: bold;
}
aside[role="widgets"] .group ul, aside[role="widgets"] .group ol {
  margin-bottom: 1.5em;
  font-size: .75em;
  line-height: 1.5em;
}
aside[role="widgets"] .group .tagcloud {
  margin-bottom: 1.5em;
}
aside[role="widgets"] .group .tagcloud a[style] {
  margin-right: 5px;
  font-size: .75em !important;
  color: rgba(0, 0, 0, 0.95);
  opacity: .35;
}
aside[role="widgets"] .group .tagcloud a:hover {
  opacity: 1;
}
aside[role="widgets"] .group .tagcloud a:before {
  content: "#";
  padding-right: 1px;
}
aside[role="widgets"] .group #wp-calendar {
  margin: .5em 0 2em;
  font-size: .75em;
}
aside[role="widgets"] .group #wp-calendar caption {
  margin-bottom: 1em;
  padding-bottom: .5em;
  font-weight: bold;
  border-bottom: 1px dotted #cccccc;
}
aside[role="widgets"] .group #wp-calendar td {
  padding: .45em;
  text-align: center;
  color: #AAA;
}
aside[role="widgets"] .group #wp-calendar tfoot #prev {
  text-align: left;
}
aside[role="widgets"] .group #wp-calendar tfoot #next {
  text-align: right;
}
aside[role="widgets"] .group #wp-calendar a {
  font-weight: bold;
}
aside[role="widgets"] .group select {
  margin-bottom: 2em;
}
aside[role="widgets"] .group .widget_search {
  margin-bottom: 1.75em;
}
aside[role="widgets"] .group .widget_search form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
aside[role="widgets"] .group .widget_search input {
  margin-bottom: .25em;
}
aside[role="widgets"] .group .widget_search label {
  display: none;
}
aside[role="widgets"] .group .widget_search fieldset {
  float: left;
  margin-right: 5px;
}
aside[role="widgets"] .group .widget_twitter li {
  margin-bottom: 1em;
}
aside[role="widgets"] .group .widget_twitter li:last-child {
  margin-bottom: 0;
}
aside[role="widgets"] .group .widget_twitter li a {
  font-weight: bold;
}
aside[role="widgets"] .group .widget_recent_comments li a {
  font-weight: bold;
}
aside[role="widgets"] .group .widget_recent_comments li a.url {
  font-weight: normal;
}
aside[role="widgets"] .group .widget_links li {
  color: #AAA;
}
aside[role="widgets"] .group:last-child {
  margin-right: 0;
}

aside[role="widgets"]:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.widget img {
  height: auto;
  max-width: 100%;
}

.recentcommentstexttop, .recentcommentstextend {
  font-size: .85em;
  vertical-align: middle;
}

.recentcommentsavatar {
  margin-top: 2px;
}

img.wp-smiley {
  background: transparent;
  border: none;
  margin: 0 !important;
  padding: 0;
}

/* FOOTER
----------------------------------------------- */
footer[role="contentinfo"] {
  clear: both;
  position: relative;
}
footer[role="contentinfo"] a {
  font-weight: bold;
}

footer p#copyright {
  float: left;
  width: 75%;
  font-size: .75em;
  line-height: 1.5em;
}
footer .social {
  position: absolute;
  right: 0;
  width: 25%;
}
footer .social li {
  display: block;
  float: right;
  margin-left: 8px;
  line-height: 1.5em;
}
footer .social li a {
  display: block;
  width: 16px;
  height: 16px;
  padding: 2px 0 3px;
  background-repeat: no-repeat;
  background-position: left -47px;
  text-indent: -999em;
  opacity: .5;
}
footer .social li a:hover {
  opacity: 1;
}
footer .social li.rss a {
  background-image: url(images/icon-rss-2x.png);
}
footer .social li.twitter a {
  background-image: url(images/icon-twitter-2x.png);
}
footer .social li.facebook a {
  background-image: url(images/icon-facebook-2x.png);
}
footer .social li.flickr a {
  background-image: url(images/icon-flickr-2x.png);
}
footer .social li.google a {
  background-image: url(images/google.png);
  background-position: 0;
  padding: 0 0 2px;
}

/* Required WordPress Classes, don't remove.
------------------------------------------------*/
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
}

/* FLEXSLIDER
----------------------------------------------- */
/* NECESSARY STYLES */
.flexslider {
  position: relative;
  width: 100%;
  margin: 0 0 1.5em;
  padding: 0;
}
.flexslider p, .flexslider li {
  width: auto;
}
.flexslider img {
  margin: auto;
  display: block;
  margin-bottom: 2em;
}
.flexslider .slides {
  width: auto;
}
.flexslider .slides > li {
  position: relative;
  margin-left: 0;
}
.flexslider .slides img {
  max-width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

.no-js .slides > li:first-child {
  display: block;
}

/* THEME STYLES */
.flexslider {
  background: #FFF;
}

/* NAV */
.flex-control-nav,
.flex-direction-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}

.flex-control-nav a,
.flex-direction-nav a {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

/* ARROWS */
.flex-direction-nav li a {
  display: block;
  position: absolute;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 5px 0;
  cursor: pointer;
  text-indent: -9999px;
  background-repeat: no-repeat;
  opacity: .25;
}
.flex-direction-nav li a:hover {
  opacity: 1;
}
.flex-direction-nav li a.flex-next {
  right: 0;
  padding-left: 10px;
  background-image: url(images/arrow-right-2x.png);
  background-position: 10px bottom;
}
.flex-direction-nav li a.flex-prev {
  left: 0;
  padding-right: 10px;
  background-image: url(images/arrow-left-2x.png);
  background-position: left bottom;
}
.flex-direction-nav li a.disabled {
  opacity: .3;
  cursor: default;
}

/* DOTS */
.flex-control-nav {
  position: absolute;
  bottom: -5px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 0 0 4px;
  display: inline-block;
}
.flex-control-nav li a {
  width: 12px;
  height: 12px;
  display: block;
  background: #FFF;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.18);
  box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.18);
}
.flex-control-nav li a:hover {
  background: #555;
  -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.flex-control-nav li a.flex-active {
  background: #DDD;
  cursor: default;
}
.flex-control-nav li:first-child {
  margin: 0;
}

/* SLIDES */
#content.page .flexslider .slides li {
  margin-left: 0;
}

/*
 SoundManager 2
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/
*/
#sm2-container {
  position: absolute;
  top: -9999em;
}

ul.playlist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.playlist li {
  /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
  position: relative;
  display: block;
  width: auto;
  font-size: 1.5em;
  color: #666;
  padding: 1em 1em .5em;
  border: none;
  background-color: #F5F5F5;
  -webkit-transition-property: hover;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s linear 0s;
  /* firefox 4 */
  -o-transition-property: background-color;
  /* opera 10.5 */
  -o-transition-duration: .15s;
}

ul.playlist li a {
  position: relative;
  display: block;
  margin-bottom: .5em;
  line-height: 1.15em;
  font-weight: normal;
  color: #000;
  outline: none;
  z-index: 2;
  background-image: url(images/icon-play.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 1.5em;
}

@media only screen and (max-width: 767px) {
  ul.playlist li a {
    font-size: .85em;
  }
}
ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  opacity: 1;
}

ul.playlist li.sm2_playing a {
  background-image: url(images/icon-pause.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}

ul.playlist li:hover {
  background-color: #E9E9E9;
}

ul.playlist li:hover a {
  color: #000;
  opacity: .35;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
  background-color: #222;
}

ul.playlist li.sm2_paused {
  background-color: #999;
}

ul.playlist li.sm2_playing:hover a {
  color: #FFF;
  opacity: .9;
}

ul.playlist li.sm2_paused a {
  color: #FFF;
  opacity: .35;
}

ul.playlist li .controls {
  display: none;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
  position: relative;
  display: block;
  margin-bottom: .75em;
}

ul.playlist li.sm2_paused .controls {
  background-color: #666;
}

ul.playlist li:hover .controls .statusbar {
  position: relative;
  cursor: ew-resize;
  cursor: -moz-grab;
  cursor: grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
  background-color: #CCC;
}

ul.playlist li .controls {
  position: relative;
  margin-top: .25em;
  margin-bottom: .25em;
  background-color: #E5E5E5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

ul.playlist li .controls .statusbar {
  position: relative;
  height: .5em;
  background-color: #DDD;
  border: 2px solid #FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  cursor: -moz-grab;
  cursor: grab;
}

ul.playlist li .controls.dragging .statusbar {
  cursor: -moz-grabbing;
  cursor: grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
  position: absolute;
  left: 0;
  top: 0;
  height: .5em;
}

ul.playlist li .controls .statusbar .position {
  background-color: #149EE7;
  border-right: 3px solid #149EE7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
  background-color: #777;
  border-color: #777;
}

ul.playlist li .controls .statusbar .loading {
  background-color: #EEE;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
  width: 0;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
  margin-right: 4.5em;
  /* room for timing stuff */
}

ul.playlist li .timing {
  position: absolute;
  display: none;
  text-align: right;
  right: 2em;
  top: 2em;
  width: auto;
  height: 1em;
  padding: 4px 6px;
  color: #333;
  background-color: #F5F5F5;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font: .5em Helvetica, Arial, sans-serif;
  line-height: 1em;
  vertical-align: middle;
}

ul.playlist.use-peak li .timing {
  right: 4.25em;
}

ul.playlist li:hover .timing {
  z-index: 2;
}

ul.playlist li .timing div.sm2_timing {
  margin: 0;
  padding: 0;
  margin-top: -1em;
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
  display: block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
  text-decoration: blink;
  /* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing {
  color: #888;
  background-color: #F5F5F5;
  border-color: #BBB;
  -webkit-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
}

/* Formalize (github.com/nathansmith/formalize) 
----------------------------------------------- */
/* UI Consistency */
::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 3px;
  /* IE8, IE9, IE10 */
  top: 0\0;
  /* IE7 */
  *top: -3px;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 2px;
  }
}
/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}
/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background: #dddddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #dddddd));
  background: -moz-linear-gradient(top center, white 0%, #dddddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  /*
    Helvetica Neue present, because it works better
    for line-height on buttons than Arial, on OS X.
  */
  font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

button {
  /* IE7 */
  *padding-top: 1px;
  *padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  /*
    Leaving out Helvetica Neue, to not throw off size="..."
    on inputs. Arial is more reliable, on Windows and OS X.
  */
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  height: 1.8em;
  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;
  /* for Opera */
  z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url("images/select_arrow.gif");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
    height: 16px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666;
    border: 0;
  }
}
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* MODERNIZR STYLES
----------------------------------------------- */
.no-boxshadow .flex-control-nav li a {
  border: 1px solid #E5E5E5;
}

.no-rgba a {
  color: #000;
}
.no-rgba a:hover, .no-rgba a:focus {
  color: #666;
}
.no-rgba article .post-body a, .no-rgba #content.page a {
  color: #149ee7;
}
.no-rgba article .post-body a:hover, .no-rgba #content.page a:hover {
  color: #57bbf0;
}
.no-rgba .post-body a, .no-rgba #content.page a,
.no-rgba #comments a, .no-rgba #respond a {
  color: #149ee7;
}
.no-rgba .post-body a:hover, .no-rgba #content.page a:hover,
.no-rgba #comments a:hover, .no-rgba #respond a:hover {
  color: #57bbf0;
}
.no-rgba aside.tags li a {
  color: #CCC;
  opacity: 1;
}

/* IE FIXES 
----------------------------------------------- */
.ie .flexslider {
  zoom: 1;
}
.ie .flexslider .slides {
  zoom: 1;
}
.ie .flex-control-nav li {
  display: none;
}
.ie article img,
.ie #content.page img {
  width: auto;
  height: auto;
}
.ie .r-float, .ie .l-float {
  float: left;
  margin: 0 1.5em 1.5em 0;
}
.ie .r-float + p, .ie .l-float + p {
  clear: both;
}
.ie body #content.page {
  border-bottom: none;
}

.ie7 object, .ie7 embed {
  outline: none;
}
.ie7 .slides img {
  margin-bottom: 0;
}
.ie7 article.video h1 + p {
  margin-bottom: 0;
}
.ie7 .archive-list li {
  margin-right: 10px;
}

.ie8 article.video h1 + p:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ie8 .comments a:after {
  content: '';
}

/* MOBILE + TABLET STYLES
----------------------------------------------- */
@media only screen and (max-width: 920px) {
  #container {
    position: static;
    margin: 0 auto 2em;
    padding: 20px 20px;
    max-width: 100%;
    overflow: hidden;
  }

  header .about {
    clear: both;
    display: none;
  }
  header .about .links li {
    display: inline;
  }
  header .about .links li:after {
    content: "/";
    margin: 0 10px;
    color: rgba(0, 0, 0, 0.35);
    font-weight: normal;
  }
  header .about .links li:last-child:after {
    content: "";
    margin-right: 0;
  }

  a#toggle {
    position: absolute;
    top: 0;
    right: 20px;
    display: block;
    padding: .65em 1em;
    font-weight: normal;
    font-size: .625em;
    color: #AAA;
    color: rgba(0, 0, 0, 0.35);
    background: #F1F1F1;
    border-right: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  }

  a#toggle:hover {
    color: rgba(0, 0, 0, 0.75);
  }

  #content {
    float: left;
    width: 100%;
    min-height: auto;
    margin-left: 0;
  }
}
/* MOBILE STYLES
----------------------------------------------- */
@media only screen and (max-width: 767px) {
  header[role="banner"] {
    float: left;
    width: 100%;
    min-height: 105px;
    margin-bottom: 0;
  }

  .flex-control-nav {
    display: none;
  }

  header #branding img {
    width: 80px;
    float: left;
    max-width: 100%;
    margin: 0 10px 20px 0;
  }
  header #branding h1 {
    float: right;
    max-width: 190px;
    margin: 0;
    padding-top: 25px;
    text-align: right;
  }
  header .about {
    margin-bottom: 20px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  header .about .links {
    margin-bottom: 0;
  }
  header .about .links li {
    line-height: 1.8em;
  }
  header a#toggle {
    top: 0;
    right: 20px;
  }

  body.logged-in header a#toggle {
    top: 28px;
  }

  nav {
    clear: right;
    float: right;
    margin: 0 0 20px;
    padding: 5px 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  nav ul {
    text-align: right;
  }
  nav li {
    display: inline;
    margin: 0;
  }
  nav li a {
    color: rgba(0, 0, 0, 0.25);
  }
  nav li:after {
    content: "/";
    margin: 0 4px 0 8px;
    color: rgba(0, 0, 0, 0.15);
    font-weight: normal;
  }
  nav li:last-child:after {
    content: "";
    margin: 0;
    font-weight: normal;
  }
  nav li:first-child {
    padding-left: 10px;
  }

  /* HEADER CONDITIONALS */
  #branding h1.no-img {
    float: left;
  }

  nav.no-img {
    clear: left;
    float: left;
  }
  nav.no-img li {
    padding: 0;
  }

  #content .post-body .gallery img {
    padding: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  article p, article li, #content.page p, #content.page li {
    width: 100%;
  }
  article blockquote, article ul, article ol, #content.page blockquote, #content.page ul, #content.page ol {
    width: 90%;
  }
  article ul.normal, article ol.normal, #content.page ul.normal, #content.page ol.normal {
    margin-left: 20px;
  }
  article figure, #content.page figure {
    width: 100%;
  }
  article .r-float, article .l-float, article .alignleft, article .alignright, #content.page .r-float, #content.page .l-float, #content.page .alignleft, #content.page .alignright {
    display: inline-block;
    float: none;
    width: auto;
    margin: 0 0 1em 0;
  }
  article .r-float img, article .l-float img, article .alignleft img, article .alignright img, #content.page .r-float img, #content.page .l-float img, #content.page .alignleft img, #content.page .alignright img {
    width: 100%;
  }
  article .wp-caption.alignleft, article .wp-caption.alignright, #content.page .wp-caption.alignleft, #content.page .wp-caption.alignright {
    margin-bottom: 0;
  }

  ol.commentlist {
    padding-top: 1.5em;
  }
  ol.commentlist li.comment .c-grav {
    float: right;
    width: auto;
    margin: 0 0 10px 10px;
  }
  ol.commentlist li.comment .c-grav img {
    width: 50px;
    height: 50px;
  }
  ol.commentlist li.comment .c-body {
    float: none;
    width: auto;
  }
  ol.commentlist li.comment .c-body .c-head {
    margin-bottom: .5em;
    font-size: .875em;
  }
  ol.commentlist li.comment .c-body .c-date {
    position: static;
    margin-bottom: 1em;
  }
  ol.commentlist li.comment.depth-2 {
    width: auto;
    float: none;
  }

  #respond fieldset > textarea {
    width: 100%;
  }

  aside[role="widgets"] {
    clear: both;
    width: 100%;
    margin-bottom: 3em;
    padding: 2em 0 1em;
  }
  aside[role="widgets"] .group {
    clear: both;
    position: relative;
    float: left;
    width: 100%;
    margin-right: 0;
  }

  footer p#copyright {
    float: left;
    width: 100%;
    margin-bottom: 1.5em;
  }
  footer .social {
    position: static;
    clear: left;
    width: 100%;
  }
  footer .social li {
    float: left;
    margin-right: 8px;
    margin-left: 0;
  }
  footer .social li a {
    opacity: 1;
  }
}
/* TABLET (PORTRAIT)
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 920px) {
  header[role="banner"] {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
  }

  header #branding img {
    float: left;
    max-width: 100%;
    margin-bottom: 30px;
  }
  header #branding h1 {
    float: left;
    max-width: 200px;
    margin: 0 0 10px 20px;
    padding: 3.6em 0 0 1.5em;
    text-align: right;
  }
  header .about {
    float: left;
    width: 65.5097614%;
    margin-bottom: 2em;
  }
  header .about .links {
    margin-bottom: 20px;
  }
  header a#toggle {
    top: -20px;
    right: 0;
  }

  nav {
    clear: both;
    position: absolute;
    top: 3.4em;
    right: 0;
    max-width: 40%;
    padding: 0;
    border: none;
    text-align: right;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  nav li {
    display: inline;
    margin-right: 10px;
  }

  nav.single-footer {
    position: relative;
    top: 0;
    max-width: 100%;
  }

  /* HEADER CONDITIONALS */
  #branding h1.no-img {
    max-width: auto;
    margin: 0;
    padding: 2.5em 0 1em 0;
    text-align: left;
  }

  nav.no-img {
    top: 2.5em;
  }

  nav.no-title {
    top: 62px;
  }

  article figure {
    width: auto;
  }

  article.photo figure.post-image {
    width: 100%;
  }
  article.photo figure.post-image img {
    width: 100%;
  }
}
/*	RETINA DISPLAY OVERRIDES
------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .feedback .comments a {
    background-position: -5px 2px;
    background-size: 22px;
  }

  .feedback .notes a {
    background-position: -5px 2px;
    background-size: 22px;
  }

  .flex-direction-nav li a {
    padding: 0;
    bottom: -2px;
  }

  .flex-direction-nav li a.flex-next {
    padding: 0;
    background-position: 100% top;
    background-size: 22px;
  }

  .flex-direction-nav li a.flex-prev {
    padding: 0;
    background-position: -5px top;
    background-size: 22px;
  }

  article.link p > a:after {
    background-position: -5px top;
    background-size: 22px;
  }

  footer .social li a {
    background-position: -6px 2px;
    background-size: 22px;
  }

  ul.playlist li a,
  ul.playlist li.sm2_playing a {
    background-position: 0 center;
    background-size: 16px;
  }

  ul.playlist li a {
    background-image: url(images/icon-play-2x.png);
  }

  ul.playlist li.sm2_playing a {
    background-image: url(images/icon-pause-2x.png);
  }
}