/* $Id: style.css,v 1.19 2006/12/27 13:17:15 drumm Exp $ */

/*
** HTML elements
*/
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  color: #666;  
  font: 0.8em Arial, Helvetica, sans-serif;
  line-height: 1.6;
  background: #f4eee3 url(img/bg-wrap.gif) repeat-x center top;
}
#simplemenu 
{
  position: absolute;
  width: 500px;
}
#wrap {
  min-height: 100%;
  width: 960px;
  margin: 0 auto;   
  position: relative;
}

#navigation
{
  position: absolute;
  z-index: 9;
  padding-top: 5px;
  width: 960px;
  font-size: 0.9em;
}
#navigation a
{
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}
#navigation a:hover
{
  color: #336292;	
  text-decoration: underline;  
}
#navigation ul.links
{
  width: 760px;  
  text-align: right;
  margin: 0;
  padding: 0;
}
#navigation ul.links li
{
  border-right: 1px solid #dcf5ff;
  background: none;
}
#navigation ul.links li.last
{
  border: none;
}

#block-search-0
{
}

#logo
{
  position: relative;
  background: url(img/bg-logo.jpg) no-repeat left top;
  height: 73px;
  padding-top: 29px;
  text-align: right;
}
#secondLogo
{
  position: absolute;
  left: 0;
}
#menu 
{
  position: absolute;
  padding: 3px 0 0 18px;  
}
#menu ul.links li
{
  padding: 0;
  margin: 0;
  display: block;
  float: left;  
}
#menu ul.links li a
{
  display: block;
  float: left;
  height: 50px;
  width: 231px;
  background-image: url(img/btn-menu.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#menu ul.links li a:hover,
#menu ul.links li a.active { background-position: left bottom;}

#menu ul.links li.menu-1-1-2 a { background-position: left top; }
#menu ul.links li.menu-1-2-2 a { background-position: -231px top; }
#menu ul.links li.menu-1-3-2 a { background-position: -462px top; }
#menu ul.links li.menu-1-4-2 a { background-position: -693px top; }
#menu ul.links li.menu-1-1-2 a:hover,
#menu ul.links li.menu-1-1-2-active a,
#menu ul.links li.menu-1-1-2-active a:hover { background-position: left bottom; }
#menu ul.links li.menu-1-2-2 a:hover,
#menu ul.links li.menu-1-2-2-active a,
#menu ul.links li.menu-1-2-2-active a:hover { background-position: -231px bottom; }
#menu ul.links li.menu-1-3-2 a:hover,
#menu ul.links li.menu-1-3-2-active a,
#menu ul.links li.menu-1-3-2-active a:hover { background-position: -462px bottom; }
#menu ul.links li.menu-1-4-2 a:hover,
#menu ul.links li.menu-1-4-2-active a,
#menu ul.links li.menu-1-4-2-active a:hover { background-position: -693px bottom; }

#footer 
{
  background: url(img/bg-footer.gif) repeat-x left bottom;
  padding: 0;
  margin: 0;
  height: 149px;
  width: 100%;  
  /*position: absolute;
  bottom: 0;*/
}
#footer-inner
{
  background: url(img/bg-footer01.gif) no-repeat left top;
  height: 50px;
  width: 960px;  
  padding-top: 90px;
  margin: 0 auto 0 auto;
  text-align: center;
  color: #333;
}
.node-content #footer-inner
{
  background: url(img/bg-footer02.gif) no-repeat left top;  
}
#contentWrap
{
  background: url(img/bg-contentwrap-repeat.jpg) repeat-y left top;  
}
#contentWrap-inner
{
  padding: 70px 20px 0 18px;	
  background: url(img/bg-contentwrap.jpg) no-repeat left top;
  min-height: 470px;  
}
* html #contentWrap-inner
{
  height: 470px;	 
}
#contentWrap .column 
{
  position: relative;
  float: left;
}
#content 
{
  width: 502px;
  min-height: 470px;
  display: inline;
  margin-left: 210px;
  background: url(img/bg-content-repeat.gif) repeat-y left top;
}
* html #content
{
  height: 550px;	
}
.sidebarLeft #content
{
  width: 712px;	
  background-position: -501px top;
}
#content-inner 
{
  background: url(img/bg-content.gif) no-repeat left top;
  padding: 0 10px;
  min-height: 350px;
}
.sidebarLeft #content-inner 
{
  background-position: -501px top;
}

#sidebarLeft {
  width: 190px;
  padding: 0 10px;
  margin-left: -712px;
}
.sidebarLeft #sidebarLeft {
  margin-left: -923px;
}

#sidebarRight {
  width: 190px;
  padding: 0 10px;
}
.anonymous #sidebarRight
{
  padding-top: 70px;
}
#login
{
  position: absolute;
  left: 0;
  top: 170px;
  z-index: 9;
  margin-left: 730px;
  width: 190px;
  padding: 0 10px;  
}

