/*
Theme Name: Compare Pet Care
Theme URI: http://comparepetcare.com
Description: Custom Wordpress powered theme for ComparePetCare.
Version: 1.0
Author: Greg Findley
Author URI: http://gregfindley.com/

*/

body {
	background: url(images/bg.gif) repeat-x top left #fef4fd;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333;
}

a,
a:link,
a:visited {
	color: #9c298c;
	text-decoration: underline;
}
a:hover {
	color: #80b208;
}

/* *** globals *** */
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

#wrapper {
	background: #FFF;
	padding: 20px;
	padding-top: 12px;
	margin: 0 auto;
	width: 937px;
}

img.alignleft {
	display: inline;
	float: left;
	margin: 0 7px 2px 0;
}
img.alignright {
	display: inline;
	float: right;
	margin: 0 0 2px 7px;
}

/* *** header *** */
#header {
	height: 116px;
	margin-bottom: 22px;
}
	#logo {
		background: url(images/logo.gif) no-repeat center center #9c298c;
		height: 116px;
		float: left;
		width: 220px;
	}

	#tagline {
		float:right;
		height:28px;
		margin-bottom:28px;
		margin-top:6px;
		width:260px;
	}
	
	/* *** navigation *** */
	.nav {
		background: url(images/nav.gif) repeat-x center left;
		clear: right;
		height: 41px;
	}
		.nav ul {
			background: url(images/nav_left.gif) no-repeat center left;
			height: 41px;
			display: inline;
			float: left;
		}
			.nav li {
				float: left;
				display: inline;
				height: 40px;
				margin-left: 16px;
			}
			.nav li.current {
				background: url(images/current.gif) no-repeat bottom center;
			}
				.nav li a {
					display: block;
					float: left;
					font-size: 13px;
					font-weight: bold;
					height: 14px;
					letter-spacing: -1px;
					line-height: 42px;
					text-decoration: none;
					text-transform: uppercase;
/*					margin-top: 16px;
					font-weight: bold; */
				}
			/* *** nav links 
			#wrapper .nav1 a {
				width: 36px;
			}
				#wrapper .nav1 a:hover { background-position: -1px 100%; }
			#wrapper .nav2 a {
				background-position: -51px 0;
				width: 96px;
			}
				#wrapper .nav2 a:hover { background-position: -52px 100%; }
			#wrapper .nav3 a {
				background-position: -162px 0;
				width: 95px;
			}
				#wrapper .nav3 a:hover { background-position: -163px 100%; }
			#wrapper .nav4 a {
				background-position: -272px 0;
				width: 114px;
			}
				#wrapper .nav4 a:hover { background-position: -273px 100%; }
			#wrapper .nav5 a {
				background-position: -401px 0;
				width: 115px;
			}
				#wrapper .nav5 a:hover { background-position: -402px 100%; }
			#wrapper .nav6 a {
				background-position: -532px 0;
				width: 98px;
			}
				#wrapper .nav6 a:hover { background-position: -533px 100%; }
			#wrapper .nav7 a {
				background-position: 100% 0;
				width: 32px;
			}
				#wrapper .nav7 a:hover { background-position: -647px 100%; } *** */
				
/* *** top boxes *** */
.top_box {
	margin-bottom: 10px;
	width: 455px;
}
	.top_box h2 {
		position: relative;
		text-indent: -9999px;
	}
	.top_box p {
		line-height: 140%;
	}
	.top_box_advert p {
		line-height: 140%;
	}
	
	/* welcome box */
	#welcome {
		float: left;
	}
	
		#welcome h1 {
		height: 33px;
		font-size: 31px;
		font-weight: bold;
		color: #9C298C;	
		letter-spacing:-1px;
		}
		#welcome h1 a {
			text-decoration:none;
			color: #9C298C;	
		}
		#welcome h1 a:hover {
			text-decoration:none;
			color: #9C298C;	
		}
		
		#welcome p {
			padding-top: 12px;
		}
		#welcome img {
			margin-top: -12px;
			margin-right: 18px;
		}
		
	/* blog updates box */
	#blogupdates {
		margin-left: auto;
	}
		#blogupdates h4 {
			height: 33px;
			font-size: 31px;
			font-weight: bold;
			color: #80b208;	
			letter-spacing:-1px;
		}
		#blogupdates h4 a {
			text-decoration:none;
			color: #80b208;	
		}
		#blogupdates h4 a:hover {
			text-decoration:none;
			color: #80b208;	
		}
			#blogupdates div {
				margin-bottom: 8px;
			}
		#blogupdates div.clearfix {
			padding-top:12px;
			margin-bottom: 0 !important;
		}
			#blogupdates p {
				height: 35px;
				overflow: hidden;
			}
			#blogupdates img {
				margin-top: -10px;
				margin-right: 18px;
			}
			#blogupdates a {
				font-weight: bold;
			}
			
