/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/* lmz: blessed */
body {
 margin:0;
 text-align:center;
 background-color:#fff;
 height:100%;
 font-size:14px;
}
body div.content {
 text-align:left;
}
a {
 text-decoration:none;
}
#container {
 top:0px;
 margin:0 auto;
 padding:0;
 width:980px;
 position:relative;
 min-height:100%;
 font-family:"Trebuchet MS", sans-serif;
}

/* HEADER */
#sabhead {
 background-image:url('green_header3.gif');
 height:113px;
 color:white;
 font-size:16px;
}
#sabhead_link {
 float:left;
 height:110px;
 width:300px;
 top:0px;
}
/* FOOTER */
div#footer {
 background-image:url('footer.gif');
 color:#777777;
 width:980px;
 min-height:141px;
 position:relative;
 bottom:0;
}
div#footer_address {
 display:inline;
 font-size:18px;
 float:left;
 margin-left:20px;
 margin-top:10px;
}
div#footer_copy1, 
div#footer_copy2 {
 display:inline;
 float:left;
 clear:left; 
 margin-left:20px;
}
div#footer_forinfo {
 text-align:left;
 display:inline;
 float:right;
 position:absolute;
 top:12px;
 left:730px;
}
span#footer_phone {
 font-size:18px;
}

/* The nice menu's h2 was causing stuff to get shifted */
#sabhead h2 {
 display:none;
}

#sabhead div.sabhead_search {
 width: 200px;
 position:absolute;
 top:5px;
 left:600px;
}
#sabhead div#sabhead_search,
#sabhead div#sabhead_subscribe {
 float:right;
}
#sabhead div#sabhead_search input.search,
#sabhead div#sabhead_subscribe input.subscribe {
 color:gray; 
 font-size:9px;
}
#sabhead div#subsearch_mid {
 background-color:white;
 width:2px;
 height:11px;
 float:right;
 margin-top:5px;
 margin-right:10px;
}
#sabhead div#sabhead_search input.sabsubmit {
 background-image:url('searchbutton.gif');
 background-repeat:no-repeat;
 cursor:pointer;
 border: none;
 width:56px;
 height:16px;
 margin-left:5px;
 margin-top:1px;
 margin-right:10px;
}
#sabhead div#sabhead_subscribe input.sabsubmit {
 background-image:url('subscribebutton.gif');
 background-repeat:no-repeat;
 cursor:pointer;
 border: none;
 width:70px;
 height:16px;
 margin-left:5px;
 margin-top:1px;
 margin-right:10px;
}

#sabhead #navlist,
#sabhead #nice-menu-1 {
 text-align:left;
 position:relative;
 top:10px;
}
#sabhead #navlist li {
 padding:5px;
 margin:18px;
}
#sabhead a {
 color:white;
}
#sabhead li.active,
#sabhead a.active,
#sabhead a:hover {
 background-color:#662288;
 border-radius:3px;
}
#sabhead ul.nice-menu li {
 font-size:16px;
}
#sabhead ul.nice-menu li li {
 font-size:13px;
 color:white;
 background-color:#77aa11;
}
#sabhead ul.nice-menu li li a {
 background-color:#77aa11;
}
#sabhead ul.nice-menu li li a:hover {
 background-color:#662288;
}
#sabhead ul.nice-menu a {
 padding: 3px 4px;
}

#sabhead ul.menu-level-1 {
 left:155px;
 top:0px;
}

/* LEFT SIDEBAR */
#sidebar-left {
 float:left;
 text-align:left;
}
#sidebar-right a#adopt,
div#sabnonhome a#adoptme,
div#sabnonhome a#sponsorme {
 background-image:url('orange_button.png');
 background-repeat:no-repeat;
 width:128px;
 height:34px;
 display:block;
 color:white;
 font-size:16px;
 text-transform:uppercase;
 vertical-align:middle;
 text-align:center;
}
div#sabnonhome a#sponsorme {
 background-image:url('sponsor_button_green.png');
}
#sidebar-right a#adopt span,
div#sabnonhome a#adoptme span,
div#sabnonhome a#sponsorme span {
 position:relative;
 top:7px;
}