/*
*  COLOR FOR HYPERLINKS
*/
a 
{
  color: #ff9900;  
}
a:hover 
{
  color: #000;
  text-decoration: underline;
}



/*
*  FONT-SIZE
*/
h1, h2, h3, h4 { font-weight: bold; }
h1 
{
  font-size: 1.7em;
  letter-spacing: -1px;  
  padding: 0 0 0.6em 0;  
  color: #ff9900;
}
.front h1.title
{
  display: none;  
}
h1.title
{
  padding-bottom: 0;
  margin-top: 0.5em;
}
h2
{
  font-size: 1.4em;
  padding: 0 0 0.5em 0;  
}
#navigation h2
{
  display: none;	
}
h3,
#content .view .view-data-node-title
{
  font-size: 1.2em;
  padding: 0 0 0.4em 0;
  font-weight: bold;
}
h4
{
  font-size: 1.1em;
}

p
{
  margin-bottom: 0.5em;
}
.taxonomy
{
  color: #999;	  
}
.taxonomy a
{
  text-decoration: none;
  font-style: italic;
  color: #00ADEF;
}
.breadcrumb a
{
  text-decoration: none;
  color: #ff9966;
}
.block ul li,
.item-list ul li
{
  padding: 0 0 4px 10px;
  margin-left: 0;
  list-style-type: none;
  list-style-image: none;
  background: url(img/point-grey.gif) no-repeat left 6px;
}
.block ul {
  padding:0 0 0.25em 0.25em;
}
* html ul li
{
  height: 10px;
}

.front #content .view .item-list ul li,
.front .block-menu ul li
{
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  background: none;
}

ul.menu li
{
  background: none;	
}
.clear
{
  clear: both;	
}
.submitted
{
  font-size: 0.9em;
  color: #999;
}
.messages
{
  border: 1px solid #999;
  background-color: #CCC;
  padding: 7px 10px;
  margin-bottom: 10px;
}

fieldset {
  margin-bottom: 1em;
  padding: 0.5em;
  border-bottom: 1px solid #999;
}

.more-link a 
{
  padding-left: 10px;
  background: url(img/icon-more.gif) no-repeat left 2px;
}


/*
*  SIDEBAR STYLE
*/
#sidebarLeft,
#sidebarRigh
{
  line-height: 1.4;
}
#sidebarLeft h2.title,
#sidebarRight h2.title
{
  background: url(img/bg-sidebarleft-h2.gif) no-repeat left top;
  font-size: 1.3em;  
  padding: 1px 0 0 10px;
  margin-bottom: 0.8em;
  height: 24px;
}
#sidebarLeft .block,
#sidebarRight .block
{
  margin-bottom: 1.5em;
  font-size: 0.91em;
}
#sidebarRight
{
  padding-top: 95px;	
}
.block a
{
  color: #00adef;
  text-decoration: none;
}
.block a:hover
{
  color: #333;	
  text-decoration: underline;
}

#block-user-1 ul.menu li.leaf {
  padding-top: 0;
}









/*
*  content style 
*/
.node
{
  padding: 1em 0;	 
  margin-bottom: 1.5em; 
}
* html .node
{
  height: 50px;	
}
.front .node
{
   border-top: 1px solid #CCC;
}
.node .content
{
   margin-top: 15px;
}
.box .node,
.box .comment
{
  background: #FFF;
  border: 1px solid #E2E2E2;
  padding: 10px;
}
.type_pets .node .content p
{
  	 
}
div.links,
.view-data-node-link
{
  text-align: right;
  line-height: 1;
  font-size: 0.9em;
}
div.links a,
.view-data-node-link a
{
  color: #00adef;
  font-weight: bold;  
}
#comment-form .form-item label 
{
  display: inline;
  padding-right: 10px;
}
#content-inner .box,
#comments
{  
  background: #e2e2e2;
  padding: 10px;
  border-top: 1px dotted #CCC;
  margin-top: 20px;
}
#comments
{
  background: none;
  padding: 10px 0 0 0;
}
#comments .comment
{
  /*background: #f0f0f0;*/  
  padding: 10px;
  margin: 0; 
  border-bottom: 1px solid #e2e2e2;
}
#comments .indented .comment
{
  /*background: #f0f0f0;*/  
}
.comment ul.links
{
  display: inline;
}
.indented {
  margin: 0 0 15px 0;  
  /*border-bottom: 2px solid #CCC;
  background: url(img/bg-comment-indent.gif) repeat-x left top;*/
}
.indented .indented,
.indented .indented .indented,
.indented .indented .indented .indented
{
  margin: 0 0 5px;
  border: none;
  background: none;
}
.comment h3.title
{
  background: url(img/icon-comment.gif) no-repeat left 5px;
  padding-left: 25px;
}

