/*
Theme Name: Cedar Valley Humane Society
Theme URI:
Description: This is the website for the Cedar Valley Humane Society
Version: 1.0
Author: Henry Russell Bruce
Author URI: http://www.hrb-ideas.com/

Copyright Henry Russell Bruce

*/
/* Global Elements, IDs, and Classes */
.showgrid{/* Use this class on any div.span / container to see the grid. */
	background:url(images/grid.png);
}
html{
	font-size:100.1%;
}
body{
	margin:0;
	font-family:'Arial','Helvetica','Verdana',sans-serif;
	color:#444;
	background:#d7d7e9;
}
p{
	font-size:0.95em;
	margin:0 0 1.45em;
	line-height:1.3em;
}
img{border:0;}
a{
	color:#333092;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
a:hover{
	color:#6a67b9;
}
a:active{
	color:#000;
}
h1,h2,h3,h4,h5,h6{
	margin-top:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1{font-size:1.2em;margin-bottom:0.2em;font-weight:bold;color:#333092;padding-top:0.7em;padding-bottom:0.2em;}
h2{font-size:1.2em;margin-bottom:0.75em;}
h3{font-size:1.2em;margin-bottom:0.2em;font-weight:bold;color:#333092;border-bottom:1px solid #333092;}
h4{font-size:0.8em;line-height:1;margin:3px 0;font-weight:bold;color:#333092;text-transform:uppercase;}
h5{font-size:0.8em;line-height:1;margin:3px 0;color:#999;font-weight:bold;text-transform:uppercase;}
h6{font-size:1em;font-weight:bold;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
li ul,li ol{margin:0;}
.text-input,select,textarea{
	display:block;
	margin:0.5em 0;
	width:90%;
	font-size:1em;
	font-family:'Helvetica Neue','Arial','Helvetica',sans-serif;
	line-height:1.5em;
	outline-color:#d7d7e9;
}
.text-input,textarea{
	color:#555;
	height:14px;
	width:100px;
}
.text-input:hover,textarea:hover{
	color:#222;
}
.text-input:focus,textarea:focus{
	color:#000;
}
.placeholder{
	color:#ccc !important;
}
.placeholder:hover{
	color:#999 !important;
}
.button,.post-edit-link{
	display:block;
	padding:8px 0;
	width:100px;
	height:16px;
	font-size:10pt;
	font-family:'Arial',sans-serif;
	text-align:center;
	color:#4f4f4f;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 1px #fff;
	background:url(images/button.png) no-repeat;
	background-position:center top;
	border:0;
	cursor:pointer;
	outline:none;
}
input.button{
	height:auto;
}
.button:hover,.post-edit-link:hover{
	color:#444;
	background-position:center -32px;
}
.button:active,.post-edit-link:active{
	color:#333;
	background-position:center -64px;
}
.post-edit-link{
	clear:both;
}

#site{
	width:988px;
	margin:2px auto;
	border:1px solid #a7a9ac;
	background:#fff;
}

/* Start top-nav */

#top-nav{
	height:26px;
	border-top:1px solid #7b79a9;
	background:#615ea8;
}
#top-nav-float{
	float:right;
	width:325px;
}
#search{
	float:left;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0;
}
#search .text-input{
	display:inline;
	float:left;
	height:17px;
	border:2px inset;
	margin:2px 0 0 0;
	padding:0;
	width:150px;
	color:#333;
	font-size:13px;
}
#search-button{
	float:left;
	margin:0;
	padding:0 0 0 5px;
	height:24px;
	width:60px;
	border:0;
	font-size:17px;
	background:none;
	color:#fff;
	cursor:pointer;
}
#search-button:hover{
	color:#eee;
}
#search-button:active{
	color:#ccc;
}
#social{
	float:right;
	margin:2px 4px;
	width:82px;
	height:16px;
	background:none;
}
#social a{
	display:block;
	float:right;
	margin:0 3px;
	width:20px;
	height:21px;
	opacity:0.9;
	clear:none;
	text-align:left;
	text-indent:-5000px;
}
#social a:hover{
	opacity:1;
}
.twitter{
	background:url(images/twitter-icon.png) no-repeat center center;
}
.facebook{
	background:url(images/facebook-icon.png) no-repeat center center;
}
.rss{
	background:url(images/rss-icon.png) no-repeat center center;
}

