/************************************************************************
= EXECSEARCHES.com REDESIGN v1.0

LAST UPDATE: 06/19/09 v1.0

Project Start Date:
June 15, 2009

Project Contact:
Manifest Creative - Philip Downer
philip@manifestbozeman.com

Project Details:
~ Visual redesign of the home page, employer's page and job seekers page.
~ Strong focus on keeping all backend components intact.
~ Must have no impact to live website.

************************************************************************/

body {
	background:white url(https://www.execsearches.com/non-profit-jobs/images/template/bg_footer-grey.gif) repeat-x bottom left;
}

/************************************************************************
=DEFAULT QUICK STYLES
************************************************************************/
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
			/* WHOOPS! */
			.completelyleft {
			text-indent:-6969px;
			}
.clearboth {
	clear:both;
}
.clearright {
	clear:right;
}
.clearleft {
	clear:left;
}

.wrapright {
	float:right;
	margin:0 0 10px 10px;
}

.wrapleft {
	float:left;
	margin:0 10px 10px 0;
}

.debug {
	border:1px solid fuchsia;
}

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

/************************************************************************
=HEADER NAVIGATION
************************************************************************/
#topMENU a.blog {
	color:#de7d00;
}
	#topMenu a.blog:hover {
		color:#b46601;
	}

/************************************************************************
=HEADER SEARCH BAR
************************************************************************/
#headerSearch {
	width:679px;
	height:110px;
	background:#fff url(https://www.execsearches.com/non-profit-jobs/images/headersearch/bg_headersearch.gif) repeat-x top left;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	text-align:center;
}

#headerSearch a {
	text-decoration:underline;
}
	#headerSearch a:hover {
		text-decoration:none;
	}

#headerSearch .headerSearchForm {
	width:410px;
	padding:17px 0 0 10px;
	margin-right:20px;
	float:left;
	/*background: transparent url(https://www.execsearches.com/non-profit-jobs/images/headersearch/bg_magnifyingglass.gif) no-repeat 10px 10px;*/
}

	/* HEADER SEARCH FORM STYLE */
	#headerSearch .headerSearchForm form {
		/*padding-left:25px;*/
	}
	
	#headerSearch .headerSearchForm input.text {
		background: #fff url(https://www.execsearches.com/non-profit-jobs/images/headersearch/icon_spotlight.png) no-repeat 2px 2px;
		width:200px;
		height:18px;
		text-align:center;
		border:1px solid #cccccc;
		color:#9b9b9b;
		padding:5px 4px 2px 4px;
		font-size:12px;
	}
	
	#headerSearch .headerSearchForm input.text:focus {
		border:1px solid #54216b;
		color:#54216b;
		font-weight:bold;
	}
	
	#headerSearch .headerSearchForm input.submit {
		position:relative;
		top:8px;
		left:5px;
	}
	
	/* HEADER SEARCH LINKS */
	#headerSearch .headerSearchLinks {
		text-align:center;
		color:#54216b;
	}
		#headerSearch .headerSearchLinks a {
			color:#54216b;
		}
	
	/* EMPLOYERS POST NOW AREA */
	/*
	#headerSearch .headerPostNow {
		float:left;
		width:153px;
		background: transparent url(images/headersearch/bg_postnow.gif) no-repeat top left;
		padding:4px;
		text-align: center;
		color:#fff;
	}
	
	#headerSearch .headerPostNow h4 {
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-shadow: #1b4407 1px 1px;
		margin-bottom:-6px;
		margin-top:-1px;
		text-transform: uppercase;
	}
	
	#headerSearch .headerPostNow p {
		color:#fff;
		font-size:10px;
		line-height:12px;
		margin-top:4px;
		margin-bottom:0;
	}
	
	#headerSearch .headerPostNow p a {
		font-weight:bold;
		color:#fff;
	}*/
	
	#headerSearch .headerPostNow {
		float:left;
		width:230px;
		height:100px;
		background: transparent url(https://www.execsearches.com/non-profit-jobs/images/headersearch/promos/anniversary-sale.png) no-repeat top left;
		padding:4px;
		text-align: center;
	}
	
	#headerSearch .headerPostNow p {
		font-size:12px;
		margin-top:5px;
		margin-bottom:8px;
		margin-left:113px;
		color:#fff;
		width:110px;
		text-align:center;
		line-height:14px;
	}
	
	#headerSearch .headerPostNow span.price {
		font-family:"Trebuchet MS",arial,verdana,sans-serif;
		font-size:18px;
		font-weight:bold;
		line-height:20px;
		text-shadow: 1px 1px #2c4360;
	}
	
	#headerSearch .headerPostNow p.morelink {
		width:150px;
		text-align:right;
		padding-right:5px;
		margin-left:67px;
		margin-top:20px;
	}
	
	#headerSearch .headerPostNow p.morelink a {
		font-weight:bold;
		color:#fff;
		font-size:11px;
		font-family:verdana,arial,sans-serif;
	}

