/*
Theme Name: Heart of Healthcare
Theme URI: http://www.heartofhealthcare.com/
Description: Custom Wordpress theme for Heart of Healthcare
Version: 1.0
Author: Allison Towers
Author URI: http://www.alliecreative.com/
Tags: green, custom header, fixed width, two columns, widgets

*/


/*----------------------------------------------------------------------
    Base
----------------------------------------------------------------------*/

body {
	color: #2a1606;
	font: .8em/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
}

a, a:link, a:active, a:visited {
	text-decoration: none;
	outline: none;
}


/*----------------------------------------------------------------------
    Layout
----------------------------------------------------------------------*/

body {
	background: #50703f url(images/fade.gif) repeat-x center top;
	text-align: center;
	margin: 0;
}

	#container {
		width: 762px;
		background: transparent url(images/contentbg.gif) repeat-y top center;
		text-align: left;
		margin: 0 auto;
	}
	
		#innercontainer {
			height: 1%;
			background: transparent url(images/contenttop.gif) no-repeat top left;
			padding: 0 6px;
		}
		
		#container > #innercontainer {
			height: auto;
		}
		
			#header {
				padding: 20px 0 0 0;
			}
			
				#header #logo {
					padding: 68px 0 0 90px;
				}
				
					#header #logo a, #header #logo a img {
						background-color: transparent;
						border: none;
					}
					
				#header #theme-photo {
					float: right;
					margin-right: 18px;
				}
				
				#header #tagline {
					clear: both;
					background-color: #571a3b;
					color: #eee;
					font: italic 120%/130% Georgia, "Times New Roman", Times, serif;
					letter-spacing: 0.02em;
					text-align: center;
					padding: 10px 0;
					border-bottom: 4px solid #905b77;
					margin: 0;
				}
			
			#main {
				height: 1%;
			}
			
			#innercontainer > #main {
				height: auto;
			}				
			
			#menu {
				float: left;
				width: 180px;
				background: transparent url(images/menufade.gif) no-repeat right top;
				font: 94%/170% Georgia, "Times New Roman", Times, serif;
				text-align: right;
				padding-top: 30px;
			}
			
				#menu .widgettitle {
					display: none;
				}
			
				#menu ul {
					list-style: none;
					padding: 0;
					margin: 0;
				}
				
					#menu ul li {
						margin-bottom: 5px;
					}
					
						#menu ul li a {
							color: #1e2d4d;
							display: block;
							padding: 2px 16px 2px 0;
							border: none;
						}
					
						#menu ul li a:hover {
							background: #e7e3cc url(images/subscribebg.gif) repeat-y right top;
						}
						
						#menu ul li.current_page_item a, #menu ul li.current_page_item a:hover,
						#menu ul li.current_page_parent a, #menu ul li.current_page_parent a:hover,
						#menu ul li.current_page_ancestor a, #menu ul li.current_page_ancestor a:hover {
							background: #fff none;
							font: bold 100%/120% Georgia, "Times New Roman", Times, serif;
							padding-top: .5em;
							padding-bottom: .5em;
							border: 1px solid #ded8b3;
							border-width: 1px 0;
						}
						
							#menu ul ul ul {
								display: none;
							}

				
				#content {
					float: right;
					width: 515px;
					padding: 30px 25px 25px 0;
				}
				

/*----------------------------------------------------------------------
    Content
----------------------------------------------------------------------*/

h1, h2, h3, h4 {
	color: #571a3b;
	font: 100%/110% Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h1 {
	color: #6c1010;
	font-size: 200%;
	margin-bottom: .7em;
}

h1 em {
	font-style: italic;
	font-size: 60%;
}

h1.nomargin {
	margin-bottom:0;
}

h2 {
	font: 150%/120% Georgia, "Times New Roman", Times, serif;
	margin: 1.5em 0 1em 0;
}

h3 {
	font: bold 110%/120% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 1.75em 0 .5em 0;
}

h3 em {
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
	text-transform: none;
}

h4 {
	clear: both;
	font: bold 110%/130% Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
	border-left: 5px solid #d1cdcb;
	margin: 1.5em 0 1em 0;
}

h4 em {
	font-weight: normal;
}

p, ul, ol, blockquote, dl, table {
	margin: 0 0 1em 0;
}

p.pullout {
	color: #6c1010;
	font-size: 125%;
	line-height: 140%;
}

small {
	font-size: 90%;
}

big {
	font-size: 110%;
}

div#content ul {
	padding-left: 1.2em;
}

div#content ol {
	padding-left: 1.8em;
}

div#content li {
	margin-bottom: 0.5em;
}

div#content ul ul li {
	margin-bottom: 0;
}

div.subitem {
	margin-left: 15px;
}

div#content a, div#content a:link, div#content a:active, div#content a:visited {
	color: #477e2a;
	font-weight: bold;
	border-bottom: 2px solid #d1cdcb;
}

div#content a:hover {
	color: #4c2348;
}

.red {
	color: #6c1010;
}

.eggplant {
	color: #571a3b;
}


hr {
	height: 1px;
	color: #d1cdcb;
	background-color: #d1cdcb;
	border: none;
	margin: 2em 0;
}

div#content img {
	float: left;
	border: 3px solid #e0dddc;
	margin: 0 1.5em 1.5em 0;
}

div#content img.alignright {
	float: right;
	margin: 0 0 1.5em 2em;
}

div.contact {
	padding-left: 1em;
	border-left: 3px solid #618949;
	margin-bottom: 1.75em;
}

	div.contact h3 {
		font-size: 100%;
	}
	
	div.contact p {
		margin-bottom: .2em;
	}

table.form {
	width: 99%;
	font-size: 100%;
}

	table.form th, table.form td {
		vertical-align: top;
		padding: .7em 0;
	}
	
	table.form th {
		padding-right: 2em;
	}
	
		table.form th em {
			font: italic 100% Georgia, "Times New Roman", Times, serif;
		}
	
	table.form td {
		text-align: right;
	}

form {
	margin: 0;
}

input, select, textarea {
	width: 254px;
	background-color: #fbfaf6;
	font: 120%/140% Georgia, "Times New Roman", Times, serif;
	padding: 3px 4px;
	border: 1px solid #c1b77e;
	border-color: #c1b77e #ded8b3 #ded8b3 #c1b77e;
}

select {
	width: 262px;
}

textarea {
	height: 120px;
}

input.phone {
	width: 65px;
	text-align: center;
}

input#contactsubmit,
td.buttons input {
	width: auto;
	background-color: #588f3b;
	color: #fff;
	font: 120% Georgia, "Times New Roman", Times, serif;
	border: none;
}

div.clear {
	height: 1px;
	clear: both;
	font-size: 1px;
}