/*
Theme Name: agj black 2012
Theme URI: http://www.agj.cl/
Description: My personal theme, 2012.
Author: Ale Grilli
Author URI: http://www.agj.cl/
Version: 0.3
.
This theme and its design are restricted from non-authorized use.
.
*/
/*
    BASE
 */
html,
body {
  height: 100%;
}
body {
  color: #aaa;
  font-family: "Georgia", serif;
  font-size: 9pt;
  line-height: 1.9;
  letter-spacing: 0.07em;
  background-color: #000;
  background-image: url("img/back2.svg");
  background-size: 180px;
  margin: 0;
  padding: 0 40pt 0 5pt;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
a {
  color: #fff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:hover:visited {
  color: #ddd;
}
blockquote {
  margin: 0 0 0 20pt;
  padding: 0;
}
blockquote:before {
  color: #333;
  font-size: 50pt;
  display: block;
  position: absolute;
  margin: -0.45em 0 0 -0.6em;
  content: '”';
}
input,
textarea {
  color: #aaa;
  font-family: "Georgia", serif;
  font-size: 9pt;
  line-height: 1.9;
  letter-spacing: 0.07em;
  background: #333;
  border: none;
  margin: 0;
  padding: 2pt 0;
}
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  width: auto;
  color: #000;
  background-color: #aaa;
  padding: 5pt 8pt;
}
input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  background-color: #919191;
}
/*
    PAGE
 */
#page {
  background: #000;
  width: 500px;
  margin: 0 0 0 auto;
}
/*
    HEADER
 */
#header ul li {
  display: inline;
}
#header > .name a {
  letter-spacing: 0.2em;
  display: block;
  color: #000;
  background: #fd0;
  font-weight: bold;
  padding: 30px 0 5pt 5pt;
}
#header > .name a:hover {
  text-decoration: none;
}
#header > .name a:hover:after {
  font-weight: normal;
  font-style: italic;
  content: ' (Back to index.)';
  letter-spacing: 0.07em;
}
#header .links {
  font-style: italic;
  background: #034;
  padding: 5pt 0;
  border-bottom: 2px solid #aaa;
}
#header .links li {
  margin-right: 5pt;
}
#header .links .menu,
#header .links .menu ul,
#header .links .menu ul li {
  display: inline-block;
}
#header .links .page.current a {
  color: #fd0;
}
#header .categories li ul li {
  position: static;
  display: inline;
}
#header .categories .list {
  padding: 5pt 0;
  border-bottom: 1px solid #aaa;
}
#header .categories .list .current a,
#header .categories .list .current-parent a {
  color: #fd0;
}
#header .categories .list .current a:after,
#header .categories .list .current-parent a:after {
  content: "↴";
}
#header .post-info div {
  padding: 5pt 0;
  border-bottom: 1px solid #aaa;
}
/*
    TAGS
 */
.tag {
  white-space: nowrap;
}
.tag.selected-tag {
  color: #fd0;
}
.tag.remove-tag:hover {
  text-decoration: line-through;
}
.tags {
  padding: 5pt 0;
}
.tags .add-tag {
  color: #666;
  position: relative;
  margin-left: -2pt;
  top: -2pt;
  margin-right: -2pt;
}
.tags .add-tag:hover {
  color: #fff;
  text-decoration: none;
}
.tags .all-tags-link {
  white-space: nowrap;
}
.archive .tag.level-0 {
  color: #fff;
}
.archive .tag.level-1 {
  color: #ccc;
}
.archive .tag.level-3 {
  color: #999;
}
.archive .tag.level-4 {
  color: #666;
}
/*
    TITLE
 */
#title {
  color: #fd0;
  font-size: 40pt;
  line-height: 1;
  font-weight: normal;
  letter-spacing: -0.03em;
  margin: 0;
  padding: 10pt 0 20pt 0;
  border-top: 2px solid #aaa;
}
#title i {
  font-style: italic;
}
/*
    CONTENT
 */
