/* Copyright 2012-2016 CommonGoods Network, Inc.
 
   This file is part of Kindista.

 
   Kindista is free software: you can redistribute it and/or modify
   it under the terms of the GNU Affero General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.
 
   Kindista is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU Affero General Public License for more details.
 
   You should have received a copy of the GNU Affero General Public License
   along with Kindista.  If not, see <http://www.gnu.org/licenses/>.
*/

@charset "UTF-8";

/*
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/ubuntu.eot');
  src: local('Ubuntu'),
       url('fonts/ubuntu.eot?#iefix') format('embedded-opentype'),
       url('fonts/ubuntu.woff') format('woff'),
       url('fonts/ubuntu.ttf') format('truetype');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: normal;
  src: url('fonts/ubuntu-italic.eot');
  src: local('Ubuntu Italic'),
       url('fonts/ubuntu-italic.eot?#iefix') format('embedded-opentype'),
       url('fonts/ubuntu-italic.woff') format('woff'),
       url('fonts/ubuntu-italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/ubuntu-med.eot');
  src: local('Ubuntu Medium'),
       url('fonts/ubuntu-med.eot?#iefix') format('embedded-opentype'),
       url('fonts/ubuntu-med.woff') format('woff'),
       url('fonts/ubuntu-med.ttf') format('truetype');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/ubuntu-bold.eot');
  src: local('Ubuntu Bold'),
       url('fonts/ubuntu-bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/ubuntu-bold.woff') format('woff'),
       url('fonts/ubuntu-bold.ttf') format('truetype');
}
*/

* {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 font-family: "Varela Round", Ubuntu, Roboto, "Segoe UI", "Helvetica Neue", Tahoma, sans-serif;
}

body {
 font-size: 0.85em;
}

html {
 overflow-y: scroll;
}

body {
 padding:0;
 margin:0;
 background:#fff;
}

body.js .no-js {
 display:none;
}

input[type=submit] {
 cursor:pointer;
}

a:hover, a:focus, a:active {
 text-decoration:underline;
}

h1:first-child {
 margin-top: 0;
}

img {
 border:0;
}

img.map {
 max-width:100%;
}

li {
 list-style-type: none;
}

ol.numeric,
ol.numeric > li {
 list-style-type: decimal;
}

hr {
 display: none;
}

h2 {
 font-size: 1.3em;
 margin:0;
}

h3 {
 font-size: 1.1em;
 margin:0;
}

h4 {
 font-size: 0.9em;
 margin:0;
}

select {
 max-width: 20em;
}

fieldset {
 margin: 0;
 padding: 0;
 border: none;
}

legend {
 font-weight: bold;
}

div.title-bar {
 padding: 0.5em;
 font-size: 1.3em;
 background:#E2EBBE;
 color:#627A2F;
}

select#filter,
select.identity,
select.privacy-selection,
select.distance-selection,
select.sort,
select.message-filter {
  background: #fbfbfb;
  border:1px solid #999;
  padding: 0.3em 0.4em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px #ddd inset;
  -moz-box-shadow: 1px 1px 1px #ddd inset;
  box-shadow: 1px 1px 1px #ddd inset;
}

#inventory-filter {
 margin-bottom: 0.7em; }

#inventory-filter label {
 font-weight: bold;
 font-size: 0.9em;
 margin-right: 0.5em;
}

#inventory-filter select {
 padding: 0.2em;
}

form.group-activity-selection div {
 margin: 0.2em 0 0.5em;
 display: inline-block;
}

form.group-activity-selection strong {
 margin-right: 0.7em;
}

form.group-activity-selection input[type=checkbox] {
 margin-left: 0;
 vertical-align: middle;
}

form.group-activity-selection label {
 margin-right: 0.5em;
 white-space: nowrap;
}

select.profile-gratitude {
 margin-bottom: 0.3em;
}

.create-event select.event-host {
 background: #fff;
 padding-top: 0.55em;
 max-width: none;
}

.unicon {
 font-size: 1.6em;
 vertical-align: middle;
 font-weight:normal;
}

.fineprint {
 font-size: 0.8em;
}

menu.horiz h3 {
 display: inline;
}

menu.horiz strong {
 float: left;
}

menu.horiz {
 margin: 0;
 padding:0;
 line-height: 2em;
}

menu.horiz li {
 display: inline-block;
 font-weight: bold;
 margin-right:1em;
}

input[type=text], input[type=password] {
 font-size: 1em;
 border: 1px solid #444;
 margin: .3em 0;
 padding: 0 0.4em;
 height: 2.5em;
 border-radius: 0.25em;
 box-shadow: 1px 1px 0px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(209,209,209,0.3);
}

textarea {
 border:1px solid #999;
 border-radius:3px;
 padding:0.25em;
 font-size: 1em;
}

#biglogo {
 display:block;
 width:226px;
 height:43px;
 margin:31px auto 33px;
}

#about {
 text-align: center;
 width:90%;
 margin:2em auto;
 font-style:italic;
}

#about .big {
 font-size:1.45em;
}

#about h2 {
 font-family: georgia,serif;
 font-size: 2.25em;
 font-weight: normal;
}

#about p, #about p a {
 font-family: georgia,serif;
}
body.about h3 {
 margin-top: 1.6em;
}

.landing form {
 width:90%;
 margin:1.5em auto 2em;
 text-align:left;
}

.landing form label {
 font-weight: bold;
 font-size:0.85em;
 margin: 0.65em 0;
 display:block;
}

.landing form input {
 display:block;
 width:100%;
 border:1px solid #a1a1a1;
 border-radius:5px;
 background:#fff;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
 padding:8px;
 -webkit-appearance: none;
}

.landing form input:first-child {
 border-bottom:1px solid #a1a1a1;
}

.landing form input[type=submit] {
 display:block;
 -webkit-appearance: none;
 background:#849a7d;
 border-radius:5px;
 border:0;
 height: 34px;
 margin: 16px auto 20px;
 color:#fff;
 font-weight:600;
 box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

#signup h2 {
 margin-bottom:0.5em;
}

#login {
 width: 100%;
 max-width: 30em;
 margin: 0 auto;
 text-align: center;
}

#login h1 {
 font-size: 2em;
 margin-bottom:0.1em;
}

#login h3 {
 margin: 0 auto 0.7em;
 font-weight: normal;
 color: #333;
}

#login-form {
 text-align: left;
}

#login hr {
 position: relative;
 top: -1.3em;
 color: #ccc;
 background: #ccc;
 height: 0.15em;
 z-index: -1;
}

#login div#join {
 margin-top: 1.5em;
 font-size: 1.1em;
 font-weight: bold;
}


#login button,
#login a.blue {
 font-size: 1.3em;
 height: 2.1em;
 vertical-align: middle;
 line-height: inherit;
 padding: 0.4em;
}

#login a.blue {
 width: 100%;
 display: block;
}

#login span.forgot,
#login button {
 width: 50%;
 margin-right: 0;
}

#login span.forgot {
 text-align: center;
 display: inline-block;
}

#login span a {
 font-size: 1em;
 color: #333;
}

#signup,
#login {
 width: 100%;
 max-width: 35em;
 margin: 3em auto;
 text-align: center;
}

#signup-resend-confirmation {
 width: 100%;
 max-width: 30em;
 margin: 3em auto;
}

#login h1 {
 font-size: 2em;
 margin-bottom:0.1em;
}

#login h3 {
 margin: 0 auto 0.7em;
 font-weight: normal;
 color: #333;
}

#signup-form,
#login-form {
 text-align: left;
}

.or-divider {
 margin: 1em auto;
 text-align: center;
}

.or-divider > span {
 -webkit-border-top-right-radius: 1.2em;
 -webkit-border-bottom-right-radius: 1.2em;
 -moz-border-radius-topright: 1.2em;
 -moz-border-radius-bottomright: 1.2em;
 border-top-right-radius: 1.2em;
 border-bottom-right-radius: 1.2em;
 -webkit-border-top-left-radius: 1.2em;
 -webkit-border-bottom-left-radius: 1.2em;
 -moz-border-radius-topleft: 1.2em;
 -moz-border-radius-bottomleft: 1.2em;
 border-top-left-radius: 1.2em;
 border-bottom-left-radius: 1.2em;
 z-index: 10;
 font-size:0.9em;
 padding: 0.6em 0.6em;
 color: #fff;
 background: #888; }

.or-divider hr {
 position: relative;
 top: -1.15em;
 background: #888;
 height: 0.13em;
 z-index: -1;
}

#signup div#login,
#login div#join {
 margin-top: 1.5em;
 font-size: 1.1em;
 font-weight: bold;
}


#login button,
#login a.blue,
#signup button,
#signup a.blue {
 font-size: 1.3em;
 height: 2.1em;
 vertical-align: middle;
 line-height: inherit;
 padding: 0.4em;
}

#signup a.blue,
#login a.blue {
 width: 100%;
 display: block;
}

#signup a.blue {
 margin-bottom: 1.5em;
}

#signup button,
#signup p.fineprint,
#login span.forgot,
#login button {
 display: inline-block;
 width: 50%;
 margin-right: 0;
}

#signup p.fineprint {
 padding-left: 1em;
 margin: 0;
 vertical-align: middle;
}

#login span.forgot {
 text-align: center;
 display: inline-block;
}

#login span a {
 font-size: 1em;
 color: #333;
}

#signup #login span a {
 color: #5c8a2f;
}

#broadcast label {
 display: block;
}

input[type=radio] {
 margin-left: 0.5em;
}

input[type=radio].first-option {
 margin-left: 0em;
}

#signup .identity-selection {
 margin: 0.8em 0 1em;
}

#signup .identity-selection input {
 margin-left: 0;
}

#signup .identity-selection label {
 font-weight: normal;
}

#signup .fineprint {
 margin-bottom: 0em;
}

#decline p {
 margin: 1.5em 0 .8em 0em;
}

form.recipients,
.mail.card div.membership-request,
div.new-gratitude div#gratitude-by-email p.small,
.blog.item textarea,
.inventory-reply textarea {
 max-width: 50em;
}

.invite.item {
 margin-top: 1.5em;
}

#signup button, .login button {
 padding-left: 0;
 padding-right: 0;
}

#broadcast button, .login button.yes {
 min-width: 5em;
 margin-right: 1.2em;
 vertical-align: middle;
}

#request-invite {
 margin: 1em;
}

#request-invite div, #broadcast div, #request-invite ul {
 margin-bottom: 1em;
 max-width: 200em;
}

#request-invite input[type=text],
#broadcast input[type=text] {
 margin:0;
 width: 25em;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
 border-top-left-radius: 3px;
 border-bottom-left-radius: 3px;
 margin: 0.5em 0.5em 0.5em 0;
}

#request-invite textarea {
 width: 100%;
}

