body{
margin-left: auto;
margin-right: auto;
text-align:left;
width:960px;
font-family: 'Playfair Display', serif;
font-size: 100%;
font-weight:normal;
/*background-color:#FAFAFF;*/
}

img{
padding-left: 0px;
padding-right: 0px;
}

p{
margin-top:15px;
margin-bottom: 15px;
}



.normallist {
 margin: 10px 5px 10px 20px;
 text-align:left;
}


.center{
position:relative;
width:960px;
text-align:left;
margin:0 auto 0;
background-color:#FAFAFF;
wrap-option: wrap;
overflow: auto;
}


/*Formatting text blocks*/
.title{
font-size: 410%;
font-family: 'Playfair Display', serif;
text-align:center;
font-weight:bold 900;
margin-bottom: 0px;
margin-top: 0px;
color: #505050;
}

.subtitle{
font-size:240%;
text-align:center;
font-family: 'Playfair Display', serif;
font-weight: normal 400;
font-style:italic;
margin-bottom: 5px;
color: #505050;
}

.caption{
font-size:120%;
text-align:left;
font-family: 'Playfair Display', serif;
font-weight: normal 400;
color: #505050;
}

.question{
font-size:120%;
text-align:left;
font-family: 'Playfair Display', serif;
font-weight: bold;
color: #505050;
}

.answer{
font-size:120%;
text-align:left;
font-family: 'Playfair Display', serif;
font-weight: normal;
color: #505050;
}



.narrative{
font-size:120%;
text-align:left;
font-family: 'Playfair Display', serif;
font-weight: normal 400;
color: #505050;
}

.activityDescription{
font-size:120%;
text-align:left;
font-family: 'Playfair Display', serif;
font-weight: 700;
color: #505050;
}




.footertext{
font-family: 'Playfair Display', serif;
font-weight: normal 400;
color: #505050;
padding-bottom: 10px;
}

.everydayImg{
width: 137px;
height: 77px;
border: 0;
padding: 0;
float:right;
}

.everydayImgWhite{
width: 137px;
height: 77px;
border: 0;
padding: 0;
float:right;
}

.everydayImgEmpty{
width: 137px;
height: 77px;
border: 0;
padding: 0;
float:right;
background-color:#505050;
}

.weekbreak{
clear:both
}

/*Rought font family list
font-family: 'Prociono', serif;
font-family: 'Signika Negative', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Ropa Sans', sans-serif;
font-family: 'Yeseva One', cursive;
font-family: 'Finger Paint', cursive;
font-family: 'Just Me Again Down Here', cursive;
font-family: 'Amatic SC', cursive;
font-family: 'Vidaloka', serif;
font-family: 'Handlee', cursive;
font-family: 'Righteous', cursive;
font-family: 'Julius Sans One', sans-serif;
*/


.sectionheader{
font-size:115%;
font-weight:bold;
margin-bottom: 10px;
margin-top: 20px;
}


/*Many different kinds of links*/

.captionLink{
text-decoration: none underline;
color: #303030;
}


.plainlink{
text-decoration: none;
color: #303030;
}

.plainlink a:link{
text-decoration: none;
color: #303030;
}

.plainlink a:visited{
text-decoration: none;
color: #303030;
}
.plainlink a:hover{
text-decoration: underline; 
color: #303030;
}
.plainlink a:active{
text-decoration: none;
color: #303030;
}



* {
margin: 0;
}

html, body {
height: 100%;
}
.wrapper {
min-height: 100%; 
height: auto;
/*height: 100%;
apparently the 100percent one is important to also include, but it doesn't seem to work with the image diagram, while just auto is okay*/
margin: 0 auto -1em;
}
footer, .push {
clear: both;
height: 1em;
}