/** CSS for lostborders.org
 *  Created on August 24, 2009.
 *  All code copyright Unstandardized Design.
 *  http://design.unstandardized.com
 *
 * Common colors:
 	- ORANGE -> d47a49
	- BLUE/GREEN -> 749997
	- Lighter Blue/Green (Footer) -> 759997
 */

/* Set our base font family */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#000000;
}
p {
/*	font-size:1.2em;
	line-height:1.8em;
*/	
/*	margin-top:0;*/
	margin-bottom:10px;
}
ul, ol {
/*	font-size:1.2em;
	line-height:1.5em;
*/	margin-left:30px;
}
ul p, ul p {
/*	font-size:1em;*/
	margin-top:0;
}
div#content-wrapper {
	font-size:1.2em;
	line-height:1.8em;
}
ul {
	list-style:disc;
}
	ul li, ol li {
		margin:14px 0px;
	}
ul.no-style {
	list-style:none;
	margin-left:0;
}
a {
	font-weight:bold;
	color:#d47a49;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:10px;	
}
h1, h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
}
h2.pane-title, h2.title, h2.page-title, .view-display-id-panel_pane_2 h2.title {
	margin-top:0;
	line-height:1.6em;
}
h2.title a:link, h2.title a:hover, h2.title a:visited, h2.title a:active {
	color:#000;
}
h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}	
h1 {
	font-size:1.8em;
	font-weight:bold;
}
h2 {
	font-size: 1.6em;
	font-weight:bold;
/*	border-bottom:2px dotted #d47a49;
	padding-bottom:10px;*/
	line-height:1.2em;
}
h3 {
	font-size:1.5em;
	font-weight:bold;
}
h4 {
	font-size:1.4em;
	font-weight:bold;
}
h5 {
	font-size:1.3em;
	font-weight:bold;
}
h6 {
	font-weight:1.2em;
	font-weight:bold;
}

#wrapper {
	width:1000px;
	margin:0 auto 20px auto;
	margin-top:6px;
	text-align:left;
}

#nav {
	border-top:6px solid #d47a49; /* top orange border */
	padding-top:5px;
}
	#nav-wrapper {
		background-color:#749997;
		padding:7px;
	}
	#nav ul {
		text-align:center;
		font-size:1.7em;
		list-style:none;
		margin:0;
	}
	#nav ul li {
		display:inline;
		padding:0 15px;
		margin:0;
		position:relative;
	}
	
	/* drop down navigation! */
		#nav ul li ul, #nav ul li ul li ul {
			font-size:1em;
			display:none;
			position:absolute;
			left:0;
			top:26px;
			text-align:left;
			/*left:0;
			*top:35px;*/
			background-color:#749997;
			z-index:10;
			zoom:1;
			_width:300px;
			text-transform:none;
			text-variant:small-caps;
			margin:0;
			padding:0;
		}
		 #nav ul li ul li ul {
			top:0;
			left:300px;
		 }
			#nav ul li ul li {
				display:block;
				width:300px;
				background-color:#749997;
				background-image:none;
				z-index:10;
				zoom:1;
				padding:7px 5px;
			}
				#nav ul li ul li a {
					display:block;
					width:300px;
					background-image:none;
					background-color:#749997;
					z-index:10;
					zoom:1;
				}
				#nav ul li:hover ul, #nav ul li.over ul, #nav ul li:hover ul li:hover ul, #nav ul li.over ul li.over ul {
					display:block;
					z-index:10;
					zoom:1;				
				}
				#nav ul li:hover ul li ul, #nav ul li.over ul li ul {
					display:none;	
				}
				#nav ul li ul li a:link, #nav ul li ul li a:visited {
					border-bottom:6px solid #749997;
					text-transform:none;
				}				
				#nav ul li ul li a:hover, #nav ul li ul li  a:active  {
					border-bottom:6px solid #d47a49;
					text-transform:none;
				}
		
		
	#nav a:link, #nav a:hover, #nav a:visited, #nav a:active {
		color:#000;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
	}
	#nav a:hover, #nav a:active, #nav a.active {
		border-bottom:6px solid #d47a49;
	}
	