#sidebar-right hr {
 color:#662288;
 background-color:#662288;
 width:208px;
 height:3px;
 border:none;
}
#sidebar-right div.view-GeneralAdoptionRabbits table {
 position:relative;
 left:-10px;
}

#sidebar-left, #sidebar-right {
 width:200px;
 /* padding in px not ex because IE messes up 100% width tables otherwise */
 padding:10px;
 vertical-align:top;
}
#sabnonhome #sidebar-left,
#sabnonhome #sidebar-right {
 position:relative;
 top:-65px;
}
#sidebar-left .links li {
 text-transform:uppercase;
 display:block;
 padding:10px 0;
}
#sidebar-left ul.sublinks {
 padding-left:15px;
}
#sidebar-left .links li a {
 color:#797979;
}

#sidebar-left .links li a.active {
 color:black;
}

#sidebar-left table tbody,
#sabhome table tbody {
 border:0;
}
#sidebar-left table td {
 padding:8px;
}
#sidebar-left table td.vline {
 padding:0;
 background-color:#dcdcdc;
 width:1px;
 border:0;
}

/* RIGHT SIDEBAR */
#sidebar-right {
 float:right;
 width:200px;
}

a#sabright_more,
a#sabright_new {
 font-size: 16px;
}

/* CONTENT - general */
h1 { 
 color:#541e8d;
 margin:2px 0;
}
#sabhome div.content {
 margin:25px auto;
}
#sabhome a,
#sabnonhome a {
 /* color:#774411; */
}
#sabhome br {
 height:5px;
}

.title, .title a {
 color:#541e8d;
}
h3 {
 margin-bottom:0;
}
div.pageimg {
 float:right;
 width:210px;
}
li {
 padding: 3px 0px;
}
.item-list .title {
 font-weight:normal;
}
div.content-photo {
 float:right;
}
label {
 font-weight:bold;
}

/* CONTENT - home page */
#sabhome #content {
 text-align:left;
 float:left;
 width:100%;
}

#sabhome span.submitted {
 display:none;
}
#sabhome td.third {
 width:310px;
 vertical-align:top;
}
#sabhome td#third1,
#sabhome td#third2 {
  padding-right:10px;
}
#sabhome td#third2,
#sabhome td#third3 {
  padding-left:10px;
}
#sabhome td.vline {
 width:1px;
 background-color:#ffaa22;
}
#sabhome h2 {
 font-size:14px;
 margin:0;
 color:#333333;
}
#sabhome p {
 color:#333333;
}
#sabhome div.event-date {
 float:left;
 display:inline;
 width:60px;
 height:100%;
}
#sabhome ul {
 padding:0
}
#sabhome div.pageimg {
 float:left;
 width:100px;
}

#sabhome_top {
 background-image:url('purple_back3.gif');
 height:312px;
 position:relative;
 top:-44px;
}
#sabhome_top img#sabhome_logo {
 margin-top:10px;
 position:absolute;
 width:320px;
 height:83px;
 left:360px;
}
#sabhome_top #sabhome_circles {
 background-image:url('home_circles.png');
 width:368px;
 height:208px;
 position:absolute;
 left:590px;
 top:90px;
}
#sabhome_top a#sabhome_hovervol {
 width:127px;
 height:55px;
 display:block;
 position:absolute;
 left:841px;
 top:76px;
}
#sabhome_top a#sabhome_hovervol:hover {
  background-image:url('home_hovervol.png');
}
#sabhome_top a#sabhome_hoverevent {
 width:93px;
 height:55px;
 display:block;
 position:absolute;
 left:855px;
 top:157px;
}
#sabhome_top a#sabhome_hoverevent:hover {
  background-image:url('home_hoverevent.png');
}
#sabhome_top a#sabhome_hovershop {
 width:75px;
 height:55px;
 display:block;
 position:absolute;
 left:820px;
 top:249px;
}
#sabhome_top a#sabhome_hovershop:hover {
  background-image:url('home_hovershop.png');
}
#sabhome_top a#sabhome_hoverdonate {
 width:98px;
 height:55px;
 display:block;
 position:absolute;
 left:604px;
 top:228px;
}
#sabhome_top a#sabhome_hoverdonate:hover {
  background-image:url('home_hoverdonate.png');
}
#sabhome_top a#sabhome_hoveradopt {
 width:88px;
 height:55px;
 display:block;
 position:absolute;
 left:578px;
 top:140px;
}
#sabhome_top a#sabhome_hoveradopt:hover {
  background-image:url('home_hoveradopt.png');
}