/************************************************************************
=GLOBAL FONT FORMAT
************************************************************************/
/* :-) */

	/* LINKS */
	a {
		text-decoration:underline;
	}
	
	a:hover {
		text-decoration:none;
	}

	/* ###### v1.0 C'mon PHIL build some decent font stacks! */
	h1,h2,h3 {
		font-family:'Trebuchet MS',georgia,times,serif;
		font-weight:bold;
		color:#cc6600;
	}
	#intro h1 {
		font-size: 2.6em;
		margin-bottom:0.25em;
	}
	
	#intro {
		font-size:62.5%;
	}
	
	#intro p {
		font-family: Georgia,times,serif;
		font-size:1.55em;
		line-height:1.3em;
		letter-spacing: .005em;
		color:#525252;
		margin-top:0;
		margin-bottom:1.2em;
	}
	
		p .blue {
			color:#075992;
		}
		
	#intro a {
		color:#cc6600;
	}
		#intro a:hover {
			color:#8f4800;
		}
	

/************************************************************************
*************************************************************************
*************************************************************************


=HOME PAGE CONTENT


*************************************************************************
*************************************************************************
************************************************************************/

/* #### v1.0 THESE SHOULD BE GLOBAL ONCE WE FIGURE OUT WHAT STYLES GO WHERE
		post Dev site launch. upgrade
 */
#page-home h1,
#page-home h2,
#page-home h3 {
	
}

#page-home h5.badge_blue {
	width:118px;
	height:118px;
	background: transparent url(images/home/badge_blue.gif) no-repeat top left;
	z-index:5;
	position: relative;
	
	/* v1.0 ##### I would like to make all of these CSS driven if possible, not now though.
	KEEPING a few extra options for future updates.
	######
	
	font-family:arial,tahoma,verdana;
	font-weight:normal;
	font-size:14px;
	text-align:center;
	padding:15px 24px 0 15px;
	border:1px solid fuchsia;*/
}
	/*#page-home h5.badge_blue span.price a {
		font-size:33px;
		font-family:georgia,times,serif;
		font-style: italic;
		font-weight:bold;
	}*/

	/*These should stay global classes for quick updating */
	.badge_blue a {
		color:#fff;
		text-decoration:none;
		text-shadow: #05395d;
	}

#page-home #intro {
	background: #fff url(images/home/bg_intro-photo001.jpg) no-repeat top right;
	width:680px;
	height:380px;
}

#page-home #intro h5 {
	position:relative;
	left:-310px;
	top:-20px;
	margin:0;
}

#page-home #intro p {
	width:300px;
}
	#page-home #intro p.padding-right {
		width:240px;
		font-size:1.3em;
		margin-top:-0.5em;
	}
	
	#page-home #intro p.job-types {
		position:relative;
		clear:right;
		width:330px;
		margin:-58px 0 0 0;
		font-family:verdana,arial,helvetica;sans-serif;
		font-size:0.95em;
		color:#122c3e;
		text-align:right;
		padding-right:8px;

	}
		#page-home #intro p.job-types a {
		font-weight:bold;
		color:#122c3e;
		}
		
	#page-home #intro p.post-now {
		position:relative;
		/*top:-73px;*/
		z-index: 1;
	}
	
