/*
Theme Name: Hica Care Homes
Theme URI: 
Description:
Version: 1.0
Author: Darren White
Author URI: 
Tags: 
*/
/*
===== CONTENTS =====

last-updated: PUT DATE HERE;

=1: Universally
=2: Accessibility
=3: Body
=4: Outline Construction
=5: navmenuigation

====================
*/

/*
===== =1: Universally =====
*/

* {
font-size:100%;
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}

a img {border:0;}


/*
===== =2: Accessibility Aids =====
*/

.hidden, h1 a span, h2 a span, #newsColumn h3 span
{
position: absolute;
left: -9999px;
height: 0px;
}

/*
===== =3: Body =====
*/

body {
padding: 1.2em 0;
font: 62.5%/120% Verdana, Arial, Helvetica, sans-serif;
color: #333;
background: #fff;
}



/*
===== =4: Outline Construction =====
*/


#wrap {
position:relative;
margin:auto;
width:770px;
height:auto !important;
height:600px;
}
categories

/*hacktastic*/ul#categories:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*
===== =4: logo - h1 - h2 =====
*/

h1 a {
margin-top:8.4em;
float:left;
width: 180px;
height:0;
background: url("images/logo.jpg") no-repeat;
padding-top: 124px;
}
h1 a:hover {
background: url("images/logo.jpg") 0 -135px no-repeat;
}
h2 {
position:absolute;
top:168px;
left:0;
}

h2 a {display:block;width: 180px;height:4em;background: url("images/h2_bg.jpg") 0 0 no-repeat;}
h2 a:hover {display:block;width: 180px;height:4em;background: url("images/h2_bg.jpg") 0 -4.5em no-repeat;}

#header {
height:208px;
background: url("images/header_bg.jpg") right no-repeat;}

/*
===== =4: middle navmenuigation=====
*/

ul.menu {
display:block;
width:755px;
height:30px;
margin-top:4px;
padding:0 0 0 15px;
background: url("images/nav_bg.gif") }

ul.menu li {
float:left;
width:auto;
height:30px;
color:#fff;
font-size:11px;
border-left:1px solid #fff;
border-right:1px solid #fff;
margin-left:-1px;
}

ul.menu li a {
display:block;
color:#fff;
padding:9px 10px 9px 10px;
font-weight:bold;
background:#069;
}

ul.menu li a:hover {
color:#EACD4F;
background: #036;
}

ul.menu li#home span {
position: absolute;
left: -9999px;
}

ul.menu li#home a {
padding:0;
height:30px;
background: url("images/home.gif")  no-repeat;
}
ul.menu li#home a:hover {
background-position:0 -29px;
}


/*
===== =4: newscolumn =====
*/

#newsColumn {
margin:8px 0 0 0;
float:left;
width:230px;
margin-bottom:10px;
}

#newsColumn h3 {
padding-top:35px;
background:url("images/h3_bg.gif")}

#newsColumn ul {
clear:left;
display:block;
padding:10px;
background:#F0DC57 url("images/newsColumn_ul_bg.gif") bottom no-repeat;
}
#newsColumn ul li {
color:#036;
padding:0 5px 5px 8px;
font: bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
background: url("images/newsColumn_li_bg.gif") 0 4px no-repeat;
}

#newsColumn ul li a:link {color:#036;}
#newsColumn ul li a:visited {color:#036;}
#newsColumn ul li a:hover {color:#F0DC57;background:#036;}
#newsColumn ul li a:active {color:#F0DC57;background:#036;}

#newsColumn img {
margin:5px 0;
}

#newsColumn p {
height:44px;
margin-top:25px !important;
margin-top:0;
color:#F0DC57;
padding:5px 0 0 6px;
font:11px/13px Verdana, Arial, Helvetica, sans-serif;
background:#036 url("images/newsColumn_p_bg.gif") no-repeat;
}

#slideshow {
position:relative;
height:150px;
width:200px;

}
img {}
.imgfade {
position:absolute;
top:0px;
left:0px;
border:0;
}



