* {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -moz-margin-before: 0;
    -moz-margin-after: 0;
    -moz-margin-start: 0;
    -moz-margin-end: 0;
    -moz-padding-start: 0;
    -moz-padding-end: 0;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    min-height: 100%;
    position:relative;
}

body {
    width: 100%;
    padding: 0;
    margin: 0 0 120px 0;
}

#top-matter {
    width: 35rem;
    margin: 0 auto 3rem auto;
    overflow: hidden; /* logo and nav menu float within this */
}

#logo {
    height: 300px;
    width: 510px;
    float: left;
    background: url('/theme/images/slide-rule-top-bw.png') no-repeat;
    text-decoration: none;
}

/* Logo Manipulations */
#site-name {
    position: relative;
    top: 190px;
    font: 14px SourceSansPro-Light;
    text-transform: uppercase;
    -webkit-transform-origin: top;
    -webkit-transform: scale(1, 6) /*translateY(2px)*/;
    -moz-transform-origin: top;
    -moz-transform: scale(1, 6) /*translateY(2px)*/;
    -ms-transform-origin: top;
    -ms-transform: scale(1, 6) /*translateY(2px)*/;
    letter-spacing: 30px;
    word-spacing: 5px;
}

#site-tag {
    position: relative;
    top: 175px;
    font: 12px SourceSansPro-Light;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-transform: uppercase;
}

#main-nav { float:right; }
    #main-nav ul { list-style-type: none; }
    #main-nav li { margin-top: 20px; }

#content {
    max-width: 35rem;
    margin: 0 auto;
}

#post-list > article+article { margin-top: 5rem; }

.post-info { margin: .5rem 0 1rem 0; }

.paginator {
    max-width: 35rem;
    margin: 50px auto;
    text-align: center;
}

.article-list-title {
    max-width: 35rem;
    margin: 0 auto;
}

#end-matter {
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    height: 60px;
    padding: 20px 25px;
    margin-top: 100px;
    clear: both;
}

/* Certain nav lists and menus are horizontal, with no bullets */

/* Post info (byline below post) */
.post-info ul { list-style-type:none; }

.post-info li, .dt-published, .p-author, .p-category { display:inline; }

.p-author, .p-category {
    border-left: solid 1px;
    padding-left: 1em;
}

/* On index page, article summaries have short nav menu at bottom */
.article-panel ul { list-style-type: none; }

.article-panel li {
    display: inline;
    margin-right: 1em;
}

.summary-links ul, .social ul {
    padding: 5px 5px 0;
}

.summary-links li, .social li {
    height: 30px;
    margin-right: 5em;
}

#comments { margin-top: 3rem; }

#end-matter ul { list-style-type: none; }

#end-matter li { display: inline; }

#cc-license { float: left; }

#rss-link {
    float:left ;
    margin-left: 100px;
}

#colophon-link { float: right; }


/* Special page layouts */

/* Archives */
#archive-content {
    max-width: 45rem;
    margin: 0 auto;
    overflow: hidden;
}

#archive-list {
    float: left;
    max-width: 35rem;
}

#category-list {
    float: right;
    max-width: 10rem;
}

#category-list ul { list-style-type: none; }

.archive-date {
    border-left: solid 2px;
    padding-left: .5em;
}

dd.archive-title + dt.archive-date { margin-top: 1.25rem; }

.category { margin-bottom: 1em; }
.category-link { margin-right: 2em;}

/* Blogroll */
.blogroll-section { margin-bottom: 2rem; }
    .blogroll-section ul { list-style-type: none; }

.blogroll-section ul > li {
    text-indent: -1rem;
    padding-left: 1rem;
    margin: .5rem 0;
}