/*

Theme Name: Dog's Delight

Description: Dog's Delight theme

Version: 1.0

Author: Andy

*/



/* General styles                                   */

/* ------------------------------------------------ */

body {

	margin: 0;

	background: #fff;

	min-width: 300px;

}



html, body, p, li, dd, td {

	color: #231f20;

	line-height: 150%;

	font-size: 1.0em;

	font-family: 'Open Sans', sans-serif;

}



.pace-running {

	background: url(images/preloader.gif) center 200px no-repeat #fff;

}



.pace-running > :not(.pace) {

  opacity: .1;

}



.pace-done > :not(.pace) {

  opacity: 1;

  transition: opacity .5s ease;

}



img a, a img {

	border: 0;

}



img {

	max-width: 100%;

	height: auto;

}



td {

	vertical-align: top;

}



a {

	color: #00a160;

	text-decoration: underline;

	outline: none;

}



a:hover {

	color: #ff9900;

}



ul {

	margin: 8px 0 18px 18px;

	padding: 0;

}



li {

	padding-left: 4px;

	line-height: 180%;

}



h1, h1 a, h2, h2 a, h3, h3 a {

	line-height: 120%;

	font-family: 'Cardo', serif;

	color: #00a160;

	text-transform: uppercase;

	letter-spacing: 0.08em;

	font-weight: normal;

}



h1 {

	font-size: 2.0em;

	margin-top: 0;

}



h2 {

	font-size: 1.6em;

	margin-top: 50px;

}



h3 {

	font-size: 1.2em;

}



hr {

	height: 1px;

	border: 0;

	width: 100%;

	background: #dddeee;

	color: #dddeed;

	margin: 30px 0;

}



.wrapper {

	width: 950px;

	padding: 0 25px;

	margin: 0 auto;

}



/* Header                                           */

/* ------------------------------------------------ */

#header {

	font-size: 24px;

	line-height: 140%;

	min-height: 160px;

	background: #b7d8a9 url(images/header-bg.gif);

	text-align: center;

	position: relative;

}



#header .wrapper {

	padding: 0;

}



#header img {

	display: block;

	margin-left: -25px;

}



#header a {

	font-size: 44px;

	text-decoration: none;

	color: #000;

}



#tagline {

	position: absolute;

	top: 10px;

	color: #689e52;

	font-style: italic;

	font-size: 18px;

}



img#header-small {

	display: none;

}



/* Content                                          */

/* ------------------------------------------------ */

.content {

	padding: 40px 0 100px 0;

	overflow: hidden;

	font-size: 1.1em;

	min-height: 200px;

}



.content, .content p, .content li {

	line-height: 160%;

}



.content img {

	max-width: 100%;

	height: auto;

}





#homepage-infobox {

	float: right;

	padding: 30px;

	max-width: 370px;

	background: #e5f6e7 url(images/k9-cookies.gif) left top no-repeat;

	padding-top: 70px;

	margin-left: 20px;

	font-size: 0.9em;

}



#homepage-infobox img {

	float: right;

}



#homepage-infobox h3 {

	margin-top: 0;

	font-size: 25px;

}



a.readmore, input[type="submit"] {

	background: #00a160;

	color: #fff !important;

	padding: 12px 25px 12px 25px;

	border-radius: 8px;

	text-decoration: none;

	display: inline-block;

	margin: 15px 0;

	font-size: 16px;

	font-weight: 700;

	text-shadow: none;

	line-height: 100%;

	border: 0;

	cursor: pointer;

}



a.readmore:hover, input[type="submit"]:hover {

	background: #eb6227;

	color: #fff !important;

}





a.readmore, .homepagebox-image img, input[type="submit"] {

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



table {

	border-collapse: collapse;

}



table td {

	border: 1px solid #ddd;

	padding: 15px;

	vertical-align: middle;

}



table td img {

	width: 100px;

	height: auto;

}



/* the contact page */

body.page-id-18 .content b {
	width: 70px;
	display: inline-block;

}





.visual-form-builder-container .visual-form-builder fieldset {

	background: #eee;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	border-radius: 8px;

	background: #e5f6e7;

}



.visual-form-builder-container .visual-form-builder .vfb-text, .visual-form-builder-container .visual-form-builder .vfb-textarea {

	background-color: #fff;

	color: #000;

	padding: 10px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	border-radius: 8px;

	border: 1px solid #ccc;

	font-size: 18px;

	color: #5e5d5d;

}



.visual-form-builder-container .visual-form-builder .vfb-textarea {

	width: 80%;

}



.visual-form-builder-container .visual-form-builder .vfb-legend {

	border-bottom: 0;

}



/* Footer                                           */

/* ------------------------------------------------ */

#footer {

	font-size: 0.9em;

	padding: 30px 0;

	background: #c1e9c6;

	text-align: center;

}



