/*
Theme Name: Caring People
Version: 1.0
Author: inspire:

Colours
Pink		#d1005d
Dark Pink	#af1250
Warm Grey	#8b8078
Dark Grey	#58595b
Light Grey	#dcdbd7
*/

/*** General ***/

* { padding: 0px; margin: 0px; }
body { background: #fff; font-family: Helvetica, sans-serif; font-size: 12px;  }
.wrap { width: 1000px; margin: 20px auto 0; }
.clear { clear: both; display: block; }
a, a:link, a:active, div a { color: #d1005d; }
a:hover, div a:hover { color: #af1250; }

/*** Header ***/

.title { height:84px;}
.logo 		{ margin: 0; padding: 0; font-family: Arial, Sans-Serif; font-size: 2em; color: #000; }
.logo a 	{ background:url(images/cplogo.jpg) no-repeat; text-indent:-9999px; display: block; width:500px; height:60px; float:left;}
.description { background:url(images/becausewecare.jpg) no-repeat right; text-indent:-9999px; height:55px; margin:5px 0 0;width:500px; float:left; }

/*** Menu ***/

.menu { clear:both; font-family: Helvetica, sans-serif; font-size: 12px; width:1000px; }
.menuright { float:right; width:190px; font-family: Helvetica, sans-serif; font-size: 12px; text-align:right; border-right:1px solid #d1005d; color: #655e56; padding: 3px 10px 0 0;}
.menuright a {color:#655e56; text-decoration:none; }
.menuright a:hover {color:#d1005d }
.menu ul { float:left;width:785px; display: block; padding: 17px 0px 14px 0px; margin: 0 0 0 0; list-style: none; }
.menu ul li { display: inline; padding-right: 4px; }
.menu ul li a { color: #655e56; text-decoration: none; }
.menu ul li a:hover, .menu ul li.current_page_item a { color: #d1005d; }
.menu ul li:before { padding:0 4px 0 0; color: #d1005d; content: "|"; }
.menu ul li:last-child:after { padding:0 0 0 4px; color: #d1005d; content: "|"; }

/*** Content ***/

.content { width: 742px; float:left;margin:0 0 20px; }
.headerimagewrap {width: 742px; height: 178px; float:left; }
.headerimage { float:left; width:300px; height:178px; }
.headertext {width:442px; height: 178px; float:left; background: url(images/titlebg1.jpg) repeat-x; }
.headertext h2 { color:#d1005d; font-size:20px; margin: 16px 12px 0; }
.headertext h3 {color:#8b8078; font-size:18px; margin: 0 12px; line-height:120% }
.caption { background: url(images/captionbg1.jpg) no-repeat; width:722px; height:26px; color:#fff; text-align:right; line-height:26px; padding: 0 20px 0 0; float:left;  }
.home { background:url(headers/rotator.php) no-repeat bottom; width:742px; height:368px; float:left;margin:0; }
.homepost h1 {color:#d1005d; font:22px; margin: 16px 12px 0; }
.homepost h2 { font-family: Helvetica, sans-serif; margin: 12px 12px 0; font-size: 24px; line-height: 24px; font-weight: normal; }
.homepost h2 a { color: #d1005d; text-decoration: none; }
.homepost h3 {color:#8b8078; font-size:22px; margin: 0 12px; line-height:120% }
.homepost h4 {color:#d1005d; font-size:22px; margin: 10px 12px; line-height:120% }
.homepost h4 a {font-weight:normal; text-decoration:none; }
.homepost h4 a:hover {color:#8b8078; }

.contact { width:742px; height: 194px; background: url(images/cpcontact1.jpg) no-repeat bottom; float:left; margin:9px 0 0; }
.contact .quote {width:170px; float:left; margin: 20px 0 0 12px; padding:25px 0 0; color:#d1005d; font-size: 15px; background: url(images/quoteleft.png) no-repeat; }
.contact .quoteend { width:150px; height:20px; background: url(images/quoteright.png) no-repeat right; margin:-20px 0 0; }
.contact .info {width: 380px; height:147px; float:left; margin: 20px 0 0 180px; color:#8b8078; font-size: 20px;}
.contact .info a {text-decoration:none; color:#8b8078; }
.contact .title {float:left; margin: 0 0 0 365px; color:#fff; font-size: 10px; height:27px; line-height:27px; }

.post { width:500px; margin: 15px 0 0; float:right; color:#655e56;}
.post h2 { font-family: Helvetica, sans-serif; font-size: 24px; line-height: 24px; font-weight: normal; margin:20px 0 10px; }
.post h2:first-child { font-family: Helvetica, sans-serif; font-size: 24px; line-height: 24px; font-weight: normal; margin:0 0 10px; }
.post h2 a { color: #d1005d; text-decoration: none; }
.post h3 {color:#d1005d; font-size:18px; margin: 0; line-height:120% }
.post h4 {color:#d1005d; font-size:15px; margin: 10px 0; line-height:120% }
.post h4 a {font-weight:normal; text-decoration:none; }
.post h4 a:hover {color:#7d746c; }
.post h5 { font-size: 13px; font-family: Helvetica, sans-serif; color: #d1005d; border-bottom: 1px solid #dcdbd7; padding:0 0 10px; margin:10px 0 0 }
.post h6 { font-size: 13px; font-family: Helvetica, sans-serif; color: #d1005d; border-top: 1px solid #dcdbd7; padding:10px 0 0; margin:10px 0 0 }
.post h6:first-child {border-top:none;margin: 0}
.post p { font-size: 13px; font-family: Helvetica, sans-serif; color: #655e56; margin: 0 0 5px; line-height:120%; }
.post p a { color: #d1005d; }
.post ul {list-style-image: url(images/bullet.png); margin: 0 0 0 20px;}
.post ul li {margin: 5px 0 ;}
.post .brief {width: 180px; float:left; font-size:13px; }
.post .brief1 {width: 500px; float:left; font-size:13px; }
.post .brief2 {width: 310px; float:right; }
.post .brief ul, .post .brief1 ul  { list-style-image:none; margin: 0; list-style:none;}
.post .brief ul span, .post .brief1 ul span {color:#d1005d; font-weight:bold; }
.post .brief2 h4 {font-size:13px;margin: 3px 0 0; }
.post .apply {float:left; width:500px; height: 26px; line-height:26px; margin: 10px 0 0; font-weight: bold; text-align:right; }
.post .apply a {display:block; background: url(images/applybg.jpg) no-repeat; color:#fff; text-decoration:none; padding: 0 10px; }
.post .apply a:hover {display:block; background: url(images/applybg.jpg) no-repeat -500px; color:#dcdbd7;  }
.content .prevnext	{width:500px; margin:10px 0 0; float:right; }
.content .previous a		{ width:250px; float:left; color:#8b8078; margin:20px 0 0; text-decoration:none}
.content .next a			{ width:250px; float:right; color:#8b8078; margin:20px 0 0; text-align:right; text-decoration:none }
.content .next a:hover, .content .prev a:hover {color:#d1005d}
.post blockquote { background: #d1005d url(images/quoteleftwhite.png) no-repeat 5px 5px;  width: 440px; padding: 10px 10px 10px 50px; margin: 20px 0px; font-size: 24px; line-height: 30px; color: #fff; }
.post blockquote p { font-size: 16px; line-height: 120%; color: #fff; }

.page { margin-top: 15px; }

/* Contact Form */
.post input 						{ height:30px; line-height:30px; width: 490px; font-size:14px; margin:5px 0; padding:8px 5px 0; background: #dcdbd7; border: none; color: #d1005d; }
.post textarea 						{ padding:2px 5px; width: 490px; background: #dcdbd7; border: none; font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:130%; color: #d1005d; }
.post input[type="submit"] 			{ width:70px; height:30px; line-height:30px; text-align:center; font-size:15px; margin:10px 0; background: #d1005d; border: 1px #d1005d; color: #fff; cursor:pointer; padding:0}
.post input[type="submit"]:hover	{ background: #af1250; }
.post input[type="submit"]:active 	{ background:#8b8078; }
.upload			{ border: none; color: #d1005d; font-size:12px;  }

/*** Sidebar ***/

.sidebar { width: 235px; float: right; margin:0 0 0;}

.sidebar .signup { background: #dcdbd7 url(images/signupbg.jpg) no-repeat top; margin:0 0 10px; padding: 0 0 10px; }
.sidebar .signup h3 {color:#fff; font-size:18px; padding:10px 10px 0; font-weight:normal }
.sidebar .signup p {color:#58595b; font-size:12px;  padding:0 10px; }
.sidebar .signup .subscribe {padding:0 10px 5px; color:#58595b; }
.sidebar .signup input	{ width:215px; border:none; height:20px; line-height:20px; font-size:12px; color:#58595b; margin:2px 0 0}
.sidebar .signup input[type="submit"] { clear:both; width:70px; height:20px; line-height:16px; text-align:center; font-size:11px; margin:5px 10px 0; background: #d1005d; color: #fff; cursor:pointer; }
.sidebar .signup input[type="submit"]:hover{ background: #af1250; }
.sidebar .signup input[type="submit"]:active { background:#8b8078; }
.sidebar .signup .fieldset {border: none}
.sidebar .signup .response {padding:10px; color:#58595b;}

.sidebar .sidebarItem { background: #cbc9c4 url(images/sidebarbg1.gif) repeat-x; padding: 10px 10px 0px 10px; margin: 0 0 0 0; }
.sidebar .sidebarItem h3 { font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; color: #8b8078; }
.sidebar .listing { background: url(images/sidebarbg2.jpg) no-repeat; color:#fff; font-size:10px; height:28px; line-height:28px;}
.sidebar .listing a { color:#fff; text-decoration: none; padding: 0 10px;}
.sidebar .listing a:hover { color:#cbc9c4;}
.sidebar .sidebarItem .joblist { margin: 5px 0 0; padding: 0 0 5px }
.sidebar .sidebarItem .joblist h4 { color:#d1005d; font-size:12px;}
.sidebar .sidebarItem .joblist a {text-decoration:none; margin: 5px 0 0; color:#58595b; }
.sidebar .sidebarItem .joblist a:hover {color:#d1005d; }

.sidebar .casestudy { background: url(images/sidebarbg3.jpg) repeat-x; height:140px; padding: 10px 10px 0px 10px; margin: 10px 0 0 0; }
.sidebar .casestudy h3 { font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; color: #d1005d; }
.sidebar .download { background: #a85a78 url(images/sidebarbg4.jpg) no-repeat bottom; color:#fff; font-size:10px; height:28px; line-height:28px;}
.sidebar .download a { color:#fff; text-decoration: none; padding: 0 10px;}
.sidebar .download a:hover { color:#cbc9c4;}

/*** Sidebar Glance & Jobs***/

.sidebarglance { width: 190px; float: left; margin:0 40px 0 5px;}
.sidebarglance .glance {color:#8b8078; line-height:120%; margin: 0 0 20px;}
.sidebarglance h2 { font-size:20px; margin: 15px 0 5px; color:#d1005d; line-height:110% }
.sidebarglance .glance h3 { font-size:18px; margin: 15px 0 5px;  }
.sidebarglance .glance ul {margin: 0 0 0 15px;}
.sidebarglance .glance ul li {margin: 5px 0 ;}
.sidebarglance .glance .jobheadings h4 { color:#d1005d;}

/*** Sidebar Job Headings***/

.sidebarjobhead { width: 190px; float: left; margin:15px 40px 0 5px;}
.sidebarjobheadings { width: 190px; float: left; background: #f7f7f6 url(images/joblistbg.jpg) repeat-x bottom;}
.sidebarjobheadings h2 { font-size:20px; margin: 5px 5px 5px; color:#d1005d; line-height:110% }
.sidebarjobheadings ul {margin: 0 0 0 15px;}
.sidebarjobheadings ul li {margin: 5px 0 ;}
.sidebarjobheadings table.jobheadings {width: 180px; margin:5px; }
.sidebarjobheadings table.jobheadings td.header {width:150px; color:#d1005d; margin: 5px; font-weight:bold; font-size: 11px; vertical-align:top; padding:1px 0 2px }
.sidebarjobheadings table.jobheadings td.header a { text-decoration:none }
.sidebarjobheadings table.jobheadings td.wages {width:40px; color:#58595b; margin: 5px; font-weight:bold; font-size: 11px; text-align:right; vertical-align:top; padding:1px 0 2px }
.sidebarjobheadings table.jobheadings td.wages a { text-decoration:none }
.viewall { float:left; width: 190px; height: 28px; background: url(images/sidebarbg6.jpg) no-repeat; color:#fff; font-size:10px; height:28px; line-height:28px;}
.viewall a { color:#fff; text-decoration: none; padding: 0 10px;}
.viewall a:hover { color:#cbc9c4;}



/*** Sidebar Quote***/

.sidebarquote { width: 190px; float: left; margin:15px 40px 0 5px; background:#d11569 url(images/sidebarbg5.jpg) no-repeat bottom;}
.sidebarquote .quote {color:#fff; line-height:120%; margin: 0 0 0; padding: 45px 5px 5px; background: url(images/quoteleftwhite.png) no-repeat 5px 5px; }
.sidebarquote h5 {font-size:11px; margin: 5px 0 0; line-height:110%; font-weight: normal;}

/*** Sidebar FAQ***/

.sidebarfaq { width: 500px; margin:5px 0 30px 0; float:left; }
.sidebarfaq .faq1 {width:240px; height: 180px; margin: 0 10px 0 0; float:left; }
.sidebarfaq .faq1 a { display:block; background: url(images/faqjobseeker1.jpg) no-repeat; color:#fff; line-height:12px; height:180px; padding: 157px 20px 0; text-decoration:none; text-align:right;}
.sidebarfaq .faq1 a:hover { display:block; background: url(images/faqjobseeker1.jpg) no-repeat -240px 0; color:#dcdbd7; line-height:12px; }
.sidebarfaq .faq2 {width:240px; height: 180px; margin: 0; float:left; }
.sidebarfaq .faq2 a { display:block; background: url(images/faqemployer1.jpg) no-repeat; color:#fff; line-height:12px; height:180px; padding: 157px 20px 0; text-decoration:none; text-align:right;}
.sidebarfaq .faq2 a:hover { display:block; background: url(images/faqemployer1.jpg) no-repeat -240px 0; color:#dcdbd7; line-height:12px; }


/*** Footer ***/

.footer { clear:both; width: 1000px; height:30px;line-height:30px;margin: 20px auto 10px; font-size:0.75em; color: #8b8078; }
.footer .Fleft { width: 500px; float: left;}
.footer .Fright { width: 500px; float: left; text-align:right}
.footer .Fright a {color:#8b8078; text-decoration:none; }
.footer .Fright a:hover {color:#58595b;}
.footer .Fleft:before, .footer .Fright:before { padding:0 5px 0 0; color: #d1005d; content: "|"; }
.footer .Fleft:after, .footer .Fright:after { padding:0 0 0 5px; color: #d1005d; content: "|"; }