/*
===== =4: content =====
*/


body#projectPage #content  {
margin:8px 250px 0 0;
}

#content {
margin:8px 0 0 244px;
}

#flashcontent {
margin-bottom:0px !important;
margin-bottom:6px;
}

#content h3 {
padding:0px 0 10px 0;
color:#003366;
font: 22px/26px Arial, Helvetica, sans-serif;
}
#content h4 {
padding:5px 0 5px 0;
color:#003366;
font: 16px/20px Arial, Helvetica, sans-serif;
}


#content p {
margin-bottom:10px;
font: 12px/18px Arial, Helvetica, sans-serif;
}

.page-id-14 dl {
font:normal 1.0em/1.2em Verdana, Arial, Helvetica, sans-serif ;
margin-bottom:2em;}

.page-id-14 dt {
float:left;
width:9em;
padding:0.5em;
text-align:right;
font-weight:bold;}

.page-id-14 dd {
margin:0 0 0 10em;
padding:0.5em;
border-left:1px solid #ccc;}

.page-id-14 dd.download {
padding-left:2.5em;
background: url("images/download_icon.gif") 0.9em 0.4em no-repeat;}

#content .alignright img,
#content img.alignright  {
float:right;
padding:4px;
border:1px solid #930;}
#content .alignright {float:right;margin:0 0 5px 5px;}

#content .alignleft img,
#content img.alignleft  {
float:left;
padding:4px;
border:1px solid #930;}
#content .alignleft {float:left;margin:0 5px 5px 0;}
#content .wp-caption-text {
  font: 11px/16px Arial, Helvetica, sans-serif;
  text-align:center;font-weight:bold;}

#content ul {
margin:0 0 10px 20px;
font: 12px/20px Arial, Helvetica, sans-serif;
list-style-type:disc;
}
#content ul li {list-style-type:disc;}

#content img.odd {
float:right;
margin:0 0 5px 5px;
padding:4px;
border:1px solid #930;}

#content img.even,
#content img.attachment-post-thumbnail {
float:left;
margin:0 5px 5px 0;
padding:4px;
border:1px solid #930;}

#links dl {
font:normal 1.0em/1.2em Verdana, Arial, Helvetica, sans-serif ;
margin-bottom:2em;}

#links dt {
float:left;
width:24.5em;
padding:0.5em;
text-align:right;
font-weight:bold;}

#links dd {
margin-left:26em;
padding:0.5em;
border-left:1px solid #ccc;}

p.more {
text-align:right;
}

.pagenavmenu {
padding:4px;
text-align:right;}


.pagenavmenu a {padding:2px;text-decoration:none;}
.pagenavmenu a:link {}
.pagenavmenu a:visited {}
.pagenavmenu a:hover {color:#ffc;background:#1E3149;}
.pagenavmenu a:active {color:#ffc;background:#1E3149;}


#downloads dl {
font:normal 1.0em/1.2em Verdana, Arial, Helvetica, sans-serif ;
margin-bottom:2em;}

#downloads dt {
float:left;
width:14em;
padding:0.5em;
text-align:right;
font-weight:bold;}

#downloads dd {
margin-left:15em;
padding:0.5em;
#homes border-left:1px solid #ccc;}

#downloads dd.download {
padding-left:2.5em;
background: url("images/download_icon.gif") 0.8em 0.4em no-repeat;}

.post {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #000;zoom:1;min-height:170px;}
.page-id-10 .post:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
#imageBlock:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

.post img.wp-post-image {float:left;margin:10px 0 0 0;}
.post-excerpt {margin-left:160px;}
.no_image {min-height:100px;}
.no_image .post-excerpt {margin-left:0;} 

#imageBlock {
float:left;
}

#imageBlock  img {
float:left;
width:130px;
margin:0 10px 10px 0;
padding:4px;
border:1px solid #930;
}


#homes dl
{
float: left;
width: 45em;
margin: 2em;
padding: 0;
}

