@font-face {
    font-family: 'Permanent Marker';
    src: url('fonts/permanentmarker-webfont.eot');
    src: url('fonts/permanentmarker-webfont.eot%3Fiefix') format('eot'),
         url('fonts/permanentmarker-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline:0; }

.pm { font-family: 'Permanent Marker', Arial; }

html, body { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #4b4b4b;
}

a { color: #205e85; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h1#logo a { background: url(images/logo.png); width: 300px; height: 42px; position: absolute; top: 40px; left: -2px; }
h2 { font-size: 26px; }
h3 { font-size: 18px; line-height: 22px; font-weight: normal; }
h4 { font-size: 14px; }
h5 { font-size: 11px; text-transform: uppercase; color: #ccc; line-height: 24px; }
h5 a.right { font-weight: normal; text-transform: none; margin-right: 3px; }
h6 { font-size: 11px; line-height: 16px; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 960px; margin: 0 auto; }

#footer, #footer-push { height: 150px; }
#footer { background: #e0e0e0; }
#footer .shell { padding: 20px 0 0; }
#footer p { text-align: center; color: #575757; padding: 0 0 8px; }
#footer .foot-nav { color: #fff; padding: 0 0 34px; text-align: left; }
#footer .foot-nav a { color: #575757; }

#header { height: 133px; position: relative; }
#header .socials { padding: 44px 2px 16px; }
#header .tagline { font-size: 16px; text-align: right; line-height: 20px; }

#main { padding: 29px 0 30px; overflow: hidden; }

#map-section { padding: 0 0 20px; width: 554px; height: 324px; }

#nav { background: url(images/nav.png); width: 960px; height: 47px; }
#nav ul { list-style: none; font-family: "Myriad Pro", Arial, Sans-serif; font-size: 15px; line-height: 44px; font-weight: bold; }
#nav ul.left { padding-left: 16px; }
#nav ul.right { padding-right: 14px; width: 184px; }
#nav li { height: 47px; position: relative; }
#nav li a { float: left; color: #fff; text-shadow: 0 1px 1px #333; padding: 0 18px 3px; background: url(images/nav-hover.png) 0 -50px repeat-x; }
#nav li a:hover,
#nav li a.hover { text-decoration: none; background-position: 0 0; }
#nav .dd { width: 209px; position: absolute; top: 47px; left: -6px; display: none; }
#nav .dd .box-t { background: url(images/nav-dd-t.png); width: 209px; height: 8px; }
#nav .dd .box-m { background: url(images/nav-dd-m.png) repeat-y; width: 197px; padding: 0 6px; }
#nav .dd .box-b { background: url(images/nav-dd-b.png); width: 209px; height: 14px; }
#nav .dd .box-i { width: 197px; }
#nav .dd li { height: auto; float: left; clear: left; width: 197px; }
#nav .dd li a { font-size: 12px; font-family: Arial, Helvetica, Sans-serif; line-height: 26px; font-weight: bold; color: #4b4b4b; text-shadow: 0 0 0; padding: 0 21px; float: none; display: block; }
#nav .dd li a:hover { background: #e0e0e0; }

#wrap { background: url(images/No_wrap.png) 50% 0 no-repeat; min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -150px; }

.address-section { padding: 4px 0 20px; }
.address-section h3 { line-height: 18px; font-weight: bold; padding: 0 0 2px; }
.address-section p { font-size: 14px; line-height: 18px; color: #b3b3b3; padding: 0 0 16px; }
.address-section #mini-map { width: 184px; height: 149px; padding: 2px 0 0; }

.activity { width: 176px; }
.activity h3 { padding: 0 0 0 14px; }
.activity .box-t { background: url(images/side-box-t.png); width: 176px; height: 6px; }
.activity .box-m { background: url(images/side-box-m.png) repeat-y; width: 174px; padding: 0 1px; }
.activity .box-b { background: url(images/side-box-b.png); width: 176px; height: 8px; }
.activity .box-i { width: 174px; padding: 6px 0 2px; overflow: hidden; }
.activity .buttons { padding: 8px 0 0 16px; height: 100%; }
.activity .buttons .btn-grey { margin: 0 0 10px; }
.activity .small-buttons { padding: 6px 0px 17px 15px; border-bottom: 1px solid #e0e0e0; margin: 0 0 8px; }
.activity .small-buttons .btn-grey { margin-right: 5px; }

.attendants { padding: 0 0 10px; }
.attendants ul { list-style: none; height: 100%; overflow: hidden; padding: 3px 0 5px; }
.attendants .item-img { width: 50px; height: 50px; overflow: hidden; margin: 0 5px 5px 0; }

.btn-grey { font-size: 14px; line-height: 24px; color: #4b4b4b; text-shadow: 0 1px 0 #fff; }
.btn-grey span { background-image: url(images/btn-grey.png); background-repeat: no-repeat; }
.btn-grey .l { background-position: 0 0; padding-left: 8px; }
.btn-grey .r { width: 8px; height: 24px; background-position: right 0; }
.btn-grey:hover { text-decoration: none; }
.btn-grey:active .l { background-position: 0 -24px; }
.btn-grey:active .r { background-position: right -24px; }

.camp-photos { padding: 0 0 10px; }
.camp-photos ul { list-style: none; height: 100%; overflow: hidden; padding: 2px 0 0; }
.camp-photos .item-img { width: 52px; height: 52px; overflow: hidden; margin: 0 7px 7px 0; }

.content { width: 554px; padding-left: 20px; }

.custom-upload { width: 196px; height: 24px; margin: 1px 0 7px; position: relative; overflow: hidden; }
.custom-upload .file-field { position: absolute; top: 0; left: 0; height: 100px; }
.custom-upload .filename { line-height: 24px; width: 99px; white-space: nowrap; overflow: hidden; height: 24px; }
.custom-upload .btn-grey .l { width: 81px; text-align: center; }

.featured-events { padding: 0 0 10px; }
.featured-events h4 { line-height: 20px; }
.featured-events p { line-height: 16px; }
.featured-events .item { width: 174px; padding-top: 2px; padding-bottom: 20px; }
.featured-events .left { padding-right: 16px; }
.featured-events .item-img { width: 174px; height: 142px; overflow: hidden; margin: 0 0 7px; }

.featured-sponsors { padding: 0 0 10px; }
.featured-sponsors h4 { padding: 5px 2px 7px; }
.featured-sponsors ul { list-style: none; padding: 2px 0 0; }
.featured-sponsors li { padding: 0 0 8px; font-size: 0; line-height: 0; }
.featured-sponsors li img { display: block; }

.half-section { padding: 0 0 15px; width: 272px; }
.half-section ul { list-style: none; position: relative; margin-left: -5px; padding: 2px 0 4px; height: 100%; overflow: hidden; width: 277px; }
.half-section .item-img { width: 50px; height: 50px; margin: 0 0 5px 5px; overflow: hidden; }

.ico-google { background: url(images/ico-google.png); }
.ico-facebook { background: url(images/ico-facebook.png); }
.ico-friendfinder { background: url(images/ico-friendfinder.png); }
.ico-linkedin { background: url(images/ico-linkedin.png); }
.ico-twitter { background: url(images/ico-twitter.png); }

.interests { padding: 0 0 15px; }
.interests ul { list-style: none; font-size: 12px; line-height: 18px; }

.mid-section { margin-left: 15px; }

.popup { position: absolute; top: -10000px; left: -10000px; width: 375px; z-index: 2000; }
.popup h2 { padding: 0 0 3px; }
.popup p { padding: 0 0 10px; }
.popup label { width: 130px; font-weight: bold; line-height: 26px; }
.popup .box-t { background: url(images/popup-t.png); width: 375px; height: 14px; }
.popup .box-b { background: url(images/popup-b.png); width: 375px; height: 14px; }
.popup .box-m { background: url(images/popup-m.png); width: 335px; padding: 0 20px; }
.popup .box-i { width: 335px; }
.popup .small { font-size: 11px; padding: 0 0 6px; }
.popup .blink { background: #fff; border: 1px solid #999; font-size: 12px; font-weight: bold; line-height: 16px; height: 16px; padding: 4px 5px 5px; width: 184px; margin: 0 0 6px; }
.popup textarea.blink { height: 67px; resize: none; }
.popup .select { width: 145px; height: 20px; border: 1px solid #999; margin: 4px 0 10px; }
.popup .btn-grey { margin: 0 10px; }
.popup .custom-upload .btn-grey { margin: 0; }
.popup .cancel { line-height: 24px; }

.popup-overlay { background: #ccc; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; cursor: pointer; }

.post { width: 366px; padding: 0 0 6px; }
.post h2 { line-height: 26px; padding: 0 0 17px; position: relative; top: -2px; }
.post p { font-size: 12px; line-height: 18px; padding: 0 0 18px; }

.previous-camps { padding: 0 0 15px; }
.previous-camps h5 { line-height: 20px; }
.previous-camps ul { list-style: none; font-size: 12px; line-height: 20px; font-weight: bold; }

.recent-events { }
.recent-events h4 { line-height: 20px; }
.recent-events p { line-height: 16px; }
.recent-events .item { width: 131px; padding-top: 3px; padding-bottom: 17px; }
.recent-events .item-img { width: 131px; height: 107px; margin-bottom: 10px; }
.recent-events .left { padding-right: 10px; }

.section, .half-section { border-top: 1px solid #ccc; }

.sidebar { width: 184px; }

.side-nav { padding: 0 0 17px; position: relative; margin-right: -2px; width: 186px; }
.side-nav h3 { padding: 9px 0 5px 11px; }
.side-nav h3 span { color: #27688e; }
.side-nav form { padding: 0 0 14px 10px; }
.side-nav ul { list-style: none; }
.side-nav li { font-size: 0; line-height: 0; border-top: 1px solid #d0d0d0; }
.side-nav li a { font-size: 18px; line-height: 22px; color: #4b4b4b; padding: 8px 50px 10px 11px; background-image: url(images/side-nav-link.png); background-repeat: no-repeat; background-position: 143px 24px; display: block; }
.side-nav li:last-of-type a { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
.side-nav li a span { color: #27688e; }
.side-nav li a:hover { text-decoration: none; background-color: #e0e0e0; background-position: 140px 24px; }
.side-nav .box-t { background: url(images/side-nav-t.png); width: 186px; height: 6px; }
.side-nav .box-m { background: url(images/side-nav-m.png); width: 184px; padding: 0 1px; }
.side-nav .box-b { background: url(images/side-nav-b.png); width: 186px; height: 6px; }
.side-nav .box-i { position: relative; margin: -5px 0; width: 184px; }
.side-nav .field { background: url(images/field-search.png); width: 117px; height: 24px; margin: 1px 7px 0 0; }
.side-nav .blink { background: transparent; border: 0; color: #bbb; height: 16px; line-height: 16px; padding: 4px 6px; width: 105px; }
.side-nav .blink:focus { color: #333; }
.side-nav .btn-go { background: url(images/btn-go.png) 0 0 no-repeat; width: 37px; height: 25px; border: 0; cursor: pointer; }
.side-nav .btn-go:active { background-position: 0 -25px; }

.socials { }
.socials a { width: 16px; height: 16px; margin-left: 5px; }

.sponsors-list { }
.sponsors-list td { text-align: center; padding: 4px 0 15px; }

.third-section { width: 174px; border-top: 1px solid #ccc; }

.tweet_list { list-style: none; }
.tweet_list li { font-size: 11px; line-height: 16px; color: #b3b3b3; padding: 0 0 4px; }
.tweet_list a { color: #b3b3b3; }
.tweet_list .tweet_time { display: block; }

.twitter-feed { padding: 0 0 10px; }

.upcoming-events { padding: 0 0 10px; }
.upcoming-events h4 { line-height: 20px; }
.upcoming-events p { line-height: 16px; color: #bbb; }
.upcoming-events ul { list-style: none; padding: 6px 0 0; }
.upcoming-events li { padding: 0 0 9px; }

.user-events { padding: 0 0 8px; }
.user-events h4 { line-height: 20px; }
.user-events p { line-height: 16px; color: #bbb; }
.user-events ul { list-style: none; padding: 2px 0 15px; }
.user-events li { padding: 0 0 4px; }
.user-events .previous-events { }
.user-events .previous-events ul { position: relative; margin-right: -7px; width: 181px; }
.user-events .previous-events .item-img { width: 52px; height: 52px; overflow: hidden; margin: 0 7px 7px 0; padding: 0; }

.user-profile { padding: 0 0 20px; }
.user-profile h2 { line-height: 26px; position: relative; margin: -2px 0 0; }
.user-profile p { line-height: 18px; }
.user-profile .item-img { background: url(images/bg-user-photo.jpg); width: 174px; height: 226px; overflow: hidden; border: 1px solid #e0e0e0; }
.user-profile .item-entry { width: 366px; }
.user-profile .item-head { padding: 0 0 15px; }
.user-profile .btn-grey .l { width: 104px; text-align: center; }
.user-profile .user-tagline { color: #c4c4c4; padding: 0 0 5px; }
.user-profile .socials { padding: 0 2px; }
.user-profile .socials a { margin-left: 0; margin-right: 5px; }

.youtube-feed { padding: 0 0 15px; }
.youtube-feed p { font-size: 11px; line-height: 16px; color: #b3b3b3; }
.youtube-feed .video-thumb { width: 174px; padding: 0 0 5px; }
.youtube-feed .video-thumb img { display: block; }
.youtube-feed .video-thumb .box-t { background: url(images/th-video-t.png); width: 174px; height: 3px; }
.youtube-feed .video-thumb .box-m { background: url(images/th-video-m.png); width: 164px; padding: 2px 5px 1px; }
.youtube-feed .video-thumb .box-b { background: url(images/th-video-b.png); width: 174px; height: 4px; }