#sabhome_top a#sabhome_adoptme {
 background-image:url('orange_button.png');
 width:128px;
 height:34px;
 display:block;
 position:absolute;
 left:10px;
 bottom:15px;
 color:white;
 vertical-align:middle;
 z-index:1;
}
#sabhome_top a#sabhome_adoptme span {
 position:relative;
 top:7px;
 font-size:18px;
}
#sabhome_top span#sabhome_more_shadow {
 position:absolute;
 left:144px;
 bottom:31px;
 color:black;
 font-size:18px;
 text-align:left;
}
#sabhome_top a#sabhome_more {
 position:absolute;
 left:145px;
 bottom:32px;
 color:white;
 font-size:18px;
 text-align:left;
}
#sabhome_top span#sabhome_new_shadow {
 position:absolute;
 left:144px;
 bottom:17px;
 color:black;
 font-size:14px;
 text-align:left;
}
#sabhome_top a img#sabhome_more {
bottom:7px;
left:142px;
position:absolute;
z-index:1;
}

#sabhome_top a img#sabhome_new{
bottom:5px;
left:144px;
position:absolute;
}
#sabhome_top a#sabhome_new {
 position:absolute;
 left:145px;
 bottom:18px;
 color:white;
 font-size:14px;
 text-align:left;
}

#sabhome_top #sabhome_featuredlabel {
 position:absolute;
 right:300px;
 bottom:230px;
 height:45px;
 width:360px;
 /* border:1px solid blue; */
 line-height:45px;
 vertical-align: baseline;
}

#sabhome_top #sabhome_featured .views-field-field-thumbnail2-fid {
 float:left;
}
#sabhome_top div.views-field-field-photo-featured-fid {
 position:absolute;
 left:0px;
 bottom:-40px;
 height:360px;
 display:none;
}
img.imagefield-field_photo_featured {
 width:90%;
 height:90%;
}
#sabhome_top div.views-field-field-promo-text-value {
 color:#541e8d;
 text-shadow: #53649B 2px 2px 2px;
 font-size: 18px;
 position:absolute;
 left:-230px;
 bottom:230px;
 width:200px;
 display:none;
 z-index:1;
}
#sabhome_top div.views-field-field-promo-pos-value {
 display:none;
}
#sabhome_top div.views-field-field-promo-color-value {
 display:none;
}
#sabhome div.feathumb {
 margin:11px 11px;
 width:90px;
 height:90px;
}
#sabhome div.feathumb {
 z-index:10;
}

#sabhome div.feathumb_top {
 background-image:url('featuredthumb_top.png');
 width:90px;
 height:5px;
}
#sabhome div.feathumb_bottom {
 background-image:url('featuredthumb_bottom.png');
 width:90px;
 height:12px;
 position:relative;
 top:80px;
}

#sabhome div.feathumb_left, 
#sabhome div.feathumb_right {
 width:5px;
 height:80px;
 background-color:white;
 float:left;
}

#sabhome div.feathumb.oborder div.feathumb_left,
#sabhome div.feathumb.oborder div.feathumb_right {
 background-color:#ff8811;
}
#sabhome div.feathumb.oborder div.feathumb_top {
 background-image:url('featuredthumb_topo.png');
}
#sabhome div.feathumb.oborder div.feathumb_bottom {
 background-image:url('featuredthumb_bottomo.png');
}


#sabhome img.imagefield-field_thumbnail2 {
 width:80px;
 height:80px;
 float:left;
 display:inline;
 /* position:relative; */
}


#sabhome div.sab_eventlist, 
#sabhome div.sab_actlist,
#sabhome div.sab_likelist,
#sabhome div.sab_dislikelist,
#sabhome div.sab_tweetblog { 
 height: 100px;
 width:300px;
 overflow:auto;
 position:relative;
 margin:10px auto 15px auto;
 padding:10px;
}