#homes dt
{
clear:left;
width: 100px;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}
#homes dt img {
width:80px;

}

#homes dd
{
height:90px;
float: left;
width: 200px;
margin: 0 0 0 0;
padding: 5px;
text-align:left;
font: 14px/14px Verdana, Arial, Helvetica, sans-serif;
border-top: 1px solid #999;
}
#homes  dd.more {
text-align:right;
width:90px;
}


.ratings {
    margin:0;
    line-height:1em;
    }
.rating-box {
    float:left;
    position:relative;
    width:60px;
    height:18px;
    background:url(images/rating-star-blank.jpg) repeat-x;
	margin-left:-40px;
    }		
.rating-box .rating {
    position:absolute;
    top:0;
    left:0;
    height:18px;
    background:url(images/rating-star-full.jpg) repeat-x;
    }
.ratings span {font-size:12px;line-height:18px;margin:0;padding-left:4px;}	
#content .ratings p {float:left;width:45px;height:18px;margin:0;}	
#content .ratings p.pdf {clear:left;display:block;width:100%;float:none;margin:0;}




/*
===== =4: property menu =====
*/


ul#propertyMenu {
  float:left;
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 530px; /*For KHTML*/
  list-style: none;
  height: 49px;
}


/* Root = Horizontal, Secondary = Vertical */

ul#propertyMenu li {
  margin:0 3px 5px 0 !important;
  margin:0 3px -2px 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
/*  width:260px; */
  height:49px;
}

ul#propertyMenu ul {
  margin: 0 8px;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 49px;
  left: 0;
  z-index:1;
}

ul#propertyMenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  width:245px;
  height:12px;
}

/* Root Menu */
ul#propertyMenu a { 
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  width:190px;
  height:30px;
  padding:8px 20px 12px 50px;
  color:#fff;
  font: 14px/15px Arial, Helvetica, sans-serif;
  background: #036 url("images/property_li_bg.jpg")  0 0 no-repeat;
}

/* Root Menu Hover Persistence */
ul#propertyMenu a:hover,
ul#propertyMenu li:hover a,
ul#propertyMenu li.iehover a {
color:#EACD4F;
background: #036 url("images/property_li_bg.jpg")  0 -53px no-repeat;
}

/* 2nd Menu */
ul#propertyMenu li:hover li a,
ul#propertyMenu li.iehover li a {
  padding:2px 5px;
  float: none;
  width:235px;
  height:12px;
  background: #036;
  color: #FFF;
  font: 12px/12px Arial, Helvetica, sans-serif;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
}

/* 2nd Menu Hover Persistence */
ul#propertyMenu li:hover li a:hover,
ul#propertyMenu li:hover li:hover a,
ul#propertyMenu li.iehover li a:hover,
ul#propertyMenu li.iehover li.iehover a {
  background: #0278BE;
  color: #F0DC57;
}

/* 3rd Menu */
ul#propertyMenu li:hover li:hover li a,
ul#propertyMenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#propertyMenu li:hover li:hover li a:hover,
ul#propertyMenu li:hover li:hover li:hover a,
ul#propertyMenu li.iehover li.iehover li a:hover,
ul#propertyMenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#propertyMenu li:hover li:hover li:hover li a,
ul#propertyMenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#propertyMenu li:hover li:hover li:hover li a:hover,
ul#propertyMenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#propertyMenu ul ul,
ul#propertyMenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#propertyMenu li:hover ul ul,
ul#propertyMenu li:hover ul ul ul,
ul#propertyMenu li.iehover ul ul,
ul#propertyMenu li.iehover ul ul ul {

  display: none;
}

ul#propertyMenu li:hover ul,
ul#propertyMenu ul li:hover ul,
ul#propertyMenu ul ul li:hover ul,
ul#propertyMenu li.iehover ul,
ul#propertyMenu ul li.iehover ul,
ul#propertyMenu ul ul li.iehover ul {
  display: block;
}

/*
===== =4: footer =====
*/

