/*
Theme Name: The Good Dog Project
Theme URI: http://www.gooddogproject.com
Description: Custom layout for The Good Dog Project
Author: Jenn Schlick, New Spin Design
Author URI: http://www.schlickdesigns.com/  |  http://www.newspindesign.com/
Version: 1.0
*/

/*----------------------------------- BROWSER RESETS ------------------------------------*/
@import url("reset.css");
* html #containertop  {behavior: url(iepngfix.htc);}

.bug {border: 1px solid yellow;}

/*----------------------------------- BODY ------------------------------------*/
body {
	cursor: default;
	background: #eee url(images/bg.jpg) repeat;
	font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 3em;
	}

.clear {clear: left; display: block;}

hr {display: none;}
strong {font-weight: bold;}

p {font-size: 1.2em; padding: 0 0 10px 0;}


/*----------------------------------- FORMS ------------------------------------*/
input#author, input#email, input#url, form#cformsform input.single {
	background: #fff;
	border: 1px solid #a9a7a1;
	padding: 5px;
	font: normal 1em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	}
	form#commentform label {color: #333; font-size: .9em;}
	form#commentform span.required {
		background:url(images/icon_star.png) no-repeat; width: 13px; height: 13px; padding-right: 10px;
		}
	form#commentform p.required {font-size: 1em;}
textarea#comment, form#cformsform textarea {
	border: 1px solid #a9a7a1;
	background: #fff;
	padding: 5px;
	font: normal 1em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
div#submit input, input#sendbutton {
	background:url(images/mainbg.png) repeat;
	border: 1px solid #a9a7a1;
	font: normal 1.2em Helvetica, Arial, sans serif;
	text-transform: uppercase;
	padding: 10px;
	margin: 10px 0 0 0;
	}
	div#submit input:hover, input#sendbutton:hover {background: #fff; cursor: pointer;}
	input#sendbutton { /*cform submit button */
		background:url(images/mainbg.png) repeat;
		border: 1px solid #a9a7a1;
		font: normal 1.2em Helvetica, Arial, sans serif;
		text-transform: uppercase;
		padding: 10px;
		margin: 0;
		}
	
form#cformsform select {
	border: 1px solid #a9a7a1;
	background: #fff;
	padding: 0;
	height: 30px;
	padding: 5px 0;
	width: 100px;
	}

form#cformsform ol li {margin-top: 10px;font-size: 1.2em;}
form#cformsform label {float: left; width: 100px;}

	div#usermessagea {/*cform error message */
		font-size: 1.2em;
		border: 1px solid #a9a7a1;
		background: #fff;
		padding: 5px 5px 5px 20px;
		font-weight: bold;
		}
		.cf_info {display: none;}
		.failure {display: block;}