/* End top-nav */
/* Start header */
#header{
	width:100%;
	height:109px;
	margin:0 auto;
	background:url(images/alt-header-background.jpg) no-repeat 590px;
}
#donate-button{
	float:right;
	display:block;
	margin:16px 30px 0 0;
	width:154px;
	height:77px;
	background:url(images/donate-button.png) no-repeat center top;
	text-indent:-5000px;
}
#donate-button:hover{
	background-position:center center;
}
#donate-button:active{
	background-position:center bottom;
}
#header-box{
	width:550px;
	padding:0px 22px;
}
#logo{
	display:block;
	position:relative;
	top:12px;
	left:44px;
	width:458px;
	height:85px;
	background:url(images/logo-small.png) no-repeat;
	text-indent:-5000px;
}
#header-box p{
	display:none;
}

/* End header */
/* Start nav */

#nav{
	margin:0 auto;
	width:940px;
	height:24px;
	padding:0;
	list-style:none;
}
#nav a{
	display:block;
	float:left;
	height:24px;
	width:188px;
	padding:0;
	margin:0;
	line-height:24px;
	font-size:0.92em;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:'GillSans', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-weight:bold;
	color:#fff;
}
#nav a:hover{
	color:#333192;
}
#nav a:active{
	color:#d7d7e9;
}
#nav li{
	display:block;
	float:left;
}
#nav li ul{
	position:absolute;
	left:-999px;
	clear:left;
	padding:0;
	margin:24px 0 0 0;
	width:188px;
	list-style:none;
	background:url(images/dropdown-background.png);
	z-index:2;
}
#nav li ul li{
	height:auto;
	width:188px;
}
#nav li ul li a{
	margin:0;
	padding:8px 0 8px 10px;
	height:auto;
	width:178px;
	text-align:left;
	line-height:1.3em;
	font-size:0.87em;
	font-weight:normal;
	color:#d3cfe3;
}
#nav li ul li a:hover{
	width:178px;
	background:#615ea8;
	color:#FFF;
}
#nav li ul li a:active{
	background:#4a478c !important;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{ /* lists nested under hovered list items */
	left:auto;
}
#nav li:hover, #nav li.sfhover{ /* ie 7 sticky menu fix */
	position:static;
}
#nav-image{
	display:block;
	float:left;
	width:186px;
	height:24px;
	background:url(images/alt-nav-background.jpg) no-repeat;
}
#nav #donate{
	background:#ba6ca8;
	border-right:1px solid #fff;
}
#nav #adopt{
	background:#3e9fca;
	border-right:1px solid #fff;
}
#nav #volunteer{
	background:#a3c015;
}
#nav #services{
	background:#e3a129;
}
/* End nav */
/* Start side-nav and sidebar */

#side-nav{
	float:right;
	width:186px;
	height:325px;
	margin:0;
	padding:0;
	font-size:0.92em;
	background:url(images/side-nav-background.png) repeat-x #fff;
}
#side-nav a{
	display:block;
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#908363;
	border-bottom:1px solid #b2a37d;
}
#side-nav a:hover{
	background:#615ea8;
	color:#fff;
}
#side-nav a:active,#side-nav li:hover a:active{
	color:#ccc;
}
#side-nav li{
	display:block;
	float:left;
	height:31px;
	width:186px;
}
#side-nav li:hover a{
	background:#615ea8;
	color:#fff;
}
#side-nav li ul{
	position:absolute;
	left:-999px;
	display:block;
	margin:-31px 0 0 -187px;
	padding:0;
	width:187px;
	list-style:none;
	background:#615ea8;
	color:#000;
	z-index:2;
}
#side-nav li ul li{
	width:187px;
}
#side-nav li ul li a{
	margin:0;
	padding:0 0 0 10px;
	height:30px;
	width:177px;
	text-align:left;
	line-height:30px;
	font-size:0.87em;
	font-weight:bold;
	color:#ccc;
	border-bottom:1px solid #615ea8;
}
#side-nav li ul li a:hover{
	width:177px;
	background:#b0afd4;
	color:#FFF;
}
#side-nav li ul li a:active{
	background:#9b9ac7;
}
#side-nav li:hover ul, #side-nav li li:hover ul, #side-nav li.sfhover1 ul, #side-nav li li.sfhover1 ul{
	left:auto;
}
#side-nav li:hover, #side-nav li.sfhover1{ /* ie 7 sticky menu fix */
	position:static;
}
#goal{
	width:150px;
	padding:18px 0;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
