/*
Theme Name: Marty Alchin
Theme URI: http://martyalchin.com
Description: Custom theme matching the original Marty Alchin website design
Version: 1.0
Author: Marty Alchin
*/

@import url(https://fonts.googleapis.com/css?family=Lekton:400,400italic|Alegreya+Sans+SC:300|Alegreya+Sans:300|Alegreya:400italic,400|Alegreya+SC);

/* Resets to avoid browser differences */

body, button, div, fieldset, form, h1, h2, h3, input, label, li, p, pre, td, textarea, .typygmentdown {
    margin: 0;
    padding: 0;
    text-align: justify;
    font-family: Alegreya, Georgia, serif;
    font-size: 100%;
    line-height: 1.25;
    letter-spacing: 0;
    border: none;
    background: none;
}

/* Overall page layout */

body {
    background: white;
    color: #303030;
}

@media screen {
    body {
        width: 640px;
        margin: 20px auto;
        padding: 0 160px;
        position: relative;
    }
}

@media print {
    body {
        margin: 0 2em;
    }
}

/* Headings */

h1 {
    text-align: center;
    font-size: 2.25em;
    line-height: 1.111;
}

h2, h3, h4, h5, h6, .info, .info p {
    font-family: Alegreya Sans, sans-serif;
    font-weight: 300;
    page-break-inside: avoid;
}

h2 {
    margin-top: 1.15em;
    margin-left: -160px;
    font-size: 1.25em;
    line-height: 1;
    position: absolute;
    width: 150px;
    text-align: right;
}

h2 + p {
    margin-top: 1.5em;
}

h3 {
    margin-top: 1.55em;
    margin-left: -160px;
    position: absolute;
    width: 150px;
    text-align: right;
}

h1 .dquo, h2 .dquo, h3 .dquo, h4 .dquo, h5 .dquo, h6 .dquo {
    margin-left: -.4em;
}

.info, .info p {
    text-align: center;
}

.info p {
    margin: 0;
}

.info img.g {
    width: 24px;
    height: 24px;
    margin: -7px 0;
}

h2 + p.published {
    font-family: Alegreya Sans, sans-serif;
    font-weight: 300;
    font-size: 1.25em;
    position: absolute;
    right: 0;
    width: 150px;
    margin-top: 1.05em;
}

.copyright {
    margin: 1.25em 0;
}

/* Page text */

p, p[class] + p {
    margin-top: 1.5em;
    widows: 2;
    orphans: 2;
    text-indent: 0;
    clear: left;
}

p + p {
    text-indent: 1.5em;
    margin-top: 0;
}

.typygmentdown + p {
    margin-top: 0;
}

p ~ img {
    display: block;
    margin: 1.25em auto;
}

.caps {
    font-family: Alegreya SC;
    text-transform: lowercase;
}

h2 .caps {
    font-family: Alegreya Sans SC;
}

abbr {
    text-decoration: underline dotted #85ac40;
}

blockquote {
    margin: 0 1em;
    font-style: italic;
}

blockquote em {
    font-style: normal;
}

div.image {
    text-align: center;
    margin: 1.25em 0;
}

img {
    border: none;
}

@media screen {
    h1 a, h2 a, h3 a, .info a {
        text-decoration: none;
    }

    a:link {
        color: #85ac40;
    }

    a:visited {
        color: #61883b;
    }

    ::selection {
        background: #dcff9d;
    }

    ::-moz-selection {
        background: #e2ffaf;
    }
}

@media print {
    a {
        color: inherit;
        text-decoration: none;
    }

    abbr {
        border-bottom: none;
    }
}

/* Lists */

ul, ol {
    margin: 1.25em 0 1.25em -1.5em;
    padding-left: 1.5em;
}

ul ul, ul ol, ol ol, ol ul {
    margin: 0;
}

ul li {
    list-style: disc;
}

li p {
    margin: 0;
}

/* Code */

.typygmentdown {
    border: solid #ccc;
    border-width: 1px 0;
    margin: .74em 0;
    padding: .74em 0;
}

pre {
    font-family: Lekton, Courier, monospace;
    overflow: visible;
}

code {
    font-family: Lekton, Courier;
    line-height: 1;
}

/* Tables */

table {
    border-collapse: collapse;
    border: none;
    margin: 1.25em auto;
}

caption {
    border-bottom: 1px solid #303030;
}

thead th {
    border-bottom: 1px solid #303030;
}

tfoot th,
tfoot td {
    border-top: 1px solid #303030;
}

th[scope="row"],
th[scope="col"] {
    text-align: left;
}

th, td {
    padding: 0 0.5em;
    font-weight: normal;
    vertical-align: top;
}

/* Forms */

input[type="submit"], button {
    border: 1px outset;
    text-align: center;
    background: #85ac40;
    padding: .2em;
}

/* WordPress-specific: post entries need relative positioning for the absolute h2/date layout */

.post-entry {
    position: relative;
    min-height: 3em;
}

/* Pagination */

.pagination {
    text-align: center;
    margin: 2em 0 1em;
    font-family: Alegreya Sans, sans-serif;
    font-weight: 300;
}

.pagination a {
    margin: 0 1em;
}