#broadcast textarea {
 min-height: 10em;
}

#request-invite label {
 display: block;
}

.blog.item blockquote,
.pending-account blockquote.review-text {
 margin-top: 1em;
}

.confirm-invite div {
 max-width: 100em;
}

.confirm-invite textarea {
 width: 100%;
}

.confirm-invite p {
 margin: 1em 0 1em 0;
}

.flash {
 font-weight: bold;
 clear:left;
 padding:1em;
 background: #daeec6;
 box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.err {
 background:#f7dada;
 padding: 1em;
}

.flash p {
 font-weight: normal;
}

.flash.auto-fb-password strong {
 margin: 1em 1em;
 font-size: 150%;
}

@media (min-width:40em) {
 #biglogo {
  margin:2em 0 2em 2em;
  float:left;
 }

 .signup form {
  background:#fafafa;
  padding:1em;
  width:20em;
  margin:2em auto;
  border-radius:3px;
 }
 #about {
  clear:left;
  text-align: left;
  margin:2em;
  max-width:40em;
 }

 #about .big {
  font-size:1.85em;
 }
}

body.landing > p {
 width:90%;
 margin:15px auto;
 text-align: center;
}

#fund {
 background:#efd434;
 background-position: top right;
 background-size: 48em 9em;
 background-repeat: no-repeat;
 padding: 1em;
 position:relative;
 height: 9em;
}

#fund a {
 font-size: 1.2em;
 font-weight: bold;
 color: #000;
}

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

#header {
 position: relative;
 z-index: 10;
 height: 2.9em;
 background: #f3f3f3; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #ecebf5 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #ffffff 0%,#ecebf5 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #ffffff 0%,#ecebf5 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #ffffff 0%,#ecebf5 100%); /* IE10+ */
 background: linear-gradient(top, #ffffff 0%,#ecebf5 100%); /* W3C */
 box-shadow: 0 0 1px rgba(0,0,0,0.8);
}

body.splash div.container {
 background:#858585;
 z-index: -1;
}

body.splash div.container > * {
 max-width: 60em;
 margin: auto;
 z-index; 1;
}

body.splash div.container > div:first-child {
 width: 100%;
 max-width: 100%;
 position:absolute;
 height: 6em;
 z-index: 0;
 background: rgba(255,255,255,0.9);
}

#splash-top {
 background: url('team-hands.jpg') no-repeat;
 background-position: center top;
 position: relative;
}

body.splash h1 {
 font-size: 2.3em;
}

body.splash .details img.icon {
 height: 5em;
 width: 5em;
}

body.splash .float-right img.icon {
 margin-left: 1em;
}

body.splash .float-left img.icon {
 margin-right: 1em;
}

.semi-transparent-lt {
 color: rgba(255,255,255,0.6);
}

.semi-transparent-lighter {
 color: rgba(255,255,255,0.8);
}

.semi-transparent-drker
body.splash h1 {
 color: rgba(0,0,0,0.7);
}

.semi-transparent-drk {
 color: rgba(0,0,0,0.6);
}

.splash h2 {
 margin-bottom: 0.5em;
 font-size: 1.5em;
}

body.splash #header-container {
 margin: 0 0;
 width: 100%;
 height: 5em;
 max-width: none;
 padding: 1em;
 font-size: 1.2em;
 background: rgba(255,255,255,0.9);
}

body.splash #header {
 box-shadow: none;
 background: none;
}

body.splash #symbol {
 padding: 0.2em;
 margin: 0 0 0 0;
 width: 13em;
}

#splashlogin > a.yes {
 font-size: 0.85em;
 display: block;
 line-height: inherit;
 margin: 0.5em 0;
}

#splashlogin {
 float: right;
}

.splash #signup {
  font-size: 1.3em;
  margin: 0 auto;
  min-height: 20em;
  max-width: 22em;
  padding: 3em 0 1em;
}

body.splash h1,
.splash #signup h2,
.splash #demo a {
 color: #fff;
 text-shadow: 0 0 6px rgba(0,0,0,0.3);
}

.splash #demo a {
 font-size: 0.85em;
}

#big-ass-signup-button {
 display: block;
 margin: 0.75em auto;
 line-height: inherit;
 display: inline-block;
 font-size: 1.4em;
}

#splashlogin form {
 display:none;
}

.splash .full-width {
 width: 100%;
 padding: 2em 1em;
 margin: 0 0;
}

.white {
 color:#fff;
}

.white-bg {
 background:#fff;
}

.green-bg {
 background:#97c642;
}

.lt-green-bg {
 background:#ddeb80;
}

.blue-bg {
 background:#347977;
}
.lt-blue-bg {
 background:#589391;
}

.fuchsia-bg {
 background: #a44676;
}

.lt-fuchsia-bg {
 background:#c777a0;
}

.pale-fuchsia-bg {
 background:#e1abc6;
}

.lt-brown-bg {
 background:#f2d191;
}
.brown-bg {
 background:#c8ab56;
}
.dk-brown-bg {
 background:#9f822b;
}
.dk-grey-bg {
 background:#484848;
}

.rust-bg {
 background:#eb9b7d;
}

.purple-bg {
 background:#652b75;
}

body.splash #header,
.splash .full-width > div {
 max-width: 42em;
 max-width: 42rem;
 margin: 0 auto;
 font-size: 1.05rem;
}

.splash .details ol {
 padding-left: 1.2em;
 margin-top: 0;
}

.splash ol li {
 margin-bottom: 0.3em;
}

.splash .footer {
 margin: 1em auto;
 color: #fff;
 overflow: hidden;
}
.splash .footer > * {
 font-size: 85%;
}

.splash .footer > div.center h2 {
 color: #fff;
 font-size: 1.5em;
 padding-top: 0.5em;
 clear: both;
}

.splash .footer .about {
 float: right;
 max-width: 50%;
}
.splash .footer a {
 font-weight: bold;
 color: #fff;
 padding-right: 1.3em;
 font-size: 1.1em;
}
.splash .footer div.small a {
 font-size: 0.85em;
 padding-right: 0.7em;
}

.splash .footer > div:first-child {
 margin-bottom: 0.5em;
}

@media (min-width:48em){
#splash-top {
 background-size:100%;
}
#splashlogin > a.yes {
 font-size: inherit;
 margin: 0.6em 0;
 line-height: inherit;
}
 body.splash h2,
 body.splash h1 {
  margin: 0.5em auto 0.1em;
}
}

@media (max-width:32em) {
 body.splash {
 font-size: 1em;
 font-size: 1rem;
 }
 #splash-top {
  background-size: auto 120%;
 }
 body.splash #header-container {
  height: auto;
  font-size: 1em;
 }
/* body.splash #header {
  height: auto;
  padding-bottom: 2em;
 }
 body.splash #symbol {
   width: 18em;
   max-width:100%;
   padding: 1em 0;
   margin: 0 auto;
   display: block;
 }
 #header #splashlogin,*/
 body.splash a#logo {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
 }
 body.splash a#logo,
 #header #splashlogin {
/*float: none;
  position: relative;
  width: 100%;
  max-width: 30em;*/
 }
 #splashlogin form {
  display:block;
 }
 #splashlogin > a.yes {
 }
 #splashlogin p {
  text-align: right;
  margin-top: -0.3em;
 }
 #splashlogin input {
  height: 2.5em;
 }
 #splashlogin label {
  display: block;
  font-weight: bold;
  margin: 0.2em 0.5em 0 0;
 }
 #splashlogin #password {
  margin-bottom: 1em;
 }
 #splashlogin input {
  -moz-box-shadow: 1px 2px 5px #ddd inset;
  -webkit-box-shadow: 1px 2px 5px #ddd inset;
  box-shadow: 1px 2px 5px #ddd inset;
  width:100%;
 }
 #splashlogin input[value=] {
  background: red;
 }
 #splashlogin input:focus {
  border: 1px solid #5be;
  box-shadow: 0 0 0.5em rgba(80,160,230,0.6) inset 0 1px 3px rgba(0,0,0,0.1);
 }
 #splashlogin #email-signin a,
 #splashlogin #email-signin div#signin-button {
  display: table-cell;
  font-size: inherit;
  margin: 0 0;
 }
 #splashlogin #email-signin div#signin-button {
  text-align: right;
 }
 #splashlogin #email-signin button {
  display: inline;
  width: 9em;
 }
 #splashlogin #email-signin > div {
  display: table;
  width: 100%;
 }
 #splashlogin #email-signin {
  overflow: hidden;
 }
 #splashlogin .social-signin a.blue {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0;
 }
 #splashlogin #email-signin button,
 #splashlogin .social-signin a.blue {
  line-height: inherit;
  height: 2.3em;
  font-size: 1.1em;
 }
 #big-ass-signup-button {
  font-size: 1.1em;
 }
 .splash .footer .about,
 .splash .footer > * {
  text-align: center;
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto 1.2rem;
 }
 .splash .footer > div:first-child {
  margin-bottom: 0.8rem;
 }
 .splash .footer a {
  padding: 0 1.2rem;
 }
 .splash .footer div.small a {
  padding: 0 0.6rem;
 }
 #signup , #login {
  padding: 0 1em;
 }
 #signup > a.blue, #login > a.blue {
  white-space: normal;
  min-height: 2.1em;
  height: initial;
 }
}

.settings-item .submit-image label {
 margin: 0.5em;
 line-height: 4em;
}

.settings-item .submit-image label,
button.gray,
button.red,
button.yes,
button.cancel,
a.yes,
button.purple,
a.purple,
button.blue,
a.blue {
 color: #fff;
 font-weight: bold;
 vertical-align: middle;
 height: inherit;
 padding: 0.5em 0.7em;
 margin: 0.35em 0;
 border-radius: 0.5em;
 white-space: nowrap;
 border:none;
 text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
 box-shadow: 0 0 1px rgba(0,0,0,0.3),
       inset 0 0 2px 1px rgba(0,0,0,0.3);
}

div.horiz a.button.blue {
 margin-right: 0.7em;
 font-size: 0.95em;
 display: inline-block;
}
div.horiz a.button.blue:last-child {
 margin-right: 0;
}

div.horiz a.button.blue img {
 vertical-align: middle;
 margin-right: 0.4em;
}

@media (max-width:31em) {
 .home div.horiz a.button.blue {
   display: block;
   width: 100%;
   font-size: 1.1em;
   text-align: center;
   margin-bottom: 1em;
 }
 .home div.horiz a.button.blue span {
   display: inline-block;
 }
}

