/*
Theme Name: Crossroads
Version: 1.6
Author: LHM

*/

/*
Title:      		LHM Media website
Authors:     		David Martin ©2008 http://www.lhmmedia.com/
*/

/* =Defult */
* { margin: 0; padding: 0; }
img { border: none; margin: 0; padding: 0; }

html, body { margin: 0; padding: 0;  }
body { font: 12px/1.4 Arial, Verdana, Helvetica, sans-serif  ; background: #ececec}


a { color:#2f77ce; }
a:hover { color:#000; }

#footer a { color:#FFFFFF; text-decoration: none }
#footer a:hover { color:#FFFFFF; text-decoration: underline }

/*img*/

/*h1*/
h1 		{ float: left; width: 146px; margin-bottom: 30px;}
h1 a 	{ display: block; background: url(images/bg-h1.gif) no-repeat; height: 126px;}
h1 a:hover { background-position: ;}

/*h2*/
h2 { font-size: 18px; font-weight: normal; height: 29px; margin-bottom: 15px}
h2 span { display: none }
h2.meet-the-team { background: url(images/bg-h2-meet-the-team.gif) no-repeat;  }
h2.news-and-events { background: url(images/bg-h2-news-and-events.gif) no-repeat; } 
h2.staff-area { background: url(images/bg-h2-staff-area.gif) no-repeat; } 
h2.blog { background: url(images/bg-h2-blog.gif) no-repeat; } 

/*h3*/
h3 { font-family: Gotham, Arial, Helvetica, sans-serif; color:#333333; font-weight: normal; font-size: 22px; margin-bottom: 10px; }
h3.black { color:#000000; }
h3.black-border { color:#000000; border-bottom: 1px solid #afb0cc; padding-bottom: 15px }
h3.meet-the-team { margin: 0 0 20px 0; border-bottom: 1px solid #afb0cc; padding-bottom: 10px }
h3.purple { color: #5c689a; }

/*h4*/
/*h5*/
/*h6*/

/*p*/
p { color: #4f5b8d; margin-bottom: 20px; }

p.bt-donate-now { overflow: hidden; height: 100%; padding-left:11px }
p.bt-donate-now a { background:transparent url(images/bt-donate-now.gif) no-repeat scroll 0 0; display:block; float:left; height: 29px; width:125px; margin: 49px 0 0 0; }
p.bt-donate-now a:hover { background-position: 0 -29px }

p.bt-read-our-blog { overflow: hidden; height: 100% }
p.bt-read-our-blog a { background:transparent url(images/bt-read-our-blog.gif) no-repeat scroll 0 0; display:block; float:left; width:125px; padding: 0 0 0 20px;   }

p.bt-get-rss-feeds { overflow: hidden; height: 100% }
p.bt-get-rss-feeds a { background:transparent url(images/bt-get-rss-feed.gif) no-repeat scroll 0 0; display:block; float:left; width:125px; padding: 0 0 0 20px }

p.purple { color: #5c689a; }
p.purple-title { color: #5c689a; font-size: 14px }

p.calling-carers { position: absolute; top: 211px; right: 16px; z-index: 1000}
p.calling-carers a { background:transparent url(images/bt-calling-all-carers.png) no-repeat scroll 0 0; display:block; float:left; width:106px; height: 106px}
p.calling-carers a:hover { background-position: 0 -106px }
p.calling-carers span { display: none }

#links p { margin-bottom: 5px }

#footer p { font-size: 80%}

p.footer-2pri { float: right;}
p.footer-2pri span { float: left; margin-right: 5px;}
p.footer-2pri a span { display: none; }
p.footer-2pri a { display: block; float: left; width: 16px; height: 15px; background: url( images/ico-w3c-css.gif) no-repeat; }

p.footer-2pri a.html { background: url( images/ico-w3c-html.gif) no-repeat; margin-right: 5px; }


/*blockquote*/
blockquote { font-size: 14px; margin-bottom: 20px; color: #616161; margin: 0;}

/* =main structure 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#body { width: 990px; margin: 30px auto; background: #FFFFFF;  overflow: hidden}  
#container { padding: 30px; overflow: hidden}  

#branding span { display: none;}
#branding 	{ overflow/**/:/**/hidden; height: 1%; width: 146px; float: left; margin-bottom:20px}
#branding ul { float: left; overflow/**/:/**/hidden; height: 1%; margin-bottom: 15px}
#branding ul li { list-style: none; }
#branding ul li a { text-decoration: none; display: block; height: 17px; background: url(images/bg-nav-item1.gif) no-repeat; margin-bottom: 12px }
#branding ul li#item1 a { width: 146px}
#branding ul li#item2 a { width: 146px; background-image: url(images/bg-nav-item2.gif);}
#branding ul li#item3 a { width: 146px; background-image: url(images/bg-nav-item3.gif);}
#branding ul li#item4 a { width: 146px; background-image: url(images/bg-nav-item4.gif);}
#branding ul li#item5 a { width: 146px; background-image: url(images/bg-nav-item5.gif);}
#branding ul li#item6 a { width: 146px; background-image: url(images/bg-nav-item6.gif);}
#branding ul li#item7 a { width: 146px; background-image: url(images/bg-nav-item7.gif);}
#branding ul li#item8 a { width: 146px; background-image: url(images/bg-nav-item8.gif);}
#branding ul li#item9 a { width: 146px; background-image: url(images/bg-nav-item9.gif);}
#branding ul li a:hover { background-position: 0 -17px } 
#branding ul li a.active { background-position: 0 -17px } 

#branding ul ul { float: none; }
#branding ul ul li { list-style: none; }
#branding ul ul li a { text-decoration: none; display: block; background: none; margin: 0; padding: 2px 0 2px 10px }
#branding ul ul li a.active { font-weight: bold }

#branding ul li#item1 ul li a { width: 146px; background-image: none;}
#branding ul li#item2 ul li a { width: 146px; background-image: none;}
#branding ul li#item3 ul li a { width: 146px; background-image: none;}
#branding ul li#item4 ul li a { width: 146px; background-image: none;}
#branding ul li#item5 ul li a { width: 146px; background-image: none;}
#branding ul li#item6 ul li a { width: 146px; background-image: none;}
#branding ul li#item7 ul li a { width: 146px; background-image: none;}
#branding ul li#item8 ul li a { width: 146px; background-image: none;}
#branding ul li#item9 ul li a { width: 146px; background-image: none;}


#donate { overflow/**/:/**/hidden; height: 1%; height: 89px; width: 146px; background: url(images/bg-donate.jpg) no-repeat; margin-bottom: 20px }
#links { overflow/**/:/**/hidden; height: 1%; padding: 0 0 0 12px }

/* header 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header 	{ float: right; float: right; width: 784px; margin-bottom: 40px }
#header ul  { float:right; margin-bottom: 10px}
#header ul li { list-style: none; float: left; margin-right: 5px; font-family:Verdana; }
#header ul li.end { margin: 0} 

/* content 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content 	{ float:right; width: 746px;}

/* content-1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-1 		{ width: 535px; float: left; position:relative }
#content-1 img  { margin-bottom: 20px; }

#content-1 ul { margin-bottom: 20px}
#content-1 ul li { margin: 0 0 5px 15px; color: #4f5b8d;}

#content-1pri ul li { list-style: none; margin: 0}

#news-story-home     { background: url(images/bg-latest-news-home.jpg) no-repeat; padding: 12px; height: 153px } 
#news-story-home img { float: left; }
#news-story-home h2  { background: url(images/bg-h2-latest-news.gif) no-repeat;   }
#news-story-home h2 em { float:right; font-style:normal; padding: 6px 10px 0 0 }
#news-story-home h2 em a { color: #FFFFFF; font-size: 12px }
#news-story-home h3 { margin: 0 0 0 135px; font-size: 16px }
#news-story-home h3 a { color: #333333; text-decoration: none }
#news-story-home p { margin: 0 0 0 135px; color: #1f1f1f }
#news-story-home em { margin: 0 0 0 15px; font-style:normal; color: #666666; }
#news-story-home img { width: 120px; height: 80px}

#donation     { background: url(images/bg-support-donation.jpg) no-repeat 0 15px; padding: 30px 15px 15px 20px ; position:relative; margin: 0 0 15px 0; } 
#donation h3 {  }
#donation p { color: #1f1f1f }
#donation p.donate-online { position: absolute; top: 0; right: 12px;}
#donation p.donate-online a { background:transparent url(images/bt-donate-online.png) no-repeat scroll 0 0; display:block; float:left; width:87px; height: 87px}
#donation p.donate-online a:hover { background-position: 0 -87px }
#donation span { display: none }

#statement { margin: 20px 0 0 0; clear: both; float: left }

#submit-cv     { background: url(images/bg-submit-cv.jpg) no-repeat 0 15px; padding: 30px 20px 15px 20px ; position:relative; margin: 0 0 15px 0; } 

#address	{ overflow: hidden; margin-bottom: 25px }
#address img  { float: left; margin-right: 25px }

.entry em { color:#5c689a; display:block; margin-bottom:3px; font-style:normal }
.entry p.comments { margin: 0}

ul#content-1pri { margin-bottom: 20px; overflow:hidden}
ul#content-1pri li { background: url(images/bg-our-services.jpg) no-repeat; padding: 10px 10px 10px 10px; height: 189px; list-style: none; float: left; width: 236px; margin: 0 20px 20px 0; position:relative }
ul#content-1pri li.end { margin: 0 0 20px 0 }
ul#content-1pri li h2.adult-care { background: url(images/bg-h2-adult-care.gif) no-repeat; }
ul#content-1pri li h2.childrens-care { background: url(images/bg-h2-childrens-care.gif) no-repeat; }
ul#content-1pri li h2.day-centre-care { background: url(images/bg-h2-day-centre-care.gif) no-repeat; }
ul#content-1pri li h2.cancer-palliative { background: url(images/bg-h2-end-of-life.gif) no-repeat; }
ul#content-1pri li h2.bereavement { background: url(images/bg-h2-bereavement.gif) no-repeat; }
ul#content-1pri li h2.carer-information { background: url(images/bg-h2-carer-information.gif) no-repeat; }
ul#content-1pri li h2.carer-training { background: url(images/bg-h2-carer-training.gif) no-repeat; }
ul#content-1pri li img { margin: 0 0 5px 0 }
ul#content-1pri li p { }
ul#content-1pri li p.enter { position: absolute; bottom: 10px; right: 10px; margin: 0}
ul#content-1pri li p.enter a { background:transparent url(images/bt-content-1pri-enter.gif) no-repeat scroll 0 0; display:block; float:left; width:17px; height: 17px}
ul#content-1pri li p.enter a:hover { background-position: 0 -17px }
ul#content-1pri li span { display: none }

ul#content-1sec { margin-bottom: 10px}
ul#content-1sec li  { overflow: hidden; border-bottom: 1px solid #afb0cc; margin: 20px 0 0 0; list-style:none; padding-bottom:15px}
ul#content-1sec li h3 { margin: 0 0 0 150px; font-weight: bold }
ul#content-1sec li p { margin: 0 0 0 150px; }
ul#content-1sec li img { float: left; border: 1px solid #dbdbdb; padding: 5px}
ul#content-1sec li p.job-title { color: #818181; margin-bottom: 15px }
ul#content-1sec li p.quote { color:#5c689a; margin-bottom: 15px }

ul#content-1ter { }
ul#content-1ter li { list-style:none; margin: 0 0 20px 0; border-bottom: 1px solid #999999; padding: 0 0 20px 0 }
ul#content-1ter li em { color:#999999; display:block; margin-bottom:3px; font-style:normal; }
ul#content-1ter li em.purple { color:#5c689a; }
ul#content-1ter li p { }
ul#content-1ter li p.tags { margin: 0; }
ul#content-1ter li p.comments { margin: 0}

ul#content-1ter-pagination { }
ul#content-1ter-pagination li { list-style: none; margin: 0 }

ul#content-1qua { padding: 10px 0 0 0; clear:both }
ul#content-1qua li { list-style:none; margin: 0 0 25px 0; border-bottom: 1px solid #999999; padding: 0 0 20px 0; overflow:hidden; position: relative; }
ul#content-1qua li.no-border { list-style:none; margin-bottom: 25px; border-bottom: none; padding: 0 0 20px 0; overflow:hidden; position: relative }
ul#content-1qua li img { margin: 0; float:left }
ul#content-1qua li h3 { margin: 10px 0 10px 190px; font-size: 19px; }
ul#content-1qua li p { margin-left: 190px; }
ul#content-1qua li p.text { margin-left: 190px; width: 235px}
ul#content-1qua li span { display: none }
ul#content-1qua p.more-info { position: absolute; top: 0; right: 12px;}
ul#content-1qua p.more-info a { background:transparent url(images/bt-more-info.gif) no-repeat scroll 0 0; display:block; float:left; width:87px; height: 83px}
ul#content-1qua p.more-info a:hover { background-position: 0 -83px }
ul#content-1qua p.back-to-all { position: absolute; top: 0; right: 12px;}
ul#content-1qua p.back-to-all a { background:transparent url(images/bt-back-to-all.gif) no-repeat scroll 0 0; display:block; float:left; width:87px; height: 83px}
ul#content-1qua p.back-to-all a:hover { background-position: 0 -83px }

#content-1qui img { float:left}
#content-1qui h3 { margin-left: 135px} 
#content-1qui p { margin-left: 135px} 


ul#contact-form { }
ul#contact-form li  { list-style: none; margin: 0 }
ul#contact-form li input { padding: 5px; width: 520px; border: 1px solid #bbbbbb}
ul#contact-form li input.submit { width: 137px; height: 27px; border: 0; background: url(images/bt-submit.gif) no-repeat ; display:block; cursor: pointer; padding-top: 22px; overflow:hidden; color: #5c689a }
ul#contact-form li input.submit:hover { background-position: 0 -27px; }
ul#contact-form li input checkbox { width:15px; float: left; margin: 2px 0 0 0 }
ul#contact-form li select { padding: 5px; width: 532px; border: 1px solid #bbbbbb}
ul#contact-form li textarea { padding: 5px; width: 520px; border: 1px solid #bbbbbb}
ul#contact-form p { margin: 0 0 10px 0; overflow: hidden }
span.wpcf7-checkbox input { width:15px !important; float: left; margin: 2px 0 0 0}
span.wpcf7-list-item { float: left; width: 100%; }

ul#list-careers				{ margin-bottom:10px; overflow:hidden; height:1%; margin-bottom: 20px;} 
ul#list-careers li	 		{ list-style:none; margin:0 0 5px 0 }
ul#list-careers li p 		{ margin:0 0 0 0 }
ul#list-careers li a 		{ color:#354173; }
ul#list-careers li a:hover 	{ color:#2F77CE }


/* content-2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-2 				{ width: 176px; float: right;}
#content-2 img 			{ margin-bottom: 20px }
#content-2 h2.services  { background: url(images/bg-h2-services.gif) no-repeat; }
#content-2 h2.archive  { background: url(images/bg-h2-archive.gif) no-repeat; }
#content-2 h2.categories  { background: url(images/bg-h2-categories.gif) no-repeat; }
#content-2 h2.recent-articles  { background: url(images/bg-h2-recent-articles.gif) no-repeat; }

#content-2 ul 				{ overflow: hidden; height: 1%; margin-bottom: 20px }
#content-2 ul li 			{ list-style: none; margin: 0 0 5px 8px; }
#content-2 ul li a 			{ color: #354173; }
#content-2 ul li a:hover	{ color: #5c668f }

#newsletter  	{ background: url(images/bg-newsletter.jpg) no-repeat; padding: 12px; height: 193px }
#newsletter h2	{ background: url(images/bg-h2-newsletter.gif) no-repeat; height: 11px; margin-bottom: 11px }
#newsletter p 	{ margin: 0 0 8px 0 }
#newsletter ul li						{ margin: 0 0 10px 0 }
#newsletter ul li input 			{ background: #dddddd; border: none; padding: 6px; height: 15px; width: 139px; background: url(images/bg-newsletter-input.gif) no-repeat; }
#newsletter ul li input.signup 			{ display: block; background: url(images/bg-newsletter-signup.gif) no-repeat; width: 76px; height: 27px; border: 0; cursor: pointer; font-size: 0; text-indent: -9999px; text-align: right; color: #d8353b;}
#newsletter ul li input.signup:hover 	{ background-position: 0 -27px; color: #3f3f3f; }
#newsletter form { overflow: hidden; }


/* footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer	{ background-color: #5c689a; clear: both; padding: 20px 100px 20px 215px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif }
#footer ul { overflow: hidden; height: 1%; margin-bottom: 2px }
#footer ul li { float: left; list-style: none; margin-right: 4px; font-weight: bold; font-size: 10px }
#footer ul li a { color:#FFFFFF; text-decoration: none; }
#footer ul li a:hover { color: #abb0c4 }
#footer p { color:#FFFFFF; margin: 0 }

/*ol
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*dl
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header #searchform { float: right; clear: both }
#header #searchform input {background:transparent url(images/bg-header-search.jpg) no-repeat scroll 0 0; border:0 none; height:24px; padding:6px 0 0 25px;
width:210px; float: left; margin-right: 10px}
#header #searchform input.submit { background:transparent url(images/bt-branding-search.gif) no-repeat scroll 0 0; color:#FFFFFF; cursor:pointer; height:27px; padding:0; width:71px; margin: 0 }
#header #searchform input.submit:hover { background-position: 0 -27px }


/*admin
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/