@charset "utf-8";
/*  

Theme Name: Connecting Caregivers
Theme URI: http://www.melissahie.com
Description: Connecting Caregivers, April 2009
Version: 1.0
Author: Melissa Hie
Author URI: http://www.melissahie.com
*/

/* RESET STYLES http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

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

/**************************************************************/
/* HTML TAG OVERRIDES */
/**************************************************************/

body {
	background-color: #8ed2f0;
	background-image:url(images/bg-main.gif);
	background-repeat: repeat-x;
	padding: 30px 0px;
}

p, h1, h2, h3, h5, h4, ul, ol, blockquote { margin: 0px 0px 15px 0px; }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

.clear { clear: both; }

a {
	color: #85a14b;
	text-decoration: none;
	font-weight: bold;
}

a:hover { color: #6d843b; }

.floatright { float: right; }
.floatleft { float: left; }

/**************************************************************/
/* MAIN NAVIGATION STYLING */
/**************************************************************/

.menubar {
	display: block;
	width: 820px;
	height: 29px;
	background-repeat: repeat-y;
	margin: 0px auto;
	background-image: url(images/menubar.gif);
}
	
	.menubar ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		display: block;
		margin-left: 30px;
	}
	
	.menubar ul li {
		padding: 0px;
		margin: 0px;
		float: left;
		display:inline; /* fixes double margin bug in IE */
		overflow: hidden; /* For nested divs in Safari */
	}

	.menubar ul li a {
		padding: 0px;
		margin: 0px;
		padding: 9px 12px;
		display:block;
		overflow: hidden; /* For nested divs in Safari */
		background-color: #11639c;
		color: #FFF;
		font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
	}

	/*  IE 5 hack \*/
	.menubar ul li a {
		overflow: hidden;
	}
	
	.menubar ul li a:hover {
		background-color: #1d5277;
	}

/**************************************************************/
/* HEADER SECTION STYLING */
/**************************************************************/