.settings-item .submit-image label,
button.yes, a.yes {
 font-weight: bold;
 color: #fff;
 background: #96c42b;
 background: -moz-linear-gradient(
  top,
  #96c42b 0%,
  #6f9321);
 background: -ms-linear-gradient(
  top,
  #96c42b 0%,
  #6f9321);
 background: -o-linear-gradient(
  top,
  #96c42b 0%,
  #6f9321);
 background: -webkit-linear-gradient(
  top,
  #96c42b 0%,
  #6f9321);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#96c42b),
  to(#6f9321));
  padding: 0.5em 0.7em;
}

button.red  {
 background: #f76959;
 background: -moz-linear-gradient(
  top,
  #f76959 0%,
  #c92020);
 background: -ms-linear-gradient(
  top,
  #f76959 0%,
  #c92020);
 background: -o-linear-gradient(
  top,
  #f76959 0%,
  #c92020);
 background: -webkit-linear-gradient(
  top,
  #f76959 0%,
  #c92020);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#f76959),
  to(#92020));
}

button.red.simple-link {
 background: none;
 color: #900;
 text-shadow: none;
}

button.green.simple-link {
 background: none;
 color:#5c8a2f;
}


menu.horiz a {
 color: #3c6dc8;
}

#search input.blue,
button.blue,
a.blue {
 font-weight: bold;
 color: #fff;
 background: #3c6dc8;
 background: -moz-linear-gradient(
  top,
  #3c6dc8 0%,
  #29519c);
 background: -ms-linear-gradient(
  top,
  #3c6dc8 0%,
  #29519c);
 background: -o-linear-gradient(
  top,
  #3c6dc8 0%,
  #29519c);
 background: -webkit-linear-gradient(
  top,
  #3c6dc8 0%,
  #29519c);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#3c6dc8),
  to(#29519c));
}

a.purple,
button.purple {
 background: #570e6a;
 background: -moz-linear-gradient(
  top,
  #ac3cc8 0%,
  #570e6a);
 background: -ms-linear-gradient(
  top,
  #ac3cc8 0%,
  #570e6a);
 background: -o-linear-gradient(
  top,
  #ac3cc8 0%,
  #570e6a);
 background: -webkit-linear-gradient(
  top,
  #ac3cc8 0%,
  #570e6a);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#ac3cc8),
  to(#570e6a));
}

a.yes, a.blue {
 margin: 0.35em 0.5em 0.35em 0;
 height: auto;
}

button, .settings-item .content a {
 cursor:pointer;
 border-radius:3px;
}

button.gray {
 background: -moz-linear-gradient(
  top,
  #999 0%,
  #666);
 background: -ms-linear-gradient(
  top,
  #999 0%,
  #666);
 background: -o-linear-gradient(
  top,
  #999 0%,
  #666);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#999),
  to(#666));
}

.gray-text {
 color: #999;
}

.dark-gray-text {
 color: #555;
}

a.red {
 color: #900;
}

.red {
 color: #900;
}

.green {
 color:#5c8a2f;
}

button.yes:first-child {
 margin-left:0.4em;
}

a + button.yes {
 vertical-align: middle;
 margin-left:1em;
}


button.yes:last-child {
 margin-right:0;
}

button.no {
 border:0;
 padding:0.5em;
 background: #a66;
 color: #fff;
 font-weight:bold;
 margin-right:1em;
}

button.link {
 border:0;
 padding:0.5em;
 background-color: transparent;
 font-weight:bold;
 margin-right:1em;
}

button.inline-link {
 border:0;
 padding:0;
 background-color: transparent;
 font-weight:bold;
 margin:0;
}

button.simple-link {
 border:0;
 background-color: transparent;
 font-size: inherit;
 box-shadow:none;
}

button.no-padding {
 padding: 0 0 0 0;
}

button.link:hover {
 text-decoration: underline;
}

button:disabled,
button.cancel, input.cancel, a.button.cancel {
 font-weight: bold;
 color: #fff;
 background: -moz-linear-gradient(
  top,
  #999 0%,
  #666);
 background: -ms-linear-gradient(
  top,
  #999 0%,
  #666);
 background: -o-linear-gradient(
  top,
  #999 0%,
  #666);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#999),
  to(#666));
 text-shadow:
  1px 1px 2px rgba(0,0,0,0.4);
}

a.cancel, button.cancel {
 margin-right:1em;
}

a.cancel {
 padding: 0.55em;
}

.settings-item .submit-image label,
button.small, a.small {
 font-size: 0.8em;
 line-height: normal;
 height: auto;
}

button span {
 vertical-align: middle;
}


button.input-height {
 font-size: 1em;
 height: 2.05em;
 padding: 0 0.4em;
 margin-top: 0.1em;
 margin-bottom: 0.3em;
}

img.small {
 height: 1.2em;
 width: auto;
}

.card.joined,
.card.offer,
.card.request,
.card.gratitude {
 margin: 0 0 1em;
 border-radius: 0.6em;
}

/* based on chakras, hue/value 66 */
.card.offer {
 border-top: 0.3em solid #85a83a;
}

.card.request {
 border-top: 0.3em solid #a87a3a;
}

.card.gratitude {
 border-top: 0.3em solid #3a9aa8;
}

.card.joined {
 border-top: 0.3em solid #a83a78;
}

#screenshots {
 color: #fff;
 text-align: center;
 background: #444;
 padding: 2em;
}

#screenshots img {
 max-width: 100%;
}

#screenshots h2 {
 font-size: 3em;
}

#header h1 {
 color:#5c8a2f;
 margin:0.15em 0.6em;
 font-weight:bold;
}

#logo {
 z-index: 10;
 position: relative;
}

@media (min-width:47em) {
 #logo {
  width:8em;
  display: block;
 }
}


#symbol {
 z-index: 10;
 position: relative;
 width: 10em;
 margin: 0.5em 1em 0;
}

#header > div {
 /*float:right;*/
 position:absolute;
 top:0;
 right:0;
}

#header div img {
 width: 2.3em;
 margin: 0.3em 0.65em;
}


#body {
 padding: 1em;
}

#body > h2 {
 margin-bottom: 1.1em;
}

@media (min-width:47em) {
 #header div {
  display:none;
 }
 .splash #header div#splashlogin {
  display:inherit;
 }
 #search strong {
  margin-right: 0.6em;
 }
}

#search {
/* white-space: nowrap;*/
 display:block;
 padding:1em 0.5em;
 background:#efefef;
}

#search select {
 margin:0;
 font-size: 1em;
 color:#666;
 border:0;
 background: #f6f6f6;
 border:1px solid #999;
 border-right: 1px solid #ccc;
 padding: 0.4em;
}

#search input[type=text] {
 border-left: none;
 border-right: none;
 margin: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
 height: 2.2em;
}

#search input {
 border: 1px solid #999;
 font-size: 1em;
 background: #fff;
 height: 2.4em;
}

#search input[type=submit] {
 border: none;
 -webkit-border-top-right-radius: 3px;
 -webkit-border-bottom-right-radius: 3px;
 -moz-border-radius-topright: 3px;
 -moz-border-radius-bottomright: 3px;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
 -webkit-border-top-left-radius: 3px;
 -webkit-border-bottom-left-radius: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-bottomleft: 3px;
 border-top-left-radius: 3px;
 border-bottom-left-radius: 3px;
 font-weight:bold;
 /*color:#666;
 background:#375497;*/
 margin-left: 0;
 border: 1px solid #999;
}

@media (min-width:47em) {
 #search {
  position:absolute;
  top:0.25em;
  left:10.2em;
  width:40em;
  padding:0;
  z-index:10;
  text-align: right;
  background:none;
  height: 2.5em;
 }
 #search strong {
  display: none;
 }
 #search select {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  vertical-align: middle;
  height: 2.4em;
 }
 #search input[type=text] {
  width:22em;
  vertical-align: middle;
 }
 #search input[type=submit] {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 2.4em;
  vertical-align: middle;
 }
}

#menu {
 padding-top: 1em;
 background:#ecebf5;
 font-size: 1.3em;
}

#beta {
 padding: 1em 1em 0;
 color: #900;
}

#copyright {
 font-size: 0.85em;
 padding: 0 1em;
 color:#999;
}

#menu > a.dark {
 display:block;
 text-align:center;
 font-size: 0.9em;
 font-weight: bold;
 padding: 0.5em 0;
 background:#ccc;
}

.menu-showing {
 display: none;
}

#profile-top {
 overflow: hidden;
 margin-top: 0.8em;
 padding-left: 0.8em;
}

#right {
 margin: 1em;
}

.icon {
 width: 1.875em;
 height: 1.875em;
}


@media (min-width:47em) {
 #menu {
  display:block;
  position:absolute;
  left:0;
  top:2.3em;
  margin-left:0;
  width:16em;
  z-index:6;
  font-size: 1em;
 }

 .mobile.login.item {
  display: none;
}

 .icon {
  width: 1.47em;
  height: 1.47em;
 }

 #fund {
  margin-left: 16em;
 }

 #right {
  margin: 1em 1em 0 17em;
 }

 #full {
  margin-left: 16em;
 }

 .menu-button {
  display: none;
 }
 .menu-showing {
  display: inline;
 }

 #top {
  display:block;
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  padding-top: 1em;
  margin-left:0;
  width:16em;
  background:#ecebf5;
  z-index:1;
  box-shadow: 0 0 1px rgba(0,0,0,0.3);
 }

 #menu > a.dark {
  display:none;
 }

 .flash {
  margin-left:16em;
 }

 .item .flash {
  margin-left: 0;
 }

 .hide-menu .flash,
 .signup.flash {
  margin-left: 0;
 }

 .hide-menu .flash span,
 .signup.flash span {
  display: block;
  max-width: 60em;
  margin: 0 auto;
 }

 #full .profile {
  margin-top: 1.5em;
 }

 #body {
  margin-left:16em;
  /*box-shadow: -1px -1px 1px rgba(0,0,0,0.1);*/
  position:relative;
 }
}

#menu > table {
 margin:0.7em 0.7em 0;
}

#menu table img {
 max-width: 4em;
 max-height: 4em;
 display: block;
}

#menu > table tr:first-child td:first-child {
 width:62px
}

#menu table tr:first-child a {
 font-weight:bold;
}

#menu table tr:last-child a {
 padding: 2px 0;
}


#menu menu {
 margin:0;
 padding:0.8em 0 0 0;
 list-style-type:none;
}

#menu li {
 padding:0.5em 1em;
 font-size: 1.15em;
 font-weight: bold;
}

#menu .selected {
 background:#e1edc5;
 /*background: #eee;*/
}

#menu li img,
div.gratitude-on-item img,
a > img {
 margin:0 0.625em 0 0;
 vertical-align:middle;
}

.card div.gratitude-on-item h3 {
 font-size: 1.1em;
 margin: 0.5em 0 0.2em;
 }

menu .newcount {
 display:inline-block;
 padding: .17em .35em;
 margin-left: 1em;
 border-radius: 1.67em;
 background-color: #a6ddf3;
 color: #fff;
}

