/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Created by: Ben Stewart (http://benstewart.net)
	Date: 2008-04-30
	
	Colors:
	00309e	header/link blue ("Compassion Blue")
	001d5f	dark blue (header)
	7db2e6	light blue (header)
	f1f1ec	primary content bg light tan
	e0e0cc	secondary bg medium tan
	d1d1b9	secondary bg medium tan (alt)
	a4a37f	footer bg dark tan
	111		foreground text dark grey
	262626	secondary text medium grey (hover)
	787876	secondary text light grey
	9c1f31	red accent
	fff		white
	
	Layout Grid:
	uncomment following line to show content grid background image
	
	div#content {background:transparent url('../img/grid.gif') center top repeat-y;}
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
** pre-header
*/
	html {height:100%;border-top:1px solid #0054a4;}
	body {margin:0;padding:0;background-color:#a4a37f;font-family:"Lucida Grande","Trebuchet MS",Verdana,Sans-Serif;text-align:center;}
	
	#skip-to-content {position:absolute;top:0;left:0;width:100%;height:18px;overflow:hidden;z-index:2;}
	#skip-to-content a:link, #skip-to-content a:visited {display:block;text-align:left;color:#00309e;font-size:1px;height:18px;text-decoration:none;text-indent:-999em;}
	#skip-to-content a:hover, #skip-to-content a:active {background-color:#002986;color:#7db2e6;text-align:center;font-size:0.834em;line-height:1.8;text-decoration:none;text-indent:0;}
	
	#main {padding-bottom:1.5em;background:#f1f1ec url('../img/body-bg.png') center top repeat-x;}

/*
** defaults
*/
	/* headings */
	h1, h2, h3, h4, h5, h6 {margin:0;font-family:"Lucida Grande","Trebuchet MS",Verdana,Sans-Serif;}
	h2 {margin:0 0 0.75em;font-weight:bold;color:#a4a37f;}
	h3 {margin:0 0 1em;padding:0;line-height:2;font-weight:bold;background:transparent url('../img/tan-horiz-dots.gif') left bottom repeat-x;}
	h4 {position:relative;}
	
	/* links */
	a:link, a:visited {color:#00309e;}
	a:hover, a:active {color:#111;}
	
	/* forms */
	form ul {list-style-type:none;padding:0;margin:0 0 1.5em;overflow:hidden;}
	form li {padding:0 0 0.75em 10px;margin:0 0 0.75em;text-indent:0;min-height:3em;overflow:hidden;background:transparent url('../img/tan-horiz-dots.gif') left bottom repeat-x;}
		form li.submit {padding-bottom:0;margin-bottom:0;min-height:0;background-image:none;}
			form li.submit input {margin:0.5em 0.5em 0.5em 0;}
	label {margin-right:20px;padding:1em 0 0.5em;width:210px;display:block;float:left;}
	input.text, textarea {padding:4px 5px;width:268px;font-size:1.1em;background-color:#f7f7f2;border-color:#a4a37f;}
	input.text:focus, textarea:focus {background-color:#fff;border-color:#262626;}
	textarea {height:18em;font-size:1.1em;font-family:"Lucida Grande","Trebuchet MS",Verdana,Sans-Serif;}
	.req, .error {color:#9c1f31;}
		p.req {font-size:0.834em;line-height:1.8;}
	/*.example {color:#a4a37f;}*/
	.example {display:block;color:#787876;font-size:0.834em;line-height:1.8;}
	.hintTextbox {color:#787876;}
	form li.recaptcha {height:11em;position:relative;}
		form li.recaptcha span.recaptcha-code {position:absolute;top:0;right:16px;}
		/*form li.recaptcha label {width:170px;}
		form li.recaptcha textarea {display:none;}
		form li.recaptcha span.recaptcha-code {width:320px;height:11em;margin:0;padding:0 14px 0 0;float:right;display:block;overflow:hidden;border:2px solid #f00;}*/
	
		
	/* classes */
	.fine-print {color:#787876;font-size:0.834em;line-height:1.8;}
	ul.ads {margin:1.5em 0;padding:0;list-style-type:none;float:left;overflow:hidden;}
		ul.ads li {margin:0;padding:0;float:left;}
		ul.ads li img {margin:0 0 1.5em 0;padding:0;}
		ul.ads li+li img {margin-left:20px;}
	span.rss-link {position:absolute;right:0;bottom:0;}
		span.rss-link a {padding-left:20px;}
	p.rss-link {text-align:right;}
		p.rss-link a {padding-left:20px;background:transparent url('../img/feed-icon-14x14.png') 0 50% no-repeat;}
	
/*
** header
*/
	#header {margin:0 auto;height:306px;width:960px;background:transparent url('../img/header-bg.jpg') center top no-repeat;position:relative;text-align:left;}
		#header h1 {display:none;}
	#ci-branding {position:absolute;top:18px;left:10px;}
	#header-picture {position:absolute;top:18px;right:0;width:400px;height:270px;overflow:hidden;background:transparent url('../img/header-picture.jpg') left top no-repeat;}
	#primary-nav {position:absolute;top:90px;left:10px;width:220px;text-transform:uppercase;list-style-type:none;padding:0;margin:0;}
		#primary-nav li {background-color:transparent;}
		#primary-nav a {padding:0 10px;display:block;font-size:1.167em;line-height:2.143;background:transparent url('../img/header-horiz-dots.gif') left bottom repeat-x;}
			#primary-nav a:link, #primary-nav a:visited {color:#7db2e6;text-decoration:none;background-color:transparent;}
			#primary-nav a:hover, #primary-nav a:active {color:#fff;text-decoration:none;background-color:#001d5f;}
			#n-contact-us a {background-image:none !important;}
		/* current page */
		body.home li#n-home a:link, body.home li#n-home a:visited,
		body.get-involved li#n-get-involved a:link, body.get-involved li#n-get-involved a:visited,
		body.our-trips li#n-our-trips a:link, body.our-trips li#n-our-trips a:visited,
		body.take-a-trip li#n-take-a-trip a:link, body.take-a-trip li#n-take-a-trip a:visited,
		body.our-bloggers li#n-our-bloggers a:link, body.our-bloggers li#n-our-bloggers a:visited,
		body.contact-us li#n-contact-us a:link, body.contact-us li#n-contact-us a:visited {color:#fff;background-color:#001d5f;}
	
/*
** content
*/
	#content {margin:0 auto;padding:1.5em 0 0;width:940px;text-align:left;overflow:hidden;color:#262626;}
	
	/* home page */
	#cb-description {margin-right:20px;width:540px;/*width:380px;*/float:left;}
	
	/* body.home ul.ads {margin-top:0;width:160px;}
		body.home ul.ads li {width:140px;overflow:hidden;}
		body.home ul.ads li+li img {margin-left:0;} */
	
	#latest-news {padding:0;width:380px;float:right;background-color:#e0e0cc;}
		#latest-news h3 {margin:0 10px;}
		#latest-news .post {padding:1.5em 10px;background-color:#d1d1b9;}
			#latest-news .odd {background-color:#e0e0cc;}
		#latest-news h4 {/*margin-right:10px;margin-left:10px;*/font-weight:bold;}
		#latest-news p {/*margin-right:10px;margin-left:10px;*/}
			#latest-news p:last-child {margin-bottom:0;}
			#latest-news p.post-meta {margin-bottom:0;color:#787876;font-size:0.834em;line-height:1.8;}
		
	/* get involved page */
	#email-signup {padding:0;width:380px;float:right;background-color:#e0e0cc;}
		#email-signup h3 {margin-right:10px;margin-left:10px;}
		#email-signup p {margin:0 10px 1.5em;}
		#email-signup form li {padding:0;margin:0 0 0 10px;width:auto;float:left;clear:none;background-image:none;}
			#email-signup form li.submit {margin:0;padding:0;width:auto;}
			#email-signup form label {display:none;}
			#email-signup form input.text {width:200px;margin-right:10px;}
	
	#blog-tools {margin-right:20px;width:540px;float:left;}
		#blog-tools h3 {margin-bottom:0;padding-bottom:0;background-image:none;}
		#blog-tools div.tool {margin:0;padding:1.5em 0 0;background:transparent url('../img/tan-horiz-dots.gif') left top repeat-x;}
		#blog-tools h4 {margin-bottom:1.25em;font-weight:bold;}
			#blog-tools h4 span {color:#787876;font-size:0.694em;line-height:1.8;white-space:nowrap;}
		#blog-tools div.widget-preview {position:relative;}
		#blog-tools p.instructions {margin:1.5em 0 0;color:#787876;font-weight:bold;}
		#blog-tools textarea {margin:0 0 1.5em;width:520px;height:9em;font-family:Courier,"Courier New",monospace;}
	
	body.get-involved ul.ads {/*margin-left:540px;*/width:380px;float:right;clear:right;}
	
	/* our trips page */
	#trip-content {width:700px;float:right;}
		/* #trip-content h4 {margin-bottom:1.286em;font-size:1.167em;line-height:2.571;background:transparent url('../img/tan-horiz-dots.gif') left bottom repeat-x;}
			#trip-content h4 span {font-size:0.834em;line-height:1.8;color:#a4a37f;} */
		#trip-content h4 {font-size:1.5em;line-height:2;margin-bottom:1em;font-weight:bold;background:transparent url('../img/tan-horiz-dots.gif') left bottom repeat-x;}
			#trip-content h4 span {font-size:0.556em;line-height:3.6;color:#a4a37f;font-weight:normal;}
		#trip-content .primary {width:380px;float:left;margin-right:20px;}
		#trip-content .secondary {width:300px;float:left;}
	
		#trip-info {width:380px;overflow:hidden;}
			#trip-info h3 {margin:0 0 0.75em;padding:0;font-size:2em;line-height:1.5;text-transform:uppercase;color:#9c1f31;background-image:none;}
				/* #trip-info h3 span {margin:0;display:block;font-size:0.5em;line-height:1;color:#a4a37f;font-weight:normal;} */
		
		#trip-ad-code {padding-bottom:1.5em;margin-bottom:1.5em;background:transparent url('../img/tan-horiz-dots.gif') left bottom repeat-x;}
			#trip-ad-code p.instructions {color:#787876;font-weight:normal;clear:both;}
			#trip-ad-code div.widget-preview {}
			#trip-ad-code div.widget-preview a {display:block;}
			#trip-ad-code div.widget-preview img {margin:0;}
			#trip-ad-code textarea {width:368px;height:7em;}
			
		
		#trip-posts {}
			#trip-posts h4 {/*margin-bottom:0;background-image:none;*/}
			#trip-posts .post {padding-top:1.5em;background:transparent url('../img/light-tan-dot.gif') left top repeat-x;overflow:hidden;clear:both;}
				#trip-posts h4+div.post {padding-top:0;background-image:none;}
				#trip-posts .odd {}
				#trip-posts .post h5 {position:relative;text-transform:capitalize;}
				#trip-posts .post p {}
					#trip-posts .post p.post-meta {margin-bottom:1.8em;color:#787876;font-size:0.834em;line-height:1.8;}
				#trip-posts .post p img {margin:0 10px 0.75em 0;border:0.75em solid #e0e0cc;float:left;}

		#trip-bloggers {margin-bottom:1.5em;padding-bottom:1.5em;background-color:#e0e0cc;overflow:hidden;}
			#trip-bloggers h4 {margin:0 10px;}
			#trip-bloggers ul+h4 {margin-top:1.25em;}
			#trip-bloggers p {margin:1.5em 10px 0;}
			#trip-bloggers ul {padding:0;margin:0 10px;list-style-type:none;overflow:hidden;}
				#trip-bloggers li {margin:1.5em 0 0;padding:0;width:130px;float:left;}
				#trip-bloggers li.odd {margin-right:20px;}
				#trip-bloggers li img {float:left;margin:0 10px 0 0;width:36px;height:36px;}
				#trip-bloggers li a {display:block;text-decoration:none;width:130px;height:3em;}
				#trip-bloggers li a:link, #trip-bloggers li a:visited {color:#787876;background-color:transparent;}
				#trip-bloggers li a:hover, #trip-bloggers li a:active {color:#262626;background-color:#d1d1b9;}
		
		/* #trip-bloggers {}
			#trip-bloggers ul {padding:0;margin:0 0 1.5em;list-style-type:none;overflow:hidden;}
			#trip-bloggers li {margin:0 0 1.5em;padding:0;width:140px;float:left;}
			#trip-bloggers li.odd {margin-right:20px;}
			#trip-bloggers img {float:left;margin:0 10px 0 0;width:36px;height:36px;}
			#trip-bloggers a {display:block;text-decoration:none;width:140px;height:3em;}
			#trip-bloggers a:link, #trip-bloggers a:visited {color:#787876;background-color:transparent;}
			#trip-bloggers a:hover, #trip-bloggers a:active {color:#262626;background-color:#e0e0cc;} */
		
		#trip-photos {width:140px;float:left;margin-right:20px;}
			/* #trip-photos ul {margin:0 0 1.5em;padding:4px 0;list-style-type:none;overflow:hidden;background-color:#787876;}
				#trip-photos ul:hover {background-color:#262626;}
			#trip-photos li {margin:0;padding:0;width:68px;height:68px;float:left;}
			#trip-photos img {width:68px;height:68px;margin:0 4px 0 0;}
				#trip-photos li.odd img {margin:0 0 0 4px;} */
			#trip-photos ul {margin:0 0 1.5em;list-style-type:none;overflow:hidden;}
			#trip-photos li {margin:0 0 9px 0;padding:0;width:63px;height:63px;float:left;line-height:1;}
				#trip-photos li.odd {margin-right:9px;}
				#trip-photos li.more {margin:0;padding:0;width:135px;height:auto;clear:both;font-size:0.834em;line-height:3.6;text-align:center;}
					#trip-photos li.more a:link, #trip-photos li.more a:visited {padding:0;color:#e0e0cc;background-color:#787876;text-decoration:none;}
					#trip-photos li.more a:hover, #trip-photos li.more a:active {color:#e0e0cc;background-color:#262626;}
			#trip-photos a:link, #trip-photos a:visited {padding:4px 4px 2px;display:block;background-color:#787876;}
			#trip-photos a:hover, #trip-photos a:active {background-color:#262626;}
			#trip-photos img {margin:0;padding:0;width:55px;height:55px;}
	
		#trip-videos {width:140px;float:left;}
			#trip-videos ul {margin:0 0 1.5em;padding:0;list-style-type:none;}
			#trip-videos li {margin:0 0 1.5em;padding:0;text-align:center;font-size:0.834em;line-height:1.8;}
				#trip-videos li.more {margin:0;width:140px;clear:both;line-height:3;text-align:center;}
					#trip-videos li.more a:link, #trip-videos li.more a:visited {color:#e0e0cc;background-color:#787876;text-decoration:none;}
					#trip-videos li.more a:hover, #trip-videos li.more a:active {color:#e0e0cc;background-color:#262626;}
			#trip-videos a {display:block;text-decoration:none;}
			#trip-videos a:link, #trip-videos a:visited {color:#787876;background-color:transparent;}
			#trip-videos a:hover, #trip-videos a:active {color:#262626;background-color:#e0e0cc;}
			#trip-videos img {margin-bottom:1px;border:4px solid #787876;background-color:#787876;}
				#trip-videos a:hover img {border-color:#262626;background-color:#262626;}
					
		#older-trip-posts {clear:both;}
			#older-trip-posts ul {list-style-type:none;padding:0;margin-right:0;margin-left:0;}
				#older-trip-posts li {padding:0;margin:0 0 1.5em;color:#787876;}
				#older-trip-posts li a {font-weight:bold;}
			
		
	#trip-list {width:240px;float:left;text-transform:uppercase;}
		#trip-list h3 {margin:0 20px 0 0;padding:0 10px;font-size:1.167em;line-height:2.571;font-weight:normal;background-color:#d1d1b9;background-image:none;}
		#trip-list ul {margin:0;padding:.643em 0;list-style-type:none;font-size:1.167em;line-height:1.286;background:transparent url('../img/trip-list-bg.gif') left top repeat-y;}
			#trip-list li {margin:0;padding:.643em 20px .643em 10px;}
				#trip-list li.current {background:transparent url('../img/trip-arrow.gif') left center no-repeat;}
				#trip-list li.current a {color:#262626;font-weight:bold;text-decoration:none;cursor:default;}
			#trip-list a {display:block;}
			#trip-list a:link, #trip-list a:visited {color:#787876;text-decoration:none;}
			#trip-list a:hover, #trip-list a:active {color:#262626;text-decoration:underline;}
	
	body.our-trips ul.ads {width:220px;}
		body.our-trips ul.ads li+li img {margin-left:0;}
	
	/* take a trip page */
	#trip-form {margin-right:20px;width:540px;float:left;}
	
	#tools-link {padding:0;width:380px;float:right;background-color:#e0e0cc;}
		#tools-link h3 {margin-right:10px;margin-left:10px;}
		#tools-link p {margin:0 10px 1.5em;}
	
	body.take-a-trip ul.ads {width:380px;float:right;clear:right;}
	
	/* our bloggers page */
	#bloggers-list {margin-right:20px;width:540px;float:left;}
		#bloggers-list ol {padding:0;margin:0 0 1.5em;list-style-type:none;overflow:hidden;}
			#bloggers-list ol li {padding:0.75em 0;margin:0 20px 1.5em 0;width:260px;height:6em;float:left;background-color:#e0e0cc;position:relative;}
				#bloggers-list ol li.even {margin-right:0;clear:right;}
			#bloggers-list ol dl {margin:0 10px;overflow:hidden;}
				#bloggers-list ol dt {display:none;}
				#bloggers-list ol dd {margin:0;font-weight:bold;}
			#bloggers-list ol h3 {margin:0 10px 0 56px;padding:0;line-height:1;font-weight:normal;background-image:none;}
		#bloggers-list p.blog-url {margin:0 10px 0.9em 10px;padding:0 0 0.9em 46px;font-size:0.834em;line-height:1.8;background:transparent url('../img/tan-horiz-dots.gif') left bottom repeat-x;}
			#bloggers-list p.blog-url a:link, #bloggers-list p.blog-url a:visited {color:#787876;}
			#bloggers-list p.blog-url a:hover, #bloggers-list p.blog-url a:active {color:#262626;}
		#bloggers-list img {position:absolute;left:10px;top:0.75em;width:36px;height:36px;}
			#bloggers-list img:hover {width:72px;height:72px;left:9px;top:0.667em;border:1px solid #262626;}
	/*
	#bloggers-list {padding:0;margin:0 0 1.5em;list-style-type:none;overflow:hidden;}
		#bloggers-list li {padding:0.75em 0;margin:0 20px 1.5em 0;width:300px;height:6em;float:left;background-color:#e0e0cc;position:relative;}
			#bloggers-list li.third {margin-right:0;clear:right;}
		#bloggers-list h3 {margin:0 10px 0 56px;padding:0;line-height:1;font-weight:normal;background-image:none;}
		#bloggers-list p.blog-url {margin:0 10px 0.9em 10px;padding:0 0 0.9em 46px;font-size:0.834em;line-height:1.8;background:transparent url('../img/tan-horiz-dots.gif') left bottom repeat-x;}
			#bloggers-list p.blog-url a:link, #bloggers-list p.blog-url a:visited {color:#787876;}
			#bloggers-list p.blog-url a:hover, #bloggers-list p.blog-url a:active {color:#262626;}
		#bloggers-list img {position:absolute;left:10px;top:0.75em;width:36px;height:36px;}
			#bloggers-list img:hover {width:72px;height:72px;left:9px;top:0.667em;border:1px solid #262626;}
		#bloggers-list dl {margin:0 10px;overflow:hidden;}
			#bloggers-list dt {display:none;}
			#bloggers-list dd {margin:0;font-weight:bold;}
	*/
	#bloggers-feed {padding:0;margin:0;width:380px;float:right;background-color:#e0e0cc;}
		#bloggers-feed h3, #bloggers-feed p {margin-right:10px;margin-left:10px;}
		#bloggers-feed .bloggers-feed-item {/*margin-right:10px;margin-left:10px;*/padding:0.75em 0;background-color:#e0e0cc;}
			#bloggers-feed .odd {background-color:#d1d1b9;}
			#bloggers-feed .bloggers-feed-item h4 {margin-right:10px;margin-left:10px;font-weight:normal;font-size:1em;line-height:1.5;color:#a4a37f;}
				/*
				#bloggers-feed .bloggers-feed-item h4 a:link, #bloggers-feed .bloggers-feed-item h4 a:visited {color:#787876;font-weight:bold;}
				#bloggers-feed .bloggers-feed-item h4 a:hover, #bloggers-feed .bloggers-feed-item h4 a:active {color:#262626;font-weight:bold;}
				*/
			#bloggers-feed .bloggers-feed-item p:last-child {margin-bottom:0;}
			#bloggers-feed .bloggers-feed-item p.post-meta {margin-bottom:0;color:#787876;font-size:0.834em;line-height:1.8;}
			
		
	/* contact us page */
	#contact-info {padding:0;margin:0;width:380px;float:right;background-color:#e0e0cc;}
		#contact-info h3 {margin-right:10px;margin-left:10px;}
		#contact-info dl {margin:0 10px 0;overflow:hidden;}
			#contact-info dt {margin-right:20px;float:left;clear:left;width:130px;}
			#contact-info dd {margin:0 0 1.5em;padding:0;float:left;min-width:210px;}

	#contact-form {margin-right:20px;width:540px;float:left;}
		
/*
** footer
*/
	#footer {margin:0;padding:0;background:#a4a37f url('../img/footer-bg.png') center top repeat-x;}
		body.contact-us #footer, body.take-a-trip #footer {margin-top:-18px;} /* ugly fix for reCaptcha spacing bug! */
		#footer .inner {padding:54px 0 1.636em;margin:0 auto;width:960px;background:transparent url('../img/why-blog.gif') left -18px no-repeat;font-size:0.917em;line-height:1.636;position:relative;}
		#footer p {margin-bottom:0;}
		
	#secondary-nav {list-style-type:none;}
		#secondary-nav li {display:inline;margin:0 10px 0 0;padding:0 0 0 10px;border-left:1px solid #111;}
			#secondary-nav li:first-child {border-left:0;}
	
	#site-credits {margin:0;padding:0;position:absolute;right:10px;bottom:1.636em;}
		/*
		#site-credits a {width:18px;height:18px;display:block;text-indent:-999em;overflow:hidden;background:transparent url('../img/bs-site-credit.gif') top left no-repeat;}
		#site-credits a:link, #site-credits a:visited {color:#d1d1b9;text-decoration:none;background-position:left 0;}
		#site-credits a:hover, #site-credits a:active {color:#e0e0cc;text-decoration:none;background-position:left -18px;}
		*/
		#site-credits a {height:18px;display:block;overflow:hidden;background:transparent url('../img/bs-site-credit.gif') top right no-repeat;}
		#site-credits a:link, #site-credits a:visited {color:#a4a37f;text-decoration:none;width:18px;text-indent:-999em;padding-right:0;}
		#site-credits a:hover, #site-credits a:active {color:#7d7c61;text-decoration:none;width:auto;text-indent:0;padding-right:23px;}