.contentborder {
	display: block;
	width: 820px;
	background-image: url(images/bg-border.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	background-color: #83d7f3;
}

	.header {
		width: 798px;
		border: 1px solid #FFF;
		margin: 0px auto;
		background-color: #FFF;
		background-image: url(images/bg-gradient.gif);
		background-repeat: repeat-x;
	}
	
		.logo {
			background-image: url(images/header-logo.gif);
			background-repeat: no-repeat;
			width: 442px;
			height: 91px;
			display: inline;  /* fixes double margin bug in IE */
			float: left;
			margin: 30px 0px 15px 40px;
		}
		
		.loginform {
			display: block;
			float: right;
			text-align: right;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
			color: #1b5075;
			margin-top: 10px;
			padding: 30px 40px 15px 0px;
		}
		
		.loginform input {
			background-color: #7bb5d6 !important;
			border: none;
			margin: 2px;
			padding: 4px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 13px;
			color: #FFF;
		}
	
	.searchbar {
		width: 718px;
		border: 1px solid #FFF;
		padding: 25px 40px;
		margin: 0px auto;
		background-color: #eafdc2;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		color: #7c9449;
		border-bottom: 10px solid #d4ef9a;
	}
	
		.searchbar a {
			color: #1b5075;
			text-decoration: none;
			font-weight: bold;
		}

		.searchform {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
		}
		
			.searchform input {
				background-color: #90b346 !important;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 18px;
				border: none;
				padding: 4px;
				color: #FFF;
			}
			
	input.button {
		padding: 0px;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
		input.search {
			background: url(images/button-search.gif) no-repeat top left;
			letter-spacing: 1px;
			width: 82px;
			height: 27px;
		}
		
		input.login {
			background: url(images/button-login.gif) no-repeat top left;
			width: 60px;
			height: 20px;
			
		}

	.joinustoday {
		width: 798px;
		height: 339px;
		background-image: url(images/joinustoday.jpg);
		border: 1px solid #FFF;
		border-bottom: 0px;
		margin: 0px auto;
		background-color: #FFF;
		display: block;
	}
	
		.joinustoday a.joinbutton {
			text-indent: -1000em;
			margin-top: 87px;
			margin-left: 364px;
			display: block;
			width: 151px;
			height: 44px;
		}
		
		.joinustoday a.caregiversignup {
			margin-top: 15px;
			margin-left: 364px;
			display: block;
			text-decoration: underline;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #1b5075;
		}
	
/**************************************************************/
/* CONTENT SECTION STYLING */
/**************************************************************/

	
	
	.content {
		width: 718px;
		padding: 30px 40px;
		border: 1px solid #FFF;
		margin: 0px auto;
		background-color: #FFF;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #404040;
		font-size: 13px;
		line-height: 20px;
		background-image: url(images/bg-gradient.gif);
		background-repeat: repeat-x;
	}
	
		.content input, .content select, .content textarea {
			border: 1px solid #CCC;
			font-family: Calibri, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #777;
			padding: 2px;
			margin: 1px;
		}
	
		.findcaregivers {
			background-image: url(images/title-findcaregivers.gif);
			width: 343px;
			height: 17px;
			text-indent: -1000em;
		}
		
		.rows {
			/* prevents a bug in IE for double padding bug
			special thanks to deathshadow for this code
			http://www.iwdn.net/showthread.php?t=7574 */
			clear:both;
			overflow:hidden; /* wrap floats */
			zoom: 1;
		}
		
			.bottomborder { border-bottom: 1px dashed #CCC; }
		
		.colsleft {
			width: 318px;
			padding: 20px 40px 10px 0px;
			float: left;
			display: inline;
			border-right: 1px dashed #CCC;
		}
		
		.colsright {
			width: 319px;
			padding: 20px 0px 10px 40px;
			float: left;
			display: inline;
		}
		
		.title, .title a:link, .title a:visited, .title a:active, .title a:hover {
			color: #1b5075;
			font-weight: normal;
			font-family: Georgia, "Times New Roman", Times, serif;
			letter-spacing: -1px;
			text-transform: capitalize;
		}

			.title em {
				color: #327bae;
				font-size: 24px;
			}
		
			/* font sizes */
			.normal { font-size: 19px; }
			.big { font-size: 24px; }
			.small { font-size: 15px; letter-spacing: normal; }
			
			/* colors */
			.light, .light a:link, .light a:visited, .light a:active, .light a:hover { color: #327bae; }
			.lightgray { color: #888; }
		
		.testimonial {
			background-color: #EEE;
			padding: 10px;
			font-size: 11px;
			color: #666;
			margin-bottom: 4px;
		}
		
		.image { /* blog entry thumbnail */
			display: block;
			border: 1px solid #dceff9;
			margin: 0px 15px 5px 0px;
		}
		
		.content blockquote {
			background-image: url(images/bg-gradient.gif);
			background-repeat: repeat-x;
			padding: 10px 25px;
			margin: 15px 40px;
			border-top: 1px solid #c5e4f2;
			border-bottom: 1px solid #c5e4f2;
		}
		
		.content ul, .content ol {
			margin: 15px 40px;
			border-top: 1px solid #c5e4f2;
		}
		
		.content ul { list-style: inside disc; }
		.content ol { list-style: inside decimal;}
		
			.content ul li, .content ol li  {
				background-repeat: repeat-x;
				padding: 4px 20px;
				border-bottom: 1px solid #c5e4f2;
				background-image:url(images/bg-gradient.gif);
				background-repeat: repeat-x;
				font-size: 13px;
			}
		
		.sidebar {
			width: 179px;
			padding: 0px 20px 10px 0px;
			float: left;
			display: block;
			font-size: 11px;
			border-right: 1px dashed #CCC;
		}
		
		.textbox {
			width: 498px;
			padding: 0px 0px 10px 20px;
			float: left;
			display: block;
		}
		
		a.redbox:link, a.redbox:visited {
			display: block;
			width: 100px;
			padding: 5px;
			text-align: center;
			text-transform: uppercase;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
			background-color: #B00;
			color: #FFF;
			border: 4px solid #900;
		}
		
			a.redbox:hover, a.redbox:active {
				background-color: #700;
				color: #FFF;
			}

		ul.list {
			border-top: 1px dashed #CCC;
			margin: 0px 0px;
			list-style: none;
			list-style-position: outside;
		}
		
		ul.list li.listbox {
			padding: 15px 20px;
			font-size: 11px;
			border-bottom: 1px dashed #CCC;
			line-height: 18px;
			background-image: none;
		}
		
			.listbox .name, .listbox .name a {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 19px;
				font-style: italic;
				font-weight: normal;
				color: #777;
				text-decoration: none;
			}
			
			li.listbox:hover {
				background-color: #F5F5F5;
				color: #000;
			}
			
		/**************************************************************/
		/* WORDPRESS POST & ARCHIVE PAGE STYLING */
		/**************************************************************/
			
		.archiveinfo {
			display: block;
			width: 175px;
			margin-right: 25px;
			float: left;
		}
		
		.postinfo {
			display: block;
			border-bottom: 5px solid #EEE;
			background-color: #FFF;
			width: 200px;
			padding: 0px 15px 15px 0px;
			margin: 0px 15px 15px 0px;
			float: left;		
			font-size: 11px;	
		}
		
		.pagenavigation { margin: 15px 0px 0px 0px; }
		
			.pagenavigation .navlinkprev {
				width: 50%;
				float: left;
				text-align: left;
			}
			
			.pagenavigation .navlinknext {
				width: 50%;
				float: left;
				text-align: right;
			}
		
		/**************************************************************/
		/* SEARCH PAGE STYLING */
		/**************************************************************/
		
		.searchsort {
			padding-bottom: 10px;
			margin-bottom: 20px;
			display: block;
			border-bottom: 1px dashed #CCC;
			font-size: 11px;
			text-align: right;
		}
		
			.searchsort input, .searchsort select {
				padding: 0px;
				font-size: 12px;
			}
			
		.profileimage img {
			margin: 0px 0px 5px 20px;
			border: 10px solid #EEE;
			display:block;
		}	

		/**************************************************************/
		/* REGISTRATION PAGE STYLING */
		/**************************************************************/
		
		.note {
			display: block;
			width: 200px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
			line-height: normal;
			padding: 0px 25px;
			border-left: 1px dashed #CCC;
		}
		
		table.registration {
			border-collapse: separate;
			border-spacing: 10px;
		}
		
		/**************************************************************/
		/* PROFILE PAGES & JOBS PAGE STYLING */
		/**************************************************************/
		
		table.profile td {
			padding: 6px 0px;
			border-bottom: 1px dotted #DDD;
			padding-right: 0px;
			font-size: 11px;
			line-height: 15px;
		}
		
			table.profile th { padding: 15px 0px; }
			
			table.profile td.profileq {
				width: 180px;
				font-size: 12px;
				vertical-align: middle;
			}
			
		table.availability { margin: 0px auto; }
		
			table.availability input { border: none; }
			
			table.availability td, table.availability th {
				padding: 4px 2px;
				font-size: 11px;
				border: none;
				text-align: center;
				vertical-align: middle;
			}
		
			table.availability th {
				text-align: center;
				text-transform: uppercase;
				font-family: Georgia, "Times New Roman", Times, serif;
				letter-spacing: 2px;
				font-size: 10px;
				padding-bottom: 5px;
			}
			
			table.availability td.one {
				border-top:  1px dashed #CCC;
				background-color: #EEE;
				border-bottom:  1px dashed #CCC;
			}
			
		.sidebar ul {
			border-top: 1px dotted #DDD;
			margin: 15px 0px;
			list-style: none;
		}
			.sidebar ul li {
				border-bottom: 1px dotted #DDD;
				font-size: 11px;
				padding: 0px 10px;
				background-image: none;
			}
			
			.sidebar ul.menu { list-style-position: outside; }
				
				.sidebar ul.menu li { padding: 0px; }
				
				.sidebar ul.menu li a {
					display: block;
					color: #359ac5;
					padding: 3px 10px;
				}
				
				.sidebar ul.menu li a:hover {
					background-color: #e1f5fe;
					color: #1079a6;
				}
			
		ul.menu {
			list-style: none;
			margin: 15px 0px;
		}
		
			ul.menu li {
				background-image: none;
				padding: 0px;
			}
			
			ul.menu li a {
				display: block;
				color: #359ac5;
				padding: 3px 10px;
			}
			
			ul.menu li a:hover {
				background-color: #F5F5F5;
			}
		
		/**************************************************************/
		/* ACCOUNT MANAGER PAGE STYLING */
		/**************************************************************/
		
		table.messages th {
			background-color: #5bbdde;
			color: #FFF;
			padding: 2px 8px;
			font-weight: bold;
			text-align: center;
		}
		
			table.messages td {
				background-color: #FFF;
				padding: 4px 8px;
				border-bottom: 1px solid #DDD;
				font-size: 11px;
			}
		
			table.messages .unread {
				background-color: #ffffcc;
				font-weight: bold;
			}
			
/**************************************************************/
/* FOOTER SECTION STYLING */
/**************************************************************/

.footerborder {
	display: block;
	width: 820px;
	background-image: url(images/bg-footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px auto;
	padding-bottom: 10px;
}

	.footercontent {
		width: 758px;
		padding: 15px 20px;
		padding-top: 0px;
		border: 1px solid #FFF;
		margin: 0px auto;
		background-color: #FFF;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		color: #777;
		font-size: 10px;
		line-height: 15px;
	}
	
	.footercontent a {
		color: #359ac5;
	}
	
	.footercontent .followus {
		width: 76px;
		height: 24px;
		background-repeat: no-repeat;
		background-image: url(images/footer-followus.gif);
		background-position: center;
		text-indent: -1000em;
		display: block;
		margin: 0px 2px;
	}
	
	.footercontent a.icon {
		width: 24px;
		height: 24px;
		background-repeat: no-repeat;
		text-indent: -1000em;
		display: block;
		margin: 0px 2px;
	}
	
		.footercontent a.rss { background-image: url(images/icon-feed.png); }
		.footercontent a.twitter { background-image: url(images/icon-twitter.png); }
		.footercontent a.facebook { background-image: url(images/icon-facebook.png);}