#fine-print-links {
 color: #999;
 width: 100%;
 font-size: 0.95em;
 margin: 1em auto;
 text-align: center;
}

menu#fine-print-links {
 text-align: left;
 margin-left: 1em;
}

menu#fine-print-links li {
 padding: 0;
}

menu#fine-print-links a {
 padding: none;
}



#fine-print-links a {
 color: #999;
 display: inline-block;
 padding: .3em;
}

.activity {
 clear:left;
}

.item {
 clear:left;
 margin:1em 0;
 padding-bottom: 1em;
 border-bottom: 1px solid #eee;
}

.item p:last-child {
 margin-bottom:0;
}

.item:first-child {
 margin: 0 0 1em;
}

.item:last-child {
 padding-bottom: 0;
 border-bottom: 0;
}

.item.confirm-unique-group p {
 max-width: 60em;
}

#login label,
#signup label,
.blog.item label,
.item.create-event label,
.item.create-group label,
.item.inventory-details label,
.invite-members label,
.item.confirm-delete label {
 display: block;
 font-weight: bold;
 margin-top: 0.5em;
}

#tag-fb-friends fieldset,
.item.inventory-details label,
.item.inventory-details fieldset {
 margin-top: 1em;
}

.item.create-event fieldset,
.item.create-event label {
 margin-top: 0.8em;
}

.item.create-event fieldset#repeat-every label,
.item.create-event fieldset#date-and-time label {
 display: none;
}

.item.create-event fieldset label {
 display: inline-block;
 font-weight: normal;
 margin: 0.3em 0.3em 0 0;
}

.item.create-group label {
 font-size: 1.1em;
}

.create-event input[type=text],
.create-event textarea,
.invite-members input[type=text],
.invite-members textarea,
.create-event select,
.create-group select,
.item div.privacy-selection select,
.inventory-details select,
.inventory-details input[type=text],
.inventory-details textarea,
.create-group input[type=text],
.confirm-delete textarea {
 display: block;
 font-size: 1em;
 border: 1px solid #444;
 margin: .3em 0;
 font-weight: bold;
 background-color: #fff;
 padding: 0.4em 0.4em;
 border-radius: 0.25em;
 box-shadow: 1px 1px 0px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(209,209,209,0.3);

}

select.focus {
 border: 0.2em solid;
}

#signup input[type=text],
#login input,
.inventory-details select.identity,
.inventory-details input[type=text],
.matchmaker input[type=text],
.create-event input[type=text],
.create-event select,
.invite-members input[type=text],
.item div.privacy-selection,
.create-group select,
.create-group input[type=text] {
 width: 30em;
 white-space: nowrap;
 height: 2.5em;
 max-width: 100%;
}

.item div#privacy-selection {
 height: auto;
}

table.inventory-title {
 width: 100%;
 border-collapse: collapse;
}

.inventory-title td.inventory-details input[type=text] {
 width: 100%;
}

.inventory-title td#inventory-title-button {
 width: 3em;
}

.simple-inventory-entry.item > p {
 margin-top: 0;
 font-size: 0.85em;
}

.simple-inventory-entry.item label.title {
 font-weight: bold;
}

.inventory-details label {
 width: 16em;
 white-space: nowrap;
 clear: both;
}

.inventory-details div.help-text {
 float: right;
 font-size: 0.85em;
 position: relative;
 top: 1.2em;
}

div.card div.inventory-title {
 margin-bottom: 0.3em;
}

div.card h3.inventory-title {
 font-size: 1.1em;
 margin: 0 0 0.3em;
 display: inline;
}

div.card img.icon {
 margin-right: 0.3em;
}

.invite-members textarea {
 width: 30em;
 white-space: nowrap;
 max-width: none;
}

.create-event p, .create-group p {
 margin-top: 0.3em;
}

div.create-group button {
 margin-top: 1em;
}

div.create-group div.group-category-selection {
 margin-bottom: 1em;
}

div.privacy-selection-warning {
 margin-top: 0.4em;
 font-weight: bold;
}

div.privacy-selection-warning p {
 margin: 0.4em 0;
}

form.matchmaker,
div.privacy-selection-details,
div.recurring-event-details,
tr.select-linked-inventory div.option-text,
div.cancel-transaction div.details,
blockquote {
 margin: 0;
 background: #f8f8f8;
 padding: .5em;
 max-width: 50em;
 border-radius: .25em;
 border-style: solid;
 border-width: 1px;
 border-color: #bbb;
}

div.cancel-transaction div.details {
 margin-top: 1em;
 font-weight: bold;
}

div.error-border,
textarea.error-border {
 border-radius: .25em;
 border-style: solid;
 border-width: 2px;
 border-color: #900;
}

div.gratitude-selectors h3 {
 margin-top: 0;
 margin-left: 0.3em;

}

div.gratitude-selectors {
 margin: 1em 0;
}

tr.select-linked-inventory div.option-text {
 margin-bottom: 0.5em;
}

tr.select-linked-inventory button {
 margin-top: -0.2em;
 margin-bottom: 0.5em;
}

form.matchmaker {
 margin-top: 0.5em;
 max-width: 40em;
}

form.matchmaker label.distance-selection {
 padding-top: 0.6em;
}

div.recurring-event-details {
 padding-top: 0;
 width: 30em;
 display:inline-block;
 margin-top: 0.3em;
}

.recurring-event-details input[type=text],
.recurring-event-details select,
select.privacy-selection {
 max-width: none;
 width: 100%;
}

@media (max-width:28em) {
 form.matchmacker,
 .matchmaker input[type=text],
 div.recurring-event-details,
 div.privacy-selection,
 .invite-members input[type=text],
 .invite-members textarea,
 .create-event input[type=text],
 .create-group select,
 .create-group input[type=text] {
  width: 100%;
 }
}

.event {
 margin: 0;
}

.event.right.item {
 font-size: 0.9em;
}

.event.activity h2 {
 margin-bottom: 0.6em;
}

h3.event-date, h3.my-invites {
 line-height: 2em;
 background: #f3f3f3;
 border-bottom-style: solid;
 border-width: 2px;
 border-color: #ddd;
 margin-top: 0;
 margin-left: -0.5em;
 padding-left: 0.5em;
 position: relative;
 top: -1px;
}

.event .event.card h3 {
 margin-top: 0.9em;
 font-size: 1.1em;
}

.event.item.right a.add {
 display: block;
 margin: 0.4em 0 0.6em 0;
 font-weight: bold;
}

.item .event.card h3 {
 margin-top: 0.2em;
}

.item .event.card p {
 margin-top: 0.5em;
}

.event.card strong {
 padding-right: .3em;
}

.event.card table {
 border-collapse: collapse;
}

.event.card td {
 vertical-align: top;
}

form.message-filter {
 margin-top: 1em;
}

form.message-filter label {
 font-weight: bold;
 margin-right: 0.8em;
}

.mail.card {
 margin: 0 -0.5em;
 padding: 0 0.5em;
 cursor: pointer;
}

table.messages {
 width: 100%;
 border-collapse: collapse;
}

.mail.card p:last-child {
 margin-bottom: 0.3em;
}

.mail.card:last-child {
 border-bottom: 1px solid #eee;
}

.mail.card.menu {
 margin: 0.5em -0.5em 0.5em;
}

.mail.card.menu button.cancel {
 margin-right: 0.7em;
}

.mail.card h3.timestamp {
 margin-top: 0.2em;
 margin-bottom: 0.2em;
}

.mail.card td.message-selector {
 padding-right: 1em;
}

.mail.card .group-indicator {
 margin-right: 0.55em;
 border-radius:3px;
 padding: 0 0.3em;
 display: inline-block;
 background: #ae9fcd;
 font-weight: normal;
 color: #eee;
}

.mail.card .group-indicator {
 color: #fcfbf5;
 text-decoration: none;
 margin-left: 0.4em;
}

.mail.card input[type=checkbox] {
 vertical-align: middle;
}

.mail.card td.message-content {
 width: 100%;
 padding: 0.3em 0;
}

.mail.card td.message-content a.gratitude {
 padding: 0.3em 0.4em;
 font-size: 0.9em;
}

.mail.card td.message-content a.gratitude img {
 margin-right: 0.4em;
 vertical-align: middle;
}

.mail.card p {
 margin: 0.3em 0;
}

.mail.card p.message-details {
 height: 1.7em;
 width: 100%;
 line-height: 1.5em;
 margin-top: 0;
 overflow: hidden;
}

.read.mail.card {
 background: #f7f5ef;
}

.mail.card p.message-title {
 color:#5c8a2f;
}

.mail.card a.message-link:hover {
 text-decoration: none;
}

.mail.card a.message-link p.message-title:hover {
 text-decoration: underline;
}

.mail.card p.message-people,
.mail.card p.message-details {
 color: #555;
}

.mail.card p.message-details {
 font-weight: normal;
}

.card {
 display: block;
 background: none;
 border: 0;
 width: 100%;
 text-align: left;
 position: relative;
 /*background: #FDF8E9;
 border-right: 1px solid #ECE3CB;*/
 border-bottom: 1px solid #eee;
 clear: both;
 padding: 0 0.2em 0.6em;
 margin: 0.5em 0;
 overflow: hidden;
 height:100%; /* DJB changed this 2/3/14 - make sure it doesn't mess with anything else */
}

.activity.card {
 padding: 0 0 0 0;
}

div.activity.item {
 margin-bottom: 0;
 padding: 0 0.4em;
}

.inventory-item-page .card,
.card:last-child {
 border-bottom: none;
}

.featured.events.item,
div.suggested-items.card {
 background: #fbf4d7;
 border-radius: 0.5em;
 padding: 0 0 0 0;
 margin-bottom: 1em;
}

.featured.event.card,
.featured.header h3 {
 padding: 0 0.3em;
}

div.right .featured.header h3 {
 line-height: 1.5em;
}

div.suggested-items > div:last-child {
 border-top: 1px solid #fafafa;
}

div.inventory-match,
div.suggested-items p {
 font-size: 0.9em;
}

div.suggested-items .tags {
 font-size: inherit;
}

div.match-details p.match-reason {
 margin: 0;
}

div.suggested-items div.match-details,
div.suggested-items div.featured.header {
 padding: 0 0.7em;
}

div.match-details p.other-party-details {
 margin: 0.2em 0 0.3em;
}

div.suggested-items .actions {
 position: relative;
 margin: 0 0 0.4em;
}

div.featured.header {
 background: #D6C994;
}

div.featured.events div.header {
 border-top-left-radius:0.5em;
 border-top-right-radius:0.5em;
}

div.featured.header h2 {
 font-size: 1.2em;
 display: inline;
}

div.featured.header h3,
div.featured.header h2 {
 color: #fff;
}

div.inventory-match {
 position: relative;
}

