/**
Theme Name: Table for 40
Theme Description: Table for 40 readings and illustrations
*/

/** * {
	border: 1px solid black;
} */

body {
	font-family: "adobe-garamond-pro";
	font-weight: 300;
	margin:0;
	padding:0;
	padding-bottom:1em;
}
div#content {
	clear:both;
	max-width: 39em;
	padding-left:1em;
	padding-right:1em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/** illustrations */
div#content img {
	width:100%;
	max-width:19em;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/** headers */
div#content h1, div#content h2 {
	text-align:center;
	font-family:"effra";
}

/* lists */
div#content ul {
	display:inline-block;
	margin:0;
	padding:0;
	list-style-type:none;
}
div#content ul li {
	text-align:left;
}

/* quotes */
div#content blockquote footer {
	text-align:left;
}

/** text */
div#content p {
	text-align:left;
}

/** footer menu **/
footer {
	max-width: 39em;
	padding-left:1em;
	padding-right:1em;
	margin-left:auto;
	margin-right:auto;
}
footer ul {
	list-style-type: none;
	padding:0;
	margin:0;
	padding-bottom:1em;
}
footer ul li:first-child {
	float:left;
}
footer ul li:last-child {
	float:right;
}
@media print {
	footer {
		display:none;
	}
}

/** header menu **/
header ul {
	height:3em;
	overflow:hidden;
	transition:height 1s;
	-webkit-transition:height 1s;
	list-style-type: none;
	padding:0;
	margin:0;
	width:100%;
	background-color:#747777;
	text-align:center;
	line-height:3em;
}
header ul li {

}
header, header a {
	font-family:"effra";
	text-transform:uppercase;
	color:white;
	text-decoration:none;
}
@media screen and (max-width: 49em) {
	header ul:before {
		content:"Menu";
	}
	header ul.open {
		height:24em;
	}
}
@media screen and (min-width: 49em) {
	header ul li {
		margin:0;
		padding:0;
		display:inline-block;
		width:6.5em;
		border-right:1px solid white;
	}
	header ul li:last-child {
		border-right:0;
	}
}
@media print {
	header {
		display:none;
	}
}

/* introduction formatting */
#plenty img {
	width:100%;
}
div#content #introduction p {
	color:#ff9900;
	max-width:30em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#download {
	border:0;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:3em;
	cursor:pointer;
	width:193px;
	height:40px;
	background:url(/wp-content/uploads/2016/02/Download-button-Normal.png) no-repeat;
}
#download:hover {
	border:0;
	background:url(/wp-content/uploads/2016/02/Download-button-Hover.png) no-repeat;
}
#download:active {
	border:0;
	background:url(/wp-content/uploads/2016/02/Download-button-Pressed.png) no-repeat;
}