/*
Theme Name: Doolittle 
Theme URI: http://www.night-visions.com
Description: Custom design for WoofIt Pet Care
Version: 1.0
Author: Rebekah Murphy

*/


/* Resets and global styles */

* {
  margin: 0;
  padding: 0;
  font-weight:normal;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	background: #ffe url(images/green_bg.gif);
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#page {
	z-index:100;
	position:relative;
}
.hideWeb {display:none; visibility:hidden;}

a:hover {
	color:#594;
	text-decoration:underline;
}

/* Header styles and structure */
#header {
	margin:0;
	width:100%;
	min-width:94em;
	height:36em;
	padding:4.5em 0 0 0;
	background:url(images/tree-top.png) no-repeat center top;
}
	#header .banner {
		background-color:#fff;
		background-color: rgba(255,255,255,0.85);
		margin:0;
		width:100%;
		padding:0;
	}
		#header .banner h1 {
			color:#000;
			font-size:2em;
			width:47em;
			display:block;
			margin:0 auto;
			text-align:left;
		}
			#header .banner h1 img {
				padding:0.75em 0;
				display:block;
			}
			#header .banner h1 a {
				color:#000;
			}
			#header .banner h1 .description {
				font-size:.5em;
				display:block;
			}
	#header ul.topNav {
		color:#fff;
		font-size:1em;
		display:block;
		width:94em;
		height:9em;
		margin:0 auto;
		text-align:left;
		list-style:none;
		padding:0 1em;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
		#header ul li {
			float:left;
			background:url(images/navString.gif) no-repeat center top;
			margin:0 2em 0 0;
		}
			#header ul li.current_page_item {
				background:url(images/navString_current.png) no-repeat center top;
			}
			#header ul li a {
				background-color:#FFF;
				display:block;
				font-size:2em;
				padding:0.5em;
				border:1px solid #FFF;
				-webkit-border-radius:1em;
				-moz-border-radius: 1em;
				text-decoration:none;
				color:#000;
				margin:0.75em 0;
			}
			#header ul li a:hover {
				background-color:#594;
				border-color:#594;
				color:#fff;
			}
				#header ul li.current_page_item a,
				#header ul li.current_page_item a:hover {
					background-color:#000;
					border:1px solid #000;
					color:#fff;
					margin:1.5em 0 0em 0;
				}
				

/* Main content area styles and structure */
#content {
	font-size:1em;
	display:block;
	width:78em;
	padding-right:16em;
	margin:-7.5em auto 0;
	text-align:left;
	background:url(images/tree-trunk.gif) repeat-y right top;
}
	#content .post {
		background-color:#fff;
		background-color: rgba(255,255,255,0.85);
		border:1px solid #FFF;
		-webkit-border-radius:1.5em;
		-moz-border-radius: 1.5em;
		padding-bottom:2em;
	}
		#content .post h2 {
			color:#000;
			font-size:3.6em;
			line-height:1.5em;
			margin:0.5em 0.5em -1.5em;
			font-family:Georgia, "Times New Roman", Times, serif;
			background:url(images/h2_bottom.png) no-repeat right bottom;
			padding:0 0 1.25em;
		}
			#content .post h2 a,
			#content .post h2 span {
				background:url(images/h2_side.png) no-repeat right bottom;
				padding:0.5em 3.75em 0 0;
				color:#000;
				text-decoration:none;
			}
		#content .post h3 {
			background:url(images/h3_side.png) no-repeat left bottom;
			color:#000;
			display:inline-block;
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:2.8em;
			line-height:1.5em;
			margin:0 0.75em -0.75em;
			padding:0.75em 0 0 4.75em;
		}
			#content .post h3 a,
			#content .post h3 span {
				color:#000;
				text-decoration:none;
			}
			#content .post h3 a:hover {
				color:#594;
			}
		#content .post p {
			color:#000;
			font-size:1.4em;
			line-height:1.5em;
			margin:1.5em 5.5em 1.5em 1.5em;
		}
		#content .post ul {
			color:#000;
			font-size:1.4em;
			line-height:1.5em;
			margin:1.5em 1.5em 1.5em 3em;
		}
		#content .post a img {
			border:0;
		}
			#content .post img.alignleft {
				float:left;
				margin:0 1em 1em 0;
			}
			#content .post img.alignRight {
				float:right;
				margin:0 0 1em 1em;
			}
		#content .post table {
			color:#000;
			font-size:1.4em;
			line-height:1.5em;
			margin:1.5em auto;
			border:1px solid #594;
			-webkit-border-radius:1em;
			-moz-border-radius: 1em;
		}
			#content .post table tr {
			}
				#content .post table tr:hover td {
					background:#ad6;
				}
			#content .post table th {
				/*text-align:center;*/
				font-weight:bold;
				padding:0.5em;
				margin:0;
				border:none;
			}
			#content .post table td {
				padding:0.5em;
				margin:0;
				border:none;
			}
			
			#content .post table td.col1,
			#content .post table td.col2 {
				text-align:center;
			}
			#content .post .gallery {
				padding:2em 6em 0 1em;
			}


/* Footer content area styles and structure */
#footer {
	clear:both;
	height:27em;
	display:block;
	width:94em;
	margin:-5em auto 0;
	text-align:left;
	background:url(images/tree-base.gif) no-repeat right bottom;
}
	#footer a {
		color:#000;
		font-weight:bold;
	}
	#footer .memberships {
		background:url(images/dog-outline.gif) no-repeat left bottom;
		width:26em;
		height:15em;
		margin-left:-3em;
		padding:12em 0 0 26em;
		float:left;
	}
		#footer .memberships a img {
			border:0;
			height:12em;
			margin:1em;
		}
	#footer .contact {
		background:url(images/cat-outline.gif) no-repeat right bottom;
		width:14em;
		height:15em;
		padding:9em 16em 3em 2em;
		float:left;
	}
		#footer .contact p {
			text-align:center;
			font-size:1.4em;
			font-weight:bold;
			margin:2em 0;
		}
			#footerr .contact a:hover {
				color:#000;
				background:#ffe;
			}
.base {
	background:#000;
	text-align:center;
	color:#fff;
	padding:1em 0;
}
	.base a {
		color:#fff;
	}