/*
Theme Name: Home Counselors Inc.
Theme URI: http://wordpress.org/
Description: Home Counselors Inc. Theme
Version: 1.6
Author: Gabriel Gates
Author URI: http://www.gatesmedia.com/

*/


/*-------------------------------------------    
    General Selectors
-------------------------------------------*/

body,html {
	margin:0;
	padding:0;
	color:#000;
    background-image: url('i/bg.png');
    font-family: Georgia;
 	behavior:url("csshover.htc");
	}

	a {color: #1A4567; text-decoration: underline;}
	a:hover {text-decoration: none; color: #000000;}

	input { font-family: Georgia; font-size: 14px; color: #333333; padding: 4px; border: 1px solid #ccc; }

	input.button { font-size: 14px; color: #000000; background-color: #f0f0f0; padding: 4px; border: 1px solid #cccccc; }

	img {border: 0;}
	
	h1 {font-size: 36px; font-family: Georgia; color: #00131A; text-transform: none; font-weight: normal; text-align: left; margin-bottom: 5px; border: none; margin-top: 20px; padding: 0px;}

	#wrap {
	width:958px;
	margin:0 auto;
    background-image: url('i/bg.png');
	}
	
	#contentwrap {
     background-image: url('i/main_bg.png');
     width:958px;
	 margin:0 auto;
     }
	
	
	#header {
    padding: 0px;
    margin: 0px;
    }
    
	#navigation {
	float:left;
	width: 200px;
	margin: 0px;
	padding-left: 0px;
	padding-top: 20px;
	background-image: url('i/nav_bg.png');
	}
	
	#content {
	float:right;
	width:718px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	background-image: url('i/content_bg.png');
	}
	
	#footer {
		clear:both;
		padding:0px
	}
	
	* html #footer {
		height:1px;
	}

 /*-------------------------------------------    
    Navigation
-------------------------------------------*/

	ul.navigation {margin: 0px; padding-left: 30px;}
 
 	.navigation li{
	list-style: none;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	width: 118px;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 13px;
	padding-bottom: 12px;
	padding-top: 8px;
	padding-right: 30px;
	background-image: url(i/arrow.gif);
	background-repeat: no-repeat;
	background-position: 150px 8px;
 	}
 	
 	.navigation li a, .navigation li a:visited {
 	text-decoration: none;
 	color: #1A4567;
 	}
 	
 	.navigation li a:hover {
 	color: #000000;
 	}
 	
 	.breadcrumb {font-size: 12px; text-transform: uppercase;}
 	
 	.breadcrumb a {color: #3F749E; text-decoration: none;}
 	
 	.breadcrumb a:hover {text-decoration: underline;}
 	
 	
 
/*-------------------------------------------    
    Header
-------------------------------------------*/

#image {
     margin-top: 0px;
     margin-bottom: 0px;
 }

 
/*-------------------------------------------	
	Blog
-------------------------------------------*/

.blog_recent {
     padding: 0px;
     margin: 0 0px 20px 0px;
     font-size: 12px;
 }
 
.blog_recent a:link, .blog_recent a:visited {
     text-decoration: underline;
 }
 
.blog_recent h2 a:link, .blog_recent h2 a:visited {
     text-decoration: none;
 }
 
.blog_recent h2 a:hover {
     text-decoration: underline;
 }
 
 #rightside_blog {
     float: right;
     width: 225px;
     margin: 0;
     padding-right: 10px;
 }
 
#rightside_blog .inner {
     padding-top: 1px;
     margin: 30px 10px 10px 10px;
 }
 
#blogcontent {
     margin: 0px 200px 0 0;
 }
 
 #blogcontent .inner_blog {
     padding-top: 0px;
     width: 450px;
     margin: 20px 10px 10px 20px;
 }
 
  #rightside_page {
     float: right;
     width: 225px;
     margin: 0;
     padding-right: 10px;
 }
 
 #rightside_page .inner {
     margin: 50px 10px 10px 10px;
 }
 
 #rightside_page .inner .inner_sections {
     padding: 15px;
     margin: 0px 10px 10px 0px;
     background: #F1F1F1;
     border: 1px solid #cccccc;
 }
 
.SectionHeader {font-size: 14px; text-transform: uppercase; margin-bottom: 10px;}

ul.SubSections {padding: 0px; margin: 0px; font-size: 14px;}

ul.SubSections li {list-style: none; margin-bottom: 20px; }

ul.SubSections li li {list-style: circle;}

ul.SubSections li.current_page_item a {font-weight: bold; color: #000000;}

ul.SubSections li.current_page_item ul li a {font-weight: normal; color: #1A4567;}

ul.SubSections li a {text-decoration: none;}


 #pagecontent {
     margin: 0px 200px 0 0;
 }
 
 #pagecontent .inner {
     padding-top: 0px;
     width: 450px;
     margin: 20px 10px 10px 20px;
 }

 #fullpagecontent {
     margin: 0px 0px 0 0;
 }
 
 #fullpagecontent .inner {
     padding-top: 0px;
     width: 650px;
     margin: 20px 10px 10px 20px;
 }

 