/* Home page FEATURED JOBS */
#featured-jobs {
	font-size:62.5%;
	width:680px;
}

#featured-jobs h2 {
	font-size:2.0em;
	margin-bottom:0;
	text-transform: none;
	width:350px;
}	

#featured-jobs p {
	margin-top:0;
	color:#864300;
}
	#featured-jobs p.current-date {
	font-size:.95em;
	width:350px;
	}
	#featured-jobs p.jobsfeed {
	font-size:1.2em;
	position:relative;
	margin-top:-40px;
	}
		#featured-jobs p.jobsfeed a {
			color:#864300;
		}
		#featured-jobs p.jobsfeed a img {
		position:relative;
		top:11px;
		}

#featured-jobs table {
	width:680px;
	padding:5px 5px;
	margin:0 auto;
	border-top:1px solid #686868;
	background: #fff url(images/template/bg_section-grey.gif) repeat-x top left;
}

#featured-jobs table td {
	width:213px;
	padding-right:10px;
}
	#featured-jobs table td.lastCol {
		width:223px;
		padding-right:0;
	}
	
	/*LISTINGS TEXT */
	#featured-jobs td p {
		margin-top:0;
		margin-bottom:1.2em;
		font-size:0.75em;
		line-height:1.1em;
		color:#333333;
		padding:3px;
	}
	
	#featured-jobs td p:hover {
		background-color: #efefef;
	}
	
	#featured-jobs td p a {
		color:#075992;
		text-decoration:none;
	}
		#featured-jobs td p a:hover {
			text-decoration: underline;
			color:#cc6600;
		}
		
	#featured-jobs p span.job_location {
		font-size:0.9em;
		padding-left:12px;
		background: transparent url(images/template/inline-arrow.gif) no-repeat 0 4px;
	}
	
/* Home Page SITE OVERVIEW */