#footer, #footer p {

	color: #000;

}



#footer a {

	color: #138846;

}



#footer h3 {

	text-transform: uppercase;

	font-weight: normal;

	font-size: 23px;

	letter-spacing: 0.15em;

	color: #000;

	background: url(images/footer-content-bg.png) left top no-repeat;

	min-height: 39px;

	padding-left: 90px;

	display: inline-block;

}



#copyright {

	margin-top: 40px;

	font-size: 0.8em;

}







a.scrollup {

	width: 53px;

	height: 53px;

	position: fixed;

	bottom: 50px;

	right: 20px;

	display: none;

	text-indent: -9999px;

	background: url('images/top.png') no-repeat;

	opacity: 0.7;

}



/* Responsive elements                              */

/* ------------------------------------------------ */

/*

@media screen and (min-width: 1280px) {

	.wrapper {

		width: 1200px;

	}

}

*/



@media screen and (max-width: 1200px) {

	.wrapper {

		width: auto;

	}



	#header {

		background: #eaf6ec 0 2px url(images/header-bg.gif) repeat-x;

	}



	#header img {

		margin-left: 0;

	}



	#tagline {

		padding-left: 25px;

	}



}



@media screen and (max-width: 880px) {

	#tagline {

		top: 4px;

		font-size: 14px;

	}



	#homepage-infobox {

		max-width: none;

		gwidth: 100%;

		float: none;

		margin-left: 0;

	}

}



@media screen and (max-width: 620px) {

	#tagline {

		top: 0;

		font-size: 12px;

	}



	#footer h3 {

		background: none;

		padding-left: 0;

	}



}



@media screen and (max-width: 500px) {

	img#header-small {

		display: block;

	}



	img#header-large {

		display: none;

	}



	#tagline {

		display: none;

	}



	#homepage-infobox img {

		float: none;

		margin: 0 auto;

		display: block;

	}

}



/* WP Common Styles */

ol.commentlist {

	margin:0;

	padding:0;

	}



.commentlist li {

	list-style:none;

	margin-bottom:14px;

	}



.commentlist cite {

	padding: 7px;

	display:block;

	font-style:normal;

	background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);

	border-top:1px solid #d6e4c1;

	border-bottom:1px solid #779d42;

	color:#596e3b;

	}



.commentlist a:link, .commentlist a:visited {

	color:#596e3b;

	}



.commentlist a:hover, .commentlist a:active {

	color:#8ec343;

	}



.commentlist cite img {

	padding:1px;

	border:1px solid #aab59a;

	float:left;

	margin-right:9px;

	}



.commentlist .author {

	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;

	text-decoration:underline;

	}



.commentlist .time {

	background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;

	padding-left:13px;

	}



.commenttext {

	background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom;

	border-top:1px solid #c5f386;

	padding: 0 20px 10px 20px;

	color:#fafcf6;

	}



.editLink {

   margin-top: 30px;

   text-align: center;

   padding: 5px 0 15px 0;

}

.editLink a, a.editLink {

   background: #777;

   color: #fff;

   font-size: 18px;

   text-decoration: none;

   padding: 8px 15px;

   -moz-border-radius: 5px;

   -webkit-border-radius: 5px;

   border-radius: 5px;

}

.editLink a:hover, a.editLink:hover {

   background: #444;

   text-decoration: none !important;

}

.postmetadata {

   color: #999;

   font-size: 10px;

   margin: 2px 0;

}



img.aligncenter {

   display: block;

   text-align: center;

   margin: 0 auto;

   padding-bottom: 10px;

}

img.alignright {

   text-align: right;

   display: block;

   float: right;

   margin: 10px 0px 5px 15px;

}

img.alignleft {

   text-align: left;

   display: block;

   float: left;

   margin: 10px 20px 5px 0px;

}

.wp-caption-text,.wp-caption-dd {

   margin: 0;

   font-weight: bold;

   font-size: smaller;

   text-align: center;

}

.wp-caption {

   margin-right: 5px;

}



.wp-caption img {

	padding-bottom: 5px;

}



.alignleft, .alignright {

	margin-bottom: 20px;

}



.more-link {

   display:block;

}

.linklove {

   display:none;

}

.aligncenter,

dl.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

.alignright {

	float: right;

}





@media screen and (max-width: 560px) {

	.alignleft, .alignright {

		float: none;

		margin: 20px auto;

	}

}