/*  
Theme Name:Adoption
Theme URI: 
Description: 
Version: 1.0
Author: Tim Meyer
Author URI:
*/

/*-------------------------------------------------------
Global
-------------------------------------------------------*/

* {
     margin: 0; padding: 0
     }

html {
     overflow:-moz-scrollbars-vertical;
     }

h1, h2, h3, h4, h5, h6 {
     margin: 0px;
     font-weight: normal;
     letter-spacing: -1px;
     }

/*-------------------------------------------------------
Body
-------------------------------------------------------*/

body {
     font-size:62.5%;
     }

/*-------------------------------------------------------
 Misc Classes
-------------------------------------------------------*/
  img {border:0;}
 .clear {clear:both;}
 .floatLeft {float: left;}
 .floatRight {float: right;}
 .alignLeft {text-align: left;}
 .alignRight {text-align: right;}
 img.alignleft {float: left; margin-top: 0; margin-right: 5px; margin-bottom: 2px; padding:3px;}
 img.alignright {float: right; margin-top: 8px; margin-bottom: 5px; margin-left: 8px; margin-right: 15px; }
 img.aligncenter {display: block; margin-top: 0px; margin-right: auto;	margin-bottom: 4px; margin-left: auto;	clear: both;}
 .pg-image {width:418px; margin:0 auto;}
/*-------------------------------------------------------
  Layout/Structure
-------------------------------------------------------*/

#wrapper {
     width:874px;
     margin:0 auto;
     }

#header {
     width:874px;
     height:130px;
     background:transparent url(images/header-bg.jpg) no-repeat bottom left;
     }

#logo {
     width:auto;
     padding-top:15px;   
     }

#logo h1 {
     font: normal 3.2em/1.1em Verdana, Arial, Sans-serif;
     color:#111;     
     }

#logo h1 a{
     color:#fff;     
     }

#logo h1 a:hover{
     color:#ccc;     
     }

#content {
     width:529px;
     float:left;
     display:inline;
     padding:15px 50px 30px 50px;
     background:#f5f5dc url(images/content-bg.png) no-repeat top left;
     }

#content p {
     font: normal 1.1em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     margin-bottom:13px;
     }

#content h2 {
     font: normal 2.1em/1.6em Georgia, Arial, Sans-serif;
     color:#94b50f;
     }

#content ul {
     list-style:square;
     margin:0 0 13px 27px;
     }

#content li {
     font: normal 1.2em/1.9em Verdana, Arial, Sans-serif;
     color:#111;
     }

#hm-sidebar {
     width:259px;
     height:500px;
     background:transparent url(images/sidebar-bg.png) no-repeat bottom left;
     float:right;
     display:inline;
     }

#pg-sidebar {
     width:240px;
     background:transparent url(images/sidebar-bg.png) no-repeat bottom left;
     float:right;
     display:inline;
     margin-right:5px;
     }

#hm-sidebar h2 {
     font: normal 1.8em/1.7em "Lucida Sans", Arial, Sans-serif;
     color:#111;
     border-top:1px solid #ddd;
     border-bottom:1px solid #ddd;
     padding:1px 17px;
     }

#activities {
     width:259px;
     padding:15px 0 7px 0;
     text-align:center;
     background:#ecfdfc url(images/activities-bg.png) no-repeat top left;
     }

#activities ul {
     margin:0;
     padding:0;
     list-style:none;
     }

#activities li {
     font: normal 1.2em/1.2em Verdana, Arial, Sans-serif;
     color:#111;
     margin:20px 13px 0px 13px;     
     }

#activities li a{
     color:#94b50f;    
     }

#sidepic {
     width:259px;
     padding:11px 0;
     background:transparent url(images/sidebox-bg.png) no-repeat top left;
     text-align:center;
     }

#famvid {
     width:259px;
     height:150px;
     padding:15px 0 0 0;
     text-align:center;
     background:transparent url(images/famvid-bg.png) no-repeat top left;
     }