div.featured.header button.simple-link {
 text-shadow: none;
 padding: 0;
 margin: 0.3em 0 0 0.4em;
 font-size: 0.83em;
 font-weight: bold;
}

div.inventory-match {
 margin-bottom: 0.4em;
}

div.suggested-items p.inventory-match-text,
div.item-matches p.inventory-match-text {
 clear: both;
 font-size: 0.95em;
 margin: 0.4em 0;
}

div.suggested-items p.inventory-match-title,
div.item-matches p.inventory-match-title {
 clear: both;
 font-size: 1em;
 font-weight: bold;
 margin: 0.4em 0;
}

div.item-matches.card em {
 display: inline-block;
 margin-top: 0.5em;
 max-width: 60em;
}

div.related.activity.items {
 border-radius: 0.2em;
 background-color:#F5F5F5;
 font-weight:normal;
 overflow:hidden;
 padding: 0.4em;
 font-size: 0.9em;
}

div.reciprocity.matches {
 clear: both;
 margin: 0.2em 0;
}

div.gratitude-on-item img,
.reciprocity.matches img {
 height: 1.4em;
 width: auto;
}

.card-details {
 overflow: hidden;
}

.person.card .card-details p {
 margin: 0.5em 0;
}

.person.card .card-button {
 float: right;
 height: 100%;
 position: relative;
 z-index: 10;
}

.card > .image {
 float: left;
 width: 7em;
 max-height: 7em;
 margin: 1em 1.75em 0.5em 1em;
 clear: left;
}

.card .image img {
 margin: 0 auto;
 display: block;
 max-width: 7em;
 max-height: 7em;
}

button.card > div.details {
 float: left;
 width: 12em;
 margin-right: .5em;
}

button.card > img {
 max-height: 13.5em;
 max-width: 20em;
 min-width: 10em;
}

.card p {
 /*margin-left: 8.5em;*/
}

.card p:last-child,
.activity .card div.item-text p:last-of-type {
 margin-bottom: 0;
}

.card h3 {
 font-size: 1em;
 margin-top: 1.6em;
 /*margin-left: 8.5em;*/
}

.card .distance {
 font-size: 0.85em;
 /*margin-left: 10em;*/
 font-style: italic;
}

.card.event {
 margin: 0 0 0.5em;
}

.card.gratitude div.subject-requests {
 clear:both;
}

.login.item {
 width: 100%;
 padding: 0.3em;
}

.login.item button {
 min-width: 4.5em;
 height: 2em;
 font-size: 0.9em;
 margin-right: 0.7em;
 padding: 0;
}

.login a.reset {
 font-size: 0.9em;
}

.login input[type=submit] {
 display: inline;
 margin-top: 0.6em;
}

.login label, .login input {
 width: 100%;
 display: block;
 max-width: 30em;
}

.small {
 font-size: 0.9em;
}

.large {
 font-size: 1.2em;
}

.item.reverse {
 background: #87a767;
}

.item.reverse * {
 color: #fff;
}

.item > p {
 margin:1em 0 0 0;
}

.item > form {
 margin:0.5em 0 0 0;
}

.item textarea {
 width:100%;
}

/*.item > h2 {
 margin-bottom: 0.75em;
}*/

.item > h3 {
 margin:1.5em 0 0.5em;
}

.item > h3:first-child {
 margin:0 0 0.5em;
}

.item menu ,
#right menu {
 list-style-type:none;
 /*margin:0.75em 0 0;*/
 margin:1em 0 0 0;
 padding:0;
}

.item > :first-child {
 margin-top:0;
}

.item menu li,
#right menu li {
 margin: 0.5em 0;
}

@media (min-width:62em) {
 .profile .item.right {
  margin:50px 8px 8px;
 }
  menu.bar .no-rightbar {
  display:none;
 }
 #body {
  padding: 1em;
 }
 body.right #body {
  margin-right:21em;
 }
 #right {
  position: absolute;
  right: 0;
  top: 3em;
  background: #ffffff;
  padding: 1em 1em 4em;
  margin: 1em 0;
  border-left: 1px solid #eee;
  border-bottom: none;
  float:right;
  width:21em;
  z-index:2;
 }

 body.right #full, body.right .flash {
  margin-right: 21em;
 }
}

@media (max-width:62em) {
 .item.right.only {
  display:none;
 }
}

.invite-members h3 {
 margin-bottom: 0.75em;
}

.invite-members button {
 font-size: 0.85em;
 margin: 0;
}

form.invite-member-result,
.invite-members form.member-to-admin, .suggested-contacts {
 clear: both;
 max-width: 30em;
 min-width: 20em;
 border-bottom: 1px solid #eee;
 height: 9.5em;
}

div.revoke-admin-role li {
 list-style-type: disc;
}

div.admin-roles div.invite-members {
 margin-top: 1.25em;
}

div.admin-roles div.current-admin {
 max-width: 45em;
 border-bottom: 1px solid #eee;
}

div.current-admin .card {
 border-bottom: none;
 padding-right: 4.6em;
 z-index: -1;
}

form.invite-member-result .card,
form.member-to-admin .card,
div.admin-roles .card {
 max-width:30em;
 clear: none;
 position: relative;
}

form.member-to-admin .card,
form.invite-member-result .card {
 padding-bottom: 0;
 height: 100%;
}

form.invite-member-result .image {
 margin: 1em 0.75em 0.5em 0;
}

form.member-to-admin .card-details,
form.invite-member-result .card-details {
 max-width: 17.6em;
 min-width: 7em;
}

div .members-tab {
 padding-left: 0;
 font-size: 1.2em;
}

div.members-tab.invite-members {
 max-width: 31em;
 padding-right: 1em;
}

div.members-tab.membership-requests h3 {
 clear: both;
 white-space: nowrap;
}

div .current-members {
 line-height: 1.5em;
}

div.membership-request {
 width: 100%;
 clear: both;
 overflow: hidden;
 max-height: 4.8em;
}

div.membership-request:after {
 clear: both;
}

div.membership-request div.avatar {
  display: inline-block;
  height: 100%;
  float: left;
  margin-right: 0.3em;
}

div.membership-request img {
 width: 100%;
 max-height: 100%;
}

div.membership-request div.request-name {
  height: 100%;
  overflow: hidden;
}

div.membership-request div.member-approval {
  height: 100%;
  float: right;
}

div.membership-request button {
 height: 2em;
 line-height: 1em;
 margin-right: 0.3em;
}

div.membership-request button:last-child {
 margin-right: 0;
}

.mail.card div.membership-request p.member-request-details {
 margin-top: 0;
}

.right div.membership-request {
 margin-top: 0.2em;
 height: 4em;
}

.right div.membership-request div.avatar {
 width: 4em;
 max-height: 4em;
}

.right div.request-name {
 max-width: 7.55em;
}

.right div.membership-request div.request-name a {
 display: inline-block;
 max-height: 3em;
 line-height: 1em;
 overflow: hidden;
}

.members-tab div.membership-request {
  margin-top: 0.5em;
  height: 4.5em;
  max-width: 30em;
}

.members-tab div.avatar {
  width: 4.5em;
}

.members-tab div.request-name {
  min-width: 6em;
  margin-right: 0.2em;
}

@media (max-width:30em) {
 div.invite-members .card .image {
 width:30%;
 max-width: 10em;
 margin-right: 0.75em;
 }
 div.invite-members .card .image  img {
 max-width:100%;
 max-height: auto;
 }
 div.invite-members .card .details {
 width:70%;
 }
 div.membership-request {
  border-bottom: 1px solid #eeeeee;
  min-width: 15em;
 }
 div.membership-request:last-child {
  border-bottom: none;
 }
 div.membership-requests .member-approval-ui {
  width: 3.93em;
  overflow: visible;
 }
 .mail.card div.member-approval-ui {
   max-width: 7.2em;
   overflow: visible;
 }
 .mail.card div.membership-request {
   min-width: 17em;
 }
}

.card blockquote {
 position:relative;
 margin:1em 0;
 padding:0;
}

.card blockquote:before {
 content:"“";
 position:absolute;
 top:-0.35em;
 left:-0.75em;
 color:#bbb;
}

.card blockquote:after {
 content:"”";
 position:absolute;
 bottom:-0.75em;
 right:-1em;
 color:#bbb;
}

.card .actions {
 clear: left;
 /*position:relative;
 border-top:1px solid #dfdfdf;
 padding-top:5px;*/
 color:#aaa;
 margin: 0.3em 0;
}

.card a {
 font-weight: bold;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
 padding:0;
 border:0;
}

.card a.icons {
 float: right;
 /*color:#375497;*/
 color:#5c8a2f;
 font-size:0.9em;
}

.card .actions a.icons {
 color:#5c8a2f;
}

.card .icons img {
 width:1em;
 height:1em;
 vertical-align:middle;
 margin:0 0.5em 0 0.75em;
}

.card .actions input[name=request],
.card .actions input[name=offer] {
 font-weight: bold;
}

.card .icons img:first-child {
 margin-left: 0;
}

.card .icons span {
 margin:0 0.8em 0 0;
}

.actions > form, .profile-buttons form, menu.horiz form {
 display:inline;
}

div.profile-buttons {
 overflow: hidden;
}

.profile-buttons form {
 margin-right: 0.25em;
}

.profile-buttons form:last-child {
 margin-right: 0;
}

div.profile-buttons div.float-right {
 margin-right: 0.5em;
}

.profile-buttons button.small {
 height:auto;
 padding: 0.3em;
 margin-left: 0;
}

.profile-buttons:after {
 clear: both;
}

.profile-buttons button.cancel {
 margin-right: 0;
}

.actions > form label,
.actions > form input,
button.text,
menu.horiz form input {
 cursor:pointer;
 margin:0;
 padding:0;
 border:0;
 background:none;
 color: #3c6dc8;
 /*color:#5c8a2f;*/
 /*color:#375497;*/
 font-size: 1em;
}

.actions > form input, button.text {
 font-size:0.9em;
}

.actions > form label,
.card .actions a {
 color: #3c6dc8;
 font-size: 0.9em;
 font-weight: normal;
}

.inline {
 display: inline;
}

.inline-block {
 display: inline-block;
}

.align-left {
 text-align: left;
}

.align-right {
 text-align: right;
}

button.text.large {
 font-size:1.1em;
}

.card .timestamp, .item .distance {
 font-size: 0.8em;
 margin: 1.4em 0 0.5em 1em;
 font-weight: normal;
 float: right;
 color:#666;
 /*margin-left: 10.7em;*/
}

.timestamp.red {
 color:#900;
}

.card.inventory-item .timestamp {
 margin-top: 0;
}

form.primary-action {
 display: block;
 clear: both;
}

.card button.primary-action {
 margin: 0 0.5em 0.4em 0;
 font-size: 0.9em;
}