#header {
	padding:25px 0px 8px 5px;
}
	#header h1 {
		display:none;
	}
	.header-animals-1 {
		background-image:url(images/header-animals-1.jpg);
		background-repeat:no-repeat;
		background-position:top right;
		zoom:1;
	}
	.header-animals-2 {
		background-image:url(images/header-animals-2.jpg);
		background-repeat:no-repeat;
		background-position:top right;
		zoom:1;
	}
	.header-animals-3 {
		background-image:url(images/header-animals-3.jpg);
		background-repeat:no-repeat;
		background-position:top right;
		zoom:1;
	}
	#header #logo {
		width:400px;
		float:left;
	}
	#header #header-items {
		width:500px;
		float:right;
		margin-top:58px;
		text-align:right;
	}
	#header #header-items a:link, #header #header-items a:visited, #header #header-items a:hover, #header #header-items a:active {
		color:#ccc;
		text-decoration:none;
		font-weight:normal;
		font-size:1.4em;
/*		line-height:28px;*/
		margin-right:28px;
/*		font-variant:small-caps;*/
	}
	#header #header-items a:hover, #header #header-items a:active {
		color:#fff;
	}
	#header #header-items img {
		vertical-align:middle;
	}
	#header #header-items form {
		display:inline;
	}
	#header #header-items #site-search {
		border:1px solid #333;
		padding:3px;
		width:140px;
		background-color:transparent;
		color:#ccc;
		*padding:0px 3px;
		*line-height:19px;
		*height:19px;
	}
	#header #header-items #site-search-button {
		vertical-align:middle;
		*vertical-align:top;
	}

#content-wrapper {
	margin-bottom:3px;
	background-repeat:no-repeat;
	zoom:1;
}

#content-wrapper-bottom-image {
	background-position:bottom right;
	background-repeat:no-repeat;
	zoom:1;
}

#home-banner {
	height:423px;
	background-image:url(images/banner-home.jpg);
	background-repeat:no-repeat;
	margin-bottom:3px;
}
	#mission-statement {
		text-align:right;
		color:#000;
		font-size:1.6em;
		padding:20px;
		font-weight:bold;
	}
#home-midder {
	margin-bottom:3px;
	background-color:#000;
}
#footer-midder {
	margin-bottom:3px;
}
	#home-midder .tri-box, #footer-midder .tri-box {
		float:left;
		width:167px;
		background-color:#fff;
		height:265px;
		margin-right:3px;
	}
	#wrapper #footer-bar div {
		margin-bottom:0;
	}
	#wrapper #footer-bar {
		margin-bottom:2px;
	}
		
		#home-midder .tri-box p, #footer-midder .tri-box p {
			font-size:11px;
			line-height:16px;
			margin-top:0;
		}
	#home-midder h2 {
		margin-top:0;
	/*	line-height:1.3em;*/
	}
	#footer-midder h5 {
		margin:10px 0px 0px 0px;
		font-size:12px;
	}
	#home-midder #skeleton {
		float:left;
		background-image:url(images/skeleton.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		height:265px;
		width:116px;
	}
	#footer-midder #footer-bar-divider {
		/*float:left;
		background-image:url(images/solb-footer-midder-divider.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		height:110px;
		width:323px;*/
		display:none;
	}
	#home-midder .large-box, #footer-midder .large-box {
		float:left;
		width:374px;
		height:265px;
		background-color:#fff;
	}
		#footer-midder .large-box, #footer-midder .tri-box {
			height:100px;
			height:auto;
			width:167px;
			width:247px;
		}
		#footer-midder .large-box {
			width:250px;
		}
	#footer-midder .padding {
		padding:10px;
	}
		#home-midder .large-box p, #footer-midder .large-box p {		
			text-align:left;
			/*font-size:1.2em;
			line-height:1.6em;
			*/
			font-size:12px;
			line-height:18px;
			margin-bottom:0;
			margin-top:0;
		}
	#home-midder .tri-box a, #home-midder .large-box a, 
	#home-midder .tri-box a:hover, #home-midder .large-box a:hover, 
	#home-midder .tri-box a:visited, #home-midder .large-box a:visited,
	#footer-midder .tri-box a, #footer-midder .large-box a, 
	#footer-midder .tri-box a:hover, #footer-midder .large-box a:hover, 
	#footer-midder .tri-box a:visited, #footer-midder .large-box a:visited {
		text-decoration:none;
		border:none;
		background-color:transparent;
		font-weight:normal;
		color:#000;
	}
	#home-midder .tri-box h2 a, #home-midder .large-box h2 a, 
	#home-midder .tri-box h2 a:hover, #home-midder .large-box h2 a:hover, 
	#home-midder .tri-box h2 a:visited, #home-midder .large-box h2 a:visited {
		font-weight:bold;
		font-size:18px;
		line-height:18px;
	}
	#home-vision-fast {
		background-image:url(images/home-vf-logo.jpg);
		background-position:50% 93%;
		background-repeat:no-repeat;
	}
	#home-beyond-borders {
		background-image:url(images/home-bb-logo.jpg);
		background-position:50% 93%;
		background-repeat:no-repeat;
	}
	#home-practice-living-dying {
		background-image:url(images/home-pld-logo.jpg);
		background-position:50% 93%;
		background-repeat:no-repeat;
	}
