/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* Wordpress image control for inserting image into a post */
img.alignright {float:right; margin:0 0 0.5em 0.5em}
img.alignleft {float:left; margin:0.2em 0.7em 0.2em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption p.wp-caption-text {
	font-family:Verdana, Geneva, sans-serif;
    font-size: 0.8em;
    /* line-height: 17px; */
	text-align:center;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    /* display: block; */
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	/* background-color: #E5FEFF; */
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #000;
	background-image: url(https://k-9superheroesdogwhispering.com/wp-content/themes/k9superheroes/images/paws-background-500x500.jpg);
	background-repeat: repeat;
}
a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.2em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .25em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	/* line-height: 1.4em; */
	/* margin: 20px 0 0.4em; */
	color: #000;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.6em;
	color: #333399;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	/* -webkit-appearance: none; */
	/* outline: none; */
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	/* display: none; */
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	max-width: 960px;
	margin: 0 auto;
	background-color: #FFF;
	border-left: 2px solid #00C5CD;
	border-right: 2px solid #00C5CD;
}

/************************************************************************************
HEADER
*************************************************************************************/

#header {
	height: 280px; /* 160px; */
	margin: 0px 0px 0px 0px;
        /*
	background-image: url(https://k-9superheroesdogwhispering.com/wp-content/themes/k9superheroes/images/AsiaJimBoris-K9SHBanner-960x280.jpg);
	background-repeat:no-repeat;
	background-position: left 0%;
        */
	/*height: auto; /* 160px; */
}

/* site logo */
#site-logo {
	position: absolute;
	top: 10px;
}
#site-logo a {
	font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

/* site description */
#site-description {
	font: italic 100%/130% "Times New Roman", Times, serif;
	color: #fff;
	position: absolute;
	top: 55px;
}

/* searchform */
#searchform {
	width: 100%;
}
#searchform #searchsubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #026acb;
	border: 1px solid #00C5CD;
	text-decoration: none;
	/** rounded corner **/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/** box shadow **/
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	/** gradient **/
	/* fallback */
	background-color: #ADCDCD;
		/* background: url(images/linear_bg_2.png); */
		/* background-repeat: repeat-x; */
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#ADCDCD));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFF, #ADCDCD);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFF, #ADCDCD);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFF, #ADCDCD);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFF, #ADCDCD);
}

#searchform #searchsubmit:hover {
	text-decoration: none;
	background: #E5FEFF;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/

#main-nav {
	width: 100%;
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#main-nav ul {
	margin: 10px 0px 10px 0px; /* 0px 0px 0px 20px; */
	padding: 0px 0px 0px 0px;
}

#main-nav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style-image: none;
	list-style-type: none;
	position: relative;
}

#main-nav a {
	display: inline-block; /* block; */
	margin: 0px 6px 8px 0px;
	padding: 3px 8px 3px 8px;
	border: 1px solid #00C5CD;
	text-decoration: none;
	/** rounded corner **/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/** box shadow **/
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	/** gradient **/
	/* fallback */
	background-color: #ADCDCD;
		/* background: url(images/linear_bg_2.png); */
		/* background-repeat: repeat-x; */
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#ADCDCD));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFF, #ADCDCD);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFF, #ADCDCD);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFF, #ADCDCD);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFF, #ADCDCD);

}
#main-nav a:hover {
	text-decoration: none; /* underline; */
	/* color: #039; */
	background: #E5FEFF;
	/* padding: 5px 5px 5px 5px; */
	/* gradient */
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);
	*/
}

/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	background: #FFF;
	margin: 10px 0px 0px 0px; /* 30px 0 30px */
	padding: 0px 10px 0px 20px; /* 20px 35px */
	width: 55%; /* 650px */
	float: left;
	/* rounded corner */
	/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	*/
	/* box shadow */
	/*
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	*/
}

#content h1 {
	margin: 0px 0px 0.7em 0px;
}
#content h2 {
	margin: 0px 0px 0.7em 0px;
	color: #333399;
}
#content h3 {
	margin: 0px 0px 0.7em 0px;
}
#content h4 {
	margin: 0px 0px 0.7em 0px;
}
#content h5 {
	margin: 0px 0px 0.6em 0px;
}

/* For testimonials */
#content blockquote {
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	font-size: 0.9em;
	text-align:justify;
	/* display:block; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* border-left:#CCC 1px solid; */
}

/* Articles in Content */
#content .entry {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content .entry h2 {
	color: #333399;
}

/* For referral letters */
#content .entry .referralletters {
	margin: 10px 10px 25px 10px;
	padding: 15px;
	border: 1px solid #000;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/* post */
.post {
	margin-bottom: 40px;
}
.post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
	text-decoration: none;
	color: #000;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image */