#goal p{
	margin:0px;
}
#goal .count p{
	display:block;
	margin:0;
	padding:7px 0;
	color:#333092;
	font-size:2.2em;
	font-weight:normal;
}
#sidebar{
	float:right;
	width:166px;
	padding:0 23px;
	z-index:1;
}
#sidebar #support img{
	padding:10px 0 5px;
}
#sidebar p{
	padding:0;
	margin:3px 0;
	font-size:0.65em;
	font-weight:bold;
	color:#000;
}
#sidebar .text-input{
	margin:1px 0;
	padding:3px 3px 3px 40px;
	width:120px;
	height:15px;
	font-size:10px;
	border:0;
}
#sidebar #newsletter{
	margin:10px 0 0;
}
#sidebar #newsletter-name{
	background:url(images/newsletter-name.png) no-repeat left center;
}
#sidebar #newsletter-email{
	background:url(images/newsletter-email.png) no-repeat left center;
}
#sidebar .placeholder{
	color:#c9b5ba !important;
}
#sidebar .placeholder:hover{
	color:#b8a3a8 !important;
}
#sidebar .button{
	position:relative;
	left:76px;
	width:92px;
	height:26px;
	padding:0 0 2px 0;
	font-weight:normal;
	font-size:1.1em;
	background:url(images/sidebar-button.png) no-repeat center top;
	color:#fff;
	text-shadow:none;
	cursor:pointer;
}
#sidebar .button:hover{
	background-position:center center;
}
#sidebar .button:active{
	background-position:center bottom;
	text-shadow:0px 1px 2px #111;
}
#support{
	margin:10px auto;
	width:100px;
	text-align:center;
}
/* End side-nav and sidebar */
/* Start content */
#content{
	float:left;
	width:500px;
	padding:40px 20px 20px 20px;
	overflow:visible;
	min-height:350px;
	height:auto !important;
	height:350px;
}
.post{
	clear:both;
	margin:5px 0 20px 0;
}
.meta{
	margin:0 0 0.2em;
	font-size:0.8em;
	color:#999;
	cursor:default;
}
.more-link{
	margin:10px 0;
	display:block;
	width:100px;
	font-size:0.7em;
}
#featured{
	width:480px;
	margin:0 0 40px 0;
	overflow:hidden;
}
#featured img{
	float:right;
	margin:0 0 0 10px;
}
#featured p{
	float:left;
	padding-right:10px;
	width:165px;
}
#featured p a img{
	display:none;
}
#featured .breed-note{
	display:none;
}
.event{
	padding:0 0 8px;
}
.event h2,.event p{
	margin-bottom:0.3em;
}
.event h2{
	margin-top:20px;
}
#print-page{
	display:block;
	margin:16px 0 0;
	padding:0 0 0 14px;
	width:160px;
	font-size:0.8em;
	background:url(images/print-icon.png) no-repeat left center;
}
/* End content */
/* Start pet listing */
#content.pet-listing .post{
	clear:none;
	position:relative;
	float:left;
	margin:0 15px 0 0;
	width:230px;
}
#content.pet-listing .post img{
	float:none;
	display:block;
	margin:0 auto 10px;
	padding:4px;
	width:auto;
	height:158px;
	border:1px solid #ccc;
	background:#eee;
}
#content.pet-listing .post p{
	overflow:hidden;
	height:266px;
}
.adopted-tag{
	display:none;
}
.category-adopted-cats .adopted-tag,.category-adopted-dogs .adopted-tag,.category-other-adopted-pets .adopted-tag{
	display:inline;
}
.category-adopted-cats img,.category-adopted-dogs img,.category-other-adopted-pets img{
	opacity:0.8;
}
.category-adopted-cats img:hover,.category-adopted-dogs img:hover,.category-other-adopted-pets img:hover{
	opacity:1;
}
/* End pet listing */
/* Start footer */
#footer{
	clear:both;
	padding:42px 0 25px;
	text-align:center;
	font-size:13px;
	color:#a7a9ac;
}
#footer address{
	display:inline;
	font-style:normal;
}
#footer a{
	color:#a7a9ac;
}
#footer a:hover{
	color:#5b58af;
}
#footer a:active{
	color:#3f3c88;
}
/* End footer */
/* End Global Elements, IDs, and Classes */
/* Start Homepage */
#home #content{
	width:500px;
	padding:20px;
	overflow:visible;
	min-height:350px;
	height:auto !important;
	height:350px;
}
#home #header{
	width:100%;
	height:178px;
	margin:0 auto;
	background:url(images/header-background.jpg) no-repeat 588px;
}
#home #logo{
	display:block;
	position:relative;
	top:12px;
	left:44px;
	width:458px;
	height:85px;
	background:url(images/logo.png) no-repeat;
	text-indent:-5000px;
}
#home #header-box p{
	display:block;
	padding:5px 25px 0 35px;
	font-style:italic;
	font-size:0.85em;
}
#home #donate-button{
	margin-top:40px;
}
#home #nav{
	margin:0 auto;
	width:941px;
	height:199px;
}
#home #nav a{
	display:block;
	float:left;
	height:199px;
	width:188px;
	padding:1px 0;
	text-align:center;
	font-size:0.92em;
	text-decoration:none;
	text-transform:uppercase;
	font-family:'GillSans', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-weight:bold;
	color:#fff;
}
#home #nav a:hover{
	color:#333092;
}
#home #nav a:active{
	color:#d7d7e9;
}
#home #nav li ul li a{
	margin:0;
	padding:8px 0 8px 10px;
	height:auto;
	width:178px;
	text-align:left;
	line-height:1.3em;
	font-size:0.87em;
	font-weight:normal;
	color:#d3cfe3;
}
#home #nav li ul li a:hover{
	width:178px;
	background:#615ea8;
	color:#FFF;
}
#home #nav-image{
	display:block;
	float:left;
	width:187px;
	height:199px;
	background:url(images/nav-background.jpg) no-repeat;
}
#home #donate{
	background:url(images/donate.jpg) no-repeat;
	border-right:1px solid #fff;
}
#home #adopt{
	background:url(images/adopt.jpg) no-repeat;
	border-right:1px solid #fff;
}
#home #volunteer{
	background:url(images/volunteer.jpg) no-repeat;
}
#home #services{
	background:url(images/services.jpg) no-repeat;
}
#home #side-nav{
	margin:-2px 0 0 0;
}

/* End Homepage */
.page ul, .page ol, .page{
	font-size:0.95em;
	margin:0 0 1.45em;
	line-height:1.3em;
}

/* Start WordPress Classes */
.alignleft{
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
.alignright{
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
img.alignleft,img.alignright{
	margin-top:0;
}
.aligncenter{
	display:block;
	margin:0 auto;
	text-align:center;
}
.wp-caption{
	border:1px solid #eee;
	font-size:9pt;
	line-height:13pt;
	text-align:left;
	background:#fff;
}
.wp-caption-text{
	padding-top:8px;
}
.comment .avatar{
	float:left;
	padding:0 10px 0 0;
}
#page-navigation{
	clear:both;
	margin:10px 0 0;
	font-size:0.9em;
	line-height:18pt;
	text-align:center;
}
/* End WordPress Classes */