button.primary-action img {
 width: 1.3em;
 height: 1.3em;
}

/*stupid firefox bug */
.card button.primary-action > div {
 display: inline;
}

.card button.primary-action img {
 vertical-align: middle;
}

div.card.inventory-item {
 padding-top: 0.9em;
}

div.card.inventory-item div.author img {
 padding-right: 0.1em;
 height: 1.1em;
 width: auto;
 vertical-align: middle;
}

.card .right {
 font-size: 0.8em;
 margin: 0 0 0.5em 1em;
 font-weight: normal;
 clear: right;
 float: right;
 /*margin-left: 10.7em;*/
}

.card h3.timestamp a {
 font-weight: normal;
 color:#666;
}

.timestamp img {
 height: 1.3em;
 width: 1.3em;
 vertical-align: -0.2em;
}

.item .timestamp a {
 font-weight: normal;
 color:#666;
}

.item h3 a {
 font-weight: bold;
}

img.bigavatar {
 -moz-transform:rotate(-2deg);
 -webkit-transform:rotate(-2deg);
 -o-transform:rotate(-2deg);
 border:0.5em solid #fff;
 box-shadow:2px 2px 3px #c0c0c0;
 margin-right:1em;
 margin-bottom:0.5em;
 max-width:14em;
 max-height:14em;
 float:left;
 position: relative;
}

div.profile-pic {
 position: relative;
}

div.profile-pic span.text-shadow {
 position: absolute;
 left: 1em;
 top: 1.2em;
 width:4.4em;
 font-weight: bold;
 font-size: 1.3em;
 white-space: normal;
 background: rgb(100%, 100%, 100%); /*fallback*/
 background: rgba(100%, 100%, 100%, 0.7);
 padding: 0.2em;
}

div.profile-pic.small span.text-shadow {
 font-size: 1em;
 padding: 0.2em;
 left: 0;
 top: 0;
 width: 4em;
 font-weight: bold;
}

.small-activity-image div.border {
 float: left;
 border:5px solid #fff;
 box-shadow:2px 2px 3px #c0c0c0;
 margin: 0.5em 0.6em 0.6em 0;
 max-width:7.15em;
 min-height:77px;
 max-height:6.15em;
}

.small-activity-image img {
 max-height:65px;
}

.submit-image span {
 font-weight: bold;
 margin-right: 1em;
}

div.submit-image {
 float:right;
 display:inline-block;
}

.submit-image input[type=file] {
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
 /*display:inline-block;*/
}

.submit-image label,
.settings-item .submit-image label {
 border-radius: 0.25em;
 cursor: pointer;
}

.logged-out #unsubscribe button,
.settings #unsubscribe button {
 min-width: 10em;
}

form.submit-image:after {
 clear: both;
}

div.activity.images {
 overflow: hidden;
}

div.activity-image {
 float: left;
 border:8px solid #fff;
 box-shadow:2px 2px 3px #c0c0c0;
 margin: 0 0.6em 0.6em 0;
 height: 296px;
 max-width: 316px;
}

.activity-image img {
 max-height: 280px;
}

.id-bar {
 background: #fafafa;
 padding: 0.7em 0.7em 0.7em 1em;
 border-bottom: 1px solid #eee;
 font-size: 1.3em;
 font-weight: bold;
}

button:disabled,
.id-bar a {
 text-decoration: none !important;
}

.id-bar img {
 max-height: 2em;
 width: auto;
}

#profile-top .basics {
 display: inline-block;
 margin-left: 0.25em;
}

.basics h1 {
 font-size: 1.8em;
 font-weight:normal;
 margin: 0 0.25em 0.15em 0;
}

.new-gratitude button.cancel,
.new-gratitude button.yes {
 margin-left: 0.7em;
 vertical-align: baseline;
}

#profile-top .city {
 display: inline-block;
 font-size: 1em;
 color:#555;
 margin: 0.4em 0 1em 0;
}

.profile .bio {
 overflow:hidden;
 margin:0.4em 0.6em 1em 0;
}

.profile .section {
 clear:both;
}

#nearby-profiles .selector {
 margin-right: 1em;
 display: inline-block;
 margin-bottom: 1em;
}

#nearby-profiles .selector label {
 font-weight: bold;
 width: 3.4em;
 display: inline-block;
}

#nearby-profiles .selector select {
 width: 8em;
}

.people ul {
 list-style-type:none;
 padding:0;
}

.people li {
 margin:5px;
}

#my-invites ul {
 padding-left:0;
}

#my-invites form {
 display: inline-block;
 vertical-align: middle;
}

#my-invites button {
 margin-right: 0.7em;
 padding: 0 0.3em;
 font-size: 0.8em;
}

#my-invites li {
 padding: 0.2em 0;
 border-bottom: 1px solid #eee;
}

div.activity ul.mutuals-list {
 padding: 0;
 margin-left: 0.6em;
 font-size: 1.2em;
 line-height: 1.5em;
}

.section {
 padding:10px;
 margin:10px;
 background:#fff;
 border-radius:3px;
}

.section .person img {
 width:40px;
 height:40px;
 vertical-align:middle;
 margin: 4px 10px 4px 0;
}


@media (max-width:28em) {
 .profile img {
  width:120px;
  height:120px;
 }

 .profile .bio {
  overflow:hidden;
  clear:both;
  margin:0 10px;
 }

}

@media (min-width:28em) and (max-width:47em) {
 .profile img {
  width:150px;
  height:150px;
 }
}

#profileinfo {
 padding:10px;
 background:#ccc;
 border-radius:3px;
 margin:10px;
}

a {
 color:#5c8a2f;
 /*color: #375497;*/
 text-decoration:none;
}

a:visited {
 /*color: #714EB4;*/
 /*color: #5C4C97;*/
}
/* */

/*
#menu a:visited {
 color: #375497;
}*/

.error {
 font-weight:bold;
 color:#a00;
 /*font-size:0.9em;*/
}

.item > p.error {
 margin-bottom: 1em;
}

h3.label {
 display:none;
}

menu.bar {
 list-style-type:none;
 margin:0;
 padding:0;
 clear:left;
 border-bottom: 1px solid #eee;
 margin-bottom: 1em;
}

menu.bar li {
 display:inline-block;
 background:#eee;
 border:1px solid #eee;
 border-bottom: none;
 margin: 0 0.15em;
 padding:0.4em;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 font-weight:bold;
 position: relative;
 top: 1px;
}

menu.bar li.selected {
 background:#fff;
 border-bottom: 1px solid #fff;
}

menu.bar li a {
 font-weight:bold;
}

@media (max-width:28em) {
 menu.bar {
  text-align:center;
 }
}

.setup {
 max-width: 40em;
}

.item h3, .category h3 {
 margin-top: 0.5em;
 line-height: 2em;
}

.setup p {
 line-height:1.5em;
}

.setup input[type=text] {
 margin-right: 0.7em;
 width:35em;
 max-width: 100%;
}

.setup button {
 vertical-align: middle;
}

.address.setup img {
 max-width: 100%;
 height: auto;
}

#guest-actions {
 margin: 0.5em 0.75em 0.25em;
 font-size: 1.5em;
 font-weight: bold;
 text-align: center;
}

.welcome {
 background: #FFFAE8;
 font-size: 0.9em;
 padding: 1em;
 border-bottom: 1px solid #eee;
 border-right: 1px solid #eee;
 margin-right: -1px;
}

.welcome button {
 float: right;
 background: none;
 border: 0;
 color: #8f844f;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

.welcome li {
 list-style-type: disc;
 margin-top:0.75em;
}

.welcome p {
 margin-bottom: 0;
}

.welcome a {
 text-decoration: underline;
}

.actions input[type=submit]:hover, button:hover {
 text-decoration:underline;
}

div.activity-image {
 margin: 1em 1em 1em 0;
 position: relative;
 display: inline-block;
}

div.settings-avatar {
 position: relative;
 width: 10.5em;
}

.activity-image form,
.settings-avatar form {
 position: absolute;
 top: .5em;
 right: .4em;
}

.activity-image button.simple-link {
 font-weight: bold;
 text-shadow: .1em .1em .05em #eee, -.1em -.1em .05em #eee, .1em -.1em .05em #eee, -.1em .1em .05em #eee;
}

.category {
 margin-top:0.5em;
}

.category a {
 white-space: nowrap;
}

#edit-inventory-details {
 max-width: 40em;
}

#edit-inventory-details blockquote.review-text {
 margin: .5em 0 .5em 0;
}

#edit-inventory-details p.small {
 margin: 0 0 0.2em;
}

a.facebook-button {
 line-height:1.5em;
}

a.facebook-button img {
 height: 1em;
 width: auto;
 vertical-align: -0.1em;
 margin-right: 0.625em;
}

form #facebook {
 margin: 0.7em 0;
}

form #facebook img {
 vertical-align: middle;
 margin: 0 0.3em;
 height: 1.5em;
 width: 1.5em;
}

div.item-group-privacy {
 display: table-row;
 overflow: hidden;
 white-space: normal;
}

div.item-group-privacy input,
div.item-group-privacy span {
 vertical-align: baseline;
 margin-top: 0.5em;
 padding-top: 0.5em;
 display: table-cell;
}

#enter-inventory-details div.category {
 margin: 0.5em 0;
 display: inline-block;
 width: 11em;
}

form #facebook label,
#enter-inventory-details #categories label {
 font-weight: normal;
 display: inline;
}

form #facebook label,
form #facebook input,
div#tag-fb-friends div.g-recipient *,
#enter-inventory-details #categories input {
 vertical-align: middle;
}

div#tag-fb-friends h3 {
 margin-bottom: 0.5em;
}

div#tag-fb-friends legend {
 font-size: 1.2em;
}

div#tag-fb-friends div.g-recipient {
 width: 100%;
 max-width: 25em;
 padding: 0.4em 0;
}

div#tag-fb-friends div.g-recipient input {
 padding-right: 0.5em;
}

div#tag-fb-friends div.g-recipient img {
 display: inline-block;
 max-width: 3em;
 height: auto;
 margin-left: 0.5em;
 margin-right: 0.3em;
}

form.matchmaker {
 overflow: hidden;
}

form.matchmaker h3 {
 margin: 0.4em 0 0.7em;
}

form.matchmaker label {
 display: block;
 margin-bottom: 0.8em;
}

form.matchmaker select.distance-selection {
 display: block;
 background: #fff;
}

ul.keywords {
 padding-left: 1em;
 margin:0 0 1.5em 0;
}

ul.keywords li {
 margin:0.5em 0;
}

ul.keywords li a:first-child {
 font-weight:bold;
}

p.right {
 text-align:right;
}

p.right {
 text-align:right;
}

table.post {
 margin:0;
 padding:0;
 border-collapse: collapse;
}