a.back {
	background:url(images/mainbg.png) repeat;
	border: 1px solid #a9a7a1;
	font: normal 1.3em Helvetica, Arial, sans serif;
	text-transform: uppercase;
	padding: 10px;
	margin: 0 0 10px 0;
	display: block;
	width: 160px;
	}
	a.back:hover {background: #fff;}
	
/*----------------------------------- TYPOGRAPHY ------------------------------------*/
a {text-decoration: none; /*color: #1a8ea6;*/ color: #004f8c; }
	#main a {font-weight: bold;}
a:hover {color: #006cc0; text-decoration: underline}

h1 {
	font: normal 3.2em Helvetica, Arial, sans serif;
	letter-spacing: -.06em;
	margin: 0 0 10px;
	color: #333;
	}
	
h2 {
	font: normal 3.2em Helvetica, Arial, sans serif;
	text-transform: uppercase;
	letter-spacing: -.06em;
	margin: 0 0 10px;
	}
	h2 span {
		font: italic normal .8em Georgia, Times, serif;
		text-transform: none;
		letter-spacing: normal;
		}

h3 {font: italic normal 1.7em Georgia, Times, serif; text-transform: none; margin: 0 0 0 0;}
		h3 span {font: normal .9em Helvetica, Arial, sans serif; text-transform: uppercase;}
		
		.full-content h3 {margin: 20px 0 5px 0;}

h4 {font: normal lighter 1.4em Helvetica, Arial, sans serif; margin: 10px 0;}


/*----------------------------------- WP IMAGE STYLING ------------------------------------*/
.size-thumbnail {
	width: 150px;
	height: 150px;
	border: 1px solid #d9d5cb;
	background: #fff;
	padding: 3px;
	}
.alignnone {}

/*----------------------------------- LAYOUT ------------------------------------*/
#main {
	background: url(images/mainbg.png) repeat;
	padding:0 20px 20px 20px;
	}
.container {
	width: 900px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}

.mainbg {
	background:url(images/mainbg2.png) repeat;
	width: 100%;
	height: 48px;
	margin-bottom: 20px;
	}

.logo {
	float: right;
	background: url(images/logo.png) no-repeat;
	width: 223px;
	height: 219px;
	padding: 0;
	margin: 20px 0 0 0;
	text-indent: -9999px;
	display: block;
	}
	.logo2 {
		float: right;
		background: url(images/logo2.png) no-repeat;
		width: 170px;
		height: 167px;
		padding: 0;
		margin: 20px 0 0 0;
		text-indent: -9999px;
		display: block;
		}

.mainimage {
	margin: 0 0 20px 0;
	background: #fff;
	padding: 7px;
	border: 1px solid #adaba6;
width: 420px;
height: 280px;
	}

.left {float: left; width: 420px;}

.longcol {float: left; width: 200px; margin: 0 0 0 50px;}
	.longcol ul {margin: 10px 0 0 0; }
	.longcol ul li {font-size: 1.1em; line-height: 1.7em; padding-left: 30px; margin-top: 5px; background: url(images/icon_arrow2.png) no-repeat;}

.featurewrapper {
	float: left;
	width: 420px;
	padding: 20px 0 0 54px;
}
.right {
	float: left;
	width: 200px;
	margin: 0 0;
	}
	.right-box {
		float: left;
		background:url(images/mainbg.png) repeat;
		border: 1px solid #adaba6;
		width: 190px;
		margin-right: 27px;
		}
		.right-box:hover {cursor: pointer; background: #fff;}
		.rightbox a {display: block;}
		.right-box a h2 {font-size: 1.8em; color: #ececec; font-weight: normal; margin: 0 0 2px 0; 
		padding: 10px 0 8px 0; text-align: center; background: #333;}
			.right-box:hover h2 {background: #004f8c; color: #fff;}
		.right-box p {font-size: 1.2em; line-height: 1.7em; padding: 10px 5px; text-align: center;}
			
.left-bottom {clear: both; float: left; width: 100%;}
	.intro {float: left; width: 440px;}
	.blog {float: right; width: 425px;}
		.blog h3 {margin: 0 0 10px 0;}
		.rss {background:url(images/rss.png) top right no-repeat; width: 22px; height; 22px; border: none; 
		float: right; padding: 5px 60px 5px 0; margin: 10px 0 0 0; font: normal 1em Helvetica, Arial, sans serif; text-transform: uppercase;}
		.rss:hover, .rss-side:hover {background-position: 100% -44px;}
		.rss-side {background:url(images/rss.png) top right no-repeat; width: 50px; border: none; 
		display: block; margin: 10px 0 0 0; padding: 5px 30px 5px 0; font: normal 1em Helvetica, Arial, sans serif; text-transform: uppercase;}

.full-left {float: left; width: 200px; height: 100%;}
	.leftbox {background:url(images/mainbg.png) repeat; padding: 10px; margin-bottom: 10px; width: 160px;}

.full-content {float: left; width: 500px;}
.full-right {float: right; position: absolute; top: 260px; left: 730px; width: 200px;}


/*----------------------------------- MAIN NAV------------------------------------*/
.mainNav {
	float: left;
	height: 45px;
	}

.mainNav #tabbar {margin: 0; padding: 0; list-style: none;}

.mainNav #tabbar li {float: left; margin-right: 4px;}

.mainNav #tabbar li a {
	float: left;
	display: block;
	color: #000;
	background: none;
	font: normal lighter 1.2em "Lucida Grande", Geneva, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 15px 10px;
	}

.mainNav #tabbar li.tab a:hover {color:#fff; background: #004f8c; text-decoration: none;}

.mainNav #tabbar .tabselected {
	color: #fff;
	}
	.mainNav #tabbar .tabselected a {
		background: #333;
		color: #fff;
		font-weight: bold;
		}
		
		.mainNav #tabbar .tabselected a:hover {
			text-decoration: none;
		}

/*----------------------------------- BOTTOM SECTION ------------------------------------*/
#bottominfo {
	background: #fff url(images/bottombg.png) top left repeat-x;
	border-bottom: 1px solid #c2bdb0;
	padding-bottom:25px;
	width: 100%;
	overflow: hidden;
	}
