/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
	background-color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: smaller;
	margin: 0 auto;
	
	}
	h1 {font-size: 350%; line-height: 100%; }
	h2 {font-size: 230%; line-height: 100%; color: #5f4847}
	h3 {font-size: 160%; line-height: 100%;}
	h4 {font-size: 150%; line-height: 100%; font-style: normal;}
	h5 {font-size: 110%; line-height: 130%; font-family: PeriodicoText-LgIt; font-style: normal; font-weight: normal;}
	p {font-size: 120%; line-height: 130%;}
	li, td {font-size: 110%; line-height: 130%;}
	/* i {font-family: PreloSlab-ExtraLightItalic; font-style: normal;}
	strong {font-family: PreloSlab-SemiBold; font-style: normal;} */
	
	.quotes h4 {margin-bottom: 20px; margin-top: 15px;}
	.quotes h5 {margin-bottom: 20px;}
	
	.fourcol {padding: 0;}
	
	.twelvecol {background-color: #5f4847;}
	.threecol {background-color: #f0533b;}
	.fourcol {/*background: url(/events/readpraysing/images/ReadPraySing_background-800.png) no-repeat center top;*/}
	
	.nomobile {display: block;}
	.yesmobile {display: none;}
	
	.header {padding: 25px; color: white;}
	.header img {clear: both; width: 100%;}
	.header h1, h2 {padding-bottom: 10px; color: white;}
	.header h3, p {color: white;}
	.header p strong {font-family: PreloSlab-SemiBoldItalic; font-style: normal;}
	.header p i {font-family: PreloSlab-ExtraLightItalic; font-style: normal; color: white;}
	.header a {text-decoration: none;}
	
	
	
	.nav {padding: 0; text-align: center; background-color: #5f4847; width: 100%;}
	.nav ul {font-size: 130%; }
	.nav ul li {list-style: none; padding: 9px 20px; display: inline-block; background-color: #5f4847;}
	/* nav ul li:last-child {list-style: none; border-bottom: none;} */
	.nav ul li a {line-height: 120%; text-decoration: none; color: white; letter-spacing: 1px;}
	.nav ul li.current {background-color: black; }
	.nav ul li:hover {background-color: #8a7967;	}
	
	.section {padding: 25px; color: white;}
	.section h2, h3, h4, h5, p, li, td {padding-top: 10px; padding-bottom: 0px; color: black;}
	.section h2 {text-transform: uppercase; margin: 10px 0 10px 0; color: #5f4847}
	.section h3 {font-style: normal; margin: 30px 0 10px 0; }
	.section h4 {font-style: normal; margin-bottom: 10px; margin-top: 20px; color: #5f4847}
	.section h5 {font-style: normal;}
	.section a:link {text-decoration: none; color: #a7715e; font-weight: bold;}
	.section a:visited {text-decoration: none; color: #a7715e; font-weight: bold;}
	.section a:hover {text-decoration: none; color: #8a7967; font-weight: bold;}
	.section a:active {text-decoration: none; color: #8a7967; font-weight: bold;}
	.section .figure {float: left; width: 40%; margin-left: 5%; margin-top: 0; margin-bottom: 30px; margin-top: 30px; border: 1px solid white; color: black; }
	.section table {margin-left: 20px;}
	
	.section ul {list-style: none; padding-bottom: 10px; padding-left: 10px;}
	.section ul li {padding-bottom: 5px;}
	
	.article img {width: 40%; float: left; clear: both; padding-right: 15px;}
	
	.aside {float: right; width: 25%; background-color: #8a7967; margin: 10px; padding: 10px; color: white; background: url(/events/readpraysing/images/ReadPraySing_background-800.png) no-repeat center top;}
	.aside p {padding-top: 0; font-size: 140%; color: black;}
	
	.footer {padding: 25px; color: white; text-align: center;}
	.footer #univ {float: right; width: 250px; margin-top: -15px;}
	.footer #center {float: left; width: 250px; padding-top: 5px;}
	.footer #moreinfo {width: 300px; text-align: center; margin: 0 auto; color: white;}
	.footer #moreinfo p {color: white;}
	.footer a:link {text-decoration: none; color: #e3b58e; font-weight: bold;}
	.footer a:visited {text-decoration: none; color: #e3b58e; font-weight: bold;}
	.footer a:hover {text-decoration: none; color: #fff; font-weight: bold;}
	.footer a:active {text-decoration: none; color: #fff; font-weight: bold;}
	
/* ============================= */
/* ! Layout for iPad vertical   */
/* ============================= */	
@media handheld, only screen and (max-width: 1000px) {	
	.nav ul {font-size: 120%; }
	
}	
	
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {
.fourcol {text-align: center;}
.nav ul {font-size: 100%; }
.section img.figure2 {width: 90%;}
.section img.figure {float: none; width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 10px;}

.nomobile {display: none;}
.yesmobile {display: block;}
.footer #univ, .footer #center {float: none;}

}


/* ============================= */
/* ! Layout for iPhone version   */
/* ============================= */

@media handheld, only screen and (max-width: 479px) {
.section img {float: none; width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 10px;}	


.section .figure {float: none; width: 90%; }

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	

}