#sabhome div.sabfeatscroll {
 margin:10px auto 15px auto;
 padding:10px;
 position:absolute;
 bottom:10px;
 right:30px;
}

#sabhome div.sabfeatscroll .flexcroll_dummy {
 overflow:auto;
 position:relative;
 height:210px;
 width:500px;
}

#sabhome div.sab_likelist div.content,
#sabhome div.sab_likelist div.block,
#sabhome div.sab_dislikelist div.content,
#sabhome div.sabfeatscroll div.content {
 margin:0px;
 padding:0px;
}
#sabhome div.sab_likelist,
#sabhome div.sab_dislikelist {
 height:60px;
 margin-bottom:3px;
 padding: 5px 10px;
}

#sabhome div.sab_eventlist div.block h2, 
#sabhome div.sab_actlist div.block h2 {
 display:none;
}
#sabhome div.sab_eventlist div.block div.content,
#sabhome div.sab_actlist div.block div.content {
 margin:0px auto;
}

/* CONTENT - nonhome */
#sabnonhome_top {
 background-image:url('purple_shortback3.gif');
 background-repeat:no-repeat;
 height:100px;
 position:relative;
 top:-44px;
}
#sabnonhome #content {
 text-align:left;
 float:left;
 width:500px;
 position:relative;
 top:-100px;
}
#sabnonhome #content_noright {
 text-align:left;
 float:left;
 width:700px;
 position:relative;
 top:-100px;
}

#sabnonhome h1 {
 font-size:24px;
}
#sabnonhome div.rabbittitle,
#sabnonhome div.rabbittitle h1 {
 display:inline;
}
#sabnonhome div.adoptme {
 display:inline;
 float:right;
 padding-left:20px;
}
#sabnonhome div.adoptme a#adoptme {
 padding-bottom:5px;
}

#sabnonhome h2 {
 font-size:18px;
}

#sabnonhome img.imagefield-field_thumbnail2 {
 margin:3px;
 border:3px solid #ddddee;
 width:62px;
 height:62px;
}

#sabnonhome div.oborder,
img.imagefield-field_thumbnail2:hover {
 /* border:5px solid #ff8811; */
}

img.imagefield-field_thumbnail {
 width:80px;
 height:80px;
position:relative;
left:-14px;
top:-10px;
}

/* get around old thumbnail */
div.imagefield-field_thumbnail {
 width:50px;
 height:50px;
 margin:10px;
 overflow:hidden;
 border:3px solid #ddddee;
 position:relative;
}
div.imagefield-field-thumbnail:hover {
 border:3px solid #ff8811;
}

/* midsize workaround */
div.imagefield-photomidsize {
 width:130px;
 height:130px;
 margin:10px;
 overflow:hidden;
 border:3px solid #ddddee;
 border-collapse:separate;
}

div.imagefield-photomidsize img.imagefield-field_photo {
 position:relative;
 left:-30px;
}
div.rabbit-title {
 height:33px;
}
div.rabbit-title-tall {
height:66px; 
}

span.rabbit-title {
 display:block;
 width:150px;
 text-align:center;
 vertical-align:top;
}
span.rabbit-new {
 display:block;
width:150px;
 font-size:10px;
 vertical-align:top;
}

/* etsy stuff */
div.etsy_listing {
 margin-top:40px;
}
div.etsy_listing h2 {
 color:#77aa11;
 font-size:14px; 
 margin:5px 0px;
}
div.etsy_listing div.etsy_box {
 background-image:url('greystripe.png');
 background-repeat:repeat-y;
 border-top: 2px solid #ddddee;
 border-bottom: 2px solid #ddddee;
}
div.etsy_listing div.etsy_img {
 width:170px;
 height:135px;
 margin:10px 10px 10px 0px;
}
div.etsy_listing div.etsy_desc {
 width:305px;
 margin:10px 0px 10px 10px;
 float:right;
}

div.etsy_listing p.links {
 float:right;
}

form input#edit-preview {
 visibility:hidden;
}