.bottomcolumn {
	float: left;
	width:288px;
	margin-right: 18px;
	}
.bottomright {margin-right:0;}

.bottomcolumn h3 {
	border-bottom: 3px solid #333;
	color: #1a8ea6;
	font-size: 1.8em;
	padding: 15px 0 5px 5px;
	margin-bottom: 10px;
	}
	
.bottomcolumn p {
	font-size: 1.2em;
	color: #d1cfcd;
	color: #666;
	line-height: 1.75em;
	}
	
.bottomcolumn .success {float: left; width: 100px; margin: 0 20px 0 0;}
.bottomcolumn .success img {float: left; margin: 0 0 3px 0; width: 100px; height: 87px;}
.bottomcolumn .success p {
	background: #fff;
	border: 1px solid #d9d5cb;
	clear: left;
	float: left;
	padding: 5px;
	font-style: italic;
	font-size: 1em;
	line-height: 1.2em;
	}

ul.bottomlist {
	border-top: 1px dashed #d3d1cc;
	font-size: 1.2em;
	}
	
	.blog ul.bottomlistblog {
		background:url(images/mainbg.png) repeat;
		}
	
	.blog ul.bottomlistblog li {
		
		
		
		}
		.blog ul.bottomlistblog li a {
			background:url(images/icon_bullet.png) top left no-repeat;
			padding-left: 20px;
			border-bottom: 1px dashed #d3d1cc;
			color: #666;
			font-weight: normal;}
			
			.blog ul.bottomlistblog li a span {
				color: #aaa;
				text-transform: uppercase;
			}
			
			
	ul.bottomlist li a {
		display: block;
		padding:4px 0 0 17px;
		background: url(images/icon_q.gif) no-repeat 0 50%;
		height: 26px;
		color: #333;
		border-bottom: 1px dashed #d3d1cc;
		}
		
	ul.bottomlistblog li a {background: none; color: #666; padding-left: 0; border:0; font-weight: normal; display: block; padding: 5px 0}
	

	
	ul.bottomlist li a:hover {
		color: #333;
		}


	ul.bottomlistblog li a:hover {color: #333; text-decoration: none; background-color: #fff}
	ul.blog li a span {font-style: italic;}


/*----------------------------------- FOOTER ------------------------------------*/
#footer {
	height: 37px;
	background: url(images/gradient.png) repeat-x 0 100%;
	padding-bottom: 13px;
	border-top: 1px solid #6e6a5f;
}
* html #footer {
	background: none;
}
	
#footer .container {
	width: auto;
	margin: 0;
	background: #8b8984;
}

#footer .container p {
	display: block;
	margin: 0 auto;
	width: 900px;
	height: 24px;
	padding: 8px 0;
	color: #ccc;
	font-size: 1em;
	text-align: center;
}

#footer a {
	color: #fff;
}


/*----------------------------------- LISTS ------------------------------------*/
ul.services {
	margin-bottom: 5px;
	float: left;
	border-top: 1px solid #adaba6;
	width: 240px;
	background:url(images/mainbg.png) repeat;
	}
	ul.services-right {float: right;}
ul.services li {
	padding: 5px 5px 5px 35px;
	font-size: 1.2em;
	background:url(images/icon_check.png) top left no-repeat;
	border-bottom: 1px solid #adaba6;
	}

ul.pricing {
	margin-bottom: 5px;
	border-top: 1px solid #adaba6;
	}