#home-overview {
	width:660px;
	height:327px;
	color:#fff;
	padding:10px 20px;
	background:#fff url(images/home/bg_overview.gif) no-repeat top left;
	font-size:62.5%;
}

	#home-overview .column {
		width:300px;
	}
		#home-overview .leftCol {
			float:left;
		}
		#home-overview .rightCol {
			float:right;
			clear:none;
		}
	
	#home-overview h3 {
		color:#fff;
		text-align:center;
		font-size:2.2em;
		font-weight:normal;
		margin:0;
		text-shadow:#282828 1px 1px; 
	}
	
	#home-overview ul {
		margin:0;
		padding:20px;
	}
	
	#home-overview li {
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:1.5em;
		line-height:1.2em;
		font-weight:normal;
	}
	
	#home-overview p.button {
		width:283px;
		height:29px;
		background: transparent url(images/home/button_overview.png) no-repeat top left;
		font-size:1.6em;
		font-family:"Trebuchet MS",times,serif;
		font-weight:bold;
		padding:5px 0 0 14px;
		margin:-5px 0 0 10px;
	}
		#home-overview .employers p.button {
			margin-top:3px;
		}

		#home-overview p.button a,
		#home-overview p.button a:hover {
			text-decoration: none;
		}
			#home-overview .seekers p.button a,
			#home-overview .seekers p.button a:visited {
				color:#146094;
			}
			#home-overview .seekers p.button a:hover {
				color:#05406a;
			}
			#home-overview .employers p.button a,
			#home-overview .employers p.button a:visited {
				color:#277405;
			}
			#home-overview .employers p.button a:hover {
				color:#194804;
			}
			
	/* FEATURES BOXES */
	#features-boxes {
		margin:20px 0;
		font-size:62.5%;
		color:#fff;
	}
	
	#features-boxes .box {
		width:204px;
		float:left;
		border-style:solid;
		border-width:4px;
		text-align:center;
	}
		#features-boxes .fullheight {
			height:269px;
		}
		
		#features-boxes .centerCol {
			margin:0 22px;
			width:212px;
			border:none;
		}
			#features-boxes .centerCol .bottom {
				margin-top:21px;
			}
			
		#features-boxes .halfheight {
			height:120px;
		}
		
		#features-boxes .box.resumeReview {
			border-color:#5b788d;
			background:#7b98ac url(images/home/bg_resumeReview.gif) repeat-x bottom left;
		}
		#features-boxes .box.newsletter {
			border-color:#671407;
			background: #ac7067 url(images/home/bg_newsletters.gif) repeat-x bottom left;
		}
		#features-boxes .box.nonprofitTimes {
			border-color:#ec9313;
			background: #ecb566 url(images/home/bg_nonprofit-times.gif) repeat-x top left;
		}
		#features-boxes .box.searchServices {
			border-color:#216106;
			background: #7ac25b url(images/home/bg_search-services.gif) repeat-x bottom left;
		}
		
	#features-boxes .box h5 {
		color:#fff;
		font-size:1.8em;
		line-height:1.1em;
		font-family:"Trebuchet MS",verdana,arial,serif;
		font-weight: normal;
		margin:0;
		padding:0 8px;
		margin:5px 0;
		text-shadow:#333333 1px 1px;
	}
	
	#features-boxes .box p {
		margin:0;
		padding:0 8px;
		text-align:center;
		color:#fff;
		font-family:arial,verdana,helvetica,sans-serif;
		font-size:1.3em;
	}
	
	#features-boxes .box p.link {
		margin-top:5px;
	}
		#features-boxes .box p.link a {
			color:#fff;
			font-weight:bold;
		}
		#features-boxes .nonprofitTimes p.link a {
			color:#5f3204;
		}
		
	#features-boxes .newsletter form p {
		margin-top:5px;
		font-size:1.1em;
	}
		#features-boxes .newsletter form p.submit {
			text-align:right;
			margin-top:0;
		}
		
	#features-boxes .newsletter input.text {
		font-size:1.1em;
		font-weight:bold;
		color:#c7a8a4;
		text-align:center;
		border:1px solid #671407;
		padding:5px 0;
		width:185px;
	}
		#features-boxes .newsletter input.text:focus {
			color:#671407;
		}
	#features-boxes .newsletter input.submit {
		position:relative;
		top:5px;
		margin-left:5px;
	}
	
	/* ARTICLE SHARE SECTION */
	#article-share {
	width:650px;
	background: #fff url(images/template/bg_section-grey.gif) repeat-x top left;
	font-size:62.5%;
	border-top:1px solid #686868;
	padding:0px 15px;
	margin-top:20px;
	}
	
	#article-share .articlecolumn {
		float:left;
		padding-top:10px;
		padding-bottom:10px;
	}
		#article-share .article-leftCol {
			width:300px;
			padding-right:20px;
			padding-bottom:40px;
			margin-right:20px;
			border-right:1px solid #686868;
		}
		#article-share .article-rightCol {
			width:305px;
		}
		
	#article-share h2 {
		font-size:1.8em;
		text-transform:none;
		margin:0;
	}
	
	#article-share p {
		margin-top:0;
		font-size:1.2em;
	}
	
	#article-share a {
		color:#075992;
	}
		#article-share ul a {
			text-decoration:none;
		}
		#article-share ul a:hover {
			text-decoration:underline;
		}
		
	#article-share ul {
		padding:0;
		margin:5px 0 20px 10px;
		list-style-type: none;
	}
		#article-share ul li {
			font-size:1.2em;
		}
		
	#article-share ul.social li {
		line-height:2.5em;
	}
		#article-share ul.social li img {
			position:relative;
			top:8px;
			margin-right:8px;
		}
		
/************************************************************************
=TWITTER FEED STYLES
************************************************************************/
.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: verdana,arial, sans-serif;
  font-size: 1.2em;
  border: none;
}

img.twitter-avatar {
	float:left;
	border:1px solid #686868;
	margin:0 8px 5px 0px;
}

.gfg-title {
  display:none;
}