/* *** insurance boxes *** */
.insurance_box {
	margin-bottom: 10px;
	width: 460px;
}
	.insurance_box h2 {
		color: #333;
		font: bold 23px arial;
		letter-spacing: -1px;
		padding-left: 20px;
		position: relative;
		text-transform: lowercase;
	}
	.insurance_box h2 a {
		color: #333;
		text-decoration: none;
	}
	.insurance_box h2 a:hover {
		color: #9C298C;
		text-decoration: none;
	}
	.insurance_box h3 {
		color: #333;
		font: bold 23px arial;
		letter-spacing: -1px;
		padding-left: 20px;
		position: relative;
		text-transform: lowercase;
	}
	.insurance_box h3 a {
		color: #333;
		text-decoration: none;
	}
	.insurance_box h3 a:hover {
		color: #9C298C;
		text-decoration: none;
	}
	.insurance_box div {
		border: 1px solid #ebd4e8;
		margin-top: -5px;
	}
		.insurance_box img {
			float: right;
		}
		.insurance_box p {
			padding: 12px 20px;
			padding-bottom: 0;
			line-height: 140%;
			width: 300px;
		}
		
	/* individual boxes */
	#cat-insurance, #equine-insurance {
		float: right;
	}
	#dog-insurance, #rabbit-insurance {
		float: left;
	}
	
/* *** we compare box on homepage *** */
#we-compare {
	margin-top: 10px;
}
	#we-compare h5 {	
		height: 33px;
		color:#9C298C;
		font-size:33px;
		font-weight:bold;
		height:42px;
		letter-spacing:-1px;
	}
	#we-compare div {
		padding-top: 2px;
	}
		#we-compare .alignleft {
			margin: -10px 18px 0 0 !important;
		}
		#we-compare p {
			padding-bottom: 12px;
			line-height: 130%;
		}
		#we-compare li {
			float: left;
			margin-right: 6px;
			margin-left: 6px;
			text-align:center;
			width:98px;
			height:52px;
		}
		
/* *** footer *** */
#footer {
	margin-top: 30px;
}
	#footer p {
		background: url(images/copyright.gif) no-repeat center left;
		color: #9C298C;
		float: left;
		font: bold 13px/41px arial;
		margin-right: 20px;
		margin-left: 6px;
		height: 41px;
		line-height: 41px;
		padding-left: 44px;
		letter-spacing: -1px;
		text-transform: uppercase;
		width: 146px;
		white-space: nowrap;
	}
	#footer ul {
		background: none;
	}

#footerlinks {
	margin-top: 10px;
	text-align: center;
	color: #9c298c;
}
	
/* **** **** Comparison page **** **** */
/* *** boxes above table **** */
.compare_top_box {
	float: left;
	padding-bottom: 8px;
	width: 423px;
}
	.compare_top_box h1 {
		color:#9C298C;
		font: bold 33px arial;
		letter-spacing: -1px;
		position: relative;
		font-weight:bold;
	}
	.compare_top_box h2 {
		color:#80B208;
		font: bold 28px arial;
		letter-spacing: -1px;
		position: relative;
		font-weight:bold;
		padding-top:5px;
	}
	.compare_top_box p {
		padding-top: 12px;
	}
		.compare_top_box .alignleft {
			margin: -13px 12px 0 0;
		}
		
	/* ad box above table */
	.top_box_advert {
		float: right;
		width: 468px;
	}
		.top_box_advert h3 {
		}
		.top_box_advert p {
			padding-top: 12px;
		}
		
/* *** comparison table **** */
.comparison_table {
	background: url(images/table_bg.gif) repeat-y top right #FFF;
	margin-top: 12px;
	width: 100%;
}
	.comparison_table a {
		font-weight: bold;
	}
	.comparison_table td, .comparison_table th {
		border: 1px solid #b45ea8;
		vertical-align: middle;
		text-align: left;
		padding: 7px;
	}
		.tooltip_link {
			cursor: default;
			display: inline-block;
			background: url(images/tooltip.gif) no-repeat center center;
			width: 18px; height: 18px;
			text-indent: -9999px;
		}
		#tooltip {
			color: #FFF;
			position: absolute;
			z-index: 3000;
			background: url(images/tooltip_content.gif) no-repeat top left;
			padding: 10px;
			padding-top: 22px;
			width: 210px;
		}

	.comparison_table td {
		background: #FFF;
		line-height: 140%;
	}
	.comparison_table .alt td {
		background: #fdf3fc;
	}
	.comparison_table .first {
		background: #FFF !important;
		text-align: center;
	}
	.comparison_table .first-alt {
		background: #fdf3fc !important;
		text-align: center;
	}
	.visit {
		background: url(images/get-a-quote.gif) no-repeat top left;
		display: block;
		height: 41px;
		text-indent: -9999px; outline: none;
		width: 147px;
	}
	.visit a:hover {
	background: url(images/get-a-quote-hover.gif) no-repeat center left;
	}
	.comparison_table li {
		list-style: disc outside;
		margin-left: 20px;
	}
	.visit:hover {
		background-position: bottom left;
	}
	