.forumTItle
{
  color: #666;
}
/*
*  DIFFERENT PAGES
*/
.admin div.admin
{
  font-size: 0.9em;	
}

.book-navigation .page-links {
  border: none;
}	

#block-block-1
{ 
  padding-top: 5px;
  background: url(img/bg-login-bubble.gif) no-repeat left top;
}
#block-block-1 .content
{
  background: url(img/bg-login-bubble.gif) no-repeat left bottom;
  padding: 0 10px 15px 10px;
}
#block-block-1 h2.title
{
  line-height: 1px;
  height: 1px;
  font-size: 1px;
}



#block-menu-92 h2.title,
#block-menu-95 h2.title
{
  display: none;
}
#block-menu-92 ul,
#block-menu-92 ul li,
#block-menu-95 ul,
#block-menu-95 ul li
{
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
#block-menu-92 li a,
#block-menu-95 li a
{
  display: block;
  width: 190px;
  height: 50px;
  background: url(img/btn-adopt-dog.gif) no-repeat left top;
}
#block-menu-92 li.item-94 a
{
  background: url(img/btn-adopt-cat.gif) no-repeat left top;
}
#block-menu-92 li a:hover,
#block-menu-92 li a.active
{
  background-position: left bottom;	
}
#block-menu-95 li.item-96 a
{
  background: url(img/btn-shop.gif) no-repeat left top;	
}


.view-pets-cat .item-list ul li,
.view-pets-dog .item-list ul li
{
  float: left;
  width: 300px;
  height: 120px;
  padding: 10px;
  margin: 0 10px 10px 0;
  background: none; 
  list-style-image:  none;  
  list-style-type:  none;  
  border: 1px solid #eaeaea;
}
.view-pets-cat .item-list ul li:hover,
.view-pets-dog .item-list ul li:hover
{
  background-color: #eaeaea;	  
}
.view-pets-cat .view-data-node-data-field-pets-image-field-pets-image-fid,
.view-pets-dog .view-data-node-data-field-pets-image-field-pets-image-fid
{
  float: left;
  width: 110px;
}

.view-pets-cat .view-data-node-data-field-pet-name-field-pet-name-value,
.view-pets-cat .view-data-node-data-field-pet-age-field-pet-age-value,
.view-pets-cat .view-label.view-label-node-data-field-pet-age-field-pet-age-value,
.view-pets-dog .view-data-node-data-field-pet-name-field-pet-name-value,
.view-pets-dog .view-data-node-data-field-pet-age-field-pet-age-value,
.view-pets-dog .view-label.view-label-node-data-field-pet-age-field-pet-age-value
{
  display: inline;
}
.view-pets-cat .view-data-node-data-field-pet-name-field-pet-name-value,
.view-pets-dog .view-data-node-data-field-pet-name-field-pet-name-value
{
  font-weight: bold;
}

.view-pets-cat .view-data-node-link,
.view-pets-dog .view-data-node-link
{
  clear: both;
}
#views-filters
{
  padding: 0 0 10px 0;
}


.group--0 .field .field-label-inline-first
{
  display: block;	 
}
.group--0 .field .field-label-inline
{
  font-size: 0;
  display: none;
}
/*.field-field-pet-limitation .field-items .field-label-inline
{
  display:
}*/

/*
* FORUM
*/
tbody {
  border-top: none;
}
#forum table tbody
{
  border-bottom: 2px solid #CCC;
}
#forum table
{
  width: 99%;
  margin: 1em 0;
}
#forum > table:first-child thead th
{
  text-align: center;
}
#forum table td.topics,
#forum table td.posts,
#forum table td.replies
{
  text-align: left;	
}

.forum-topic-navigation {
  background-color: #EFEFEF;
  border: none;
  padding: 0 0 0.5em 0;
  margin-bottom: 1em;
}  
#forum table tr.odd,
#forum table tr.even
{
  background: none;  
  border: none;
}


.book-navigation .page-up {
  width: 8%;
}

div.fieldgroup .content {
  padding-left:0;
}

img.imagecache-normal
{
/*  width: 450px;*/
}

.type_pets .fieldgroup
{
  clear: both;
}

.content .field.field-field-pets-image
{
  float: left;
  width: 500px;
}
.basicinfo h2
{
  display: none;
}

fieldset
{
  border: 1px solid #CCC;
}



/* forum container */
#forum table thead th{
  border: 0;
  margin-bottom: 5px;
  text-align: center;
}
#forum table tbody {
  border: 0;
}
#forum table .container {
  padding-top: 10px;
  padding: 5px 0 5px 20px;
  
  background: url(img/forum-container.png) no-repeat;
}
#forum .name {
  font-size: 1.15em;
  margin-left: 1em;
}
#forum .description {
  margin-left: 1.2em;
  margin-top: 0;
  font-size: 12px;
  color: #999;
}

#forum table .container .name a, .container .name a:link {
  color: #888;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
}