#footer {
clear:left;
display:block;
height:27px;
padding:6px 40px 6px 40px;
color:#fff;
font:12px/14px Arial, Helvetica, sans-serif;
background: #036 url("images/footer_bg.gif") no-repeat;
}

#footer a:link {color:#fff;}
#footer a:visited {color:#fff;}
#footer a:hover {color:#EACD4F;}
#footer a:active {color:#EACD4F;}

#footer p.credit {
padding-top:8px;
margin-left:0;
float:left;
}

#footer p  {
text-align:center;
margin-left:250px;
}

/*
===== =4: form =====
*/

address {
font:normal 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif ;}


form#contactForm {
float:left;
margin:0;
width:370px;
padding:0 1.3em 4em 1.2em;
font-size:12px;
}

form#contactForm p{font-size:1.1em;}

form#contactForm fieldset {
border: 0;
clear: both;

}

form#contactForm p {
clear: left;
}

form#contactForm label {
clear:left;
float: left;
width:10em;
padding: 0.4em 0 0.4em 0;
margin-right: 0.4em;
}

form#contactForm input, form#contactForm textarea {
float: left;
width: 18em;
margin: 0 1.5em 1em 0;
padding: 0.3em;
border: 1px solid #bbb;
}
form#contactForm textarea {
width:216px;
height:10em;
}

form input.error, form textarea.error {
background:#F2FADC;
} 

form#contactForm input.submit {
float: right;
color: #fff;
width:6.2em;
height:2.2em;
padding:0 0 0 0;
margin: 0 2em 0 0;
border: 0;
text-align: center;
font: bold 13px/1.4em Verdana, Arial, Helvetica, sans-serif;
cursor: pointer;
border-top:1px solid #01182F;
border-right:1px solid #01182F;
border-bottom:1px solid #004A94;
border-left:1px solid #004A94;
background: #003366;
}


form#categories  {
text-align:right;
width:100%;
float:left;
margin-bottom:15px;
}
form#categories fieldset {
border:0;
}

form#categories label {
float: left;
text-align:right;
width:21em;
padding: 0.4em 0 0.4em 0;
margin-right: 0.4em;
font: bold 1.3em/1.4em Verdana, Arial, Helvetica, sans-serif;
}

form#categories select  {
width: 18em;
margin: 0 1.5em 1em 0;
padding: 0.3em;
border: 1px solid #bbb;
}
form#categories input {
width:auto;
margin: 0 1.5em 1em 0;
padding: 0.3em;
cursor: pointer;
color:#fff;
font-weight:bold;
border-top:1px solid #01182F;
border-right:1px solid #01182F;
border-bottom:1px solid #004A94;
border-left:1px solid #004A94;
background: #003366;
}


#content div.errMsg {
margin:0.5em 0;
padding:1em 2em;
font:normal 0.8em/1.0em Verdana, Arial, Helvetica, sans-serif ;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#F2FADC;
}
#content div.errMsg p {margin:0;padding:0;}
#content div.errMsg ul {margin:0.5em 1.5em;padding:0;}
#content div.errMsg ul li {font:normal 1em/1.1em Verdana, Arial, Helvetica, sans-serif ;}

.reset {display:block;clear:both;}

#signup {
	margin: 15px 0;
	}

#signup a:link,
#signup a:visited {
	width:490px;
	display: block;
	padding: 12px;
	color: #666;
	font-size: 1.6em;
	line-height:1.6em;
font-weight:bold;
	border-top: 1px solid #006699;
	border-bottom: 1px solid #006699;
	}

#signup a:hover {
	color:#fff;
	background: #003366;	
	text-decoration: none;
	border-top: 1px solid #006699;
	border-bottom: 1px solid #006699;
	}
	
div#categories {
margin:0.5em 0;
padding:1em 2em;
font:normal 0.8em/1.0em Verdana, Arial, Helvetica, sans-serif ;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#F2FADC; }

div#categories li {
padding:0 0 0 15px;
list-style-type:none;
background:url("images/newsColumn_li_bg.gif") 0 6px no-repeat}