.shiftTextContent > p,
.shiftTextContent > h1,
.shiftTextContent > h2,
.shiftTextContent > h3,
.shiftTextContent > h4,
.shiftTextContent > blockquote,
.shiftTextContent > ul,
.shiftTextContent > ol,
.shiftTextContent > header,
.shiftTextContent > section {
  padding-left: 100px;
}
#content .post,
#content .archive {
  border-top: 2px solid #aaa;
  margin-bottom: 25px;
}
#content .post header h1,
#content .archive header h1 {
  background: #034;
  font-size: 14pt;
  line-height: 1.4;
  font-weight: normal;
  margin: 0;
  padding: 10pt 0 5pt 0;
}
#content .post .content,
#content .archive .content {
  padding: 15pt 0 5pt 0;
}
#content .post .content > p,
#content .archive .content > p,
#content .post .content > h1,
#content .archive .content > h1,
#content .post .content > h2,
#content .archive .content > h2,
#content .post .content > h3,
#content .archive .content > h3,
#content .post .content > h4,
#content .archive .content > h4,
#content .post .content > blockquote,
#content .archive .content > blockquote,
#content .post .content > ul,
#content .archive .content > ul,
#content .post .content > ol,
#content .archive .content > ol,
#content .post .content > header,
#content .archive .content > header,
#content .post .content > section,
#content .archive .content > section {
  padding-left: 100px;
}
#content .post .content > .language > p,
#content .archive .content > .language > p,
#content .post .content > .language > h1,
#content .archive .content > .language > h1,
#content .post .content > .language > h2,
#content .archive .content > .language > h2,
#content .post .content > .language > h3,
#content .archive .content > .language > h3,
#content .post .content > .language > h4,
#content .archive .content > .language > h4,
#content .post .content > .language > blockquote,
#content .archive .content > .language > blockquote,
#content .post .content > .language > ul,
#content .archive .content > .language > ul,
#content .post .content > .language > ol,
#content .archive .content > .language > ol,
#content .post .content > .language > header,
#content .archive .content > .language > header,
#content .post .content > .language > section,
#content .archive .content > .language > section {
  padding-left: 100px;
}
#content .post .content .section-link,
#content .archive .content .section-link {
  color: #fd0;
  font-weight: bold;
  float: right;
  margin-bottom: 0.6em;
}
#content .post .content .section-link:before,
#content .archive .content .section-link:before {
  content: "↳";
}
#content .post header .date {
  color: #aaa;
  margin-top: 13pt;
  font-weight: bold;
  float: right;
}
#content .post .info {
  border-top: 1px solid #aaa;
  clear: both;
}
#content .post .info li {
  list-style: none;
  display: inline-block;
  margin-right: 5pt;
}
#content .post .info .more-link {
  font-weight: bold;
}
#content .post .language {
  border-top: 1px dashed #aaa;
  margin-top: 15pt;
  padding-top: 15pt;
}
#content .post .content p,
#content .comment .content p,
#content .post .content img,
#content .comment .content img,
#content .post .content object,
#content .comment .content object,
#content .post .content embed,
#content .comment .content embed,
#content .post .content iframe,
#content .comment .content iframe,
#content .post .content ul,
#content .comment .content ul,
#content .post .content ol,
#content .comment .content ol {
  margin: 0 0 0.6em 0;
}
#content .post .content img,
#content .post .content object,
#content .post .content embed,
#content .post .content iframe {
  float: right;
}
#content .post .content > p,
#content .post .content > div,
#content .post .content > blockquote,
#content .post .content > ul,
#content .post .content > ol {
  clear: both;
}
#content .post .content ul {
  list-style-type: square;
}
#content .post .content ul ul,
#content .post .content ol ol {
  margin: 0 0 0 20pt;
}
#content .emoji,
#content .post .content .emoji {
  float: inherit;
  margin: 0;
}
#content #comments {
  clear: both;
  border-top: 2px solid #aaa;
}
#content #comments > h1 {
  background: #034;
  font-size: 14pt;
  line-height: 1.4;
  font-weight: normal;
  margin: 0;
  padding: 10pt 0 5pt 0;
}
#content #comments .received-comments .comment {
  border-bottom: 1px solid #aaa;
  padding: 0 0 10pt 0;
}
#content #comments .received-comments .comment > p,
#content #comments .received-comments .comment > h1,
#content #comments .received-comments .comment > h2,
#content #comments .received-comments .comment > h3,
#content #comments .received-comments .comment > h4,
#content #comments .received-comments .comment > blockquote,
#content #comments .received-comments .comment > ul,
#content #comments .received-comments .comment > ol,
#content #comments .received-comments .comment > header,
#content #comments .received-comments .comment > section {
  padding-left: 100px;
}
#content #comments .received-comments .comment header {
  color: #aaa;
  font-family: "Georgia", serif;
  font-size: 9pt;
  line-height: 1.9;
  letter-spacing: 0.07em;
  padding: 5pt 0 0.6em 0;
  margin: 0;
}
#content #comments .received-comments .comment header strong {
  color: #fd0;
}
#content #comments .received-comments .comment.by-author {
  background: #222;
}
#content #comments .received-comments .comment.pingback header {
  padding-bottom: 0;
}
#content #comments .received-comments .comment.pingback header strong {
  color: #aaa;
}
#content #comments .comment-form {
  margin-left: 100px;
  padding-top: 10pt;
}
#content #comments .comment-form p {
  margin: 0;
  padding: 0;
}
#content #comments .comment-form input,
#content #comments .comment-form textarea {
  margin: 0 0 6pt 0;
}
#content #comments .comment-form label {
  margin: 0;
  padding: 0;
}
#content #comments .comment-form .input-field {
  margin-right: 5pt;
  width: 150px;
}
#content #comments .comment-form .form-comment {
  width: 400px;
  height: 250px;
}
#content #comments .comment-form label small {
  font-size: 7.5pt;
}
#content #comments .comment-form :-moz-placeholder {
  color: #000;
  font-weight: bold;
}
#content #comments .comment-form :-moz-placeholder:focus {
  color: #333;
  font-weight: normal;
}
#content #comments .comment-form ::-webkit-input-placeholder {
  color: #000;
  font-weight: bold;
}
#content #comments .comment-form ::-webkit-input-placeholder:focus {
  color: #333;
  font-weight: normal;
}
#content #comments .comment-form :-ms-input-placeholder {
  color: #000;
  font-weight: bold;
}
#content #comments .comment-form :-ms-input-placeholder:focus {
  color: #333;
  font-weight: normal;
}
#content .archive.archive-date .content {
  font-size: 14pt;
}
#content .archive.archive-per-post li {
  list-style: none;
}
#content .archive.archive-per-post .archive-list {
  padding-left: 0;
}
#content .archive.archive-per-post .archive-list > li {
  font-weight: bold;
  white-space-collapsing: discard;
}
#content .archive.archive-per-post .archive-list > li li {
  font-weight: normal;
}
#content .archive.archive-per-post .archive-list > li > ul > li {
  padding-left: 100px;
}
#content .archive.archive-per-post .archive-list > li .archive-date {
  width: 87.33333333px;
  margin-left: -100px;
  padding-right: 5pt;
  display: inline-block;
  text-align: right;
}
/*
    FOOTER
 */
#footer {
  margin-top: 40px;
  padding-bottom: 20px;
}
#footer ul {
  border-top: 2px solid #aaa;
}
#footer ul li {
  border-top: 1px solid #aaa;
  display: block;
  padding: 5pt 0;
}
#footer .pagebar {
  background: #034;
  padding: 5pt 0;
  border-top: 2px solid #aaa;
}
#footer .pagebar .this-page {
  color: #fd0;
  font-weight: bold;
}
#footer form.search {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#footer form.search input {
  width: 250px;
}