/* Override body padding in style.css */
body {
    padding-top: 0;
}

/* Override banner in style.css */
#banner h1 {
    font-stretch: normal;
    text-transform: none;
    font-family: "Open Sans",Calibri,Candara,Arial,sans-serif;
    font-size: 50px;
}

.footnote {
    font-size: 90%;
}

a.article-link:visited {
    color: #aaa;
}

/* Fix for Chromium wrapping the dates in archive list */
.archive-date {
    white-space: nowrap;
}

/* Add scroll bars to code snippets */
.highlight pre {
    word-wrap: normal;
    white-space: pre;
}

.article-figure {
    margin-bottom: 16px;
}

.article-figure img,
.article-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.article-figure figcaption {
    text-align: center;
}

/* Override body padding in style.css */
body {
    padding-top: 0;
}

/* Override banner in style.css */
#banner h1 {
    font-stretch: normal;
    text-transform: none;
    font-family: "Open Sans",Calibri,Candara,Arial,sans-serif;
    font-size: 50px;
}

.footnote {
    font-size: 90%;
}

a.article-link:visited {
    color: #aaa;
}

/* Fix for Chromium wrapping the dates in archive list */
.archive-date {
    white-space: nowrap;
}

/* Add scroll bars to code snippets */
.highlight pre {
    word-wrap: normal;
    white-space: pre;
}

.article-figure {
    margin-bottom: 16px;
}

.article-figure img,
.article-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.article-figure figcaption {
    text-align: center;
}

/* Reset any browser padding on lists */
ul,
ol {
    padding-left: 40px;
    margin: 0;
}

/* So that we can then break out of a list e.g. to centre images on page */
.break-out-of-list {
    margin-left: -40px;
}

Add class for breaking out of list padding
Add class for breaking out of list padding

e.g. for image centring.