#home-content {
	background-image:url(images/home-content-bg.gif);
	background-repeat:repeat-y;
	zoom:1;	 /* our good friend IE ignores the BG on this div otherwise... great! */
}
	#home-content .left-column {
		float:left;
		width:563px;
		
	}
	#home-content .right-column {
		float:left;
		width:434px;
		margin-left:3px;
		background-color:#fff;
	}
	
.breadcrumb {
	padding:10px 30px;
	padding:0px 30px;
	background-color:#fff;
	margin-bottom:3px;
	font-size:1.1em;
}
.alt-breadcrumb .breadcrumb {
	background-color:#000;
	color:#fff;
	color:#ccc;
	font-size:.9em;
	padding:0px 15px;
}
	.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:active {
		font-weight:normal;
		color:#000;
	}
	.alt-breadcrumb .breadcrumb a, .alt-breadcrumb .breadcrumb a:hover, .alt-breadcrumb .breadcrumb a:active {
		font-weight:normal;
		color:#fff;
		color:#ccc;
	}
	
#inner-content, #hub-content {
	background-image:url(images/hub-content-bg.gif);
	background-repeat:repeat-y;
	zoom:1;	 /* our good friend IE ignores the BG on this div otherwise... great! */	
}
#full-bg { background-color:#fff; }

	.hub #mid {
		min-height:600px;
		min-height:598px;
		_height:600px;
		_height:598px;
		position:relative;
	}
	#hub-banner {
		position:absolute;
		top:320px;
		left:120px;
		left:20px;
		width:480px;
		background-color:#fff;
		font-size:1.2em;
	}
		#hub-banner p {
			line-height:1.8em;
			margin:0;
		}
	#hub-content .left-column, #inner-content .left-column {
		float:left;
		width:697px;
		min-height:900px;
		_height:900px;
	}
	#hub-content .right-column, #inner-content .right-column {
		float:left;
		width:300px;
		margin-left:3px;
		background-color:#fff;
	}
	#inner-content .right-column .padding {
		_padding:20px 10px;
	}

/* Inner Styles */
.inner #mid {
	min-height:380px;
	_height:380px;
	position:relative;
}
.inner.no-bg #mid {
	height:auto;
	min-height:0;
}
#inner-banner {
	margin-bottom:3px;
}
	#inner-banner img {
		max-width:100%;
	}
	
#inner-banner, #inner-banner div, #inner-banner img {
	margin:0;
	padding:0;
}
/** Event Listing on the home page **/
.events-list ul li {
	margin:20px;
}

#footer {
	background-color:#759997;
	color:#f9fbfa;
	background-image:url(images/footer-logo.jpg);
	background-position:20px 50%;
	background-repeat:no-repeat;
	zoom:1;
	font-size:12px;
	margin:0;
}
	#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
		font-weight:normal;
		text-decoration:none;
		color:#f9fbfa;
	}
	#footer a:hover, #footer a:active {
		text-decoration:underline;
	}
	#footer .padding {
		padding-left:180px;
		padding-bottom:5px;
	}
#footer-animal {
	background-position:94% 50%;
	background-repeat:no-repeat;
	zoom:1;
}
	/* different footer animals go here! */
	.footer-animal-1 {
		background-image:url(images/footer-animal-1.jpg);
	}
	.footer-animal-2 {
		background-image:url(images/footer-animal-2.jpg);
	}
	
	.footer-links {
		width:500px;
		margin-bottom:60px;
	}
	.footer-links p {
		line-height:1.8em;
	}
	.footer-copyright {
		float:left;
		width:300px;
		font-size:.8em;
	}
	.footer-byline {
		float:left;
		width:480px;
		font-size:.8em;
		text-align:right;
	}
	#footer ul.links li {
		padding:0px 5px;
		margin:0px;
		line-height:1.8em;
		border-right:1px solid #9FB7B7;
	}
	#footer ul.links li.first {
		padding-left:0;
	}
	#footer ul.links li.last {
		border:0;
	}

/** Even Descriptions **/
.description {
	margin-bottom:20px;
}
.description h1, .description h2, .description h3, .description h4, .description h5{
	border:0;
	margin:0;
	line-height:1.4em;
	padding:0;
}
.description h5{
	font-weight:normal;
}

