/************************************************
Style sheet for Saints & Sinners
Created by Mike Lewis, June 2017..
This version is for printed pages.
*************************************************/
body
{
/* All page content. This will occupy a fixed width,
centred horizontally on the page*/
width:90%
font-size: 1em;
line-height: 1.2em;
margin: 0 auto;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
.masthead
{
/* Extends across the top of the page */
padding-top: 1.5em;
}
.masthead h1
{
text-align:center;
font-size:1.5em;
line-height: 1.2em;
margin-top: -0.5em;
}
.masthead p
{
text-align:center;
font-size:0.9em;
font-weight:normal;
font-style:italic;
margin-top:2em;
padding-bottom:1.5em;
}
}
.main-content
{
line-height: 1.2em;
float: left;
width: 71.5%;
margin-right: 3%;
}
.navigation
{
display:none;
}
.endpiece
{
/* Extra navigation links and other small print usually at
the foot of the page; does not appear in printed version */
display: none;
}
p
{
font-size: 0.8em;
padding: 0.5em 2em 0.5em 0em;
}
h1
{
font-size: 1.1em;
font-weight:bold;
color: Black;
padding: 0.2em 0 0 0;
line-height:2.0em;
margin: 0;
text-align: center;
}
h2
{
font-weight:bold;
color: Black;
padding: 0;
font-size: 1.6em;
line-height: 1.6em;
font-weight:bold;
text-align: center;
}
h3
{
font-size: 1.0em;
font-weight:bold;
padding: 0 0 0 0;
margin-top: -2em;
text-align: left;
}
h4
{
font-size: 0.8em;
padding: 0.5em 2em 0.5em 0em;
font-weight:bold;
}
ul li
{
margin-bottom: 1.0em;
font-size: 0.8em;
padding-left: 1em;
list-style-type: square;
}
a { text-decoration:underline; color:Blue;}
img
{
border-width: 0;
background-color: White;
max-width: 100%;
height: auto;
}
.social
{
/* For social media sites (such as Facebook button);
does not appear in printed version*/
display: none;
}
.social img
{
display: none;
}
.photo
{
/* To hold main photos; these will occupy the full width of the
vuewport on small screens, and will otherwise float to the right. */
float:right;
margin-left: 1em;
text-align:center;
width:40%;
}
.photo p
{
font-size:0.7em;
margin: 0.5em 0 1em 0;
padding-right:0;
text-align:right;
line-height:1.0em;
}
.photo img
{
max-width:100%;
}
.hide-on-small
{
/* For elements that we want to hide on small and medium screens; also hidden
on printed page*/
display: none;
}
.hide-on-large
{
/* For elements that we want to hide on large screens; also hidden
on printed page*/
display:none;
}
.print-only
{
/* For elements that are only to appear in printed versions; suppressed
on screen */
display:block;
}