/*
Theme Name: SPAH
Theme URI: http://sanpedroanimalhospital.com
Version: 1.0
Author: Paul Jewitt
Author URI: http://animamedia.org
*/

body { margin: 0px; padding: 0px; background-color: rgb(255, 255, 255); font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px;  color: rgb(83, 86, 83); }
div, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0px; padding: 0px; }
html { overflow-x: hidden; overflow-y: scroll; }
table { border-collapse: collapse; }
table tr td { margin: 0px; padding: 0px; }
h1 { font-family: Georgia, Times New Roman, serif;font-size: 22px; color: #788634;  margin-bottom: 10px; letter-spacing:-0.5px;line-height:26px;}
h2 {  font-family: Georgia, Times New Roman, serif;font-size: 18px; color: #788634;  margin-bottom: 10px;letter-spacing:-0.5px;line-height:22px; }
h3 {  font-family: Georgia, Times New Roman, serif;font-size: 16px; color: #788634;  margin-bottom: 10px; letter-spacing:-0.5px;line-height:20px;}
h4 { font-family: Georgia, Times New Roman, serif; font-size: 14px; color: #788634;  margin-bottom: 10px; letter-spacing:-0.5px;line-height:18px;}

p { margin: 5px 0 5px 0; line-height:18px;padding-top:10px; }
em { padding: 0px; font-family: Georgia,"Times New Roman",Times,serif; font-variant: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; font-style: italic; line-height: 20px;  }
a { color: #788634;text-decoration: none;  }
a:hover { border-bottom: 1px dotted #808082; color: #808082; }
a:active, a:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
a img, a:hover img, a:active img, a:focus img { border: medium none ; margin: 0px; padding: 0px; text-decoration: none; }
img a { border-bottom: medium none; margin: 0px; padding: 0px; }
ul li { list-style-type: none; list-style-image: none; list-style-position: outside; }
li { margin-bottom: 2px; }
li a { color: #788634; }
li a:hover { border-bottom: medium none; color: #808082; }

.force_break { clear: both; }
.left_break { clear: inherit; }
.left { float: left; }
.right { float: right; }
hr.wide { border: medium none ; margin: 0px 0px 30px; padding: 0px; height: 8px; background-color: rgb(238, 239, 233); }
hr.thin { border: medium none ; margin: 0px 0px 15px; padding: 0px; height: 1px; background-color: rgb(195, 195, 195); }
.image a, .image a:hover, .image a:focus, .image a:active { border: medium none ; }

#inner { margin: 0px; width: 1000px; }

#container {width: 100%;float:left;background: url('images/container-bg.jpg') repeat; }
#top { }

#header { margin: 0px; background-color:#BFBEA5; background: url('images/header_bg.jpg') no-repeat left center; height: 200px;  width: 960px; }

#nav {margin: 205px 0px 0 0;float:right; font-family:Arial, san-serif;font-weight:bold; letter-spacing:-.75px;padding-right:27px; }
#nav ul {display:inline;}
#nav ul li { float: left; padding: 0px 0px 0px 0px;  }
#nav ul li a {color: #788634; font-size:14px;margin: 0px; display: block;padding: 5px 6px 5px 6px;text-transform:uppercase;}
#nav ul li a:hover {color:#fff;background-color:#788634;}


	
#nav li li a, #nav li li a:link, #nav li li a:visited {

	width: 180px;
	color: #E3F299;

	text-transform: none;
	float: none;
	margin: 0px;
	padding: 7px 8px 7px 5px;


	}
	
#nav li li a:hover, #nav li li a:active {
	background: #BF5C06;
	color: #fff;
	padding: 7px 8px 7px 5px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 190px;
	background:#E3F299;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -33px 0 0 185px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}


#breadcrumbs {margin:0px;background: url('images/breadcrumbs_bg.jpg') no-repeat ; height: 40px; }

.contentbox { padding: 0px; float: left; margin-bottom: 30px;  }

#contentbox_left { padding: 0px 0 0 0px; width: 720px; float: left;  }

#left-photo {height:350px;margin-left:50px;}
#full-size{margin: 15px 0 0 0; padding:0px 20px 0px 30px;width:670px;}

.post-title h1 a{font-family: Georgia, Times New Roman, serif;font-size: 22px; color: #788634;  margin-bottom: 5px; letter-spacing:-0.5px;line-height:26px;}
.post-title h1 a:hover{color: #808082; }

.post-dates{font-size:11px; text-transform: uppercase;}
.post-cat{font-size:11px; text-transform: uppercase;}
.post-comments{font-size:11px; text-transform: uppercase;}

.entry p {padding:5px 0 5px 0;}
.entry h2 {padding:10px 0 0 0;}

#column1 {height:300px;width:210px; position:absolute; margin: 15px 0 0 30px;padding:0px;}
#column2 {height:300px;width:210px;position:absolute; margin: 15px 0 0 265px;padding:0px;}
#column3 {height:300px;width:210px;position:absolute; margin: 15px 0 0 500px;padding:0px;}


#sidebar { padding: 0px; width: 230px; float: left; margin-left: 30px; margin-bottom: 30px; }
#sidebar h2 {padding: 10px 0 0px 0;}
#sidebar p {padding:5px 0 5px 0;}

li .widget {list-style:none;} 

#footer {float:left; margin: 15px 0px 0 0; padding: 5px 0 5px 0;width:100%; background-color:#788634;color:#fff;font-size:11px;}


.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}