/*
Theme Name: Angel Home Care Services
Theme URI: http://www.angelhomecareservices.com/
Description: Identity and informaiton site for angel home care services.
Version: 1.1
Author: Jayme Lam
Tags: mantle color, variable width, two columns, widgets
*/



body {margin: 0px;background:url(images/background.jpg) repeat-x #1D1E32; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px;}
a:link, a:visited {color:#29477E;}
a:hover {color:#FF6600;}


h1{	font-family: Helvetica, Arial,Verdana,  sans-serif;font-size: 20px;font-weight: bolder; text-transform:uppercase;color: #D14B0A;  margin:4px 0; padding:0;}
h2{ font-size:16px; font-weight:bold; line-height:18px; color:#243F64;}
h3{}
h4{}
h5{ font-size:10px; color:#999999;}


#layout{ width:1000px; background-color:#C4480A; margin:10px auto;  padding:5px; }
#page{ width:auto; padding:0; margin:0; background-color:#000000; border:4px solid #000; height:auto;background:url(images/pageback1.gif) repeat-y #FFFFFF;}
#homepage{ width:auto; padding:0; margin:0; background-color:#000000; border:4px solid #000; height:auto; background:url(images/pageback2.gif) repeat-y #FFFFFF;}

/*border:1px solid #EE7036;*/

img{ border:none;}

	.headerNav { width:781px; background:url(images/glossyback.gif) repeat-x; margin:0 0 0 -4px; padding:2px 0 0 4px; border-bottom:2px solid #000000; }
	.headerNav ul{ list-style:none; padding:0; margin:0; font-size:11px; text-transform:uppercase;}
	.headerNav ul li{ line-height:30px; display:inline; text-align:center; font-weight:bold; }
	.headerNav ul li a{ height:35px;color:#FFFFFF; text-decoration:none; padding:10px 7px; margin:0; }
	.headerNav ul li a:hover{background-image: url(images/glossyback2.gif);color:#FFFFFF;}

	.headerNav ul li.current_page_item a,
	.headerNav ul li.current_page_ancestor a,
	.headerNav ul li.current_page_parent a{ color:#000000; background:none;}


#left{ float:left; width:213px; overflow:hidden;}
#right{float:left; margin:0 0 0 2px; border-top:2px solid #000000; width:777px;}




#sideContent{ width:auto; padding:12px; margin:5px 0;}



#mc_embed_signup input{ width:150px;}


/****************** Side Bar ******************/
.sideBar{ width:213px; overflow:hidden;}
.sideBar ul{ list-style:none; margin:0; padding:0;}
.sideBar ul li{ list-style:none;}
.sideBar ul ul{}

.socialmedia-buttons img{ padding:4px;}

.widget_wp_bannerize{border-top:2px solid #000000; border-bottom:2px solid #000000;}
.widget_text{border-top:2px solid #000000; border-bottom:2px solid #000000;}
/*stlye for side nav rollover*/

.simple-section-nav{font-size:12px;font-weight:bold;width: 213px;border-bottom-width: 0;border-bottom: 2px solid #000000;}
.simple-section-nav h2{font-size:12px;font-weight:bold; margin:0; }
.simple-section-nav h2 a{ display:block; padding:10px;background:url(images/glossy1back.gif) repeat-x bottom left #451803; width:213px;color:#FFFFFF; border-top:4px solid #000000; margin:0; text-decoration:none;}
.simple-section-nav h2 a:hover{background-image: url(images/glossy1back2.gif); color:#FFFFFF;}

.simple-section-nav ul{margin:0;padding: 0;list-style-type: none;}
.simple-section-nav li a{background:url(images/glossy1back.gif) repeat-x bottom left #451803; color: white; display: block; text-align:left; width: auto;padding: 10px;text-decoration: none;}

* html .simple-section-nav li a{ width: 213px;}

.simple-section-nav li a:visited, .simple-section-nav li a:active{color: white;}
.simple-section-nav li a:hover{background-image: url(images/glossy1back2.gif); color:#FFFFFF;}
.simple-section-nav ul ul{list-style-type: none;background-color:#451803;margin: 0;padding: 0;}
.simple-section-nav ul ul li a{background: url(images/arrowbullet.png) no-repeat 10px 8px #451803;display: block;padding: 6px 0 6px 28px;text-decoration: none;border-bottom: 1px solid #822F05;}
.simple-section-nav ul li a:visited{color: #ffffff;}
.simple-section-nav ul ul li a:hover{ background: url(images/arrowbullet.png) no-repeat 10px 8px #172953;color:#FFFFFF;}


/****************** Blog layout******************/

	#blog{ width:auto; padding:0; margin:0; background-color:#000000; border:4px solid #000; height:auto;background:url(images/blog/back.gif) repeat-y #FFFFFF;}
	#blogLeft{ float:left; width:213px; overflow:hidden;}
	.blogText{ width:450px; margin:25px auto;}

	
	.blogPost{clear:both; border-bottom:1px dashed #CCCCCC; padding:14px 0; overflow:auto;}
	.blogPost h2{ font-size:1.2em; font-weight:bold; margin:0; padding:0; border:0; }
	.blogPost h2 a{ text-decoration:none; color:#47413D;font-size:1.2em;font-weight:bold;margin:0; padding:0; }
	.blogPost h5{ font-size:.9em; font-weight:normal; font-style:italic; margin:0 0 5px; padding:0;}
	.blogPost a:hover{ text-decoration:underline; color:#A98B38;}
	.blogPost p{ padding:0; margin:5px 0;}

	.blogPost img{float:left; border:2px solid #CCCCCC; margin-right:20px;}
	.blogInfo h1{ font-size:1.8em; font-weight:bold; border-bottom:1px solid #999999;}
	.blogInfo h2{ font-size:1.2em; font-weight:bold; margin:0; padding:0; border:0; }
	.blogInfo h5{ font-size:.9em; font-weight:normal; font-style:italic; margin:0 0 5px; padding:0;}
	.blogInfo{font-size:1em; margin-left:125px; display:block;}

	

	/** paging css**/
	.navigation{ padding:8px 0; margin:6px 0; width:auto; text-align:right;}

	.navigation a{ padding:2px 6px; border:1px solid #CCCCCC; margin:1px; text-decoration:none; color: #666666;}
	.navigation a:hover{ border:1px solid #B54C00; color:#B54C00;}
	.navigation .current{ padding:2px 6px; border:1px solid #666666; margin:1px; background-color:#efefef; color:#000000; }
	.navigation .jumpText{ color:#CCCCCC;}

	.postNav{ width:auto; text-align: center; padding:10px; border-top:1px dotted #CCCCCC; margin:30px 0 10px 0; font-size:.9em;}
	.postNav div{ display:inline; padding:0 10px;}
	.postNav a{ text-decoration:none; color:#666666;}
	.postNav a:hover{color: #990000; text-decoration:underline;}


	#crumbs{ padding:15px 0; margin:0; width:auto;}


#mariluz{ position:absolute; margin-top:19px; margin-left:112px; z-index:10; }
#innerBlogLeft{ float:left; padding:1px; width:514px; }


#blogList{ width:450px; margin:25px auto;}
#blogList img{ float:right; border:2px solid #666666; margin-left:15px;}
#blogList ul{ padding:0; margin:0; list-style:none;}
#blogList ul li{ clear:both; padding:10px 0; border-bottom:1px solid #CCCCCC; margin:5px 0; overflow:auto;}

#sectionTitle{ width:auto; text-align:right; padding:5px; font-size:16px; font-weight:bold; color:#999999; border-bottom:1px solid #E9E9E9;}


#blogSideBar{float:left; width:250px; }
#blogSideBar ul{ margin-left:15px; padding:0; list-style:none;width:230px;}
#blogSideBar ul li{ padding:0; margin:7px -5px; background-color:#FFFFFF; }
#blogSideBar ul li h2{width:auto; padding:20px 10px 10px 35px; background:url(images/title_wave.png) no-repeat 2px #1C3C5C; color:#FFFFFF; font-size:18px; font-weight:normal; margin:0;  }
#blogSideBar ul li div{ padding:4px; width:215px; margin:0 auto;}


#blogSideBar ul ul{list-style:none; padding:0; margin:15px;}
#blogSideBar ul ul li{background:url(images/blog/bullet.gif) no-repeat left center; padding:5px 10px 10px 20px; font-size:14px; font-weight:bold;}
#blogSideBar ul ul li a{ text-decoration:none; }
#blogSideBar ul ul li a:hover{ text-decoration:underline; color:#000000;}



/*************** comments box ***********************/

#commentsBox{ width:440px; background-color:#efefef; margin:auto; margin-bottom:10px;}
#commentsBox h2{width:auto; padding:20px 10px 10px 35px; background:url(images/title_wave.png) no-repeat 2px #3877B6; color:#FFFFFF; font-size:18px; font-weight:normal; margin:0;  }

#respond{ width:440px; background-color:#efefef; margin:auto; margin-bottom:10px;}
#respond h2{width:auto; padding:20px 10px 10px 35px; background:url(images/title_wave.png) no-repeat 2px #3877B6; color:#FFFFFF; font-size:18px; font-weight:normal; margin:0;  }

#commentform{ width:400px; padding:10px;}
#commentform #comment{ width:325px; height:100px;}


.comment-author{display:inline-block; width:80px; padding-right:20px; vertical-align:top;}
.comment-author img{ border:1px solid #cccccc; padding:2px; margin:0 4px 5px 0;}
.comment-meta{  display:inline-block; width:auto; max-width:275px}


ul.commentlist{ padding:0; margin:10px auto; list-style:none; width:400px;}
ul.commentlist li{ border-bottom:1px solid #cccccc; margin-bottom:10px; padding-bottom:10px;}
ul.commentlist li ul{ list-style:none; margin:10px; padding:0;}
ul.commentlist li li{ background:url(images/blog/related_next.gif) no-repeat; border:none; padding-left:30px; margin:0}
ul.commentlist li li .comment-meta{ max-width:225px}

ul.commentlist p{ margin:4px 0; padding:0;}

/*comment even thread-even depth-1*/
.color1 {background-color: #DBDBDB;}
.color2 {background-color: #EEEEEE;} 

/************ Home page elements *****************/

#featureImg{ width:777px; height:250px; overflow:hidden; border-bottom:2px solid #000000; background-color:#FFFFFF;}
#featureImg ul{ list-style:none; margin:0; padding:0;}

	.pageContent{ padding:0 0 0 2px;}
	.mainPageImage{width:777px; height:250px; overflow:hidden; border-bottom:2px solid #000000; background-color:#FFFFFF;}

	#mainContent{ padding:10px; width:auto;}
	#mainContent div { padding:30px;}

	#mainContent ul{ list-style:none; padding:0; margin:15px;}
	#mainContent li{ background:url(images/bullet.gif) no-repeat; padding:0 10px 5px 15px;}


#twoColumn{ display:table-row;}
#twoColumn #leftCol{ float:left; width:390px; /*border-right:2px solid #000000;*/ }
#twoColumn #leftCol div{padding:40px;}
#twoColumn #rightCol{float:left; width:386px; }

.backOrange{ background-color:#FF9900;}
#newsDisplay{ padding-bottom:20px;}
#newsDisplay h1.backOrange{ width:auto; padding:20px 10px 10px 35px; background:url(images/title_wave.png) no-repeat 2px #FF6600; color:#FFFFFF; font-size:18px; font-weight:normal; margin:4px; }
#newsDisplay h1.backBlue{ width:auto; padding:20px 10px 10px 35px; background:url(images/title_wave.png) no-repeat 2px #43678F; color:#FFFFFF; font-size:18px; font-weight:normal; margin:4px; }


#newsDisplay ul{ list-style:none; padding:0; margin:15px;}
#newsDisplay ul li{ background:url(images/bullet.gif) no-repeat; padding:0 10px 10px 15px;}
#newsDisplay ul li p{padding:0; margin:1px 0;}


/************* Follow us ***************/
#followus{ margin:10px auto; background:url(images/connect/background.png) no-repeat; width:200px;}
#followus #icons{ width:180px; margin:auto; padding-top:35px;}
#followus #icons span{ margin:1px;}


/************** newsletter signup ***********/
li#newsletter{margin:10px auto; width:200px; background:url(images/join_mailing_base.gif) no-repeat bottom left #000000; padding-bottom:20px;}
li#newsletter h2{ background:url(images/join_mailing.jpg); height:41px;}
li#newsletter form{ width:165px; margin:auto;}
li#newsletter input{font-size:12px; border:1px solid #999999;}



#footer{ margin:15px auto; width:1000px; color:#cccccc; font-size:11px;}
#footer ul{ list-style:none; margin:0; padding:0;}
#footer ul li{ display:inline;}
#footer ul li a{ color:#cccccc; display: inline-block; text-decoration:none; padding:0; padding-right:10px;}
#footer ul li a:hover{ color:#FFCC00; text-decoration:underline;}