/*
 * Style Reset
 */

html { font-size: 100.01%; }
:focus { outline: none; }
a:link, a:visited, a:active {
  color: #b54006; text-decoration: none; }
a:hover, a:focus { color: #333333; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 {
  color: #111111; font-weight: normal; margin: 0; padding: 0;}
h1,h2 { margin-bottom: 0.6em; }
p { margin: 0 0 1.5em; }
ul, ol { margin: 0 0 1.5em; padding: 0 0 0 2.4em; }

/*
 * Body
 */

body {
  background: white;
  color: #333;
  margin: 0;
  font: normal 1.0em/1.7 'Lato', Verdana, sans-serif;
  min-width: 1000px;
}

/*
 * Header
 */

#header {
  background: #f6f6f6;
  padding: 2.9em 0;
  margin: 0 0 3em;
  position: relative;
  text-align: center;
}

#inner-header {
  margin: 0 auto;
  width: 32em;
}

#profile {
  width: 150px;
  height: 150px;
  margin: 0 auto 18px;
  background: url(/images/avatar.png);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  #profile {
    background: url(/images/avatar-2x.png);
    background-size: 100%;
  }
  
  #twitter .bird {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAsCAYAAADFP/AjAAADlklEQVRogc1aa1ciMQzNICAr6you+v//nR/0KIIK8hpzmUZL7bSdtoNzz8kB6TxymzRJU4uyLCkGRVFE3Wd7FMu5kjOWHguU2rOsWVYsO/Mmm96sU8G/l8Uvk/rLMqaKjAtLljlp5HS9i0qZfyxr/n3ZNxS94I8ND2xyaOwA3jthGQRe/4dlxDKjiuABrG9fjWFiYOGFPFzHNUvJF9/HWjAAeOctVW7XBLh+ou4HIbjrUBufsc5w2QM70i6Sm6eRCocoNqXmhHRcKtEJrZjQu/zR0wbOte9DJjktMkYDhWvjnTmwZEJP+MLqDljG+gtMV8RM3PJFvkUcCvH/nEBkfEUsYPlPlVuXOhHbDGL8jm945tlYJSowTrzfBBa9rE/BHG7YMy6yAS54w8SuEt1xlHCvDdBFN8qCCb3ii07qR4IzgJmG1WJc6Iz8uSgFILSQP3SmIbkJik2wGPkTsxLqkm0Rgne96JEP0C3VZM0giNxQFZ4vyB/RckdRwbtJCPiyFA/u2AIfdBzafRgqwYzhXkwM6rWtcd1HY3XDYI0DZhh/YbmLeDgsMaLvYLDVZKdeXlJ+i1mfd0SKrbVla2HBXSa+rG8+uyVYLXVYC0WFkSrdQWp+AoVywBqxZTbBWIpZLDxZH7lzS27Uk0JFzmSwwEFCCsb96XSLhpWUHorNPJW78MwNeJcZZQ/QFV/aLugwsJmtDxQAIh+FVRVdwbpuwHSxWcuK5ERtBXRESvUmFjXXdgl71jXYUqTy1I96qmNwrn9rhGNicMMuW+zNNejs+3HuAmnkLGk0tlVtNwGWyINLb6ulVNmEzSBIYN8Ed+xKMvaWcHVFJ6YBHc82d6sxQNrxbmPq1hQ+njMrlANBKae2FFIhM7WDlBOyAfXCV9+hSWitr04MuE6w5zhJKTd8pN8vn0AouLnvrcRV0/2BPLmhRTTpWh3Q6HwKvWqq+n+St9roO+gAmSfbgDO/Jhy6wcpXlL8/LkBQeKwbbJx8fVDtZ7FYG3AS8qFRx0cjg2PNtnbGtS4XiiBSzAUNS/QvQrqxKUBQSO5kYeaH6nOr/YYgAMIDNd52Dw8NFDRSg6Oca02JsuZx4ymBVAHrZDtk/op+6mQe6yX0xDwV2OjB3aISe6OQrg60QRBrKHcOQiIHGWxlkqqUqDyl8hCIydF+7DZEtgsiWdwsOfmqU1EJHPiUf7cp6NuacrKBRS+nHRvyn1BGwaX3J4g5LgT1/xWkAAAAAElFTkSuQmCC);
      background-size: 100%;
  }
}

#inner-header h1 { font-size: 3em; line-height: 1; margin-bottom: 0;}
#inner-header h1 a { color: #3d5b74; text-decoration: none; }
#inner-header h1 a:hover { color: #1f5e94; }
#inner-header h2 { color: #999999; font-size: 1.1em; line-height: 1.363634; margin-bottom: 0; font-style: italic; }
#inner-header h2 a { color:#8cb0cf; }