ul.pricing li {
	padding: 2px 10px;
	font-size: 1.2em;
	border-bottom: 1px solid #adaba6;
	background:url(images/mainbg.png) repeat;
	}
ul.pricing .even {
	background: #f9f9f8;
	}
	ul.pricing li span {padding-right: 3px; text-transform: uppercase; font-size: .8em; font-style: italic; color: #8d8b86;}
	ul.pricing li strong {border-left: 1px solid #c5c3be; margin: 0 0 0 5px; padding: 0 0 0 10px;}
	ul.pricing li em {font-size: .9em; text-transform: uppercase; color: #d28431;}

span.price {margin-bottom: 5px; display: block;}

ul.faqs {}
	ul.faqs li {}
	ul.faqs li h3 {}
	ul.faqs li p.ex {display: block; margin: 5px 0 0 0; padding: 0 0 0 25px; background:url(images/icon_star.png) top left no-repeat;}
	ul.faqs li p.dog {display: block; margin: 5px 0 0 0; padding: 0 0 3px 25px; background:url(images/icon_dog.png) top left no-repeat; font-style: italic;}

ul.sidebar {margin: 5px 0 0 0; border-top: 1px dashed #d3d1cc;}
	ul.sidebar li a {display: block;}
	ul.sidebar li {padding: 8px 0 8px 10px; border-bottom: 1px dashed #d3d1cc; font-size: 1.1em; line-height: 1.5em;}
	ul.sidebar li:hover {background: #fff;}
	
	ul.sidebar li p.name {display: block; margin: 0; padding: 0; font-size: 1em; font-weight: bold;}
	ul.sidebar li p.name2 {display: block; margin: 0; padding: 0; font-size: 1em;}
	ul.sidebar li p.date {display: block; margin: 0; padding: 0; font-size: .9em; font-style: italic;}

ul.education {margin-bottom: 10px; font-size: 1.2em;}
	ul.education li.name {font-weight: bold;}

.full-content .success {display: block; clear: left;}
.full-content .success h3 {display: block; float: left; width: 100%;}
.full-content .success img {float: left; clear: left; margin: 0 0 3px 0; width: 100px; height: 87px;}
.full-content .success span {
	background: #fff;
	border: 1px solid #d9d5cb;
	float: left;
	padding: 5px;
	font-style: italic;
	font-size: 1em;
	line-height: 1.2em;
	width: 100px;
	margin: 5px 15px 0 0;
	}

.blog-contrib {
	display: block;
	margin: 10px 0 5px 0;
	}
	.blog-contrib img {/* profile image for blog sidebar */
		width: 80px;
		height: 80px;
		border: 1px solid #d9d5cb;
		background: #fff;
		padding: 2px;
		margin: 0;
		}
	.blog-contrib h4 {display: block; text-align: left; margin: 0 0 5px 0;}
	.pagination {
		width: 100%;
		margin: 30px 0 20px 0;
		text-align: center;
		font: normal 1.7em Helvetica, Arial, sans serif;
		text-transform: uppercase;
		}
		.pagination a {
			display: inline;
			border: 1px solid #d9d5cb;
			background:url(images/mainbg.png) repeat;
			margin-right: 10px;
			padding: 10px;
			}
			.pagination a:hover {background: #fff;}
	.navposts {text-align: center; color: #848178;}
		.navposts a {font-size: 1.1em;}
	.blog-info {
		width: 100%;
		background:url(images/mainbg.png) repeat;
		font-size: 1em;
		color: #848178;
		padding: 3px 10px 3px 10px;
		margin: 0;
		overflow: hidden;
		border-bottom: 2px solid #a9a7a1;
		}
		span.info {float: left;}
		span.comments {float: right;}

ul#commentlist {margin: 10px 0 0 0;}
	ul#commentlist li {
		margin-bottom: 10px;
		}
	ul#commentlist li span {font: normal lighter 1.4em Helvetica, Arial, sans serif; margin: 0;}
	ul#commentlist li .commenttext {}
	ul#commentlist li .commentinfo {
		width: 100%;
		background:url(images/mainbg.png) repeat;
		font-size: 1em;
		color: #848178;
		padding: 3px 0 3px 10px;
		overflow: hidden;
		}