/* CSS Document 
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
*/
body {
	bacgkround-color: #8dd0ed;
	background: url("../images/sky-bg.png");
	background-repeat: no-repeat;
    background-size: cover;
	font-family: 'Handlee', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";

}

a { color: #c12e34; }
a:hover { color: #FF6345; text-decoration: underline; }
a:visited { color: #c12e34; }


p, ul, li { font-size: 22px; }


#header {
	min-height: 160px; 
	background: url("../images/clouds.png") bottom repeat-x;
	padding-bottom: 50px; margin-bottom: 40px;
}
#header h1.title { 
	font-family: 'Lakki Reddy', cursive;
	font-weight: bold; 
	font-size: 48px;
	color: #c12e34; 
	text-align: center; 
	padding: 20px 10px 0 10px; 
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#header h2.subtitle {
	font-size: 24px;
	text-align: center;
	padding: 0 10px;
	margin: -10px 0 0 0;
}
h1, h2, h3, h4, h5, h6 { color: black; font-family: 'Lakki Reddy', cursive; }
strong { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; }

h2.normalheader, h4.normalheader { text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: bold; }

.bioimage { text-align: center; }
.bioimage img { height: 150px; width: 150px; border: 7px solid black; margin: 10px; }

.quotes { }
.quotecol { text-align: center; margin-bottom: 30px; }
.quotecol blockquote { font-size: 24px; max-width: 300px; margin: 30px auto 5px auto; }
.quotecol attribute { font-size: 16px; max-width: 300px; margin: 5px auto 30px auto; }

.parentinfo { margin-bottom: 120px; }
.parentinfo p { font-size: 20px; font-family: Verdana, "Lucida Grande", "sans-serif";}
.parentinfo strong { font-family: Verdana, "Lucida Grande", "sans-serif"; }

img.appstorebadge { margin: 20px 20px 20px 0; width: 200px; }

footer { min-height: 89px; background: url(../images/grass.png) top center repeat-x; text-align: center; border-style: none; }
footer h4 { padding: 50px 10px 0 10px; font-size: 24px; }
footer a, footer a:visited { color: #FFB300; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
footer a:hover { color: #FFD573; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;  }
footer p.copyright { margin: -10px 5px 10px 5px; padding: 0; font-size: 16px; }

@media (max-width: 576px) {
  #header h1.title { font-size: 34px; }
  #header h2.subtitle { font-size: 20px; }
.hidden-xs {display: none; }
}