/* SASS Mixin inspired by:
http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32
*/
body {
  margin: auto; }
  @media only screen and (max-width: 480px) {
    body {
      width: 300px;
      font-size: 45px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    body {
      width: 480px;
      font-size: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    body {
      width: 720px;
      font-size: 80px; } }
  @media only screen and (min-width: 980px) {
    body {
      width: 960px;
      font-size: 80px; } }

header {
  font-family: "alternate-gothic-no-1-d", sans-serif;
  text-align: center;
  line-height: 1.0;
  color: #8C8C8C; }

#twitter-logo {
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("/theme/images/twitter-gray.png"); }
  @media only screen and (max-width: 480px) {
    #twitter-logo {
      width: 35px;
      height: 35px;
      background-size: 35px 35px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    #twitter-logo {
      width: 45px;
      height: 45px;
      background-size: 45px 45px; } }

#twitter-logo:hover {
  background-image: url("/theme/images/twitter-black.png"); }

header h1 {
  color: #5E5E5E;
  font-size: 1.4em;
  font-weight: 400;
  margin-top: 0.2em;
  margin-bottom: 0.2em; }
  @media only screen and (max-width: 480px) {
    header h1 {
      font-size: 1.1em; } }

nav a {
  font-size: 0.6em;
  font-weight: 400;
  text-decoration: none;
  color: inherit;
  margin-bottom: 0.2em; }
  @media only screen and (max-width: 480px) {
    nav a {
      margin-left: 0.2em;
      margin-right: 0.2em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    nav a {
      margin-left: 0.25em;
      margin-right: 0.25em; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    nav a {
      margin-left: 0.2em;
      margin-right: 0.2em; } }

@media only screen and (max-width: 480px) {
  #archives-nav-link {
    margin-right: 0.5em; } }

h1 a {
  text-decoration: none;
  text-transform: uppercase;
  color: #8C8C8C; }

nav a.highlighted {
  color: black; }

nav a:visited {
  color: #8C8C8C; }

nav a:hover {
  color: black; }

.hline {
  border-style: solid;
  border-width: 1px;
  border-color: gray; }

.light-hline {
  border-style: dashed;
  border-width: 1px;
  border-color: #8C8C8C;
  margin-bottom: 0.2em; }

.light-sep {
  width: 100%;
  height: 1em; }

article {
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 400; }

article blockquote {
  margin-left: 0.3em;
  margin-right: 0em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding-left: 0.2em;
  border-left: 0.1em solid #8C8C8C;
  color: #5E5E5E; }

article b {
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 700; }

i {
  font-family: "proxima-nova",sans-serif;
  font-style: italic;
  font-weight: 400; }

b i, i b {
  font-family: "proxima-nova",sans-serif;
  font-style: italic;
  font-weight: 700; }

article h3, article h5 {
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.5em;
  margin-top: 0.2em;
  margin-bottom: 0.2em; }
  @media only screen and (max-width: 480px) {
    article h3, article h5 {
      margin-bottom: 0.4em; } }

article h5 {
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.5em;
  font-size: 0.35em; }

.post-body p {
  line-height: 1.4; }

.post-body h3 {
  font-size: 0.35em; }
  @media only screen and (max-width: 480px) {
    .post-body h3 {
      font-size: 0.5em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .post-body h3 {
      font-size: 0.4em; } }

.gray-title {
  color: #5E5E5E; }

.short-title {
  font-size: 0.5em;
  margin-top: 0.2em;
  margin-bottom: 0.2em; }

.medium-title {
  font-size: 0.4em;
  margin-top: 0.2em;
  margin-bottom: 0.3em; }

.center-title {
  text-align: center; }

.long-title {
  font-size: 0.3em;
  margin-top: 0.3em;
  margin-bottom: 0.5em; }

.link-title {
  font-size: 0.3em;
  margin-top: 0.3em;
  margin-bottom: 0.5em; }

a {
  color: #5A8AC4; }

a.hidden-link, a.hidden-link:visited {
  text-decoration: none;
  color: inherit; }

a:visited {
  color: #6B69AB; }

header h1 a {
  color: #5E5E5E; }

header h1 a:visited {
  color: #5E5E5E; }

header a.highlighted:visited {
  color: black; }

a:hover {
  text-decoration: none; }

a.complete-archives {
  text-decoration: none; }

a.permalink {
  text-decoration: none;
  font-size: 1.2em;
  text-align: center;
  margin-left: 0.6em;
  color: #8C8C8C; }
  @media only screen and (max-width: 480px) {
    a.permalink {
      margin-left: 0.25em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    a.permalink {
      margin-left: 0.25em; } }

.post-links {
  margin-top: -0.1em; }

.post-links a {
  text-decoration: none; }
  @media only screen and (max-width: 480px) {
    .post-links a {
      margin-left: 0.8em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .post-links a {
      margin-left: 0.8em; } }

a.permalink:visited {
  color: #8C8C8C; }

a.permalink:hover {
  color: black; }

/*
After link inspired by:
http://labs.kaliko.com/2012/04/css-add-link-arrow-using-after-without.html

Order must be a, a:hover, then a:after
*/
h3 a {
  text-decoration: none;
  color: black; }

h3 a:visited {
  color: black; }

.link-title a {
  text-decoration: underline;
  color: #5A8AC4; }

.link-title a:visited {
  color: #6B69AB; }

.link-title a:after {
  position: absolute;
  /* Prevent underline of arrow */
  padding-left: 2px;
  /* Add a little space between text and arrow */
  content: "\00bb";
  /* Unicode hex for » */ }

.post-date {
  margin-top: 0.15em;
  margin-bottom: 0.5em;
  font-size: 0.25em; }
  @media only screen and (max-width: 480px) {
    .post-date {
      float: left; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .post-date {
      float: left; } }

@media only screen and (max-width: 480px) {
  .sidebar {
    display: block; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .sidebar {
    display: block; } }

ul.month-archive {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 0.35em;
  margin-top: -0.2em;
  margin-bottom: 15px;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    ul.month-archive {
      line-height: 0.5em;
      font-size: 1.2em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    ul.month-archive {
      line-height: 0.5em;
      font-size: 1.5em; } }

ul.month-archive li {
  display: inline;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    ul.month-archive li {
      font-size: 0.25em; } }

dt {
  margin-right: 0.3em;
  text-align: right; }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    dt {
      text-align: left;
      margin-left: 0.3em; } }
  @media only screen and (max-width: 480px) {
    dt {
      text-align: left;
      margin-left: 0.3em; } }

dd {
  margin-left: 0.7em; }

dt, dd {
  margin-bottom: 0.5em; }

@media only screen and (min-width: 980px) {
  dd:before {
    position: absolute;
    /* Prevent underline of arrow */
    margin-left: -0.65em;
    /* Add a little space between text and arrow */
    content: "\2022";
    /* Unicode hex for » */ } }
@media only screen and (min-width: 768px) and (max-width: 979px) {
  dd:before {
    position: absolute;
    /* Prevent underline of arrow */
    margin-left: -0.65em;
    /* Add a little space between text and arrow */
    content: "\2022";
    /* Unicode hex for » */ } }

@media only screen and (max-width: 480px) {
  dt:before {
    position: absolute;
    /* Prevent underline of arrow */
    margin-left: -0.5em;
    /* Add a little space between text and arrow */
    content: "\2022";
    /* Unicode hex for » */ } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
  dt:before {
    position: absolute;
    /* Prevent underline of arrow */
    margin-left: -0.5em;
    /* Add a little space between text and arrow */
    content: "\2022";
    /* Unicode hex for » */ } }

article p, dl, li {
  font-size: 0.3em;
  margin-top: 0em;
  margin-bottom: 1em; }
  @media only screen and (max-width: 480px) {
    article p, dl, li {
      font-size: 0.4em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    article p, dl, li {
      font-size: 0.3em; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    article p, dl, li {
      font-size: 0.28em; } }

p.archive-month {
  font-size: 0.3em;
  margin-top: 0em;
  margin-bottom: 1em;
  margin-left: 0.4em; }
  @media only screen and (max-width: 480px) {
    p.archive-month {
      font-size: 0.3em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    p.archive-month {
      font-size: 0.35em; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    p.archive-month {
      font-size: 0.28em; } }

#photo img {
  width: 90%;
  height: auto;
  padding: 5%; }

#about-text {
  padding: 3%;
  padding-top: 5%;
  font-size: 1.35em; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    #about-text {
      font-size: 1.1em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    #about-text {
      font-size: 1.5em; } }
  @media only screen and (max-width: 480px) {
    #about-text {
      font-size: 1.6em; } }

@media only screen and (min-width: 481px) and (max-width: 767px) {
  #about-section {
    margin-top: -1em; } }
@media only screen and (max-width: 480px) {
  #about-section {
    margin-top: -1em; } }

#about-text p {
  margin: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: center; }

#about-desc {
  font-size: 0.32em; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    #about-desc {
      font-size: 0.3em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    #about-desc {
      font-size: 0.38em; } }
  @media only screen and (max-width: 480px) {
    #about-desc {
      font-size: 0.3em; } }

table {
  font-size: 0.25em;
  text-align: center;
  margin: auto; }

#name-row {
  text-decoration: underline; }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    #name-row {
      text-decoration: none; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    #name-row {
      text-decoration: none; } }
  @media only screen and (max-width: 480px) {
    #name-row {
      text-decoration: none; } }

#name-row:hover {
  text-decoration: none; }

td {
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
  height: 0.3em;
  color: #5E5E5E; }

td.table-small {
  font-size: 0.8em;
  color: #8C8C8C; }

td b {
  color: black; }

#about-icons {
  font-size: 0.4em; }

#about-icons a {
  text-decoration: none; }

#about-icons i {
  color: #5E5E5E; }

#about-icons i:hover {
  color: black; }

.post-links i {
  color: #8C8C8C; }

.post-links i:hover {
  color: black; }

#archive-link {
  text-align: center;
  font-size: 0.35em; }

ul.related-links {
  margin: 0; }

ul.related-links li {
  margin-bottom: 0.5em; }

.footnotes ol {
  margin: 0; }

.footnotes li {
  font-size: 0.25em;
  margin-bottom: 0.3em; }
  @media only screen and (max-width: 480px) {
    .footnotes li {
      font-size: 0.35em; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .footnotes li {
      font-size: 0.22em; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .footnotes li {
      font-size: 0.22em; } }

.footnotes span {
  display: block;
  margin-bottom: 1em; }

a.backlink {
  margin-left: 0.3em;
  text-decoration: none; }

sup a {
  padding-left: 0.15em;
  padding-right: 0.15em;
  font-size: 1.1em; }

sup a:visited {
  color: #5A8AC4; }

sup {
  margin-left: 0.15em; }

/*
span:first-child {
	display: inline;
	margin-bottom: 1em;
}
	*/
footer p {
  text-align: center;
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.2em; }

#ad-disclosure {
  font-size: 0.2em; }

/*# sourceMappingURL=main.css.map */