/*  

Theme Name: Warmhearts

Theme URI: http://www.inthooz.com

Description: This is my theme for Humane Society of Pulaski County.

Version: 1.0

Author: Mass Enthusiasm

Author URI: http://www.inthooz.com/



*/



body { margin: 0;padding:0; font-family: Arial, Helvetica, sans-serif; background-image: url(images/bg_home.jpg); background-position: top left; background-repeat: repeat-x; }

a { outline: none; }

h3 {  padding-top: 20px; }

.clear { clear:both; }

/*img, div, a, input { behavior: url(iepngfix.htc); }*/

#container { width: 860px; margin:0px auto; }

#logo { margin-top: 25px; margin-left:40px; background-image: url(images/logo.gif); background-position: top left; background-repeat:no-repeat; width: 400px; height: 89px; float:left; }

#logo #home { display: block; width: 400px; height: 89px; }

#tag { width:109px; height: 102px; text-indent: -9999px; float: right; margin-right: 140px; }

#tag a.tag { background-image: url(images/tag.png); background-repeat: no-repeat; background-position: 0 0; width:109px; height: 102px; display:block; }

#tag a.tag:hover { background-position: 0 -118px; }



#home_main { background-image: url(images/home_main.png); background-position: top left; background-repeat: no-repeat; width: 846px; height: auto; margin-top: 25px; overflow:hidden; }



#social { text-align:right; float:right; position:relative; left: -10px; top: -25px; } 





/* Start Navigation */

#navigation ul { width:650px; float:right; margin:15px -40px 0px 0px;}

#navigation ul li { display: inline; }

#navigation ul li a {text-indent:-9999px; }



.about a, .about a:visited { background: url(images/navigation.jpg) no-repeat;width:75px;height:19px;float:left; display: block;  }

.about a:hover { background:url(images/navigation.jpg) 0 -20px no-repeat; }



.howto a, .howto a:visited { background:url(images/navigation.jpg) -75px 0 no-repeat;width:116px;height:19px;float:left; display: block; }

.howto a:hover { background:url(images/navigation.jpg) -75px -20px no-repeat;  }



.membership a, .membership a:visited { background:url(images/navigation.jpg) -194px 0 no-repeat;width:115px;height:19px;float:left;  display: block; }

.membership a:hover { background:url(images/navigation.jpg) -194px -20px no-repeat;  }



.volunteers a, .volunteers a:visited { background:url(images/navigation.jpg) -310px 0 no-repeat; width:103px; height:19px; float:left;  display: block;  }

.volunteers a:hover { background:url(images/navigation.jpg) -310px -20px no-repeat;  }



.events a, .events a:visited { background:url(images/navigation.jpg) -416px 0 no-repeat; width:149px; height:19px; float:left;  display: block; }

.events a:hover { background:url(images/navigation.jpg) -416px -20px no-repeat; }



.contact_us a, .contact_us a:visited { background:url(images/navigation.jpg) -565px 0 no-repeat; width:86px; height:19px; float:left; display: block; }

.contact_us a:hover { background:url(images/navigation.jpg) -565px -20px no-repeat;  }



/* End Navigation */



/* Start Slideshow */

#nav { margin: 5px; position: relative; top: 50px; left: 6px; }

#nav a { text-indent: -9999px; margin: 5px; width: 16px; height:10px; border: 1px solid #E51937; background: #fff; text-decoration: none; display: block; cursor: pointer; }

#nav a:hover { background-color: #F18595; border: 1px solid #E51937; }

#nav a.activeSlide { background-color: #F18595; border: 1px solid #E51937; }

.head { font-size: 30px; font-style:italic; color: #333; font-family: Georgia, Times New Roman, Times, serif; display: block; padding-bottom: 10px; }

.pics { margin-left:15px;  }

#slideshow { position: relative; left: 27px; top: -50px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;   }
.slide {  width:790px; }
.slide img { float: left; position:relative; left: 0px; top: -160px; margin-bottom: -160px; z-index:20; border: none; }

.slide a img { border: none; }

.slide p { width:305px; margin-left: 15px; float: left; position:relative; z-index:9999; }

/* End Slideshow */



h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #344E34; font-weight: normal; font-style: italic; }

#spots { position:relative; top: -40px; }

#adoptable { float:left; width: 220px; margin-left: 55px; margin-top:0; padding-top: 0; }



#news { float:left; width: 240px; margin-left: 33px; }


#events { float:left; width: 240px; margin-left: 33px; }


#outreach { float:left; width: 235px; margin-left: 47px; } 



#spots ul {  list-style:disc;margin: 10px 0px 0px 5px; line-height: 18px; padding:0; }

#spots ul li { border-bottom: 1px solid #ccc; padding: 5px; }

#spots ul li a { color: #000000; font-size: 12px; text-decoration: none;  } 

#spots ul li a:hover { text-decoration: underline; }



#footer { font-size: 10px; color: #0B6138; margin: 20px 0px 30px 50px; line-height: 20px; }
/* color was #888 */

#footer a { color: #888; margin-left: 50px; text-decoration:underline; margin-left:0; margin-right: 15px; }

#footer a:hover { text-decoration:none; }

#footer #mass { float:right; position: relative; top: -10px; right: 15px; }





img .alignright { float:right; }

.table { border:1px solid #cccccc; }

.table td { vertical-align: top; }