/* **** **** Blog page **** **** */
/* *** right column **** */
#content {
	float: left;
	width: 700px;
}
	#blog-title {
		background: url(images/h2_blog.gif) no-repeat center left;
		height: 42px;
		margin-bottom: 20px;
		text-indent: -9999px;
	}
	#content h2, #content h3 {
		color: #333;
	}
	#content h2, #content h3, #content h2 a, #content h3 a {
		font: bold 23px arial;
		letter-spacing: -1px;
		position: relative;
		text-decoration: none;
	}
		#content h2 a:hover, #content h3 a:hover {
			color: #80b208;
		}		
	
	/* *** post *** */
	.post {
		margin-bottom: 25px;
	}
		.post h2, .post h3 {
			padding-left: 20px;
		}
		.post .inner {
			border: 1px solid #ebd4e8;
			padding: 10px;
			padding-left: 17px;
			margin-top: -5px;
		}
			.postimg {
				float: left;
			}
			.postmeta {
				margin: 7px 0 10px 155px;
			}
				
		/* *** post entry *** */
		.entry {
			margin-left: 155px;
		}
			.entry p, .entry ol {
				margin-bottom: 10px;
				line-height: 140%;
			}
			.entry ul {
				list-style-type: disc;
				list-style-position: inside;
				line-height:1.4em;
				margin-left: 0;
				padding-left: 2em;
				text-indent: -1em;
			}
			.entry li {
				padding-top:4px;
				padding-bottom:8px;
			}
			.entry blockquote {
			background-color:#efdded;
			padding-top:12px;
			padding-left:12px;
			padding-right:12px;
			padding-bottom:6px;
			margin-bottom;4px;
			border: 1px solid #9c298e;
			}
			#content .entry h1 {
				font-size: 24px;
			}
			#content .entry h2 {
				font-size: 20px;
			}
			#content .entry h3 {
				font-size: 18px;
			}
			#content .entry h1, #content .entry h2, #content .entry h3 {
				letter-spacing: normal;
				padding-left: 0;
				margin-bottom: 5px;
			}

/* *** sidebar *** */
#sidebar {
	float: right;
	width: 220px;
}
	#sidebar li {
		border: 1px solid #ebd4e8;
		margin-bottom: 20px;
	}
		#sidebar h3, #sidebar h2 {
			background: url(images/h3_sidebar.gif) no-repeat center right #FFF;
			height: 37px;
			border-bottom: 1px solid #ebd4e8;
			font: bold 16px/37px arial;
			color: #9c298c;
			padding-left: 12px;
		}
			#sidebar #search h3 {
				background: url(images/h3_search.gif) no-repeat center right #FFF;
				text-indent: -9999px;
			}
			#sidebar #updates h3 {
				background: url(images/h3_updates.gif) no-repeat center right #FFF;
				text-indent: -9999px;
			}
			#sidebar #blogroll h3 {
				background: url(images/h3_blogroll.gif) no-repeat center right #FFF;
				text-indent: -9999px;
			}
			
		#sidebar li ul {
			padding: 12px;
			padding-bottom: 5px;
		}
			#sidebar li ul li {
				border: 0;
				margin-bottom: 7px;
			}
		#searchform {
			padding: 12px;
		}
			#searchform .input {
				border: 1px solid #9c298c;
				color: #9c298c;
				padding: 5px;
				height: 14px;
				font-size: 11px;
				float: left;
				margin-right: 9px;
				width: 140px;
			}
			#searchform .go {
				border: 0;
				background: url(images/go.gif) no-repeat center center #9c298c;
				height: 26px;
				width: 30px;
				float: left;
			}

#commentform p {
	}

.commentmetadata {
	font-weight: normal;
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 75%;
	float: left;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	}
	
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
/* End Comments */
.navigation {
	display: block;
	text-align: center;
	}
	#content .navigation a {
		font: bold 17px arial;
		color: #333;
		text-decoration: none;
	}	
.pagetitle {
	margin-bottom: 15px;
}

/* *** comments *** */
.commentlist {
}
	.commentlist li {
		margin-bottom: 15px;
	}
	.commentlist cite, .commentlist cite a {
		font: bold 23px arial;
		letter-spacing: -1px;
		position: relative;
		text-decoration: none;
	}
		.commentlist cite {
			padding-left: 20px;
		}
	.commentlist .inner {
		border: 1px solid #ebd4e8;
		padding: 20px;
		padding-bottom: 10px;
		margin-top: -5px;
	}
		.gravatar {
			float: left;
			width: 77px;
			margin-right: 20px;
		}
		.commentlist .inner p {
			margin-bottom: 8px;
		}

	#respond label {
		display: block;
		width: 150px;
		float: left;
		line-height: 25px;
	}
	#respond .input, #respond textarea {
		padding: 4px;
		border: 1px solid #cd94c5;
		font: normal 11px arial;
	}
	#respond .input {
		height: 13px;
	}
	#respond .go {
		border: 0;
		background: url(images/comment.gif) no-repeat center left #9c298c;
		height: 39px;
		width: 176px;
		margin-left: 150px;
	}