/* myStyle.css: misc styles, lytebox mods, responsive @queries */


body {
	background: #f1f1e9;
}
h1 {
	font-family: futura, "gill sans", verdana, sans-serif; 
	font-weight:normal; 
	font-size:60px; 
	line-height:62px;
	color: #648293;
}
h2 {
	font-family: sans-serif; 
	font-weight:normal; 
	font-size:30px; 
	line-height:32px;
	color: #648293; 
}

p {
	font-family: "Myriad Pro", verdana, sans-serif;
	font-weight:normal; 
	font-size:16px; 
	line-height:19px;
	color: #333; 
}

.blurb {
	padding:2px 20px;
}

.nav{
    border-top:1px solid #648293;
    border-bottom:1px solid #648293;
    list-style:none;
    margin:4px;
    padding:4px;
    text-align:center;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
    padding: 6px 20px;
    font-family: "Myriad Pro", verdana, sans-serif; 
    font-weight:normal; 
    font-size:20px; 
    color: #648293; 
    text-decoration:none;
}


.gallery {
	margin:10px auto; 
	display:block;
}
.gallery img {
	float:left; 
	margin:2% 1%;
	box-shadow:2px 2px 3px #aaaaaa;
}


.footer {
    clear:both;
 	float:none
    width: 100%;
    border-top: solid 1px #ccc;
    margin:20px 10px;
}
.footer p{
	font-family:sans-serif; 
	font-weight:normal; 
	font-size:16px; 
	color: #333;
	text-align:center
}		
.footer-nav{
    list-style:none;
    margin:10px;
    padding:10px;
    text-align:center;
}
.footer-nav li{
    display:inline;
}
.footer-nav a{
    display:inline-block;
    padding: 6px 20px;
    font-family: sans-serif; 
    font-weight:normal; 
    font-size:16px; 
    color: #648293; 
    text-decoration:none;
}

@media (min-width: 1000px)  {
body {margin:20px;}
h1 {text-align:left; margin-left:10px;}
.nav a{font-size:20px; padding:6px 40px;}
.gallery {width:1000px; padding:8px;}
.gallery img {width:23%;}
}

@media (min-width: 600px) and (max-width: 999px) {
body {margin:6px;}
h1 {text-align: center; font-size:40px;}
.nav a, footer-nav a{font-size:20px; padding: 3px 12px;}
.gallery {width:600px; padding:16px;}
.gallery img {width:45%;}
}

@media (min-width: 200px) and (max-width: 599px) {
body {margin:2px;}
p {font-size:16px; }
h1 {text-align: center; font-size:40px;}
.nav a, footer-nav a{font-size:18px;  padding: 3px 6px;}
.gallery img {width:300px;}
}