#video {
     width:222px;
     height:131px;
     background:#f5f5f5;
     border:1px solid #ddd;
     margin:19px auto 0 auto;
     }

#contact {
     width:240px;
     height:87px;
     padding:15px 0 0 0;
     text-align:center;
     background:transparent url(images/contact-bg.jpg) no-repeat top left;
     }

#pg-middle {
     width:240px;
     padding:0 0 0 0;
     text-align:center;
     background:transparent url(images/pg-side-middle.png) no-repeat top left;
     }

#pg-bottom {
     width:240px;
     height:164px;
     padding:15px 0 0 0;
     text-align:center;
     background:transparent url(images/pg-side-middle.png) no-repeat top left;
     }


#footer {
     width:874px;
     background:transparent url(images/footer-bg.png) no-repeat top right;
     padding:7px 0 40px 0;
     }

#footer p {
     font: normal 1.0em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     margin-bottom:13px;
     }

#box1 {
     width:257px;
     height:116px;
     padding:17px;
     float:left;
     display:inline;
     background:transparent url(images/f-box-bg.png) no-repeat top right;
     text-align:center;
     }

#box2 {
     width:248px;
     height:150px;
     float:left;
     display:inline;
     background:transparent url(images/f-box-bg.png) no-repeat top right;
     text-align:center;
     padding-top:17px;
     }

#box3 {
     width:300px;
     height:116px;
     padding:17px;
     float:left;
     display:inline;
     }

#copyright {
     width:500px;
     text-align:center;
     margin:0 auto 50px auto;
     font: normal 1.0em/1.6em Verdana, Arial, Sans-serif;
     color:#111;     
     }
           
/*-------------------------------------------------------
 Navigation
-------------------------------------------------------*/

#navcontainer {

     width:874px;
     padding:9px 0 14px 0;
     text-align:center;
     }

ul#navlist {
     margin:0;
     padding:0;
     list-style:none;
     }

#navlist li {
     float:left;
     display:inline;
     margin-right:30px;
     }

#navlist .main a {
     background:transparent url(images/nav/main.gif) no-repeat top left;
     width:88px;
     height:36px;
     display:block;
     margin-left:41px;
     }

