/* reset http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

html {
    max-width: 800px;
    margin: 0 auto;
    font-family: helvetica, sans-serif;
/*     background: #ffe5e5; */
    }
body {text-align: justify; font-size: large;}
p, h1, h2, h3, h4, h5, h6, img, ul {margin: 10px;}
a, h1, h2, h3, h4, h5, h6 {color: red;}
a {text-decoration: none;}
i {font-style: italic;}
del {text-decoration: line-through;}
h1 {text-align: center; font-size: xx-large;}
h2 {font-size: x-large;}
/* ul {list-style: none} */
li {margin-left: 20px}

a.external {
    background: url(external.svg) top right no-repeat;
    padding-right: 16px;
}

.phonebox {
    margin: 20px;
    width: 330px;
    height: 500px;
    border: 5px solid red;
    padding: 10px;
    text-align: center;
}

.left {float: left;}
.right {float: right;}

.phonebox img {
    width: 300px;
    height: 400px;
}

.mydonate {
    float: right;
    margin: 20px;
}

ul.support {
    font-style: italic;
}

.day, .question {
    margin: 20px 40px;
    border: 1px solid red;
}

.bigpic {
    margin: 20px 40px;
    border: 5px solid red;
    padding: 10px;
    text-align: center;
    clear: both;
}

p.photo {text-align: center;}
p.photo img {
    width: 75%;
}