/* TWITTER LINK */
#twitter {
  float: right;
  margin: 0 25px;
  font-size: 12px;
  text-align:center;
}
#twitter a {
  color: #8cb0cf;
}
#twitter .bird {
  width: 53px;
  height: 44px;
  margin: 0 auto 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAsCAYAAADFP/AjAAADlklEQVRogc1aa1ciMQzNICAr6you+v//nR/0KIIK8hpzmUZL7bSdtoNzz8kB6TxymzRJU4uyLCkGRVFE3Wd7FMu5kjOWHguU2rOsWVYsO/Mmm96sU8G/l8Uvk/rLMqaKjAtLljlp5HS9i0qZfyxr/n3ZNxS94I8ND2xyaOwA3jthGQRe/4dlxDKjiuABrG9fjWFiYOGFPFzHNUvJF9/HWjAAeOctVW7XBLh+ou4HIbjrUBufsc5w2QM70i6Sm6eRCocoNqXmhHRcKtEJrZjQu/zR0wbOte9DJjktMkYDhWvjnTmwZEJP+MLqDljG+gtMV8RM3PJFvkUcCvH/nEBkfEUsYPlPlVuXOhHbDGL8jm945tlYJSowTrzfBBa9rE/BHG7YMy6yAS54w8SuEt1xlHCvDdBFN8qCCb3ii07qR4IzgJmG1WJc6Iz8uSgFILSQP3SmIbkJik2wGPkTsxLqkm0Rgne96JEP0C3VZM0giNxQFZ4vyB/RckdRwbtJCPiyFA/u2AIfdBzafRgqwYzhXkwM6rWtcd1HY3XDYI0DZhh/YbmLeDgsMaLvYLDVZKdeXlJ+i1mfd0SKrbVla2HBXSa+rG8+uyVYLXVYC0WFkSrdQWp+AoVywBqxZTbBWIpZLDxZH7lzS27Uk0JFzmSwwEFCCsb96XSLhpWUHorNPJW78MwNeJcZZQ/QFV/aLugwsJmtDxQAIh+FVRVdwbpuwHSxWcuK5ERtBXRESvUmFjXXdgl71jXYUqTy1I96qmNwrn9rhGNicMMuW+zNNejs+3HuAmnkLGk0tlVtNwGWyINLb6ulVNmEzSBIYN8Ed+xKMvaWcHVFJ6YBHc82d6sxQNrxbmPq1hQ+njMrlANBKae2FFIhM7WDlBOyAfXCV9+hSWitr04MuE6w5zhJKTd8pN8vn0AouLnvrcRV0/2BPLmhRTTpWh3Q6HwKvWqq+n+St9roO+gAmSfbgDO/Jhy6wcpXlL8/LkBQeKwbbJx8fVDtZ7FYG3AS8qFRx0cjg2PNtnbGtS4XiiBSzAUNS/QvQrqxKUBQSO5kYeaH6nOr/YYgAMIDNd52Dw8NFDRSg6Oca02JsuZx4ymBVAHrZDtk/op+6mQe6yX0xDwV2OjB3aISe6OQrg60QRBrKHcOQiIHGWxlkqqUqDyl8hCIydF+7DZEtgsiWdwsOfmqU1EJHPiUf7cp6NuacrKBRS+nHRvyn1BGwaX3J4g5LgT1/xWkAAAAAElFTkSuQmCC);
}
#twitter .other {
  color: #bbb;
  margin-right: 5px;
}

/*
 * Post Content
 */

#posts { margin: 3.3em auto 0; width: 32em; }
#posts .post { margin-bottom: 2.25em; padding-bottom: 2.25em; position: relative; }

#posts .text-body {
    font: normal 1.0em/1.6 'PT Serif', Georgia, serif;
}

#posts h1, #posts h2, #posts h3, #posts h4 {
  font-family: 'Fjalla One', Verdana, sans-serif;
  font-size: 180%;
  margin-top: 1.2em;
}

#posts img {
  margin: 17px 0 10px;
}

/* DATE */
.date { border-top: 1px solid #cccccc; position: absolute; left: -6em; text-align: center; width: 4em; color: #666; }
.date span { font-size: 1.2em; font-variant: small-caps; line-height: 1.25; text-decoration: none; text-transform: lowercase; }
.date .year, .date .month { display: block; }
.date .month { font-size: 1.3em; line-height: 1.15384615385;}
.date .year { font-size: 0.9em; }

/* COMMON POST STYLES */
.post h3 { font-size: 1.5em; line-height: 1.3; margin-bottom: 1em; }
.post .caption, .post .source { margin-top: 1.5em; }

hr { 
  width: 75%;
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 30px auto;
}

pre { color: #555; font-size: 90%; margin-left: 20px; margin-bottom:20px; }

img.framed {
  border-radius:6px;
  /*-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);*/
  border: 1px solid #ededed;
}

/* BLOCKQUOTES */
blockquote {
  margin: 0 1em 1.5em;
  padding: 0 1em;
  font: normal 0.9em/1.6 'Lato', Verdana, sans-serif;
  margin-left: 10px;
  margin-right: 60px;
  line-height: 1.8em;
  color: #555;
  border-left: 1px solid #bbb;
}

blockquote ul, blockquote ol {
  margin-left: 2em;
}

/*
 * Post Footer
 */

/* REBLOG NOTES */
.reblogged { color: #777777; display:block; font-size: 0.833333em; font-style: italic; margin: 1.5em 0; text-align: right; }

/* POST FOOTER */
.post-footer { border-top: 1px solid #cccccc; color: #777777; font-size: 0.75em; margin: 1.5em 0 0; padding: 0.5em 0 1em; text-align: right; }
.post-footer li { display: inline; margin-left: 1em; }

/* NOTES */
#note-container h4 { font-size: 1.3em; line-height: 1.15384615385; margin-bottom: 1.15384615385em; }
#note-container .notes .note { border-bottom: 1px solid #aaa; margin: 0 0 0.75em; padding: 0 0 0.75em}
#note-container .notes .avatar { display: none; }

/*
 * Blog Footer
 */    

/* PAGINATION */
#pagination { margin: 3em auto 1.5em; width: 32em; }
#pagination a { margin-right: 1.5em; }