/**  The Orange Dotted Lines! **/
.orange-dots {
	width:75%;
	border-top:2px dotted #d47a49;
/*	padding:0px 0px 10px 0px;
	margin:10px auto 0px auto;*/
	margin:10px auto;
	*margin-bottom:0px;
}



.nobold {
	font-weight:normal;
}
.content-chunk {
	padding-bottom:10px;
}
.clear {
	clear:both;
}
.tiny {
	height:1px;
	font-size:1px;
	line-height:1px;
}
.center {
	text-align:center;	
}
.left-align {
	text-align:center;
}
.right-align {
	text-align:right;
}
.padding {
	padding:20px;
}
.no-padding {
	padding:0;
}
.serif {
	font-family:Georgia, "Times New Roman", Times, serif;
}
.sans-serif {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/** going crazy with the search **/
#header-items #search-theme-form div { display:inline; }

/* Default background images for Sections */
.page-term-beyond-our-borders #content-wrapper {
	background-image:url(images/bb-hub-bg.jpg);
	background-repeat:no-repeat;
	zoom:1;
}
.page-term-school #content-wrapper {
	background-image:url(images/school-hub-bg.jpg);
	background-repeat:no-repeat;
	zoom:1;
}
.page-term-vision-fasts-and-training #content-wrapper {
	background-image:url(images/vf-hub-bg.jpg);
	background-repeat:no-repeat;
	zoom:1;
}
.page-term-practice-living-and-dying #content-wrapper {
	background-image:url(images/pld-hub-bg.jpg);
	background-repeat:no-repeat;
	zoom:1;
}


/** Vision Fast special upcoming programs lists **/
.vf-programs-wrapper .views-field-name { display:none; }
.left-column .view-taxonomy-list .vf-programs-wrapper ul {
	padding:0;
	margin:0;
}
.left-column .view-taxonomy-list .vf-programs-wrapper li.views-row {
	border:0;
	border-bottom:1px solid #ececec;
	list-style:none;
	padding:5px;
	margin:0;
}


/** Doing the Staff Bio page with JUST CSS! **/

/* Not anymore!  I just created a view output for it... */
.bio-image-wrapper {
	width:150px;
	margin-right:10px;
	float:left;
}
.bio-text-wrapper {
	width:800px;
	float:left;
}
.bio-wrapper h3 {
	margin-top:0;
	padding:0;
}

/* make the ul have NO STYLING! */
div.view-staff ul {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
/*	position:relative;*/
}
	div.view-staff ul li {
		margin:10px 0px 30px 0px;
		padding:0;
	}
	
/* make the title float... */
div.view-staff h2.title {
	width:400px;
	margin-left:140px;
}

/* make the image float to the left */
div.view-staff div.field-field-photo {
	width:140px;
	float:left;
	position:relative;
	top:-20px;
	margin:0;
}

/* make the image float to the left in general */
div.node-inner .field-field-photo {
	width:150px;
	float:left;
	margin:5px 10px 10px 0px;
}

/** Fixing the gmap window **/
.gmap-popup h4 { display:none; }

/****************** GENERAL VIEWS LISTS ******************/

.left-column .view-taxonomy-list .views-row, h2.pane-title, .programs,
.view-taxonomy-list.view-display-id-page_1 .view-header, h1.title,
.view-display-id-panel_pane_2 h2.title {
	border-bottom:3px solid #d47a49;
	margin:0px 0px 20px 0px;
	padding-bottom:20px;
}
h2.pane-title, h1.title, .view-display-id-panel_pane_2 h2.title {
	text-align:center;
}
h2.pane-title a:link, h2.pane-title a:visited, h2.pane-title a:active, h2.pane-title a:hover,
.view-display-id-panel_pane_2 h2.title a:link, .view-display-id-panel_pane_2 h2.title a:visited,
.view-display-id-panel_pane_2 h2.title a:active, .view-display-id-panel_pane_2 h2.title a:hover {
	color:#000;
}