table.post td {
 vertical-align:bottom;
 border:0;
}

form.post-next h2 {
 margin: 0.75em 0;
}

form.recipients {
 width: 100%;
}

form.recipients, div.recipients {
 overflow: hidden;
}

form.recipients input[type=text] {
 width: 27em;
}

form.recipients button.simple-link {
 padding: 0;
 margin-bottom: 0.8em;
}

form.conversation.recipients button.yes.input-height {
 margin-left: 0.5em;
}

form.recipients div.identity-selection label {
 font-weight: normal;
 display: inline-block;
 width: 4.5em;
 height: 100%;
}

form.recipients div.identity-selection {
 margin: 0.8em 0 0;
}

form.recipients textarea#message {
 margin-top: 0.4em;
}

form.recipients legend {
 float: left;
 font-weight: normal;
 width: 4.5em;
 padding: 0 0 0 0;
}

form.recipients, ul.recipients {
 display: inline-block;
 padding-left: 0;
 margin: 0;
}

div.new-gratitude menu.gratitude.recipients {
 margin-top: 0;
 vertical-align: top;
}

div.new-gratitude.recipient form.new-gratitude {
 margin-bottom: 1.5em;
}

div.new-gratitude div#gratitude-by-email h3 {
 line-height: 1.2em;
 margin-bottom: 0.2em;
}

div.new-gratitude div#gratitude-by-email p.small {
 margin-top: 0;
}

div#gratitude-by-email label {
 margin-top: 0.5em;
 display: block;
}

div.new-gratitude label.recipients,
menu.gratitude.recipients {
 display:inline-block;
}

li.recipients:last-child {
 margin-top: -0.5em;
}

.gratitude-invitation form.recipients div#gratitude-recipient {
 margin-top: 1em;
}

.gratitude-invitation form.recipients div#gratitude-recipient span:first-child {
 display: inline-block;
 width: 4.5em;
}

.new-gratitude.item form.recipients button.cancel,
.gratitude-invitation form.recipients button.cancel {
 margin: 0;
}

form.recipients menu.recipients li {
 vertical-align: top;
}

div.new-gratitude.item form label.message,
div.new-conversation.item form label.message {
 display: none;
}

div.new-gratitude li.recipients button.text {
 margin-top: 0.5em;
}

form.recipients menu.recipients li:first-of-type {
 margin-top: 0;
}
form.recipients button.x-remove {
 margin-left: 0.3em;
 vertical-align: top;
}

select.recipients {
 margin-top: 0.5em;
}

.person-list img {
 display: block;
 float: left;
 width: 5em;
 height: 5em;
 clear: left;
 margin: 2em 0;
}

.person-list p {
 margin-left: 5em;
}

.bio .icon {
 margin-left: 0.5em;
 opacity: 0.6;
}

.bio .icon:hover {
 opacity: 1.0;
}

.bio .empty {
 font-style: italic;
 color: #888;
}

.bio-section {
 margin-top: 1em;
}

.bio-section textarea {
 width: 100%;
 max-width: 40em;
 height: 7em;
 margin: 1em 1em 0 0;
 vertical-align: bottom;
}

.bio-section button {
 vertical-align: baseline;
}

.submit-settings {
 float: right;
 margin-bottom: .8em;
 position: relative;
 top: -.5em;
}

div.settings {
 max-width: 55em;
}

div.settings menu.bar {
 margin-top: 1em;
}

.settings p {
 margin: 1.1em 0;
}

.address input[type=text] {
 width: 100%;
}

.logged-out.unsubscribe {
 max-width: 60em;
}

.logged-out.unsubscribe {
 margin: 2em auto;
}

.logged-out.unsubscribe .settings-item button.yes {
 width: 100%;
 margin-left: 0;
}

.logged-out.unsubscribe a.blue {
 display: block;
 padding: 0.5em 0;
 font-size: 0.93em;
 line-height: normal;
 text-align: center;
 margin: 1.5em 0;
}

.settings-item .title {
 width: 8.1em;
 background: #f2f2f2;
 font-weight: 500;
 font-size: 1em;
 padding: .25em .5em;
 margin-bottom: 1em;
 border-radius: .125em;
}

.settings-item {
 display: table;
 width: 100%;
 max-width: 55em;
}

div.settings #email-link {
 font-size: 0.85em;
 padding-left: 0.5em;
}

.settings-item li.notifications.border-top {
 border-color: #dadada;
 padding-top: 0.5em;
}

.settings-item .title-container {
 padding-right: 1em;
 width: 8em;
}

.settings-item .title-container,
.settings-item .details,
.settings-item .details .buttons,
.settings-item .details .current-value,
.settings-item .details .form-elements {
 display: table-cell;
 vertical-align: top;
}

.settings-item ul#names li {
 display: table-row;
}

.settings-item ul#names li span {
 padding: 0 0.4em 0.4em 0;
 display: table-cell;
}

.settings-item ul#names input[type=text]:first-child {
 margin-top: 0;
}

.settings-item .details .current-value,
.settings-item .details ul.padding-top {
 padding-top: 0.4em;
}

.settings-item .details form {
 width: 100%;
}

.settings-item form.digest-dist strong {
 font-weight: normal;
 font-size: 1em;
 padding-left: 1.6em;
}

.settings-item form.digest-dist select {
 font-size: 0.8em;
}

.settings-item .details.notifications li:last-of-type {
 margin-bottom: 0;
}

.settings-item .details {
 width: 100%;
}

.settings-item .details .current-value,
.settings-item .details .form-elements {
 text-align: left;
}

.settings-item .content-container {
 display: table;
 width: 100%;
}

.settings-item .details .buttons {
 vertical-align: top;
 text-align: right;
}

.settings-item .details .buttons button {
 margin: 0 0 0.6em 0.6em;
}

@media (max-width:40em) {
 .settings-item .details {
   display: block;
 }
}

.settings-item .address-input.content {
 max-width: 30em;
}

.settings-item ul, .settings-item p {
 margin: 0;
 padding-left: 0;
 margin-bottom: 0.5em;
}

.settings-item li {
 margin-bottom: .6em;
}

.settings-item div.button {
 display: block;
 float: right;
}

.settings-item li > a {
 display: inline;
 font-weight: 500;
 font-size: .9em;
 float: none;
 margin-left: .8em;
}

.settings-item .emails li {
 display: table-row;
}

.settings-item .emails span.email-item {
 margin-bottom: 0.5em;
}

.settings-item .emails ul {
 margin-bottom: 0;
}

.settings-item .emails li > span,
.settings-item .emails li div.controls {
 display: table-cell;
}

.settings-item .emails li > span.help-text,
.settings-item .emails li div.controls {
 text-align: right;
 width: 20em;
}

@media (max-width:40em) {
.settings-item .emails li > span,
.settings-item .emails li span.help-text,
.settings-item .emails li div.controls {
 display: block;
}
.settings-item .emails li .email-item {
 margin-bottom: 0;
 height: inherit;
}

.settings-item div.emails li > span.help-text,
.settings-item .emails li div.controls {
 margin-bottom: 2em;
}
}

 div.transaction-option a,
.settings-item .emails li div.input-wrapper {
 margin-right: 0.4em;
 display: inline-block;
}

.settings-item .emails li span.help-text,
.settings-item .emails li a,
.settings-item .emails li button.simple-link.green {
 font-size: 0.9em;
 padding: 0 0.4em 0 0;
 margin: 0;
}

.settings-item .emails li span {
 padding-right: 0.4em;
 height: 2em;
}

.settings-item .emails li .controls input {
 width: 11.6em;
}

.settings-item .emails li button {
 font-size: .9em;
 padding: 0 0 0 0;
 margin: 0 0.4em 0 0;
 height: inherit;
 font-weight: normal;
}

.settings-item blockquote#donate {
 position: relative;
 overflow:hidden;
 margin-top: 0.5em;
 padding: 0.5em 0 0.5em 0.5em;
 max-width: 35em;
}

blockquote#donate button,
blockquote#donate a.button {
 display: block;
 margin: 0 0.5em 0 0.2em;
}

blockquote#donate button.update,
blockquote#donate a.button.update {
 font-size: 1em;
 height: 2.5em;
 padding: 0.5em 0.7em;
}

blockquote#donate span {
 line-height: 1.7em;
}

blockquote#donate h3 {
 line-height:1em;
}

div#card-info span {
 display: inline-block;
 margin: 0.1em 0.4em 0.1em 0.1em;
}

div.setup p.help-text {
 margin-bottom: 0;
}

div.settings p.help-text {
 margin-top: 0.4em;
 width: 100%;
 max-width: 55em;
}

.help-text {
 color: #777;
 clear: both;
}

#people-tabs,
#groups-tabs {
 margin-top: 0.9em;
}

.group-category-selection {
 overflow: hidden;
}

.group-category-selection input[type=text] {
 margin-right: 0.5em;
}

.group-category-selection button.yes {
 margin-right: 0.5em;
 margin-left: 0;
}

.group-category-selection div.group-category-buttons {
 display: inline-block;
}

.group-category-selection:after {
 clear:both;
}

.reset.password label,
.settings-item .password label {
  width: 20em;
  padding-right: .5em;
  display: block;
  margin: .4em 0 .3em 0;
}

form.confirm.password {
 max-width: 28em;
}

.reset.password input {
 margin-right: 0.5em;
}

.confirm.password label {
 font-weight: bold;
}

.confirm.password input {
 display: block;
}

.reset.password button {
 margin-bottom: 0.55em;
}

.settings-item .password input[type=password] {
 width: 20em;
 font-size: 1em;
}

.settings-item .password input[type=text] {
 width: 20em
}

h3.membership-settings {
 line-height: 1.2em;
}

input.membership-settings {
 margin: 0.6em 0.5em 0 0;
}

.reset-password button {
 margin: .7em 0 .7em 0;
}

.search h2 {
 padding: 0.25em;
 margin: 0 -0.25em;
 background: #eee;
 border-bottom: 2px solid #aaa;
}

form.rdist.search {
 float: right;
 position:relative;
 top: -0.15em;
}

.more-results {
 margin-bottom: 0.9em;
}

/*
.search h2 a:visited {
 color: #375497;
}*/

body.donate {
 background: #eee;
}

.donate #letter {
 padding: 4em 30em 0 12em;
}

.donate #letter h2 {
 border-bottom: 2px solid #aaa;
 margin-bottom: 0.5em;
 padding-bottom: 0.5em;
}

.donate #donate {
 background: #fff;
 width: 27em;
 margin: 2em auto;
 padding: 2em 2em 2em 2.5em;
}

#donate > a:first-child > img {
 width: 10em;
 margin-bottom: 1em;
}

#donate h2 {
 margin-bottom: 0.5em;
 font-size: 2em;
}