.post-image {
	margin: 0 0 15px;
}

#content .top-of-page {
	margin: 20px 0px;
	font-size:0.9em;
}
#content .submitbutton{
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #026acb;
	border: 1px solid #00C5CD;
	text-decoration: none;
	/** rounded corner **/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/** box shadow **/
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	/** gradient **/
	/* fallback */
	background-color: #ADCDCD;
		/* background: url(images/linear_bg_2.png); */
		/* background-repeat: repeat-x; */
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#ADCDCD));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFF, #ADCDCD);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFF, #ADCDCD);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFF, #ADCDCD);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFF, #ADCDCD);
}
#content .submitbutton:hover {
	text-decoration: none;
	background: #E5FEFF;
}

/* YouTube Video */
.video-container {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* MP4 Videos */ 
.videoWrapper {
	position: relative;
	padding-bottom: 62%; /* 41% video dimensions - width/height */
	padding-top: 0px;
	height: 0;
	z-index: 1000;
	margin-bottom: 25px;
}
video {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
}    
video.video-js {
  z-index: 1000;
}               
.video-js-box .vjs-controls {
  z-index: 1002;
}
.video-js-box .vjs-big-play-button {
  z-index: 1002;
}
.videoWrapper .video-js-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 1;
	background: #000000;
}         
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 1;
}        
.vjs-spinner {
  display: none !important;
}
.video-js-box img.vjs-poster {
  height: 100% !important;
  width: 100% !important;
}

/* Contact 7 Form */
span.wpcf7-list-item { display: block; }

/* FORMS: Contact Us and Dog Whisper Session */
.form-size {
	margin: 0px 0px 20px 0px;
}
.form-fieldset {
	 margin: 0px 20px 0px 0px;
	 padding: 0px 20px 0px 25px;
	 border: #999 1px solid; background-color: #ffc;
}
.form-legend {
	padding: 0px 5px 0px 5px;
	font-weight: bold;
}

/* Dog Whispering prices section */
.prices-view {
	margin: 0px 20px 20px 0px;
	padding: 20px 20px 0px 25px;
	border: #999 1px solid;
	background-color: #ffc;
	text-align: left;
}
.prices-view h4 {
	padding-bottom: 1em;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 35%; /* 260px */
	float: right;
	margin: 10px 20px 0px 0px; /* 30px 0 30px */
}

#sidebar h1, h2, h3, h4, h5, h6 {
	line-height: 1.0em;
	margin: 0px 0px 4px 0px;
	color: #000;
}
#sidebar h2 {	/* Title of sidebar sections for Posts, Search, etc. */
	font-size: 1.1em;
}
.widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	/* clear: both; */
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	/* width: 100%; */
	clear:both;
	color: #333;
	background-color: #ADCDCD;
	font-size: 85%;
	margin: 0px 0px 0px 0px;
	padding: 50px 20px 50px 20px;
	border-top: 1px solid #00C5CD;;
	text-align: center;
}
#footer p {
	margin: 0;
	padding: 0;
}

#footer-nav {
	width: 100%;
	display: block;
}
#footer-nav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footer-nav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	list-style: none;
	float: left;
	position: relative;
}
#footer-nav a {
	width: 100%;
	/* line-height: 100%; */
	/* font-weight: bold; */
	/* color: #000; */
	display: inline;
	padding-right: 10px;
	padding-left: 0px;
	text-decoration: none;
}
#footer-nav a:hover {
	text-decoration: underline;
	/* color: #039; */
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
/*
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
*/

.clear_float {
	clear: both;
	width: 1px;
}

/************************************************************************************
Custom CSS for WishList Member Forms
*************************************************************************************/
/*

/* WishListMember Login Form */
.WishListMember_LoginMergeCode .wlm_inpageloginform table tr td input[type="submit"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #026acb;
	border: 1px solid #00C5CD;
	text-decoration: none;
	margin-bottom: 12px;
	/** rounded corner **/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/** box shadow **/
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	/** gradient **/
	/* fallback */
	background-color: #ADCDCD;
		/* background: url(images/linear_bg_2.png); */
		/* background-repeat: repeat-x; */
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#ADCDCD));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFF, #ADCDCD);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFF, #ADCDCD);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFF, #ADCDCD);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFF, #ADCDCD);
}
.WishListMember_LoginMergeCode .wlm_inpageloginform table tr th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #F00;
}
.WishListMember_LoginMergeCode .wlm_inpageloginform table td {
	margin-bottom: 8px;
}
.WishListMember_LoginMergeCode {
	margin-bottom: 20px;
}

/************************************************************************************
Custom WP Login CSS
*************************************************************************************/
/*
.login.login-action-login.wp-core-ui {
	background-color: #0F6;
}