hr.centerhr {
 color:#662288;
 background-color:#662288;
 width:500px;
 height:3px;
 border:none;
}

div.postcard {
 margin:20px;
}

h3.postcard {
 text-align:center;
 margin: 5px 0px;
}

/* lmz:not blessed */
tr.odd td, tr.even td {
 padding:0.3em;
}
p {
 margin-top:8px;
 margin-bottom:8px;
 color:#333333;
}
fieldset {
 border:1px solid #ccc;
}
pre {
 background-color:#eee;
 padding:0.75em 1.5em;
 font-size:12px;
 border:1px solid #ddd;
}
.links {
 margin-bottom:0;
}
.comment .links {
 margin-bottom:0;
}

/*
** Page layout blocks / IDs
*/
#subnavlist {
 padding:0.5em 1.2em 0.4em 0; /* LTR */
 color:#9cf;
}
#subnavlist a {
 font-weight:bold;
 color:#9cf;
}
#search .form-text, #search .form-submit {
 border:1px solid #369;
 font-size:1.1em;
 height:1.5em;
 vertical-align:middle;
}
#search .form-text {
 width:8em;
 padding:0 0.5em;
}
#mission {
 background-color:#369;
 padding:1.5em 2em;
 color:#fff;
}
#mission a, #mission a:visited {
 color:#9cf;
 font-weight:bold;
}
.site-name {
 margin:0.6em 0 0 ;
 padding:0;
 font-size:2em;
}
#help {
 font-size:0.9em;
 margin-bottom:1em;
}
.breadcrumb {
 margin-bottom:.5em;
}
.messages {
 background-color:#eee;
 border:1px solid #ccc;
 padding:0.3em;
 margin-bottom:1em;
}
.error {
 border-color:red;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.submitted {
 color:#999;
 font-size:0.8em;
}
.links {
 color:#999;
}
.block, .box {
 padding:0 0 1.5em 0; /* LTR */
}
.block {
 padding-bottom:0.75em;
 margin-bottom:1.5em;
}
.block .title {
 margin-bottom:.25em;
}
.box .title {
 font-size:1.1em;
}
.sticky {
 padding:.5em;
 background-color:#eee;
 border:solid 1px #ddd;
}
.node .taxonomy {
 color:#999;
 font-size:0.8em;
 padding-left:1.5em; /* LTR */
}
.node .picture {
 border:1px solid #ddd;
 float:right; /* LTR */
 margin:0.5em;
}
.comment {
 border:1px solid #abc;
 padding:.5em;
 margin-bottom:1em;
}
.comment .title a {
 font-size:1.1em;
 font-weight:normal;
}
.comment .new {
 text-align:right; /* LTR */
 font-weight:bold;
 font-size:0.8em;
 float:right; /* LTR */
 color:red;
}
.comment .picture {
 border:1px solid #abc;
 float:right; /* LTR */
 margin:0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
 background-color:#eee;
 border:1px solid #ccc;
 padding:1em;
 margin:1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
 color:#999;
 font-style:italic;
 font-size:0.9em;
}
#aggregator .title {
 margin-bottom:0.5em;
 font-size:1em;
}
#aggregator h3 {
 margin-top:1em;
}
#forum table {
 width:100%;
}
#forum td {
 padding:0.5em;
}
#forum td.forum, #forum td.posts {
 background-color:#eee;
}
#forum td.topics, #forum td.last-reply {
 background-color:#ddd;
}
#forum td.container {
 background-color:#ccc;
}
#forum td.container a {
 color:#555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
 height:1.5em;
 border:1px solid #bbb;
}
#forum td .name {
 color:#96c;
}
#forum td .links {
 padding-top:0.7em;
 font-size:0.9em;
}
#profile .profile {
 clear:both;
 border:1px solid #abc;
 padding:.5em;
 margin:1em 0em;
}
#profile .profile .name {
 padding-bottom:0.5em;
}
.block-forum h3 {
 margin-bottom:.5em;
}
div.admin-panel .description {
 color:#999;
}
div.admin-panel .body {
 background:#f4f4f4;
}
div.admin-panel h3 {
 background-color:#69c;
 color:#fff;
 padding:5px 8px 5px;
 margin:0;
}