/* --------- /stylesheets/reset.css --------- */ 
/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }/* --------- /stylesheets/public/base-type.css --------- */ 
/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; color:#353a42; }


/* Default fonts and colors. */
body { font-family: Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.25em; }
h2 { font-size: 2em; line-height: 1.125em; margin-bottom: 0.375em; }
h3 { font-size: 1.5em; line-height: 1em; margin-bottom: .5em; }
h4 { color:#84A3A3; font-size:1.5em; margin-bottom:.5em; border-top:1px solid; padding-top:.5em; line-height:1.3em; }
h5 { color:#d6ff8f; font-size:1.166em; margin-bottom:.857em; padding-top:.857em; }
h6 { color:#89AF4C; font-weight:bold; line-height:1.7em;}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a {color:#abc507; text-decoration:none; border-bottom:1px dotted #CEEBEB;}
a:link, a:visited {}
a:hover, a:active {color:#D6FF8F;}

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }
.highlight { background: #ffc; }



/* GLOBAL CLASSES
================================================ */
a.bullet {padding-left:20px; background:url(/images/icons/bullet.gif) no-repeat left center;}
/* --------- /stylesheets/public/base-layout.css --------- */ 
/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


body {background-color:#222d2d; color:#ceebeb;}
#Wrap {width:520px; margin:0 auto;}



#Nav {width:520px; overflow:hidden;}
#Content {padding:20px 10px 0; margin-bottom:30px; overflow:hidden; }
#Yield {overflow:hidden;}
#Footer {margin-top:50px; clear:left;}



/* MASTHEAD
================================================ */
#Masthead {}
/* layout */
#Masthead h1, #Masthead h2 {margin:0; padding:0 10px;}
#Masthead h1 {margin-top:20px;}
#Masthead h2 {margin-bottom:20px;}
#Masthead .header_credit { padding:0 10px;}
/* type */
#Masthead h1, #Masthead h2 {text-align:right;}
#Masthead h1 {font-size:8em; line-height:.9em; font-weight:bold; letter-spacing:-.04em;}
#Masthead h2 {font-size:2em; letter-spacing:-.04em;}
#Masthead .header_credit {font-size:10px; text-align:right;}

/* color */
#Masthead h1 {color:#abc507;}
#Masthead h2 {color:#D6FF8F;}
#Masthead .header_credit {color:#779F9F;}
#Masthead img {border:10px solid #D6FF8F;}




/* STYLES FOR SITE NAVIGATION */

/* MAIN NAVIGATION
================================================ */

/* layout */
ul#Nav {list-style-type:none; margin:0;}
#Nav {overflow:hidden;}
#Nav li {display:inline;}
#Nav a {display:block; padding:8px 20px 0 10px; float:left;}

/* type */
#Nav {text-transform:uppercase;}
#Nav a {line-height:2em; text-decoration:none;}

/* color */
#Nav {background-color:#D6FF8F; border-top:4px solid #6E8D3B;}
#Nav a {color:#193A51; }
#Nav a:link, #Nav a:visited {background:#D6FF8F; color:#627102;}
#Nav a:hover, #Nav a:active, #Nav a:focus {background:#89AF4C; color:#FFF;}

/* you are here */
ul#Nav li.active a:link, ul#Nav li.active a:visited {background:#89AF4C; color:#FFF; font-weight:bold;}




/* CONTENT
================================================ */
/* color */
#Content {background:#2F3E3E url(/images/backgrounds/rounded_corners.gif) no-repeat left bottom;}
#Content strong {color:#88CEF2;}
#Content small {color:#A2D4D4;}
/* type */
#Content p {line-height:1.8em;}
#Content ol li {line-height:1.8em; list-style-type:decimal; margin-left:3em;}
#Content ul li {line-height:1.8em;}




#Footer p {color:#779F9F; text-align:center;}



/* SPONSORS
================================================ */
/* layout */
#Sponsors {margin-top:60px;}
#Sponsors a {border:0;}
#Sponsors img {margin:10px 10px; vertical-align:middle; border:5px solid #74bee4;}
/* color */
#Sponsors {background:#88CEF2; border-top:4px solid #5D7D8E;}
/* type */
#Sponsors {text-align:center;}



img.lightbox_it {display:block; float:right; margin:0 0 10px 10px;}
/* --------- /stylesheets/public/chunks/camps.css --------- */ 
/* =CAMP LISTINGS
================================================ */
/* layout */
ul.camp_list h4, ul.camp_list p {margin-bottom:.2em;}
ul.camp_list h4 {padding-top:0;}
ul.camp_list {list-style-type:none; margin:0;}
ul.camp_list > li {padding:.5em 0;}
ul.camp_list li {margin-bottom:1em;}
/* color */
ul.camp_list h4 {color:#ceebeb; border-top:0;}
/* type */
ul.camp_list h4 {font-size:1.5em; line-height:1.5em;}



/* =CAMP DESCRIPTION
================================================ */
/* layout */
.camp_description .heading {margin-bottom:1.5em;}
.camp_description .sidebar {float:right; margin: 0 0 10px 20px;}
.camp_description p.credit {margin-bottom:.5em;}
/* color */
.camp_description img {border:4px solid #6E8D3B;}
.camp_description img[style="float: right;"] {margin-left:10px; margin-bottom:10px;}
.camp_description .sidebar a {border-bottom:none;}
.camp_description h4 {border-top:0;padding-top:0; color:#44CACA;}
/* type */
.camp_description p.credit {font-size:.8em; text-align:right;}
.camp_description h4 {font-size:1.2em;}

.camp_description a#toggle {padding-left:20px; background:url(/images/icons/bullet.gif) no-repeat left center;}/* --------- /stylesheets/plugins/simple_form.css --------- */ 
/* SIMPLE FORM
-------------------------------------------------------------- */
/* layout */
ul.simpleForm {margin:0; padding:0; }
ul.simpleForm fieldset, ul.simpleForm li {margin:0; padding:0;}
ul.simpleForm fieldset {}
ul.simpleForm li {overflow:hidden; padding:10px 1px; border-top:1px solid #EEF0F1; }
ul.simpleForm > li > label {display:block; width:120px; float:left; margin-right:30px;}
ul.simpleForm label.fullWidth {width:auto; float:none; margin:0 0 6px;}
ul.simpleForm fieldset {border:0;}

ul.simpleForm fieldset li {clear:none; overflow:hidden; float:left; padding:0 0 1em 0; margin: 0 2em 0 0; border:0; height:3em;}
ul.simpleForm fieldset li.checkbox {height:auto;}
ul.simpleForm fieldset label {display:inline; float:none; margin:0;}
ul.simpleForm fieldset ul {margin-left:0; overflow:hidden; margin-bottom:0;}
ul.simpleForm li.new_row {clear:left; width:100%;}
ul.simpleForm button {display:inline;}
/* typography */
ul.simpleForm {list-style-type:none;}
ul.simpleForm fieldset li {list-style-type:none;}
ul.simpleForm fieldset label {font-weight:normal; font-size:.85em;}

.simpleForm #progress {padding-left:150px;}

.simpleForm input.full {width:96%;}
.simpleForm input.long {width:30em;}
.simpleForm input.medium {width:15em;}
.simpleForm input.short {width:10em;}
.simpleForm input.tiny {width:3em;}
.simpleForm textarea.full {width:96%; height:10em;}
.simpleForm textarea.standard {width:30em; height:6em;}
/* typography */
.simpleForm label {font-size:.857em; font-weight:bold; }


.simpleForm li.submit {padding-left:150px;}/* --------- /stylesheets/plugins/rails_notifications.css --------- */ 

/* FLASH NOTICE
================================================*/
/* layout */
#FlashNotice {padding:10px; margin-bottom:15px;}
/* color */
#FlashNotice {background-color:#B8EC22; color:#333;}



/* FLASH ERROR
================================================*/
/* layout */
#FlashError {padding:10px; margin-bottom:15px;}
/* color */
#FlashError {background-color:#DF291B; color:#FFF;}



/* ERROR EXPLANATION
================================================*/
/* layout */
.errorExplanation h2 {padding:5px 10px;}
.errorExplanation p {padding:10px 10px 0;}
.errorExplanation ul {padding:0 10px 1.5em 30px;}
/* type */
.errorExplanation h2 {font-family:'Lucida Grande', Verdana, sans-serif; font-size:1em; font-weight:bold; letter-spacing:2px; line-height:1.5em; text-transform:uppercase;}
.errorExplanation li {list-style-type:disc;}
/* color */
.errorExplanation {background-color:#f1ffb6; color:#333;}
.errorExplanation h2 {background-color:#d6ff2f; color:#9F1D13;}


.fieldWithErrors {padding-left:25px; background:url(/images/admin/icons/small/error.png) no-repeat left top;}/* --------- /stylesheets/bb_modules/galleries.css --------- */ 

/* Gallery Lists
-------------------------------------------------------------- */
/* layout */
ul.gallery_list {margin:2em 0 0; overflow:hidden; margin-bottom:30px;}
ul.gallery_list img {float:left;}
ul.gallery_list li {margin-bottom:2em;}
ul.gallery_list .gallery_info {margin-left:95px;}
/* typography */
ul.gallery_list {list-style:none;}
ul.gallery_list h2 {margin:0;}



/* Gallery Display
-------------------------------------------------------------- */
/* layout */
ul.gallery_display {margin:2em 0 0; overflow:hidden;}
ul.gallery_display a {border:0;}
ul.gallery_display li {float:left; margin:0 20px 20px 0;}
ul.gallery_display img {border:2px solid #d9edf7;}
/* typography */
ul.gallery_display {list-style:none;}/* --------- /stylesheets/bb_modules/blog.css --------- */ 
/* ENTRY LIST
-------------------------------------------------------------- */
ul.blog_list {list-style:none; margin-left:0;}
ul.blog_list li {margin-bottom:2em;}
.blog_list .title {font-size:1.5em; font-weight:bold; display:block;}
.blog_list .date {color:#627676;}
.blog_list .author {font-weight:bold; color:#777; margin-left:1em;}
.blog_list .content {display:block; margin:1em 0;}
.blog_list .comments {font-size:.8em; text-transform:uppercase; color:#999; margin-left:1em;}
.blog_list .continue {display:block; text-align:right;}


/* SINGLE ENTRY
-------------------------------------------------------------- */
div.blog_entry {}
.blog_entry .date {color:#627676;}
.blog_entry .author {font-weight:bold; color:#777; margin-left:1em;}
.blog_entry .comments {font-size:.8em; text-transform:uppercase; color:#999; margin-left:1em;}
.blog_entry .content {display:block; margin:2em 0 4em;}




/* COMMENT LIST
-------------------------------------------------------------- */
div.blog_comments {}
.blog_comments .comment_count {background-color:#EEE; padding:.5em;}
.blog_comments ul.comment_list {list-style:none; margin-left:0;}
.blog_comments ul.comment_list li {margin:1em 0; border-bottom:2px solid #EEE;}
.blog_comments .closed {color:#999;}
.blog_comments .comment_head {color:#777;}
.blog_comments .comment_body {}
.blog_comments textarea {height:10em; width:340px;}
.blog_comments input[type="text"] {width:340px;}
.blog_comments input[type="submit"] {margin-left:10em;}





/* COMMENT FORM
-------------------------------------------------------------- */


/* RSS LINKS
-------------------------------------------------------------- */
#rss_link {background:url(/images/layout/rss.gif) no-repeat left center; padding-left:20px;}
/* --------- /stylesheets/jquery/lightbox/lightbox.css --------- */ 
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a {border:0;}
#lightbox a img{ border: none; }


#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/stylesheets/jquery/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/stylesheets/jquery/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/stylesheets/jquery/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; color:#666;}	
#imageData #caption{ font-weight: bold; color:#333;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}