#donate h3 {
 margin: 0.5em 0;
 margin-bottom: 0.8em;
}

form#donate button {
 outline: medium none;
 padding: 0.25em 0.1em;
 background: #008FC5;
 border: 2px solid #7EC7E2;
 color: #fff;
 border-radius: 0.35em;
 font-weight: bold;
 font-size: 1.75em;
 width: 4em;
 margin: 0 0.25em 0.4em 0;
 white-space: nowrap;
}

#donate button[disabled] {
 background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%) repeat scroll 0 0 #c5c5c5;
 background: -ms-linear-gradient(center bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%) repeat scroll 0 0 #c5c5c5;
 background: -webkit-linear-gradient(center bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%) repeat scroll 0 0 #c5c5c5;
 background: -o-linear-gradient(center bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%) repeat scroll 0 0 #c5c5c5;
 border: 2px solid #e2e2e2;
}

#donate button.nav {
 display: block;
 margin: 1em auto;
 width: 6em;
}

#donate button[value=other] {
 width: 8.25em;
}

#donate ul {
 width: 100%;
 margin: 0;
 padding: 0;
 display: inline-block;
}

#donate input, #donate select {
 color: #000;
 background: #eee;
 border: 2px solid #aaa;
 border-radius: 3px;
 padding: 0.25em 0.25em;
 font-size: 1.1em;
 width: 100%;
}

#donate select {
 margin-top: 0.3em;
 height: 2.05em;
}

#donate li {
 display: inline-block;
 vertical-align: top;
 margin: 0 0 0.5em;
 padding-right: 0.5em;
}

#donate li.quarter {
 width: 25%;
}

#donate li.half {
 width: 50%;
}

#donate li.full {
 width: 100%;
}

#donate label {
 display: block;
 margin-bottom: 0.25em;
 font-weight: bold;
}

.legal {
 max-width: 800px;
 width: 100%;
 line-height: 1.4em;
 padding-right: .8em;
 font-size: 1em;
}

.legal li {
 list-style-type: inherit;
}

.legal ol {
 list-style-type: decimal;
 padding-left: 1.5em;
}

.legal li > ol {
 padding-left: 1.5em;
}

.legal ul {
 list-style-type: disc;
 padding-left: 1.2em;
}

.legal p, .legal li {
 margin-top: 10px;
}

#privacy ol {
 list-style-type: lower-alpha;
}

#privacy li > ul {
 list-style-type: none;
}

#privacy ol > li {
 margin-top: 0;
 padding-bottom: .5em;
}

.item.right.sharing-guidelines ul {
 padding-left: 0.8em;
 margin-top: 0.3em;
}

.item.right.sharing-guidelines p {
 margin: 0.5em 0;
}

.item.right.sharing-guidelines h3 {
 margin-top: 1em;
 line-height: 1em;
}

.right.item.sharing-guidelines li {
 list-style-type: disc;
}

.faq li {
 list-style-type: disc;
 padding-bottom: .35em;
}

.faq p {
 margin-top: .6em;
}

#questions li {
 margin-top: 0.2em;
 list-style-type: none;
 padding-bottom: .35em;
}

#questions ul {
 padding-left: 1em;
 margin-top: .25em;
}

#admin-page ul {
 padding-left: 0;
}

#admin-page li {
 font-size: 1.3em;
 line-height: 2.5em;
}

.blog.item {
 margin: 0.4em 0 3em;
}

.blog.item li {
 list-style-type: disc;
 margin-bottom: 0.2em;
}

.blog-title {
 margin-bottom: 1em;
}

.blog-title strong {
 font-size: 0.8em;
}

.blog.item .blog-title h3 {
 font-size: 1.5em;
 margin: 0.1em 0;
 line-height: 1.5em;
}

.blog.item textarea {
 height: 7em;
}

.blog.item button.yes {
 display: block;
}

.card .people a {
 white-space: nowrap;
}

.card .text span {
 font-weight: bold;
 color: #666;
}

.card .text .title span.none {
 font-weight: normal;
 font-style: italic;
 color: #666;
}

span.highlight {
 background-color: #F0F137;
}

.card .text > a,
.card a > p.text {
 color: #333;
 font-weight: normal;
}

.card .text > a:hover {
 text-decoration: none;
}

.comments {
 background: #f9f9f9;
 margin: 1em 0 1em 1em;
 max-width: 40em;
 padding: 0 1em 0.1em;
}

.comments div.card {
 border-bottom-color: #fff;
}

.comments form label {
 padding-top: 0.5em;
}

.inventory-reply label {
 font-weight: bold;
 display: block;
 margin: 0.8em 0 0.3em;
}

.inventory-reply blockquote {
 margin-bottom: 1em;
 padding: 0.5em 0.4em;
}

.inventory-reply blockquote p {
 margin: 0;
}

.inventory-reply blockquote strong {
 display: inline-block;
 margin-bottom: 0.4em;
}

.transaction #body > h2 {
 margin: 1.2em 0 0.2em;
 font-size: 1.15em;
}

.transaction #body > h2:first-child {
 margin-top: 0;
}

table.transaction-progress tr.steps td {
 width: 25%;
 font-size: 0.9em;
 font-weight: bold;
 color: #80876f;
 background: #e1edc5;
 padding: 0.3em;
}

table.transaction-progress tr.steps td.done {
 color: #fff;
 background: #5c8a2f;
}

table.transaction-progress tr.steps td > div {
 display: table-cell;
 padding-right: 0.1em;
 vertical-align: middle;
}

table.transaction-progress tr.steps td img {
 vertical-align: 5%;
 height: 1em;
 width: auto;
}

table.transaction-progress tr.steps td:first-child {
 border-top-left-radius: 0.45em;
 border-bottom-left-radius: 0.45em;
 padding-left: 0.6em;
}

table.transaction-progress tr.steps td:last-child {
 border-top-right-radius: 0.45em;
 border-bottom-right-radius: 0.45em;
 padding-right: 0.6em;
}

div.trans-options {
 margin: 0.8em 0 0;
 font-weight: bold;
}

div.transaction-option a,
div.transaction-option button {
 color: #3c6dc8;
 font-weight: bold;
 display: table;
 text-align: left;
 margin: 0;
 padding: 0;
}

div.transaction-option div {
 display: table-cell;
 vertical-align: middle;
 padding-right: 0.5em;
}

div.transaction-option {
 margin-bottom: 1em;
 margin-left: 0;
}

@media (max-width:40em) {
 div.transaction-option {
  margin-bottom: 1.5em;
 }
}

div.transaction-option button > img,
div.transaction-options a > img {
 vertical-align: middle;
 margin-right: 0.5em;
 height: auto;
}

.transaction div.post-gratitude h4 {
 margin-top: 1.3em;
 font-size: 1.2em;
}

.transaction div#transaction-history {
background-color: #f8f8f8;
}

.transaction div#transaction-history div.card {
 border-bottom-color: #fff;
 margin: 0;
 padding: 0.5em 0.4em;
}

.transaction div#transaction-history div.card p {
 margin: 0.5em 0;
}

.confirm-transaction div.fine-print {
 margin-top: 1em;
 font-style: italic;
}

.item.reply:first-child {
 padding-top: 1em;
}

.nobody {
 font-weight: bold;
 font-style: italic;
 color: #666;
}

#site-error {
 text-align: center;
 margin: 2em;
}

.border-top {
 border-top: 1px solid #fafafa;
}

.float-right {
 float: right;
}

.float-left {
 float: left;
}

.text-right {
 text-align: right;
}

.clear {
 clear: both;
 line-height: 0;
}

.bold {
 font-weight:bold;
}

.middle {
 vertical-align: middle;
}

.no-margin {
 margin: 0 0 0 0;
}

.no-padding {
 padding: 0 0 0 0;
}

.center {
 width: 100%;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}


.half {
 width: 50%;
}

.v-align-container {
 display: table;
 width: 100%;
 height: 100%;
}

.v-align-cell {
 display: table-cell;
 vertical-align: middle;
 height: 100%;
}

.spinner {
   height:30px;
   width:30px;
   margin:0 auto;
   vertical-align: middle;
   display: none;
   position:relative;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border:6px solid rgba(100,100,100,.15);
   border-radius:100%;
}

.spinner:before {
   content:"";
   display:inline;
   position:absolute;
   left:-6px;
   top:-6px;
   height:100%;
   width:100%;
   border-top:6px solid rgba(150,150,150,.8);
   border-left:6px solid transparent;
   border-bottom:6px solid transparent;
   border-right:6px solid transparent;
   border-radius:100%;
}

.gratitude-on-item {
  margin-bottom: 0.3em;
}

.reciprocity h3 {
 margin-top: 0.8em;
 line-height:1.5em;
 color:#333333;
}

div.or-divider hr,
div.related.activity.items hr {
 display: block;
 border: none;
}

div.related.activity.items hr {
 height: 0.1em;
 color: #fafafa;
 background: #fafafa;
}

.tags a, .side-sug a {
 font-weight:normal;
}

.recip-container div {
 margin-top: 0.4em;
}

.recip-container {
 border-radius: 0.2em;
 font-weight:normal;
 padding: 0 0.3em;
 overflow:hidden;
 margin-bottom:0.4em;
}

.recip-header a {
 font-weight:bold;
}

.recip-details {
 margin-top:0.3em;
}

.recip-details a {
 cursor: pointer;
}

.recip-reply {
 float:right;
 margin-top:0.3em;
 font-size:0.9em;
}

.recip-reply :first-child {
 font-weight:bold;
}

.message-icon {
 position:relative;
 display:inline;
}

.message-icon > a >.newcount {
 border-radius: 0.4em;
 position:absolute;
 padding:0.2em;
 background-color: #a6ddf3;
 color: #fff;
 text-align:center;
 right:0.3em;
 top:-0.4em;
 font-size:0.95em;
}

.tags {
 color:#777;
 font-size:0.9em;
 margin-bottom:1em;
}

.side-sug-image {
 width:4em;
 display:table-cell;
 height:100%;
 vertical-align:middle;
}

.side-sug * img {
 max-height:4em;
 max-width:4em;
}

.side-sug-content {
 overflow:hidden;
 margin: 0 0 0 0.8em;
}


div.side-sug {
 font-size:0.8em;
 border:none;
 margin-left: -0.5em;
 padding: 0.2em 0.5em;
 display:table;
 height:5em;
 background-color: #fafafc;
}

.side-sug a {
 font-weight:normal;
}

.side-sug p {
 margin: 0.25em 0;
}

.side-sug button {
 padding:0;
}

.add-sug button {
 font-size: 0.9em;
 vertical-align: top;
 margin-left: 0;
}

.decline-button {
 float:right;
 position:absolute;
 top:0;
 right:0;
 z-index:11;
}

.decline-button button {
 padding:0;
 font-weight:bold;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}