/*
Theme Name: VOSTN

Theme URI: http://wordpress.org/

Description: VOSTN website theme

Author: HostRocket Web Design

Version: 1.0

License URI: license.txt
Tags: 
*/




/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	
				background: transparent;
				border: 0;
				margin: 0;
				padding: 0;
				vertical-align: baseline;	}



body { 				line-height: 1; 		}


h1, h2, h3, h4, h5, h6 { 	clear: both;
				font-weight: normal; 		}


ol, ul { 			list-style: none; 		}


blockquote { 			quotes: none; 			}


blockquote:before, blockquote:after { 
				content: '';
				content: none; 			}


del {				text-decoration: line-through; 	}



/* tables still need 'cellspacing="0"' in the markup */


table { 			border-collapse: collapse;
				border-spacing: 0; 		}


a img { 			border: 0; 			}



/* Text meant only for screen readers */


.screen-reader-text { 		position: absolute;
				left: -9000px; 			}

/********** Gravity Forms CSS ****************/


body .gform_wrapper .gform_footer input[type=submit] {
				font: 11px/18px Verdana, Geneva, sans-serif;
				color: inherit;			}

body .gform_wrapper .gform_body .gform_fields .gfield select {
				color: inherit;			}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {
				color: inherit;			}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
				font: 11px Verdana, Geneva, sans-serif;
				color: #999;			}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_input_datepicker_icon {
				border: 0 !important;			
				padding: 0 !important;			}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_list .gfield_list_icons {
				border: 0 !important;			
				padding: 0 !important;			}

body .gform_wrapper .gform_body .gform_fields #field_1_23.gfield .gfield_checkbox {
				background: #ebe3ce;		}

body .gform_wrapper .gform_body .gform_fields #field_1_32.gfield .gfield_checkbox {
				background: #ebe3ce;		}

body .gform_wrapper .gform_body .gform_fields #field_1_45.gfield .gfield_checkbox {
				background: #ebe3ce;		}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
				color: inherit;			}

.recaptchatable .recaptcha_image_cell center img {
				
border: 0 !important;
				
padding: 0 !important;		
}

.add_list_item, .delete_list_item {
				border: 0 !important;
				padding: 0 !important;		}

.ui-datepicker-trigger {

				border: 0 !important;
				
padding: 0 !important;
		
				vertical-align: middle !important;	}


/********** Green Button CSS: http://css-tricks.com/examples/ButtonMaker/ ****************/