.blog_recent h2 { 
font-size: 14px; 
font-family: Georgia; 
color: #710000; 
text-transform: uppercase; 
font-weight: normal; 
text-align: left; 
margin-bottom: 5px; 
border: none;
margin-top: 10px;
padding: 0px; }

ul.RecentNews {margin: 0px 0px 30px 0px; padding-left: 0px;}

.RecentNews li {
	list-style: none;
	margin-bottom: 10px;}
	
.RecentNews li a
	{color: #000000; text-decoration: none;}
	
.RecentNews li a:hover
	{color: #000000; text-decoration: underline;}

#content_page h1.FrontHeader {font-size: 36px; font-family: Georgia; color: #002736; text-transform: none; font-weight: normal; text-align: left; margin-bottom: 5px; border: none; margin-top: 0px; padding: 0px;}

#content_page h1.PageTitle {font-size: 36px; font-family: Georgia; color: #002736; text-transform: uppercase; font-weight: normal; text-align: left; margin-bottom: 5px; border: none; margin-top: 0px; padding: 0px;}

h1.PostTitle {font-size: 36px; font-family: Georgia; color: #00131A; text-transform: none; font-weight: normal; text-align: left; margin-bottom: 5px; border: none; margin-top: 0px; padding: 0px;}

h2.PostTitle {font-size: 36px; font-family: Georgia; color: #00131A; text-transform: none; font-weight: normal; text-align: left; margin-bottom: 5px; border: none; margin-top: 0px; padding: 0px;}

h2.PostTitle a, h2.PostTitle a:link, h2.PostTitle a:visited {color: #000000; text-decoration: none;}

h2.PostTitle a:hover {color: #1A4567;}

.PostDate {font-size: 16px; font-family: Georgia; color: #5D5D5D; font-weight: normal; text-align: left; margin-bottom: 30px; border: none;}

.CommentsHeader {font-size: 14px; text-transform: uppercase; font-family: Georgia; color: #5D5D5D; font-weight: normal; text-align: left; margin-top: 30px; padding-top: 10px; border-top: 1px solid #cccccc;}

.CommentDate {font-size: 12px; font-style: italic; padding-bottom: 5px; font-family: Georgia;}

.CommentList {font-size: 14px; font-style: normal; padding: 10px; font-family: Georgia;}

.CommentList a, .CommentList a:link, .CommentList a:visited {color: #1D627A;}

.CommentList li {margin-bottom: 30px; margin-left: 10px; margin-top: 10px;}

.CommentText {width: 400px;}

h3.CommentReply {font-size: 14px; text-transform: uppercase; font-family: Georgia; color: #5D5D5D; font-weight: normal; text-align: left; margin-top: 20px;}

.CommentUser {font-size: 14px; font-style: normal; padding-top: 10px; padding-bottom: 10px; font-family: Georgia;}

.CommentUser a, .CommentUser a:link, .CommentUser a:visited {color: #710000;}

.CommentInfo {font-size: 14px; font-style: normal; padding-top: 10px; padding-bottom: 30px; font-family: Georgia; border-bottom: 1px solid #cccccc; margin-bottom: 30px }

.CommentInfo a, .CommentInfo a:link, .CommentInfo a:visited {color: #710000; text-decoration: none;}

.CommentInfo a:hover {text-decoration: underline;}

.ReturnLink {font-size: 16px; font-style: normal; padding-bottom: 20px; font-family: Georgia; margin-top: 10px;}

.ReturnLink a, .ReturnLink a:link, .ReturnLink a:visited {color: #21425E; text-decoration: none;}

.ReturnLink a:hover {text-decoration: underline;}
	
.PostContent {font-family: Georgia; font-size: 16px; margin-bottom: 20px;}

.PostContent p {margin-bottom: 20px;}

h2.NewsSectionTitle {padding: 10px; background: #F1F1F1; border: 1px solid #cccccc; font-size: 28px; text-transform: uppercase; font-weight: normal; color: #0C2E49;}

h2.SidebarHeader {font-style: normal; padding-bottom: 2px; border-bottom: 1px solid #cccccc; font-weight: normal; color: #1D627A; font-size: 14px; text-transform: uppercase; padding-top: 0px; margin-top: 0px; margin-bottom: 10px;}

h4.SidebarHeader {font-style: normal; padding-bottom: 2px; border-bottom: 1px solid #cccccc; font-weight: bold; color: #21425E; font-size: 14px; text-transform: uppercase; padding-top: 0px; margin-top: 0px; margin-bottom: 10px;}

h2.SidebarHeaderSearch {font-style: normal; font-weight: normal; color: #21425E; font-size: 14px; text-transform: uppercase; padding-top: 0px; margin-top: 0px; margin-bottom: 0px;}

.SidebarList li {list-style: none; font-style: normal; padding-bottom: 5px; padding-left: 0px; margin-left: 0px;}

ul.SidebarList {padding-left: 0px; margin-left: 0px;}

ul.SidebarList ul {padding-left: 0px; margin-left: 0px;}

.SidebarList li a, .SidebarList li a:visited {color: #000000; text-decoration: none;}

.SidebarList li a:hover {color: #000000; text-decoration: underline;}

.Sidebar p {font-size: 12px; font-family: Georgia; font-style: normal;}

p.SidebarText a, p.SidebarText a:visited  {color: #710000; text-decoration: none;}

p.SidebarText a:hover  {text-decoration: underline;}

li.categories {list-style: none; font-style: normal; padding-bottom: 5px; padding-left: 0px; margin-left: 0px;}

li.categories ul {padding-left: 0px; margin-left: 0px;}

li.categories ul li {list-style: none;}

li.categories ul li a, li.categories ul li a:visited {color: #000000; text-decoration: none;}

h1.PageTitle {font-size: 36px; font-family: Georgia; color: #002736; text-transform: uppercase; font-weight: normal; text-align: left; margin-bottom: 5px; border: none; margin-top: 0px; padding: 0px;}



/*-------------------------------------------	
	Menu
-------------------------------------------*/

#navigation {padding-top: 22px; margin-bottom: 20px;}

#navigation ul { 
  list-style-type: none;
  margin: 0;
  padding-left: 30px;
}

#navigation li {
	list-style: none;
	margin: 0px;
	margin-left: 1px;
	width: 157px;
	padding-right: 10px;
	border-bottom: 1px solid #CFCFCF;
	text-transform: uppercase;
	font-size: 13px;
	background-image: url(i/arrow.gif);
	background-repeat: no-repeat;
	background-position: 150px 16px;
	position: relative;
 	}
 	
#navigation li.page-item-3{border-top: 1px solid #CFCFCF;}

#navigation li a {
 	text-decoration: none;
 	color: #1A4567; 	
 	padding: 15px 20px;
  	display: block;
}

#navigation li:hover {
 	background-color: #f8f8f8;
}

#navigation li:hover a {
 	color: #000000;
}

#navigation li:hover ul li a {
 	color: #1A4567;
}

#navigation li:hover ul li a:hover {
 	color: #000000;
}

#navigation ul ul {
  position: absolute;
  left: 168px;
  top: 0;
  visibility: hidden;
  background-color: #F1F1F1;
  border: 1px solid #CFCFCF;
  border-right: 1px solid #CFCFCF;
  border-bottom: 1px solid #CFCFCF;
  border-top: 1px solid #CFCFCF;
  border-left: none;
  margin: 0px;
  padding: 0px;
}

#navigation ul ul li {
	border-bottom: 0px;
	padding: 0px;
	background-image: none;
}

#navigation ul ul li a {
 	color: #1A4567; 	
 	padding: 10px;
  	display: block;
}

#navigation ul ul li a {
 	color: #1A4567;
}

#navigation ul ul li:hover a {
	color: #000000;
}

#navigation ul ul li:hover ul li a {
	color: #1A4567;
}

#navigation ul ul li:hover ul li a:hover {
	color: #000000;
}

#navigation ul ul li:hover ul li:hover a {
	color: #000000;
}

#navigation ul ul ul {
  position: absolute;
  left: 158px;
  top: 0;
  visibility: hidden;
  background-color: #F1F1F1;
  border: 1px solid #CFCFCF;
  border-right: 1px solid #CFCFCF;
  border-top: 1px solid #CFCFCF;
  border-left: none;
  margin: 0px;
  padding: 0px;
}

#navigation li.current_page_item {
	background-image: none;
	background-color: #f8f8f8;
	}
 	
#navigation ul li.current_page_item a, #navigation ul li.current_page_parent a{
 	text-decoration: none;
 	color: #000000;
 	font-size: 13px;
 	}
 	
 #navigation ul li.current_page_item ul li a {
 	font-size: 13px;
 	}
 	
 #navigation ul li ul li.current_page_item a {
 	font-size: 13px;
 	color: #000000;
 	}
 	
 #navigation ul li.current_page_item ul li a {
 	font-size: 13px;
 	}
 	
 
 	
#navigation li.page-item-23 {
	background-image: url(i/lock.gif);
	background-repeat: no-repeat;
	background-position: 147px 11px;
 	}
 
#navigation li.page-item-23 a, .navigation li.page-item-23 a:visited {
 	text-decoration: none;
 	color: #780000;
 	}
 	
#navigation li.page-item-23 a:hover {
 	color: #000000;
 	}

#navigation li:hover > ul {
  visibility: visible;
}

/*Mouseover: display second level or third level pop-up*/

#navigation li:hover ul, #navigation li:hover li:hover ul {
  visibility: visible;
}

/* Hide third level menu when the mouse is over the first level li*/
#navigation li:hover ul ul {
	visibility: hidden;
}