body {font-size:small; text-align:center; min-width:640px; margin:0; padding:0; background:url(http://youthcamp.clclutheran.net/images/background.png) fixed #fbfaf7; padding-bottom:60px;}
.wrapper {text-align:left; margin:0 auto; width:640px;}
.content {margin:120px 45px 140px; background:#fff; padding:17px; 
-webkit-border-radius:7px; border-radius:7px;
-webkit-box-shadow:  0px 0px 6px 1px rgba(0, 0, 0, .1);
		box-shadow:  0px 0px 6px 1px rgba(0, 0, 0, .1);}
#findus .content {margin-top:30px;}
.social {margin-top:80px;}
.social a img {border:none;}

/* TEXT COLOR */
.nav a, .button a:hover span {color:#fff;}
#home h1 {color:#7ebea6;}
h2, p, .button, .button a span, td, #staff .person p span {color:#978571} /* tan */
p span, .orange, h1, h3, p a {color:#ecb457;} /* orange */

/* FONT-FAMILY */
body {font-family: 'Cabin', arial, sans-serif;}
h1, p span, h2, #staff td span, #staff .person p span, .button a span, .mobile-nav a {font-family: 'Lobster Two', cursive;}

/* NAVIGATION */
.nav {width:640px; background:#ecb457; margin:0; padding:11px 0; position:fixed; text-align:center; z-index:100;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;}
.nav li {list-style:none; display:inline;}
.nav a {text-decoration:none; text-transform:uppercase; padding:11px 8px; font-size:12px;}
.urhere, .nav a:hover {background:url(http://youthcamp.clclutheran.net/images/nav-arrow10.png) no-repeat 50% bottom;}

h1 {font-weight:normal; font-size:29px;}
h2 {font-size:32px; margin:15px 0 0; font-weight:bold; font-style:italic;}
h3 {font-size:17px;}
p {font-size:15px; line-height:1.8em;}
p.gap {margin-bottom:60px;}
p span {font-size:30px;}
p + h1 {margin-top:25px;}
p a {text-decoration:none;}
p a:hover {text-decoration:underline;}
img {vertical-align:bottom;}

.button {text-align:center;}
.button a {text-decoration:none; border:1px solid #978571; padding:16px 4px 13px;  
-webkit-border-radius: 9px; border-radius:9px;}
.button a span {font-size:18px; background:#ebe7d9; padding:7px 12px;;
-webkit-border-radius: 7px; border-radius:7px;}
.button a:hover span {background:#7ebea6;}

/* packinglist.html */
#packing p {font-style:italic;}

/* staff.html */
#staff table {margin-top:120px; margin-bottom:30px;}
#staff td {padding:3px 15px; font-size:11px;}
#staff table tr {text-align:center;}
#staff td span {font-size:13px;}

#staff .team {margin:50px auto 0; width:540px;} 
#staff .person {float:left; width:125px; margin:0 2px; text-align:center;}
#staff .person p {font-size:12px; text-align:center; font-style:italic; line-height:16px;}
#staff .person p span {font-size:14px; font-style:normal;}

/* index.html */
.picasa {margin:20px auto 0;}
.facebook {width:575px; margin:20px auto 0; background:#fff; padding:17px; 
-webkit-border-radius:7px; border-radius:7px;
-webkit-box-shadow:  0px 0px 6px 1px rgba(0, 0, 0, .1);
		box-shadow:  0px 0px 6px 1px rgba(0, 0, 0, .1);}
#home h1 {font-size:80px; margin:0; padding-top:70px; position:relative; font-weight:bold; line-height:1em;}
#home * {text-align:center !important;}
#home p {font-weight:700; line-height:1.6em;}
#home h2 + p {margin-top:3px; line-height:1.4em;}

/* precamp.html */ 
.precamp {text-align:center;}
.precamp p {margin-bottom:12px;}


.mobile-back-to-top, .mobile-only, .mobile-social, .mobile-nav {display:none;}
.mobile-nav {margin:0; padding:0;}
.mobile-nav li {list-style-type:none; background:#fff; padding:4px; border:1px solid #978571; margin:10px 0 10px 3%; border-radius:7px; width:42%; float:left;}
/*.mobile-nav li:first-child {border-top:1px solid #978571;}*/
.mobile-nav a {text-decoration:none; display:block; padding:7px 0;  /*text-transform:uppercase;*/ font-size:18px; color:#978571; background:#ebe7d9; border-radius:7px;}
.mobile-nav a:hover {background:#7ebea6; color:#fff;}



@media only screen and (max-width: 649px) {
.mobile-back-to-top, .mobile-only, .mobile-nav {display:block;}
.mobile-social {display:table;}
#home .content, .facebook, .slideshow, .spacer-div, .nav {display:none;}
body {min-width:inherit; margin:0; padding-bottom:40px; background-attachment:scroll;}
.wrapper {width:inherit; padding:0 15px 30px;}
.content {width:inherit; margin:0; padding:15px;}
#home h1 {padding-top:0; font-size:63px; margin-top:20px;}
h1.title {color:#978571;}
h1.title a {color:#7ebea6; font-size:40px; text-decoration:none; margin-right:5px;}
p {font-size:17px; line-height:1.8em;}
p.gap {margin-bottom:30px;}
.mobile-back-to-top {margin-top:30px;}

#staff .team {width:inherit;}
#staff .person {width:108px; margin:0 4px;}
}