/******************** PROGRAMS PAGE! ***************************/
.programs {
	margin-bottom:40px;
}
.programs .taxonomy_image_wrapper {
	width:150px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.programs .views-field-nothing {
	text-align:right;
}

/******************* RESOURCES LIST ************************/
.resources .taxonomy_image_wrapper {
	width:32px;
	float:left;
	margin-right: 20px;
}
.resources {
	padding-top:5px;
}
.views-row-even .resources {
	background-color:#e3e3e3;
}
.resources .views-field-title {
	padding-top:5px;
}

/* resources sidebar */
.right-column .resources .taxonomy_image_wrapper {
	width:32px;
	float:left;
	padding-top:2px;
	margin-right: 0px;
}
.right-column .resources {
	padding-top:5px;
}
.right-column .views-row-even .resources {
	background-color:#e3e3e3;
}
.right-column .resources .views-field-title {
	padding-top:5px;
	margin-left:42px;
	_padding-top:0;
	width:218px;
	_width:200px;
}

/*************** RIGHT SIDEBAR UPCOMING EVENTS LIST! ***************/
.right-column .view-calendar ul, .right-column .view-calendar ul li {
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
	list-style-image:none;
}

.right-column .view-calendar ul li {
	padding-bottom:20px;
}

.right-column .view-calendar ul li .views-field-field-date-value {
	font-size:.9em;
}
.right-column .view-calendar ul li .views-field-name { display:none; }

/************** RIGHT SIDEBAR SCHOOL SECTION LIST *************/
.right-column .view-taxonomy-list .views-row {
	margin:30px;
}
.right-column .view-taxonomy-list h2.title, .right-column .view-taxonomy-list h2.title a:link, .right-column .view-taxonomy-list h2.title a:visited,
.right-column .view-taxonomy-list h2.title a:hover, .right-column .view-taxonomy-list h2.title a:active {
	font-size:1em;
	color:#d47a49;
}
.right-column .view-taxonomy-list {
	text-align:center;
}
.right-column .view-taxonomy-list img {
	margin-bottom:10px;
}

.right-column .panel-pane {
	margin-bottom:20px;
}

/************ TEASERS!! **************/
.node-teaser .node-inner {
	margin-bottom:20px;
}
ul.links li {
	padding:0px 5px 0px 0px;
}

/********* ATTACHMENTS **************/
table#attachments {
	width:100%;
}

/********* General Form Styling *********/
#content-wrapper input, #content-wrapper select {
	width:380px;
	border:1px solid #c9c9c9;
}

#content-wrapper input.form-submit, #content-wrapper input.button, #content-wrapper input.form-radio, #content-wrapper select#edit-tid {
	width:auto;
}

#content-wrapper input.form-submit, #content-wrapper input.button{
	padding:5px;
	color:#fff;
	font-size:1.2em;
	background-color:#5DA8A9;
	letter-spacing:1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
}
#content-wrapper input.button {
	background-color:#D47A49;
}
/************* THE SCHEDULE PAGE! ***************/
.view-display-id-page_1 ul, .view-display-id-page_1 ul li,
.view-display-id-page_2 ul, .view-display-id-page_2 ul li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
/*	text-align:center;*/
}
.view-display-id-page_1 ul li,
.view-display-id-page_2 ul li {
	margin:20px 10px;
	border-bottom:1px solid #c9c9c9;
	padding-bottom:10px;
}
table.links {
	width:100%;
	background-color:#f7f7f7;
	margin-top:0;
	border:1px solid #c9c9c9;
}


/**** Search Results!! ****/
p.search-info { display:none; }


/** Sidebar menus **/
div.pane-menu-menu-right-sidebar-menu ul.menu {
	padding:0;
	margin:0;
	margin-left:15px;
}
div.pane-menu-menu-right-sidebar-menu ul.menu li {
	list-style-type:square;
	list-style-image:none;
	margin:10px 0px;
}

/** Related Content **/
#content-wrapper .right-column .pane-relatedcontent-0 h3/*,
#content-wrapper .right-column .pane-relatedcontent-0 h2 */{ 
	display:none; 
} /* hide grouping */
#content-wrapper .right-column .pane-relatedcontent-0 ul {
	margin:0;
	padding:0;
}
#content-wrapper .right-column .pane-relatedcontent-0 ul li {
	list-style-type:none;
	list-style-image:none;
	padding:10px 0px 10px 15px;
	margin:0;
}
.resources {
	padding-top:5px;
}
#content-wrapper .right-column .pane-relatedcontent-0 ul li.even {
	background-color:#e3e3e3;
}
.resources .views-field-title {
	padding-top:5px;
}

/** Styling the Links Pages **/
.view-links ul, .view-links ul li, .section-global .view-calendar .item-list ul {
	list-style:none;
}
.section-global .view-calendar .item-list ul {
	padding:0;
}
.view-links .links-page-list {
	border-bottom:1px solid #c9c9c9;
	margin-bottom:15px;
}

/** Sidebar Quotes **/
#inner-content .view-quotes .field-content p {
	line-height:2.2em;
}