.button-green {
   border-top: 1px solid #c0e88b;
   background: #638c03;
   background: -webkit-gradient(linear, left top, left bottom, from(#aacf5f), to(#638c03));
   background: -webkit-linear-gradient(top, #aacf5f, #638c03);
   background: -moz-linear-gradient(top, #aacf5f, #638c03);
   background: -ms-linear-gradient(top, #aacf5f, #638c03);
   background: -o-linear-gradient(top, #aacf5f, #638c03);
   padding: 6px 12px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: white !important;
   font-size: 13px;
   font-weight: bold;
   font-family: Verdana, Geneva, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }

/******* PAGE LAYOUT ********/


body { 				background: #f9f6ec url(images/bg.jpg) repeat-x top center;
				margin: 0 auto;
				font: 11px/18px Verdana, Geneva, sans-serif;}


.clear { 			clear: both; 			}



#container { 			margin: 0 auto;
				width: 1072px;
				position: relative;
				z-index: 1000;
				float: none; 			} 


#background { 			z-index: -100;
				background-color: #FFF;
				width: 1072px;
				height: 100%;
				margin-top: 50px;
				border: 1px solid #dfd1b3; 	}


#content { 			padding: 0 20px 20px 10px; 	}


#content p {			 				}



#col-left { 			margin: 0 0 0 20px;
				padding: 0;
				float: left;
				width: 260px;
				background: url(images/nav-bg.png) repeat-y center top;
				position:absolute;
				top: -50px;
				z-index:3000; 			}


#col-right { 			margin: 62px 2px 0px 0;
				padding: 0;
				float: right;
				width: 780px;
				position: relative;
				top: -50px; 			}


.referring-vets { 		float: right;
				position: absolute;
				z-index: 2000;
				top: -40px; right: 0; 		}



/******* TEXT FORMATTING ******/


a { 				color: #2e1c0d; 		}


.entry-content a { 		color: #145671; 		}


h1 { 				background: #ebe3ce;
				font-size: 19px;
				text-transform: uppercase;
				font-weight: normal;
				padding: 10px;
				margin: 0;
				color: /*#8aaa30*/#145671; 	}


h1 span { 			color: #8e9c3a; 		}


#content h1 { 			font-size: 24px;
				margin-bottom: 15px; 		}


h2 { 				color: #145671;
				font-size: 19px;
				font-weight: normal;
				margin-bottom: 8px;
				margin-top: 50px; 		}


h3 { 				font-size: 14px;
				background-color: #b6aa8a;
				margin-left: 0;
				margin-right: 50px;
				padding: 3px 12px;
				color: #fff;
				text-transform:uppercase;
				font-weight: bold; 		}


h4 { 				color: #8e9c3a;
				font-size: 14px;
				margin: 0 0 12px 0; 		}


h5, h5 a { 			text-transform: uppercase;
				margin: 0 0 5px 0;
				font-size: 20px;
				color: #403620;
				float: left;
				text-decoration: none; 		}


h6 { 				text-transform: uppercase;
				margin: 10px 0 0 6px;
				font-size: 16px;
				color: #403620;			}



.entry-title a { 		text-transform: uppercase;
				margin: 10px 0 0;
				font-size: 14px;
				text-decoration: none;
				font-weight: bold; 		}



ul { 				list-style: square;
				margin: 0 0 18px 25px; 		}


ol { 				list-style: decimal;
				margin: 0 0 18px 1.5em;		}


ol ol { 			list-style: upper-alpha; 	}


ol ol ol { 			list-style: lower-roman; 	}


ol ol ol ol { 			list-style: lower-alpha; 	}


ul ul, ol ol, ul ol, ol ul { 	margin-bottom: 0; 		}






/******* NAVIGATION COLUMN ********/


#nav ul { 			margin-top: 15px;
				margin-bottom: 0;
				margin-left: 13px;
				padding: 0 0 20px 0; 		}


#nav ul li { 			list-style-type: none;
				color: #f0ece0;
				font-weight: bold;		}


ul.menu li a { 			background-color: #ebe3ce /*#b6aa8a*/;
				font-size: 14px;
				padding: 3px 12px;
				color: /*#7f755a*/ #145671;
				text-transform: uppercase; 	}

ul.menu li a span { 		color: #8e9c3a;		 	}

ul.sub-menu li a { 		color: #f0ece0;
				text-decoration: none;
				background-color: transparent;
				font-size: 12px;
				text-transform: none;  		}


ul.sub-menu li a:hover { 	color: #FFFFFF /*#B6AA8A*/; 		}


.end { 				margin: 0 0 -21px 0px;
				vertical-align: bottom;  	}


.nav-previous { 		float: left;
								}


.nav-next { 			float: right;
				text-align: right;
								}


.nav-next a, .nav-previous a { 	color: #8e9c3a; 		}


#nav-above { 			margin: 0 0 18px 0; 		}


#nav-above { 			display: none; 			}


.paged #nav-above, .single #nav-above { 
				display: block; 		}


#nav-below { 			margin: -18px 0 0 0; 		}




/********* SEARCH FORM ************/


.search-form { 			margin-left: 30px;
				margin-bottom: 10px;		}


#searchform input { 						}


.searchfield { 			background: #f4f0e8;
				padding: 3px 0px 2px 8px;
				width: 149px;
				border: solid 1px #8a857b;
				outline: none;
				color: #999;
				margin: 0; 
				-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

				-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

				box-shadow: inset 0 1px 2px rgba(0,0,0,.2); 
}



.searchbutton { 		color: #fff;
				border: solid 1px #494949;
				font-size: 11px;
				height: 24px;
				width: 32px;
				background: url(images/button-search.gif) no-repeat 0 0;
				text-indent: -9999px;
				cursor: pointer;
				margin-left: -5px; 		}





/******** HOME PAGE *********/


#slides-home { 			background: url(images/home-img-bg.gif) no-repeat center top;
				width: 770px;
				height: 287px;
				margin-bottom: 30px;		}


.slide {			padding: 6px;			}



.col-1 { 			float: left;
				width: 240px;
				margin-right: 25px;
				background: /*url(https://vostn.com/wp-content/uploads/2013/12/HuskeyBGchristmasSmall.jpg) url(http://vostn.com/wp-content/uploads/2013/04/phone_email1.jpg)*/ url(images/huskey_bgs.jpg)  no-repeat right bottom;
				min-height: 300px;
				color: #2e1c0d; 		}


.col-1 p { 			font-size: 11px; 
				line-height: 14px; 
				margin-top: 3px; 		}


.byline { 			font-size: 11px;
				color: #145671;
				margin: 10px 0 0 6px;
				text-transform:uppercase; 	}


.byline a { 			color: #145671;
				text-decoration: none;		}


.col-2 { 			float: left;
				width: 224px;
				margin-right: 25px;
				background: #ebe3ce;
				padding: 8px; 			}
	

.center-col { 			border: 1px solid #145671;
				text-align: center;
				font-size: 11px;
				color: #145671;
				padding-bottom: 10px; }


.center-col span { 		font-variant: small-caps;
				font-weight: bold;
				font-size: 14px; 		}


.logo-title { 			font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 17px;
				margin-bottom: 0;
				margin-top: 10px;
				padding: 0;			}


.tagline { 			margin-top: 0px; 		}


.address { 			color: #7f755a; 		}


.docs { 			margin-bottom: 8px;
				margin-top: 5px;
				line-height: 14px; 		}


.col-3 { 			float: left;
				width: 240px; 			}


.featured-pet { 		background: #ebe3ce;
				padding: 0 6px 6px;
				margin-bottom: 12px; 		}


.col-3 p { 			font-size: 11px; 
				line-height: 14px; 
				color: #2e1c0d; 
				margin: 4px 0; 
				text-align: center; 		}


.col-3-button { 		margin-top: 10px; 		}

.pet-title { 			text-align: center; 
				text-transform: uppercase; 	}


.readmore { 			margin: 12px 0;
				clear: both; 			}





/***********  INTERNAL PAGES *********/


#page-images { background: #f4f0e8; border: 1px solid #145671; padding: 8px; width: 745px; height: 200px; margin-bottom: 20px;margin-top: 14px; }
/*.entry-content p { margin: 10px 0; }*/
#content { margin-bottom: 36px; min-height: 350px; }
#content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin: 0 20px 24px 0px; }
#content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; }
.entry-content, .entry-summary { clear: both; padding: 0px 12px 0 6px; color: #2e1c0d; }
#content .entry-summary p:last-child { margin-bottom: 12px; }
.entry-content ul li { margin: 0px 28px 0; }

/*.entry-content fieldset { border: 1px solid #B6AA8A !important; margin: 0 0 24px 0; padding: 24px;  }
.entry-content fieldset legend { background: #fff; color: #000; font-weight: bold; padding: 0 24px; }
.entry-content input { margin: 0 0 24px 0; }
.entry-content input placeholder { color: #666; }
.entry-content input.file, .entry-content input.button { margin-right: 24px; }
.entry-content label {  color: #2e1c0d; font-size: 12px; }
.entry-content select { margin: 0 0 24px 0; }
.entry-content sup, .entry-content sub { font-size: 10px; }
.entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; }
.entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; }

.entry-content iframe { border: 1px solid #8aaa30; padding: 5px; margin: 10px 0; }
.entry-content small { display: none; }*/
.entry-date { color: #145671; text-transform: uppercase; font-size: 12px; margin-bottom: 18px; }
.secondary-date small{ font-size:12px; }
.blog-title { position: relative; left: 32px; border-bottom:solid 1px #dcdada; width:567px; padding: 12px 0 0px; margin: 0 0 10px 17px; }
.blog-title a:hover { color: #8e9c3a; text-decoration: underline; }

.copy { padding: 10px 0 0; }
.secondary { position:relative;  margin:0;/* 0 25px; border:solid 5px #EBE3CE; padding: 10px;*/ }
.secondary-date { position:absolute; font-family:Arial, Verdana, sans-serif; float:left; font-size:22px; color: #145671; font-weight:700; text-align:center; line-height:1.1; text-transform:uppercase; width:25px; top:4px; }

.entry-thumb { width: 100px; height: 100px; float: left; }
.entry-content img { padding: 8px; border: 1px solid #8e9c3a; }
.entry-info {  border-bottom: 8px solid #EBE3CE; padding-bottom: 20px;  }
.subtext { clear: both; margin: 10px 0 !important; text-transform: uppercase; color: #8e9c3a; }

.bios-img { float: left; padding: 8px !important; border: 1px solid #8e9c3a; margin-right: 25px; width: 150px; height: 200px; }
.bios { float: left; width: 555px; margin-bottom: 25px; }
.staff-img { float: left; padding: 8px; border: 1px solid #8e9c3a; margin-right: 25px; margin-bottom: 20px; width: 150px; height: 200px; }
.toggleLink { border: 0 !important; padding-left: 8px;  }
.directions-list span { font-weight: bold; }
.directions-div { margin: 0; padding: 0; }
.directions-div p {margin: 0 !important; padding: 0 !important; }
p.routes { margin: 0; padding: 0; }
.directions-div p:hover { text-decoration: underline; }

.ngg-slideshow { overflow-x: visible !important; overflow-y: visible !important; position: relative; }

span.emoba-em {
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 100% !important;
}

iframe { border: 1px solid #8e9c3a; padding: 5px;}
.ctr { padding: 20px; border: 1px solid #DFD1B3;}

/***************  IMAGES *******************/
/*Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }
.wp-caption { line-height: 18px; margin-bottom: 8px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; }
.wp-caption img { }
.wp-caption p { margin-right: 0 !important; }
.wp-caption p.wp-caption-text { color: #8E9C3A; font-size: 10px; margin: 0 5px; text-align: right; }
.wp-smiley { margin: 0; }


.gallery { margin: 0 auto 18px; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img { border: 2px solid #cfcfcf; }
.gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; }
.gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; }
.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }
.gallery dl { margin: 0; }
.gallery img { border: 10px solid #f1f1f1; }
.gallery br+br { display: none; }

#content .attachment img {/* single attachment images should be centered */ display: block; margin: 0 auto; }


/*********** FOOTER *********/
#footer { margin: 0 auto; width: 1072px; padding: 0; height: 228px; background: #ede6d4; margin-bottom: 30px; color: #ac9f86; border: 1px solid #dfd1b3; position: relative; z-index: 1000; }
.footer-top { background: url(images/footer-top.gif) repeat-x left top; }
.footer-logo { float: left; margin: 15px 40px 0; }
.footer-nav { float: left; font-size: 10px; margin: 10px 0 0 10px; }
	.nav-list { float: left; }
	.nav-list li { text-transform: uppercase; margin: 0; padding: 0; list-style-type: none; }
	.nav-list li a {  text-decoration: none; color: #ac9f86; }
	.footer-nav ul.sub-menu { margin: 0; padding-left: 10px; }
	.footer-nav ul.sub-menu li a { color: #ac9f86; text-decoration: none; list-style-type: none; padding: 1px 0; font-size: 10px; }
	ul.about { margin-right: 40px;} 
	ul.quick { margin-right: 30px; } 
.footer-links { float: right; margin-right: 20px; }
	.footer-links ul { margin: 10px 0 0; padding: 0; }
	.footer-links li { list-style-type: none; height: 41px; padding-top: 7px;  }
	.footer-links a { color: #ac9f86; text-decoration: none; text-transform: uppercase; }
	.footer-links a img { display: block; float: left; margin-right: 15px; }
	.footer-links span { padding-top: 8px !important; }
.copy-top { background: url(images/copy-top.gif) repeat-x left top; margin-top: 5px; height: 2px; }
.copyright { font-size: 11px; margin: 4px 10px 0; padding: 0; }
.copyright span { float: right; }
.copyright a { color: #ac9f86; }


/************ SEARCH FORM ********/
input.gsc-search-button {
	font-size: 12px !important;
	color: #145671 !important;
	font-weight: bold;
	text-shadow: none !important;
	padding: 3px 8px 4px 8px;
	background-color: #ebe3ce !important;
}

form.gsc-search-box { padding-left: 0 !important; width: 205px !important; }
td.gsc-clear-button { display: none !important; }
input.gsc-input { }

.gsc-webResult.gsc-result:hover { background-color: #F8F5EF !important; border: none !important; }
.ui-widget-overlay { opacity: 0.6 !important; }


/************** FORMS *************/
#vostn-form fieldset { width: 685px; padding: 0 0 10px 15px; margin-bottom: 15px; border: 1px solid #B6AA8A; }
#vostn-form legend { font-size: 14px; font-weight: bold; padding: 8px 6px; color: #8E9C3A; }
#vostn-form label { padding: 0 10px 0 0; width: 160px; display: block; float: left; line-height: 22px; vertical-align: middle; }
.field-item { clear: both; margin: 12px 0; }
.small { color: #999; }
.med-container table, #hidden_meds table { clear: both; }
.med-container table tr, #hidden_meds table tr { margin-bottom: 20px;}
.med-container input, #hidden_meds input { margin: 5px 0; }
label.meds { width: 550px !important; }
label.meds span { margin-left: 146px; }
.check_label {padding:0; display:inline; line-height: 18px; float: left !important;}
.block_label { clear: both !important; width: 550px !important; }
.radio_label {width: 55px !important; }
td .cc-num  { width: 30px; margin: 0 6px; }
input#cc_number1, input#cc_number2, input#cc_number3, input#cc_number4 {width: 40px; margin-right: 10px;}
input.radio, input.more-meds {float: left; margin: 6px 6px 0 0; }
.radio-button { display: inline; float: none !important; }
#hidden_meds {display: none;}
.entry-content .gform_wrapper ul li {margin: inherit; }

/***** TOOLTIP *****/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #145671;
	background-color: #F9F6EC;
	width: 250px;
	padding: 5px;
	opacity: 0.85;
	font: Arial,Helvetica,sans-serif; 
	font-size: 8px;
	font-weight: normal;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 { font-size: 12px; 	background-color: #F9F6EC; padding: 8px 12px; color: #145671; text-transform: inherit; font-weight: normal; }


/***** DATE *****/