#navlist .main a:hover {
     background:transparent url(images/nav/mainDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .main-current {
     background:transparent url(images/nav/mainDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     margin-left:41px;
     }

#navlist .love a {
     background:transparent url(images/nav/love.gif) no-repeat top left;
     width:88px;
     height:36px;
     display:block;
     }

#navlist .love a:hover {
     background:transparent url(images/nav/loveDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .love-current {
     background:transparent url(images/nav/loveDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }


#navlist .life a {
     background:transparent url(images/nav/life.gif) no-repeat top left;
     width:88px;
     height:36px;
     display:block;
     }

#navlist .life a:hover {
     background:transparent url(images/nav/lifeDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .life-current {
     background:transparent url(images/nav/lifeDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }


#navlist .family a {
     background:transparent url(images/nav/family.gif) no-repeat top left;
     width:88px;
     height:36px;
     display:block;
     }

#navlist .family a:hover {
     background:transparent url(images/nav/familyDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .family-current {
     background:transparent url(images/nav/familyDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .each a {
     background:transparent url(images/nav/each.gif) no-repeat top left;
     width:88px;
     height:36px;
     display:block;
     }

#navlist .each a:hover {
     background:transparent url(images/nav/eachDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .each-current {
     background:transparent url(images/nav/eachDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .adoption a {
     background:transparent url(images/nav/adoption.gif) no-repeat top left;
     width:88px;
     height:36px;
     display:block;
     }

#navlist .live a:hover {
     background:transparent url(images/nav/adoptionDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .adoption-current {
     background:transparent url(images/nav/adoptionDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .contact a {
     background:transparent url(images/nav/contact.gif) no-repeat top left;
     width:88px;
     height:36px;
     display:block;
     }

#navlist .contact a:hover {
     background:transparent url(images/nav/contactDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

#navlist .contact-current {
     background:transparent url(images/nav/contactDn.gif) no-repeat top left;
     width:88px;
     height:36px;
     }

/*-------------------------------------------------------
  Hyperlinks
-------------------------------------------------------*/

a:link, a:visited {
     color: #;
     text-decoration: none;

     }
a:hover, a:active {
     color: #;
     text-decoration: none;
     }

a:active, a:focus{
	outline:none;
}

/*-------------------------------------------------------
  Forms
-------------------------------------------------------*/

textarea {
      overflow:auto;
      }

/*-------------------------------------------------------
 Favorites
-------------------------------------------------------*/

#favorites {
     width:203px;
     height:399px;
     padding:17px 0 0 11px;
     background:transparent url(images/famvid-bg.png) no-repeat top left;
     }

#fav-stats {margin-top:61px}

#favorites p {
     font: normal 1.1em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     }

#thor {
     width:174px;
     height:380px;
     padding:63px 23px 0 23px;
     background:transparent url(images/fav-thor.jpg) no-repeat top left;
     }



#love {
     width:174px;
   height:600px;      padding:63px 23px 0 23px;
     background:transparent url(images/fav-love.jpg) no-repeat top left;
     }

#family {
     width:174px;
   height:700px;      padding:63px 23px 0 23px;
     background:transparent url(images/fav-fam.jpg) no-repeat top left;
     }
     #life {
     width:174px;
     height:700px;
     padding:63px 23px 0 23px;
     /*background:transparent url(images/fav-life.jpg) no-repeat top left;*/
     }



#kim {
     width:174px;
     height:380px;
     padding:63px 23px 0 23px;
     background:transparent url(images/fav-kim.jpg) no-repeat top left;
     }

#jacob {
     width:174px;
     height:380px;
     padding:63px 23px 0 23px;
     background:transparent url(images/fav-jake.jpg) no-repeat top left;
     }

/*-------------------------------------------------------
 Tabs
-------------------------------------------------------*/

#mytabs {float:left; background:#f5f5dc; display:inline;}

#tab-nav {
     width:161px;
     height:500px;
     overflow:hidden;
     float:left;
     display:inline;
     }

#tab-content {
     width:431px;
     height:500px;
     float:left;
     display:inline;
     padding:0;
     background:#f5f5dc url(images/content-bg.png) no-repeat top left;
     }

#tab-content p {
     font: normal 1.2em/1.6em Verdana, Arial, Sans-serif;
     color:#111;
     margin:0 20px 13px 4px;
     }

#tab-content a {
     font: bold 1.0em/1.6em Verdana, Arial, Sans-serif;
     color:#94b50f;
     margin:0 20px 13px 4px;
     }

#tab-content a:hover {
     text-decoration:underline;
     }

#tab-content h2 {
     font: normal 2.1em/1.6em Georgia, Arial, Sans-serif;
     color:#94b50f;
     margin-left:4px;
     }

.mootabs_title ul {
     width:161px;
     list-style:none;
     margin:0;
     padding:0;
     }

.mootabs_title li {
     width:161px;
     height:125px;
     background:transparent url(images/tab-bg.png) no-repeat top left;
     display:block;
     text-align:center;     
     }

.mootabs_title img {margin:7px 0 0 3px;}
.mootabs_title li.active { 
     width:161px;
     height:125px;
     background:transparent url(images/tabDn-bg.png) no-repeat top left;
     display:block; 
     list-style:none;   
     margin:0;
     padding:0; 
     }

.mootabs_panel {
     display: none;
     position: relative;
     width: 430px;
     height:430px;
     top: -1px;
     font-family: "Trebuchet MS";
     color: #111;
     overflow:hidden;
     padding-left:11px;
     }

.mootabs_panel.active {
     width:430px;
     height:455px;
     display: block;
     overflow:hidden;
     padding:17px 0 0 16px;
     }

/*-------------------------------------------------------
  Everything Else...
-------------------------------------------------------*/