.gfg-entry {
  background: transparent url(images/home/twitter-avatar.gif) no-repeat top left;
  height : 7.8em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
  padding-left:70px;
}
	.gfg-entry a {
		text-decoration:none;
		display:none;
	}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : transparent;
  width : auto;
  height : 100%;
  padding-left : 0px;
  padding-right : 0px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.7em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 10px;
  padding-right : 0px;
  margin-left : 0px;
  margin-right : 0px;
}

.gfg-listentry-odd {
  background-color : transparent;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url(images/template/inline-arrow.gif);
  background-repeat: no-repeat;
  background-position : 0 8px;
}
	.gfg-listentry-highlight a {
		color:#686868 !important;
		text-decoration:none;
		font-weight:bold;
	}

/************************************************************************
*************************************************************************
*************************************************************************


=JOBS SEEKERS PAGE (#page-seekers)


*************************************************************************
*************************************************************************
************************************************************************/

	/* SEEKERS LINKS */
	#seekers-links {
		width:660px;
		background-color:#cccccc;
		padding:5px 10px;
		color:#6d6d6d;
		text-align:center;
		font-size:0.75em;
	}
		#seekers-links a {
			color:#083452;
		}


	/* BENEFITS */
	#benefits {
		font-size:62.5%;
	}
	
	#benefits p {
		font-size:1.8em;
		font-family:georgia,times,serif;
		color:#525252;
	}
	
	#benefits ul {
		/*padding-left:0;*/
		list-style-type:none;
		padding-left:10px;
	}
		#benefits ul li {
			color:#043557;
			font-weight:normal;
			font-family:georgia,times,serif;
			font-size:1.8em;
			margin-bottom:15px;
		}
		#benefits ul li span.number {
			color:#c0c0c0;
			font-weight:bold;
		}
		#benefits ul li span.tip {
			color:#525252;
			font-size:0.7em;
			font-family:verdana,arial,helvetica,sans-serif;
		}
			#benefits ul li span.tip a {
				color:#075992;
			}
			
	/* LOGIN */
	#login_box {
		background-color:#dddddd;
		border:1px solid #949494;
		width:348px;
		float:right;
		margin:15px 0 15px 15px;
		font-size:62.5%;
		font-family:georgia,times,serif;
		color:#525252;
	}
		#login_box a {
			color:#075992;
		}
	
		#login_box .register {
			background:#ececec url(https://www.execsearches.com/non-profit-jobs/images/seekers/bg_register.png) no-repeat 8px 7px;
			height:30px;
			border-bottom:1px solid #949494;
			padding:13px 0 0 37px;
			font-size:1.6em;
		}
		
		#login_box .forms {
			padding:8px 10px;
			background: transparent url(https://www.execsearches.com/non-profit-jobs/images/seekers/bg_login-box.gif) repeat-x top left;
		}
			#login_box .forms p {
				margin:0 0 8px 0;
			}
			
			#login_box .forms form {
				margin:0 0 10px 0;
			}
				#login_box .forms form:last-child {
					margin-bottom:-5px;
				}
		
		#login_box h5 {
			font-family:"Trebuchet MS",verdana,arial,sans-serif;
			font-weight:bold;
			color:#864300;
			font-size:1.6em;
			margin:0 0 4px 0;
		}
		
		
		#login_box form p {
			text-align:right;
			font-family:Georgia,times,serif;
		}
			#login_box form p span.label {
				margin-right:5px;
				font-size:1.3em;
				line-height:1.4em;
			}
			#login_box form p span.submit_notice {
				font-family:verdana,arial,sans-serif;
			}
				#login_box form p span.submit_notice a {
					color:#1b3c79;
					font-size:0.7em;
					position:relative;
					top:-18px;
					margin-right:10px;
				}
			
			#login_box form p input.text {
				border:1px solid #4c4c4c;
				background:#fff url(https://www.execsearches.com/non-profit-jobs/images/template/bg_text-field.gif) repeat-x bottom left;
				color:#864300;
				font-family:verdana,arial,sans-serif;
			}				
			#login_box form p input.text:focus {
				border-color:#864300;
			}
			
			#login_box form#login p input.text {
				width:225px;
				font-size:12px;
				padding:3px 0 4px 5px;
			}
			
		#login_box form#password_reminder p:first-child {
			text-align:center;
		}
			#login_box form#password_reminder p input.text {
				width:300px;
				font-size:12px;
				padding:3px 0 4px 5px;
				text-align:center;
			}
			
	/* INLINE ICONS */
	p img.icon-bullet {
		float:left;
		clear:left;
		margin:0 8px 3px 0;
		position:relative;
		top:3px;
	}
	
	/* SECTION DESCRIPTION */
	#section_description {
		font-size:62.5%;
		font-family:verdana,arial,sans-serif;
		margin-top:25px;
	}
	
	#section_description h2 {
		font-family:"Trebuchet MS",times,serif;
		font-size:2.0em;
		margin:0 0 5px 0;
		text-transform:none;
	}
	
	#section_description p {
		font-size:1.3em;
		line-height:1.65em;
		color:#525252;
		margin-bottom:20px;
	}
		#section_description p strong.blue {
			color:#075992;
		}
		#section_description p a {
			color:#075992;
		}

