@import url('/styles/themes/sushi/colour.css');

/* @group Reset */

html, body,
object, iframe, canvas, audio, video, img,
section, article, nav, header, footer, aside,
figure, figcaption, details, summary,
mark, time, progress, meter,
h1, h2, h3, h4, h5, h6, hgroup,
div, p, blockquote, ol, ul, dl, li, dt, dd,
a, abbr, address, cite,
em, strong, b, i, small, sub, sup, q,
pre, code, kbd, dfn, ins, del, samp, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    color: inherit;
}
section, article, nav, header, footer, aside,
figure, figcaption, details, summary {
    display: block;
}

/* @end Reset */

body {
    font-family: "Georgia","Times New Roman","Lucida Grande",serif;
    line-height: 1.8;
}
h1 {
    clear: both;
    font-size: 2.25em;
    line-height: 1.3333;
    
}
h2,
section h1,article h1, aside h1, nav h1 {
    clear: both;
    font-size: 1.5em;
    line-height: 1.3333;
}
h3,
section h2, article h2, aside h2, nav h2,
section section h1, article article h1,
section article h1, article section h1, aside section h1, aside article h1,
section aside h1, article aside h1,
section nav h1, article nav h1, aside nav h1,
nav section h1, nav article h1, nav aside h1 {
    clear: both;
    font-size: 1.3125em;
    letter-spacing: 0.1em;
    line-height: 1.3333;
}
h4
section h3, article h3, aside h3, nav h3
section section h2, article article h2, aside aside h2,
section article h2, article section h2,
section aside h2, article aside h2, aside section h2, aside article h2,
section nav h2, article nav h2, aside nav h2,
section section section h1, article article article h1,
section section article h1, article article section h1,
section article article h1, article section section h1,
section article section h1, article section article h1,
section section aside h1, article article aside h1,
aside section section h1, aside article article h1, aside article section h1,
section section aside h1, article article aside h1,
section aside section h1, article aside article h1,
section aside article h1, article aside section h1,
section article aside h1, article section aside h1,
section section nav h1, article article nav h1, section aside nav h1, article aside nav h1,
section articla nav h1, article section nav h1, aside section nav h1, aside article nav h1 {
    clear: both;
    font-size: 1.125em;
    letter-spacing: 0.1em;
    line-height: 1.3333;
}

a {
    text-decoration: none;
}
strong, legend {
    font-weight: bold;
}
em {
    font-style: italic;
}
img,
object,
video,
iframe {
    max-width: 100%;
    height: auto;
}

input {
    font-size: 1em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
}
label, button, input[type="submit"] {
    cursor: pointer;
}
button, input[type="submit"] {
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 1em;
}
small {
    display: block;
    font-size: x-small;
    font-family: "Lucida Grande","Trebuchet MS",Verdana,Tahoma,Helvetica,Arial,sans-serif;
    line-height: 1;
}
blockquote {
    margin: 0 2em;
    font-style: italic;
}

.tagcloud li {
    list-style: none;
    display: inline;
}
.tagcloud .rare {
    font-size: x-small;
}
.tagcloud .unusual {
    font-size: small;
}
.tagcloud .normal {
    font-size: medium;
}
.tagcloud .common {
    font-size: large;
}
.tagcloud .frequent {
    font-size: x-large;
}
.tagcloud .plentiful {
    font-size: xx-large;
}
.admin {
    font-size: small;
    text-align: right;
    font-family: "Lucida Grande","Trebuchet MS",Verdana,Tahoma,Helvetica,Arial,sans-serif;
}
[role="search"],
[role="banner"] {
    text-align: center;
}
[role="banner"],
[role="main"],
[role="navigation"] {
    margin: 0 auto;
    padding: 1em 10%;
}

[role="search"] {
    margin-bottom: 3em;
}
[role="search"] input,button {
    vertical-align: middle;
    border: none;
}
[role="banner"] {
    padding-bottom: 175px;
    background-repeat: repeat-x;
    background-position: bottom;
}
[role="banner"] h1 {
    margin: 0 auto 0.5em;
    text-transform: lowercase;
    line-height: 1;
    letter-spacing: 0.1em;
}
[role="banner"] h2 {
    font-style: italic;
    line-height: 1;
}
[role="banner"] a {
    color: inherit;
}
[role="banner"] h1 a,
[role="banner"] h2 a {
    background-color: inherit;
    color: inherit;
}

[role="main"] nav {
    clear: both;
    overflow: hidden;
}
[role="main"] article footer {
    font-size: small;
    line-height: 1.4;
    font-style: italic;
    text-align: right;
    margin: 0 0 1.5em;
}
[role="main"] p {
    margin: .8em 0;
    text-indent: 1em;
}
[role="main"] h1+p {
    margin: 0;
    text-indent: 0;
}
[role="main"] h1+article {
    margin-top: 1em;
}
[role="main"] hgroup {
    font-size: 125%;
}
[role="main"]>h1,
[role="main"] hgroup {
    text-align: center;
}
[role="main"] hgroup h2 {
    font-variant: small-caps;
}
[role="main"] blockquote p,
[role="main"] hgroup+p {
    text-indent: 0;
}
[role="main"] hgroup+p {
    font-size: 1.1em;
}
[role="main"] hgroup+p:first-letter {
    float: left;
    font-size: 3.8em;
    line-height: 1;
    margin: 0 0.1em 0 0;
    padding: 0;
}
[role="main"] p img {
    float: left;
    margin-right: 1em;
    border-width: 3px;
    border-style: double;
}
[role="main"] img.right {
    float: right;
    margin-left: 1em;
    margin-right: 0;
}
[role="main"] p.notext {
    text-align: center;
}
[role="main"] p.notext img {
    float: none;
    margin-right: 0;
}
[role="main"] nav a[rel="prev"],
[role="main"] nav a[rel="next"] {
    display: block;
    padding: 0.125em 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
[role="main"] nav a[rel="prev"] {
    float: left;
}
[role="main"] nav a[rel="next"] {
    float: right;
}
[role="main"] section {
    clear: both;
    margin: 2em 0;
}
#comments>h1 {
    text-align: center;
}
#comments p {
    text-indent: 0;
}
#comments article {
    font-size: .875em;
}
#comments form p {
    line-height: 1;
}
#comments label {
    display: block;
}
#comments textarea,
#comments fieldset input {
    font-family: "Lucida Grande","Trebuchet MS",Verdana,Tahoma,Helvetica,Arial,sans-serif;
    font-size: 1em;
    width: 80%;
    padding: 0.25em;
}
#comments fieldset {
    margin-top: 1em;
}

[role="navigation"] th {
    text-align: left;
    font-variant: small-caps;
    letter-spacing: 0.1em;
}
[role="navigation"] th,
[role="navigation"] td {
    padding: .3em;
    display: block;
}
[role="navigation"] table li {
    list-style-type: none;
    line-height: 1.25;
}
[role="navigation"] table .tagcloud li {
    font-variant: normal;
    line-height: 1;
}
[role="navigation"] small {
    clear: both;
    display: block;
    text-align: center;
    margin-top: 2em;
}

@media screen {
    [role="search"] {
        border-bottom: 1px solid;
    }
    
    [role="banner"] {
        border-top: 1px solid;
    }

    [role="banner"],
    [role="main"],
    [role="navigation"] {
        border-left: 1px solid;
        border-right: 1px solid;
    }
}
@media screen and (min-width: 30em) {
    [role="banner"],
    [role="main"],
    [role="navigation"] {
        width: 90%;
        margin: 0 auto;
        padding-left: 5%;
        padding-right: 5%;
    }
    [role="navigation"] th {
        text-align: right;
    }
    [role="navigation"] td,
    [role="navigation"] th {
        display: table-cell;
    }
}
@media screen and (min-width: 40em) {
    [role="banner"],
    [role="main"],
    [role="navigation"] {
        width: 75%;
        margin: 0 auto;
        padding-left: 7.5%;
        padding-right: 7.5%;
    }
}
@media screen and (min-width: 60em) {
    [role="banner"],
    [role="main"],
    [role="navigation"] {
        width: 60%;
        margin: 0 auto;
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media only screen {

    button,
    input[type="submit"] {
        background: rgba(0,0,0,0.5);
        color: rgba(255,255,255,0.75);
        border: none;
        -webkit-border-radius: 0.75em;
        -moz-border-radius: 0.75em;
        border-radius: 0.75em;
    }
    button:hover,
    input[type="submit"]:hover,
    input[type="submit"]:focus {
        color: rgba(0,0,0,0.5);
        background-color: rgba(255,255,255,0.5);
    }
    [role="search"],
    [role="banner"],
    [role="main"],
    [role="navigation"] {
        border: none;
        color: rgba(0,0,0,0.75);
    }
    [role="search"] {
        background-color: rgba(0,0,0,0.3);
        color: rgba(255,255,255,0.75);
        border-bottom: 0.1em solid rgba(0,0,0,0.125);
    }
    [role="banner"],
    [role="main"],
    [role="navigation"] {
        -webkit-box-shadow: 0 0.25em 1em rgba(0,0,0,0.75);
        -moz-box-shadow: 0 0.25em 1em rgba(0,0,0,0.75);
        -o-box-shadow: 0 0.25em 1em rgba(0,0,0,0.75);
        box-shadow: 0 0.25em 1em rgba(0,0,0,0.75);
    }
    [role="banner"] {
        -webkit-border-top-left-radius: 1em;
        -webkit-border-top-right-radius: 1em;
        -moz-border-radius-topleft: 1em;
        -moz-border-radius-topright: 1em;
        border-top-left-radius: 1em;
        border-top-right-radius: 1em;
    }
    #comments textarea,
    #comments fieldset input {
        background-color: rgba(255,255,255,0.5);
    }
    [role="navigation"] {
        -webkit-border-bottom-left-radius: 1em;
        -webkit-border-bottom-right-radius: 1em;
        -moz-border-radius-bottomleft: 1em;
        -moz-border-radius-bottomright: 1em;
        border-bottom-left-radius: 1em;
        border-bottom-right-radius: 1em;
    }
    [role="banner"] h1 {
        color: rgba(0,0,0,0.75);
        text-shadow: 1px 1px 0 rgba(255,255,255,0.25);
    }

    [role="banner"] h2 {
        color: rgba(0,0,0,0.5);
        text-shadow: 1px 1px 0 rgba(255,255,255,0.25);
    }

    ul.tagcloud li.rare a {
        opacity: 0.4;
    }
    ul.tagcloud li.unusual a {
        opacity: 0.5;
    }
    ul.tagcloud li.normal a {
        opacity: 0.6;
    }
    ul.tagcloud li.common a {
        opacity: 0.7;
    }
    ul.tagcloud li.frequent a {
        opacity: 0.8;
    }
    ul.tagcloud li.plentiful a {
        opacity: 0.9;
    }
}

@media print {

    body {
        font-size: 12pt;
        line-height: 1.5;
        background: white;
        color: black;
    }
    [role="search"],
    #comment-container,
    [role="navigation"] small {
        display: none;
    }
    [role="banner"],
    [role="main"],
    [role="navigation"] {
        width: auto;
        padding: 1em 2em;
    }
    [role="navigation"] {
        border-top: 1pt dotted grey;
    }

}