/************************************************************************
*************************************************************************
*************************************************************************

=EMPLOYERS PAGE (#page-employers)

*************************************************************************
*************************************************************************
************************************************************************/

#page-employers #login_box {
	/*clear:right;*/
	float:none;
}

	#section_description p strong.green {
		color:#346f17;
	}
	
	/* POSTING PRICES */
	#posting-prices {
		font-size:62.5%;
		/*float:right;*/
		width:330px;
		margin:15px 0 0 15px;
		padding:10px;
		background:#2d7110 url(https://www.execsearches.com/non-profit-jobs/images/employers/bg_pricing-box.gif) repeat-x bottom left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color:#fff;
	}
	
	#posting-prices h5 {
		font-size:2.0em;
		text-align:center;
		font-weight:normal;
		color:#c6f0b4;
		margin:0 0 5px 0;
		font-family:"Trebuchet MS",verdana,arial,sans-serif;
	}
	
	#posting-prices th,
	#posting-prices td {
		font-size:1.4em;
		font-family:verdana,arial,sans-serif;
		text-align:left;
		width:200px;
	}
		#posting-prices th.left,
		#posting-prices td.left {
			text-align:left;
			width:120px;
		}
	
	#posting-prices img.summer-special {
		margin-bottom:-101px;
		position:relative;
		left:265px;
		top:-55px;
	}	
	
	/* SUBMIT INFO */
	#submit-info {
		font-size:62.5%;
		/*float:right;*/
		width:330px;
		margin:0 0 0 15px;
		padding:10px;
		color:#fff;
		background:#075991 url(https://www.execsearches.com/non-profit-jobs/images/employers/bg_submit-box.gif) repeat-x top left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#submit-info h5 {
		font-size:1.8em;
		text-align:center;
		font-weight:normal;
		color:#fff;
		margin:0 0 3px 0;
		font-family:"Trebuchet MS",verdana,arial,sans-serif;
	}
	
	#submit-info p {
		font-family:"Trebuchet MS",verdana,arial,sans-serif;
		font-size:1.5em;
		margin:0;
		font-weight:normal;
		text-align:center;
	}
		#submit-info p a {
			color:#bfdff5;
			text-decoration:none;
		}
			#submit-info p a:hover {
				text-decoration:underline;
			}
	
/************************************************************************
*************************************************************************
*************************************************************************

=FOOTER AREA

*************************************************************************
*************************************************************************
************************************************************************/
#footer {
	color:#686868;
}

#copyright {
	font-size:62.5%;
}

#copyright p {
	text-align:center;
	margin-top:0;
	margin-bottom:8px;
	font-size:1.2em;
}

#copyright .slogan {
	color:#075992;
	font-weight:bold;
	margin-bottom:0;
}

#copyright .description {
	color:#686868;
	font-style: italic;
}

#copyright .statement {
	color:#003559;
	font-size:1.0em;
}

#copyright .copyright {
	color:#686868;
	font-size:1.0em;
}