*
THEME NAME: SYIBASE
THEME URI: http://seeyourimpact.org
DESCRIPTION: Base skin for SYI-home and SYI-charity
VERSION: 1.0
AUTHOR: Steve Eisner
AUTHOR URI: http://seeyourimpact.org
*/

.wf-loading .wf {
  visibility: hidden;
}

.closable {
  position: relative;
}
.closer {
  position: absolute;
  right: 10px; top: 10px;
  cursor: pointer;
}

#content article{min-height:85px;}
.page-content, .content article {
  color: black; 
}
.content article {
  background: #FEFFFA;
}
.content article.padded {
  min-height:85px;
  padding-top: 20px;
  padding-right: 55px;
  padding-left: 55px;
}
.content article.padded .widget6 {
  margin-left: -48px;
  width: 694px;
}

.content article.type-post {
  background: #FEFFFA;
  background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f4f5e7));
  background: -moz-linear-gradient(center top , #FFFFFF, #F4F5E7) no-repeat scroll 0 100px #FFFFFF;
}

h1.entry-title, h2.entry-title, h3.entry-title {
  color: #315663;
}
.entry-title a { color: #315663; }
.byline {
  font-size: 80%;
  font-style: italic;
  color: #666;
}
.byline a:hover {
  text-decoration: underline;
}
.byline a {
  font-weight: bold;
}

.post-nav {
  font-size: 12pt;
  color: #6F878E;
  position: relative;
  margin: 0 -10px;
  padding-bottom: 10px;
  clear:both;
}
.post-nav-link {
  position: relative;
  top: 0;
  padding: 5px 10px;
  width: 240px;
}
.post-nav-prev {
  left: -20px;
  float: left;
  padding-left: 20px;
}
.post-nav-next {
  right: -20px;
  padding-right: 20px;
  float: right;
  text-align: right;
}

#bottom-panels {
  width: 708px;
  border-left: 1px solid #E4E5DA;
  background-color: #FEFFFA; 
}
#bottom-panels .gift_browser_widget {
  padding-bottom: 50px;
}

#frame {
  background: white;
  border: 1px solid #aaa;
  position: relative;
  z-index: 5;
  width: 736px;
}
.content article #frame {
  left: -70px;
  top: -20px;
}
#bottom-panels #frame {
  left: -25px;
}

.home-frame .nav {
  position: absolute;
  cursor: hand; cursor: pointer;
  border: 3px solid white;
  padding: 3px 8px;
  background: white; /*#7db72f;*/
  color: black;

  font: bold 20px/100% Arial, Helvetica, sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);

  border-radius: 1.5em;
  -webkit-border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  top: 417px;

  z-index: 30;
}
.home-frame .nav span { display: none; }
.home-frame .nav:hover { background: #7db72f; color: white; }
.home-frame .notyet { display: none; }
.home-frame .prev {
  left: -12px;
}
.home-frame .next {
  right: -12px;
}
.charity-intro .next, .gifts_widget .next {
  top: 30px;
  right: -9px;
  background: #eee;
}
.charity-intro .prev, .gifts_widget .prev {
  top: 110px;
  left: auto;
  right: -9px;
  background: #eee;
}
.charity-intro .next { right: -17px; }
.charity-intro .prev { right: -17px; }
.charity-intro .gift-browser {
  margin-left: -10px;
  height: 525px;
}
.charity-intro .gift-browser p {
  padding: 0;
}


#featured-photo {
  width: 720px;
  height: 466px;
}
.the-photo { 
  background: #EEEFE3;
  width: 720px;
  height: 450px;
  border: 8px solid white;
  position: absolute;
}
.photo-slider {
  width: 720px;
  height: 450px;
}
.frame-shadow { 
  position: absolute;
  bottom: -14px;
  background: url(images/photo-b.png) no-repeat;
  height: 14px;
  width: 740px;
}

.error404 { padding-bottom: 40px; }

.scrollable {
	position:relative;
	overflow:hidden;
}
.scrollable .items {
	width:80000em;
	position:absolute;
  left: 0px;
}

.widget {
  display: block;
}
.widget .see-all { float: right; padding: 5px 15px; text-decoration: none; }
.see-all { cursor: hand; cursor: pointer; }

.widget iframe {
  width: 230px;
}
#sidebar .widget {
  width: 240px;
}
.sidebar .widget {
  margin: 0 15px 20px 10px;
  background: transparent;
  height: auto;

  border: 1px solid #E4E5DA;
  background: #F6F7E6;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.sidebar .widget .interior {
  padding: 15px;
  padding-bottom: 0;
}
.sidebar .widget h1, .sidebar .widget h2, .sidebar .widget h3,
.sidebar .widget h4, .sidebar .widget h5, .sidebar .widget h6 {
  margin: 0;
}
.sidebar .banner-widget h3 { 
/*
  margin: -5px;
  background: #d8ebf0;
  border-bottom: 1px solid #d0d0d0;
*/
  padding: 5px 10px;
  margin-left: -10px;
  margin-top: -15px;
  width: 230px;
  padding-left: 0;
}
.sidebar .banner-widget .interior {
  margin-top: 5px; 
  margin-left: -10px;
  padding-left: 30px;
}
.sidebar .banner-widget h3 {
  
}
.sidebar .widget p { color: #323330; margin: 5px 0 15px; }
.sidebar .widget p a { color: #1B445C; text-decoration: underline; }
.sidebar .widget p a.button { color: white; text-decoration: none; margin-top:15px; display:block; }
.widget p { margin-bottom: 16px; }
#bottom-panels .widget {
  margin: 0 0 8px 8px;
  padding: 0;
  position: relative;
  float: left;
}
.double-height, .widget_recent_entries {
  height: 408px;
}

.widget3 { width: 343px; }
.widget1 { width: 109px; }
.widget2 { width: 226px; }
.widget4 { width: 460px; }
.widget5 { width: 577px; }
.widget6 { width: 694px; }
.widget7 { width: 720px; }

.widget h3 {
  font-weight: bold;
  font-size: 125%;
  padding-bottom: 8px;
  color: #2B4E64;
  width: auto;
}
.headline-widget h3 {
  font-size: 18pt;
  padding-top: 30px;
  padding-left: 10px;
}
.headline-widget .interior {
  padding: 0 10px;
}
#bottom-panels .banner-widget { margin-top: 30px; }

.banner-widget .interior {
  margin-left: -18px;
  padding-left: 18px;
  background: url(images/wbanner-l.png) no-repeat top left;
}
.banner-widget h3 {
  background: url(images/wbanner-r.png) no-repeat top right;
  float: left;
  font-size: 19px;
  padding: 3px 40px 12px 10px;
}
.causes_widget li {
  color:#1B445C;
  font-size:16px;
  padding:0 0 6px 15px;
}
.causes_widget li a {
  color: #07c;
  font-weight: bold;
  font-size: 14px;
   text-decoration: underline;
}
.stories_widget h3 { 
  padding-left: 20px;
}

#sidebar .big-share-widget {
  background: transparent;
  border: 0px none;
  text-align: center;
  width: 280px;
  margin: -3px;
}
#sidebar .big-share-widget a {
  display: inline;
  margin-right: 6px;
}


/* Progress widget + upgrade */
.progress-widget {
  font-size: 10pt;
  padding-bottom: 10px;
}
.progress-widget h3 {
  font-size: 1.4em;
}
.progress-widget td {
  padding: 5px;
  font-size: 1.1em;
}
.progress-widget td .info {
  margin-left: 55px;
}
.progress-widget td.date {
  color: #888;
  text-align: center;
}
.progress-widget a { font-weight: bold; color: black;  }
.progress-widget .invite-button {
  display:block;
  margin: 10px auto;
  width: 170px;
  color: white;
}
.progress-widget .avatar, .gallery-widget .avatar {
  position: absolute;
  width: 40px; height: 40px;
  -moz-box-shadow: 2px 2px 4px #888;
  -webkit-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;
  border: 1px solid #888;
  padding: 2px;  background: white;
  z-index: 10;
} 
.progress-widget .empty-progress {
  text-align: center;
  padding: 10px;
}
.progress-widget .matched {
  position: absolute;
  right: 5px;
  margin-top: -4px;
}
.progress-widget .offline-amount {
  font-style: italic;
  font-size: 90%;
  color: #444;
}
a.avatar-link, a.avatar-link:hover {
  text-decoration: none;
  width: 40px; height: 40px;
  margin-right: 10px;
  position: relative;
}

.progress-widget {
  opacity: 0.85;
  background: transparent;
  color: #444;
  margin: 0;
  padding: 0;
}
.progress-widget .avatar-link,
.progress-widget .avatar-link:hover {
  float: right;
  margin: -2px 0 0 10px;
}
.default-avatar { display: none; }
.progress-widget .donation-history tr { height: 40px; }
.progress-widget h3 { padding: 0 10px; }
.progress-widget .see-all { cursor: pointer; text-decoration: underline; }
.progress-widget td .info {
  margin: 0;
}

.progress-widget .interior {
  padding: 10px 20px 20px;
}


.user-tag { display: none; }

.new-campaign-widget {
 font-size: 9pt;
 background: transparent !important;
 border: 0px none !important;
}




/* PAGE STYLES */
#nav-above { display: none; }
.navigation { 
  text-align: center;
  padding: 10px;
}
.navigation a {
  text-decoration: none;
}
.navigation .nav-next, .navigation .nav-previous {
  width: 200px;
  text-align: center;
}
.nav-next { float: right; }
.nav-previous { float: left; }
.entry-utility, .admin-only {
  color: #a0a0a0;
  position: relative;
  z-index: 20;
  margin-right: 10px;
}
.entry-utility { margin-top: 10px; }
.admin-only { top: -15px; height: 0; font-size: 13px; text-align: right; position: relative; }

.tooltip {
  position:relative;
  display:none;
  background: black;
  font-size:12px;
  width:160px;
  padding: 5px;
  color:#fff;

  border-radius: 6px 6px 6px 6px;
  -moz-border-radius:6px 6px 6px 6px;

}
.tooltip a {
  color: yellow;
}


.picker {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid black !important;
  margin: 0 !important;
  padding: 0 5px !important;
  font: bold 15px Verdana !important;
  cursor: hand; cursor: pointer;
  position: static !important;
  min-height: 0 !important;
}
.colorpicker {
  z-index: 100;
}

.sidebar .sub-cat li{
  margin-top:0px;
  margin-bottom:0px;
  padding-top:2px;
  padding-bottom:3px;
  line-height:1em;
}




/* Gift browser sidebar */

.gift-tags h3 { clear: both; font-size: 14pt;}
.gift-tags ol { padding: 0 0 10px 20px; }
.clearer { clear: both; height: 5px; }
.sidebar-panel .gift-tag { 
  padding: 0.3em 0.6em;
  font-size: 14px; 
  float: left;
  margin:3px; 
  line-height: 15px;
}
.gift-tag input { display: none; }
.gift-tag label { 
  background-image:  url(images/checkbox.png);
  background-repeat: no-repeat;
  background-position: -1px -55px;
  padding-left: 20px;
  margin-left: -5px;
  margin-bottom: -1px;
  height: 20px;
  cursor: hand; cursor: pointer;
}
#tag-featured label {
  padding-left: 21px;
  background-position: -1px -108px;
}
.selected-gift-tag label {
  background-position: -1px -1px;
}

#gift-browser-sidebar .reset {
  font-size: 9pt;
  text-align: right;
  color: #ddd;
  padding: 8px;
}
.reset a { text-decoration: underline; }


/* Gift browser main page */
#frame .gift-browser {
  border: 8px solid white;
}
.widget .gift-browser-panel {
  width: 700px;
}
.widget .gift-browser {
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(white), to(#F4F5E7));
  border: 1px solid #e0e0e0;
}
.widget .gift-page {
  margin-left: -20px;
}
.widget .gift-paging {
  padding: 0 20px;
}
.widget .gift-tag label {
  background-position: -1px -51px;
}
.widget #tag-featured label {
  background-position: -1px -105px;
}
.widget .selected-gift-tag label, .widget #tag-featured.selected-gift-tag label {
  background-position: -1px 3px;
}
.widget .gift-tags ol { padding: 0px; }

.gift-browser-menu {
  padding-left: 5px;
  margin-top: 20px;
  margin-right: -20px;
}
.gift-browser-menu .menu {
  padding: 5px 10px;
  margin-left: 10px;
  position: relative;
  font-size: 14pt;
  color: #315663;
  font-weight: bold;
  cursor: hand; cursor: pointer;
}
.gift-browser-menu label .arrow {
  opacity: 0.4;
  -moz-opacity: 0.4;
  -webkit-opacity: 0.4;

  font-size: 0.8em;
}
.gift-browser-menu ol {
  padding-top: 5px;

  background: white;
  font-weight: normal;
  font-size: 14pt;
  position: absolute;
  z-index: 10;
  left: 0px;
  margin: 0;
  display: none;

  background: white;
  border: 1px solid #666;
  border-top: 0;

  box-shadow: 1px 1px 2px #aaa;
  -moz-box-shadow: 1px 1px 2px #aaa;
  -webkit-box-shadow: 1px 1px 2px #aaa;
}
.gift-browser-menu .menu:hover ol {
  display: block;
}
.gift-browser-menu ol a {
  display: block;
  padding: 5px 10px;
  width: 180px;
  border: 1px solid white;
}
.gift-browser-menu ol a:hover {
  text-decoration: none;

  border: 1px solid #315663;
  background: #315663;
  color: white;
}

.gift-browser-panel {
  color: black; 
  width: 720px;
  height: 550px;
}
.gift-browser-shrunk {
  height: 300px;
}
.gift-list {
  width: 700px;
  height: 600px;
  left: 0px;
  position: absolute;
}
.gb-loading {
  background-image: url(images/loading-big.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

#gift-browser #gifts {
  overflow: hidden;
}
#gifts h1 {
  position: absolute;
  top: 0; left: 0;

  font-size: 16pt;
  margin: 0;
  padding: 3px 0 8px 30px;
  width: 690px;
  font-weight: normal;
  z-index: 1;
  color: black;
  background: white;
}

.gift-paging {
  position: absolute;
  width: 700px;
  color: white;
  z-index: 1;
  text-align: right;

  right: 15px; top: 15px;
}
.gift-paging .pages {
  width: 700px;
  padding: 5px 3px;
  text-align: center;
  position: absolute;
  top: 480px;
}
.gift-paging .page-num {
  padding: 2px;
  border: 1px solid #484;
  color: #666;
  margin-right: 3px;
  font-size: 10px;
  width: 14px;
  text-align: center;
  cursor: pointer;

  display: -moz-inline-box;
  display: inline-block;
  *display:inline;

  border-radius: 6px;
  -moz-border-radius: 6px;
}
.gift-paging .pages .selected {
  background: #538312;
  color: white;
}



.browser-item {
  position: absolute;
  display: block;
  cursor: hand;cursor: pointer;
}

.empty-gifts-box {
  width: 600px;
  height: 140px;
  padding: 1px 20px;
  margin: 10px auto;
  background: white;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
}
.img-loading {
  background: #f0f0f0 url(images/loading-spinner.gif) no-repeat center center;
}
.img-loading img { display: none; }
.img-error {
  background: red;
}

.when-empty { display: none; }
.empty-gifts .when-empty { display: block; }
.empty-gifts .when-full { display: none; }

.gift-set {
  width: 200px;
  height: 180px;

  box-shadow: 1px 1px 2px #888;
  -moz-box-shadow: 1px 1px 2px #888;
  -webkit-box-shadow: 1px 1px 2px #888;

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.gift-set:hover { text-decoration: none; }
.gift-set0 { top: 200px; left: 30px; }
.gift-set1 { top: 200px; left: 260px; }
.gift-set2 { top: 200px; left: 490px; }
.gift-set3 { top: 400px; left: 30px; }
.gift-set4 { top: 400px; left: 260px; }
.gift-set5 { top: 400px; left: 490px; }
.gift-set img {
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.gift-set .button {
  position: absolute;
  right: 4px;
  bottom: 8px;
}
.ghost .caption { display: none; }

.ghost-copy { 
  border: 2px solid #888;
  width: 70px;
  height: 50px;
 }
.pay-button { position: relative; }


.gift-page {
	float:left;
	width:720px;
	height:600px;
	position:relative;
}
.gift-page .page-title {
  font-size: 19pt;
  font-weight: normal;
  margin: 14px 0 0 30px;
  padding: 0;
  color: #2B4E64;
}

.gift {
  width: 215px;
  height: 250px;
  cursor: hand; cursor: pointer;
  position: relative;
}
.gift .pic:hover { text-decoration: none; }
.big-gift {
  width: 440px;
}
.gift .pic {
  position: absolute;
  overflow: visible;
  height: 150px;
  width: 200px;
  margin: 0 15px;
  box-shadow: 1px 1px 2px #888;
  -moz-box-shadow: 1px 1px 2px #888;
  -webkit-box-shadow: 1px 1px 2px #888;

  border: 0 solid #273A1C;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.gift .pic img {
  width: 100%;
  height: 100%;
}
.gift .price .button {
  display: inline;
  position: relative;
  top: 1px;
  left: 1px;
}
.gift .name {
  position: absolute;
  display: block;
  font-weight: bold;
  font-size: 14px;
  z-index: 2;
  height: 2.5em;

  margin: 0 -5px;
  padding: 0;
  color: #07c;
  top: 158px;
  width: 200px; 
  left: 10px;
}
.gift .desc {
  position: absolute;
  z-index: 5;
  top: 160px;
  width: 210px;
  padding: 5px 0;

  font-size: 13px;
  color:#1B445C;
  font-weight:bold;
}
.gift-v2 { height: 210px; }
.gift-v2 .more_text { display: none; }
.gift-v2 .desc { text-align: center; padding: 0;}
.gift-v2 .desc .more {
  display: none;
  position: absolute;
  top: -100px;
  left: 45px;
  text-decoration: none;
  z-index: 200;
  padding: 5px 10px 5px 30px;

  background: white url(images/magnifying_glass.png?) no-repeat 3px 3px;
  
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; 
  border: 1px solid #aaa;

}
.gift-v2 .desc .more:hover {
  text-decoration: underline;
}
.gift .desc .button {
  float: right;
  display: block;
  margin-left: 8px;
  width: 35px;
  padding: 0.4em 0.8em;
  font-size: 14px;
}
.desc div {
  /*background: url(images/black_spinner.gif) no-repeat 50% 50%;*/
}
.working {
}


.gift-v2 .desc .button { 
  display: block; 
  width: 160px; 
  float: none; 
  margin-bottom :5px; 
  margin-top: -8px; 
  position: relative; 
  z-index: 10;

  padding: 6px;
  font-size: 14pt;
}
.gift .desc .more, .story .more {
  color: #2b3e64;
  text-decoration: underline;
  font-size: 10pt;
}
.widget6 .story {
  margin: 10px;
}
.widget6 .post-link {
  margin-left: 10px;
}

article.type-post #gifts {
  overflow: hidden;
  margin-left: -10px;
  width: 695px;
}
article.type-post .gift-details {
  margin-left: 0;
}
article.type-post .gift-browser {
  border: 0px none;
  background: transparent;
}
article.type-post .gift-paging {
  padding: 0;
}

.position-0 .gift {
  position: absolute;
  left: 35px;
  top: 70px;
}
.position-1 .gift {
  position: absolute;
  left: 265px;
  top: 70px;
}
.position-2 .gift {
  position: absolute;
  left: 495px;
  top: 70px;
}
.position-3 .gift {
  position: absolute;
  left: 35px;
  top: 290px;
}
.position-4 .gift {
  position: absolute;
  left: 265px;
  top: 290px;
}
.position-5 .gift {
  position: absolute;
  left: 495px;
  top: 290px;
}


.pic { position: relative; overflow: hidden; }
.box .zoom {
  position: absolute;
  right: -2px;
  bottom: -2px;

  height: 15px;
  width: 15px;
  padding: 3px;
  background: white url(images/zoom.png) no-repeat 3px 3px;

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.large-story .box .zoom {
  right: -2px;
  top: -2px;
}

.post-link {
  width: 215px;
  height: 80px;
  float: left;
  margin: 5px 0 10px 5px;
  padding: 0 4px 7px 0;
  overflow: hidden;

  color: #07c;
}
.post-link .title {
  color: #07c;
  font-size:13px; font-weight:bold; margin-left: 80px; }

.post-link .pic {
  width: 70px;
  height: 70px;
  float: left;
  background: #eee;
  -moz-border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: 0 0 2px #444;
  border:2px solid #fff;
}

#cost {
  position: relative;
  padding-top: 10px;
  height: 25px;
  margin-bottom: 5px;
}

#cost .slider { 
  height:5px;
  position:relative; 
  cursor:pointer;
  width: 180px;
  clear:right;
  margin: 10px 20px;
  background: #fff;
  border:1px solid #aaa;
  cursor: e-resize;
}

/* drag handle */
#cost .handle { 
  background: url('images/slider.gif') no-repeat 0 0;
  height:21px;
  width:17px;
  top:-10px;
  position:absolute; 
  display:block; 
  cursor: e-resize;
  text-decoration: none !important;
}

#cost .labels {
  position: absolute;
  left: 10px;
  top: 0;
  width: 200px;
  text-align: right;
  font-weight: bold;
}
#cost span {
  color: white;
  font-size: 15px;
  padding-left: 50px;
}
#cost-label b { 
  background: #548118;
  color: white; 
  padding: 3px 5px;
  border-radius: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

}

#cost input { display: none; }

#gift-details {
  background: #FFE;
  border: 1px solid #DDC;
  height: 620px;
}
article.type-page #gift-details {
  background: #ffe;
  border: 1px solid #ddc;
}
.gift-details {
  position: relative;
  margin: 10px;
  padding: 10px;
}
.gift-details .heading {
  font-size: 16pt;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.gift-details .backlink {
  display: block;
  margin-top: -15px;
  padding: 15px 10px;
  font-size: 9pt;
  color: #07c;
  font-weight: bold;
  text-decoration: none;
}
.gift-details .backlink:hover u {
  color: black;
}
.gift-details .images {
  width: 320px;
  position: absolute;
  right: -15px;
  top: 0;
}
.gift-details .big-pic {
  width: 320px;
  height: 240px;
}
.gift-details .story {
  float: left;
}
.gift-details .info {
  margin-right: 310px;
  font-size: 12pt;
  padding-left: 10px;
  float: left;
}
.gift-details .actions {
  text-align: center;
  padding: 5px 0 0 0;
/*
  margin-bottom: 40px;
*/
}
.gift-details .price {
  float: right;
  color: #538312;
  font-size: 30px;
  font-weight: bold;
  padding: 5px 8px;
}
.var-gift-form .price {
  font-size: 20px;
  text-align: left;
  float: none;
}
.var-gift-form .price .button {
  width: auto;
}
.var-gift-form .varAmount {
  padding: 2px;
}
.gift-details .details {
  position: absolute;
  top: 260px;
  left: 20px;
  height: 330px;
  overflow: hidden;

  font-size: 90%;
  margin-top: 15px;
  padding-top: 10px;
  width: 350px;
  color: #444;
  border-top: 1px solid #ddd;
}
.gift-details p {
  margin-bottom: 1em !important;
}
.campaign-content .gift-details .details {
  left: 10px;
}
.gift-details .stories {
  position: absolute;
  right: -10px;
  top: 255px;
  width: 310px;
}
.gift-details .stories .story {
  margin: 0 5px 0 0;
}
.gift-details .progress-bar { 
  width: 300px;
}
.progress-bar .right {
  font-size: 13pt;
}
.progress-bar .left {
  color: #43630A;
  margin-top: 1pt;
  font-size: 11pt;
}
.progress-bar .bar{
  background:#ddd;
  text-align:left;
  border:2px #fff solid;
  width:300px;
  height:10px;
}
.progress-bar .indicator{
  background:#538312; height:10px;
}
.sample-stories { padding: 0 45px 40px 30px; }

.bordered-photo { background: white;
  padding: 3px;
  border: 1px solid #BFBFBF;
  background-color: white;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-transform 0.5s ease-in;
  -webkit-transition: -webkit-box-shadow 0.5s ease-in;
}



#facts-box{
background: #666;
width: 230px;
min-height: 80px;
border: 5px dashed #fff;
float: right;
margin: 0 0 10px 10px;
padding:5px;
clear: right;
font-size: 13px;
line-height: 13px;
}

#gifts-box{
background: #dedede;
width: 600px;
min-height:120px;
padding:5px;
clear: both;
font-size: 13px;
line-height: 13px;
}

#post-list-widget{

}

#story-list-widget{

}

#charity-list-widget{

}
/*////////////////////////////////////////////////////////////////////////////*/
/* CHECKOUT */

.payment-box {
  background: white; 
  padding: 10px;
  box-shadow: 0 0 10px #888;
}
.payment-line {
  margin-bottom: 10px;
  text-align: center;
}
.payment-line .card-code {
  margin: 20px 0 6px 0;
  font-size: 80%;
}
.payment-note {
  padding: 17px;
  line-height: 20px;
}
.test-payment {
  font-size: 80%;
  color: #888;
  margin: 20px 0 0 0;
}

.payment-button {
  width:170px; 
  margin-right: 10px;
  padding: 10px;
}

.payment-sidebar li {
  margin: 20px 10px 10px;
  font-size: 90%;
}
.page-cart .payment-box {
  box-shadow: none;
  background: transparent;
}
.page-cart #content { position: relative; }
.payment-sidebar {
  line-height: 1;
  position: absolute;
  top: 16px; bottom: 0px;
  right: 3px;
  width: 260px;
  padding: 5px 0px 90px;
}





#paymentForm { padding: 0px; }
#tip_note { font-size:9pt; line-height:13pt; width:455px; margin-right:10px; }
#cart .pic { -moz-border-radius:6px 6px 6px 6px; -moz-box-shadow:0 0 2px #444444;
  border:2px solid white; width:196px;height:146px;margin-right:10px; }
#cart .desc { font-size:13px;width:230px;height:150px;margin-right:10px;}
#cart .desc .name,
#cart .quantity .title,
#cart .amount .title { padding:0 0 5px 0; font-size:14px;}
#amount_1[type=text] { width:40px; text-align:right;font-size:13px; padding:1px;}
#cart .quantity { font-size:11pt;width:50px;height:150px;margin-right:10px;}
#cart .amount { font-size:11pt;text-align:right;width:89px;height:150px;}
.error_msg { font-weight: bold; color: #933;margin: 0; font-size:14px; }
.left_column { width: 200px; text-align: center; vertical-align: top;}
.left_column img { width: 180px; }
.focus {background: #FDEFB6; padding: 10px; clear:both;margin:10px 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-bottom:1px solid #D0D0D0;
  margin: 0 -10px 10px -10px;
}
.focus a {
  text-decoration: underline;
}
.focus label {
  cursor: pointer;
}
.focus .edit-settings {
  font-size: 9pt;
  color: #000040;
  text-decoration: underline;
  cursor: hand; cursor: pointer;
}
.focus .sidebar-title {
  padding-right: 5px;
}
#total-row { padding-top: 20px; }
#errorMsg { margin: 10px 0; }
#payment_table input { padding: 2px; }
#confirm-table { width: 600px;  }
#cc_form tr, #cc_form td{padding:2px;margin:0;}
.error{color:#CC0000; font-weight:bold;}
.error a{text-decoration:underline;}
.updated{color:#008800; font-weight:bold;}
#waiting{text-align:center;height:300px;display:none;}
#tip-info{ font-size:9pt; line-height:13pt; margin-top:10px; }
#quantity-selector{}
#nonprofit, #notify-me { font-size:9pt; line-height:13pt; margin-top:10px;}


#paymentForm #sum_table { width:530px;padding:10px;margin:40px 10px 10px 40px}
#paymentForm #sum_table td { border:0px none; font-size:13px; padding: 2px 0;}
#paymentForm #cc_table { width:530px;padding:10px;margin:10px 10px 10px 40px}
#paymentForm #cc_table td { border:0px none; font-size:13px; padding: 2px 0;}

#creditcard input[name=cvv] { width:30px;}
#gc_form { margin:10px 0;}
#gc_table td { border:0 none; padding:2px 5px; font-size:13px;}
#coupon { line-height:40px;font-size:14px; }
#coupon input[type=text] {font-weight:normal; font-size:13px;}
#coupon input[type=submit] {width:90px; font-size:16px;}
/*////////////////////////////////////////////////////////////////////////////*/

#bottom-panels .cart-widget { 
  padding: 30px 0;
}
#bottom-panels .left-bar {
  border-left: 1px solid #f0f0f0;
  margin-left: -1px;
}

.left{float:left;}
.right{float:right;}

#cause-explorer-topics li {padding:2px 10px 3px; font-size: 14px;}

#cause-explorer-posts {
  font-size:14px; min-height:200px; width:600px;
}
#cause-explorer-stories {
  font-size:14px; min-height:200px; width:600px;
}
#cause-explorer-charities {
  font-size:14px; min-height:200px; width:600px;
}

.post-box, .charity-box{
  font-size:12px;
  float:left;
  height: 245px;
  width: 145px;
  margin: 0 5px 5px 0;
  background:#ccc;
}
.post-excerpt{
  padding:5px;
  clear: both;
  width:135px
}
.post-img-holder{
  height:145px;
  width:145px;

  overflow:hidden;
}
.post-img, .charity-img{
  min-width:145px;
  min-height:145px;
  max-height:175px;
  max-height:175px;
}

.post-title, .charity-name{
  font-size:12px; font-weight:bold;
  margin: 0 5px 0 0;
  float: left;
}


/* FB style overrides */
.share-widget a { display: block; margin-bottom: 8px; width: 200px; }
.fb-share-button { float: left; margin-right: 10px; }

.buttons .button { margin: 5px; }
.orange-button { border: 2.5px solid white; }


.gift-gallery {
  padding: 0 10px;
}
.gift-gallery .gift, .gift-row .gift {
  position: relative;
  float: left;
}
.gift-row .items {margin-left: 15px; }

.charity-header .gift-row { 
  padding-bottom:10px;
  padding-left:15px;
}

.charity-intro {
  background: white;
}
.charity-intro p, .charity-intro h1, .charity-intro h2, .charity-intro h3 {
  padding: 0 50px;
}
.charity-intro h1 {
  color: #315663;
  font-size: 25px;
  margin: 5px 0;
}
.charity-intro .expander-label {
  float: right;
  font-size: 9pt;
  text-decoration: underline;
  color: #1B445C;
  cursor: pointer; cursor: hand;
}

.whats-this {
  font-size: 9pt;
  color: #000040;
  text-decoration: underline;
  cursor: hand; cursor: pointer;
}

.page-content .causes-widget ul { float: left; width: 150px; } 
.sidebar .causes-widget ul { margin: 0 0 20px 20px }
.sidebar .causes-widget ul li {float: left; padding:0; margin: 0 5px; font-size:11pt; background: transparent; }
.sidebar .causes-widget a{ border-bottom: 1px solid #C0DFEA; text-decoration: none; }
.sidebar .causes-widget a:hover { border-bottom: 1px solid #C4EF83; color: #C4EF83; }

.post-nav-prev,.post-nav-next{
font-size:10pt;
text-decoration:underline;
}
.post-nav-prev{
float:left;
}
.post-nav-next{
float:right;
}
.comments-form p{
  margin: 0;
}
.comments-form textarea{
  width: 598px;
  height: 78px;
  margin: 10px 0;
}
.comments-form #submit{
  padding: 2px 5px;
}
.comments-form{
  margin:10px 0;
}
.entry-comments ol{
  margin-left:1em;
}
.entry-comments li{
background: #FFFFD0;
border-bottom: 1px solid #D0D0D0;
border-bottom-left-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
padding:5px;
margin-bottom:10px;
font-size:13px;

}
.comment-gravatar{
  position:absolute;
}
.comment-data{
  margin-left: 70px;
}
.comment-meta{
  font-style:italic;
}
.comment-data p{
  font-size:11px;
}
.comment-author{
  font-weight:bold;
}
#comment-form p{
margin:5px 0;
}
#comment-form label{
float:left; width: 250px;
font-size:13px;
}
.share-widget-post-button{
  padding:15px; text-align:left;
  font-size: 10pt;
  line-height: 13pt;

  width: 568px;
  color: #333;
  background: #D8EBF0;
  border-bottom: 1px solid #D0D0D0;
  border-radius: 6px;
  -moz-border-radius: 6px;
}
.share-widget-post-small{
  float: right;
  padding:3px; text-align:right;
  margin: -17px -55px -5px 10px;
  font-size: 10pt;
  line-height: 13pt;
  font-style:italic;
  width: 163px;
  color: #333;
  background: #FFFFD0;
  border-bottom: 1px solid #D0D0D0;
  border-radius: 6px;
  -moz-border-radius: 6px;
}
.share-widget-post-small img {
 vertical-align: middle;
}
.type-article .share-widget-post-small {
  margin: -53px -50px 5px 10px;
}
.share-widget-post-small strong{
  font-weight:bold;
}
.share-widget-post-small p{
  margin: 5px 0;
}
.share-widget-post-medium{
  float: right;
  padding:5px; text-align:right;
}


.charity .box {
  background: white;
  width:275px;
  height:150px;
  float: left;
}
.charity .pic {
  border: 2px solid white;
  width:225px;
  height:100px;
  box-shadow:0 0 2px #444;
  -moz-box-shadow:0 0 2px #444;
  -webkit-box-shadow:0 0 2px #444;

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.charity .title {
  padding: 5px 0;
  font-size: 13px;
  font-weight: bold;
  color: #1B445C;
}
/*////////////////////////////////////////////////////////////////////////////*/
#thank-you{
  font-size:13px;
}

#thank-you .pic{
  border: 2px solid white;

  box-shadow: 1px 1px 2px #888;
  -moz-box-shadow: 1px 1px 2px #888;
  -webkit-box-shadow: 1px 1px 2px #888;

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#cboxLoadedContent .content {
  margin: 0;
}

.fb-like-widget { display: none; }
body.page .fb-like-widget { display: block; }

.sidebar .widget_archive { padding: 20px; width: 200px; }
.blog-tags { margin: 10px 5px 25px 5px; }
.blog-tags a {
  padding: 5px 0 5px 20px;
  display: block;
  float: left;
}

.single-article #bottom-panels .causes_widget-headline { text-align: center; }
.single-article #bottom-panels .causes-widget ul { width:200px; padding-left:30px; }
.single-article #bottom-panels .causes-widget ul a { font-size: 20px; text-decoration: none; }
.single-article #bottom-panels .causes-widget ul a:hover { text-decoration: underline; }
.the-oc { color: orange; text-decoration: none; font-weight: bold; }

article .give-this-gift { margin-bottom: 30px; }
.give-this-gift td { vertical-align: middle; border: 0px none; padding: 0; }
.give-this-gift b {
  color: #315663;
}
.give-this-gift .button {
  float: left;
  margin-right: 20px;
}

.profile-page .crumbs {
  background: transparent;
  padding:  0 12px 5px;
  margin-top: -7px;
}
.profile-page section, .single-event section {
  position: relative; }
.profile-page .profile-panel {
  z-index: 1;
  position: relative;
  background: white;
}
.profile-panel .profile-left {
  padding: 40px 0 20px 20px;
  width: 220px;
  float: left;
}
.profile-panel .profile-right {
  float: right;
  width: 700px;
  padding: 25px 20px;
}
.profile-left .avatar {
  padding: 5px;
  margin: 5px;
  border: 1px solid #888;
  box-shadow: 0 0 10px #888;
  -moz-box-shadow: 0 0 10px #888;
}

.standard-page .help-box,
.profile-panel .help-box {
  display: block;
  background: #f2fff2;
  color: #595;
  margin: 4px;
  font-size: 14pt;
  padding:15px 20px 10px;
  box-shadow: 0 0 4px silver;
  position: relative;
  z-index: 5;
}
.standard-page .help-box {
  margin-bottom: 20px;
}

.help-box .steps {
  width: 650px;
  margin: 0 auto;
  margin-bottom: 15px;
  display: none;
}
.help-box .steps .step {
  position: relative;
}
.help-box .actions {
  position: relative;
  margin-left: 50px;
  top: -2px;
}
.help-box .real-link {
  text-decoration: underline;
  font-weight: bold;
}
.steps .available:hover {
  color: black;
  opacity: 1;
}
.steps .available:hover .check {
  opacity: 0.4;
}
.steps .done .check {
  position: absolute;
  left: 12px;
}
.help-box .help-text {
  padding: 0 25px 0;
  text-align: center;
  font-size: 14px;
}
.help-box .help-text b {
  font-size: 20px;
  margin-right: 20px;
}
.help-box img {
  margin-right: 5px;
}
.help-box .step {
  vertical-align: middle;
  float: left;
  font-size: 14pt;
  padding: 0 15px;
  opacity: 0.5;
}
.help-box .active {
  opacity: 1.0;
}
.help-box .step img {
  vertical-align: middle;
}

.profile-ad {
  color: #444;
}
.profile-ad a {
  display: block;
  text-decoration: underline;
  color: #07c;
}
.profile-left .profile-ad h3 {
  display:none;
}
.profile-right .profile-ad {
  float: left;
  width: 280px;
  margin: 0 30px;
}

article.type-profile .fields {
  margin-bottom: 20px;
}

article.type-event {
  padding: 20px 40px;
}
article.type-event h1 {
  margin: 0.5em 0;
}
.single-event .give-tab .button { visibility: hidden; }
.single-event #content {
  background: white; /* url(images/ribbon.png) no-repeat top right;*/
}
.single-event .story-slideshow {
  width: 694px;
}
.single-event article {
  background: transparent;
}
/*
.single-event article .tab-panel {
  padding: 15px 0;
}
.single-event article .tab-panel h3 {
  font-size: 130%;
}
*/
.single-event article .subhead {
  margin-top: -15px;
  font-size: 80%;
  color: #666;
}
.single-event article .widget6 {
  margin: 0 -33px;
  
}
.single-event .story-slideshow .scrollable { margin-top: -20px; }
.single-event #show_panels .content, .story-panel .content {
  margin: 0px;
  width: auto;
}
.single-event #show_panels, .story-panel {
  position: relative;
  border: 1px solid #E4E5DA;
}
.single-event #show_panels .frame-shadow, .story-panel .frame-shadow {
  background:url("images/photo-b.png") no-repeat scroll -13px 0 transparent;
  width: 692px;
}
.single-event .cart-gift { display: none; }

#show_panels article {
  border: 1px solid #E4E5DA;
  margin: 10px;
}



.event-tabs {
  border-top: 1px solid #aaa;
  margin-top: 45px;
  height: 10px;

  position: relative;
  z-index: 99;
  
  -webkit-box-shadow: 0 -1px 1px black;
}
.event-tabs .inner { position: absolute; }
.event-tabs .tab {
  position: relative;
  top: -40px;
  z-index: 98;
  float: left;
  height: 17px;

  font-size: 14pt;
  padding: 10px 25px;
  border: 1px solid #ccc;
  border-bottom: 0px none;
  margin-bottom: -1px;
  margin-left: 30px;

  background: #f7f7f7;
  color: #315663;

  cursor: pointer; cursor: hand;
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
}
.event-tabs .selected-tab { 
  height: 20px;
  background: white;
  font-weight: bold;
}
.single-event .story-slideshow { padding: 0; }
.single-event #tabs-see-your-impact {
  /* Always display */
  display: block !important;
  position: relative !important;
}


/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) 
 * 257.   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  body { width: 1040px; }
}

/*////////////////////////////////////////////////////////////////////////////*/


#register-page,#activate-page{padding: 20px 55px; font-size:13px;}
#register-page label{width:200px;display:block;float:left;}
#register-page p, #activate-page p{clear:both;padding:5px 0;}
#register-page h3, #activate-page h3{font-size:15px;}

#register-page input[type=submit],
#activate-page input[type=submit],
#profile-edit-form input[type=submit]
{padding: 3px 10px;font-weight:bold;font-size:15px;}

.avatar-actions {
  position: absolute;
}
.avatar-actions .button {
  position: absolute;
  top: -35px;
  left: 50px;
  width: 100px;
}

.profile-left .avatar {
  background: white;
  width: 200px;
  -moz-border-radius:6px 6px 6px 6px;
  -moz-box-shadow:0 0 2px #444444;
}
.profile-left .widget {
  margin: 20px 0 0 0;
}

#members-dir-search{margin:10px 0 0;}
.item-list-tabs{margin:10px 0 0;}
#members-dir-list{margin:10px 0 0;}
#members-dir-list .item-avatar{
margin:0;-moz-border-radius:2px 2px 2px 2px;
-moz-box-shadow:0 0 2px #444444;
border:2px solid white; width:50px;}

#members-directory-form{line-height:2em;}
#members-dir-list li{float:left;margin:10px 10px;}

#members-dir-list .item-avatar img{margin:0;}
#members-dir-list .item{display:none;}
#members-dir-list .item-title{font-weight:bold;}

.padder{padding: 20px 55px 0; font-size:13px;}

.panel #subnav{padding: 0 0 10px; font-size:13px; }
.panel #subnav ul li,
#item-body #subnav ul li,
#item-nav #object-nav ul li
{display:inline; padding: 0 10px 0 0;}

#object-nav a , #subnav a{text-decoration:underline;}

#settings-form{line-height:20px;}
#settings-form label{display:block;clear:both;margin:10px 0 0; font-weight:bold;}
#settings-form .submit{margin:10px 0 0;}
#settings-form input[type=submit]{padding: 3px 10px;font-weight:bold;font-size:15px;}

#member-directory-form{}


#login-popup p{padding:5px 0;}

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff; color:#333;
	padding: 10px 20px;
	border: 10px solid #ddd;
	float: left;
  font-size: 13px;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.close {
/*	float: right;
	margin: -55px -55px 0 0;*/
  width: 50px;
  padding: 2px;
  text-decoration: none;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.small{font-size:0.9em;}

/*
.profile #bottom-panels .stories_widget{padding:20px 45px;}
*/

form.standard-form .field-label {
  margin: 8px 0;
  width: 10em;
  float: left;
  display: block;
}

form.standard-form .fields * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

form.standard-form .labeled {
  margin: 0 14px 14px 0;
  position: relative;
  float:left;
}
form.standard-form .labeled label {
  display: block;
  padding: 7px;
  height: 32px;
  font-size: 16px;
  color: #808080;
  font-weight: normal;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  background: white;
  width: 100%;
}
form.standard-form .labeled input,
form.standard-form .labeled select {
  border: 1px solid #666;
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  z-index: 1;
  background: transparent;
  width: 100%;
}

.standard-form .error-field {
  border: 2px solid #C00 !important;
  padding: 2px 4px !important;
}
.field-label .optional {
  display: block;
  font-size: 0.7em;
}
form.standard-form .next-field {
  margin-left: 10px;
}
form.standard-form .editfield {
  margin: 8px 0;
}
form.standard-form .gap-after {
  margin-bottom: 10px;
}
#your-settings-form .fields {
  margin-left: 12px;
}
form.standard-form input[type=checkbox].left {
  margin-top: 3px;
}
.ie7 form.standard-form input[type=checkbox].left {
  margin-top: 0;
}

form.standard-form .submit-row {
  margin-top: 15px;
}
form.standard-form .fields input[type=radio] {
  padding: 0 0.5em;
}
form.standard-form .fields input[type=text], 
form.standard-form .fields input[type=number], 
form.standard-form .fields input[type=password],
form.standard-form .fields select,
form.standard-form .fields textarea {
  margin: 0;
  font-size: 1.2em;
  padding: 3px 5px;
  border-width: 1px;
  border-style: solid;
}
form.standard-form .fields textarea {
  font-size: 1em;
}


form.standard-form .fields input[type=text]:focus,
form.standard-form .fields input[type=number]:focus,
form.standard-form .fields input[type=password]:focus,
form.standard-form .fields select:focus,
form.standard-form .fields textarea:focus {
  border-color: #004;
  padding: 2px 4px;
  border-width: 2px;
}

form.standard-form .fields textarea {
  width: 460px;
  height: 140px;
}
form.standard-form span.placeholder {
  font-size: 1.2em;
  padding: 6px;
  color: #bbb;
}

form.standard-form .description {
  font-size: 0.9em;
  padding: 3px;
}
form.standard-form .section-label {
  display:block;
  font-weight:bold;
  font-size: 14px;
}
form.standard-form .profile-fb-info {
  float: left;
}
form.standard-form .check-option,
form.standard-form .radio-option {
  padding: 3px 10px;
  display: block;
}
form.standard-form .radio-option input,
form.standard-form .check-option input {
  margin-right: 0.5em;
}

.fb-publish .check-option {
  padding: 4px 20px;
}


#general-personal-li,
#notifications-personal-li{display:none!important;}
.subscription-button p{
  font-size:12px;
  padding:5px 10px;
  width: 220px;
}
.subscription-button h3{
  padding:0;
  margin:0;
}
.recurring-invoice{padding:10px; margin:10px 0; border: 2px solid #666;
font-size:12px; line-height:18px;}
.recurring-lineitem{padding:5px; margin: 5px 0; border: 1px solid #ccc;}
.recurring-invoice-label{width: 150px; float:left; margin-left:10px;}




.page-tabs {
  border-bottom: 1px solid #a0a0a0;
  margin: -10px -30px 5px -30px;
  padding: 0 30px;
}

.page-tabs a.tab {
  float: left;
  display: block;
  padding: 5px;
  margin-right: 20px;
}


.story-slideshow { 
  width: 695px; 
  xbackground: white;
  padding: 0 5px 15px 10px;
  z-index: 0;
  position: relative;
}
.story-slideshow .scrollable {
  height: 140px;
  margin-top: -40px;
}
.story-slideshow h3 {
  padding-left: 20px;
  padding-bottom: 20px;
  position: relative;
  top: 0; left: 0;
  margin: 0;
  color: #315663;
}
.story-slideshow .items {
  height: 120px;
  padding-left: 25px;
  height: 120px;
  bottom: 5px;
}
.story-slideshow .slide { 
  width: 60px;
  position: relative;
  float: left;
  margin-top: 2px;
  vertical-align: bottom;
  height: 120px;

    -webkit-transition: -webkit-transform 1s;
       -moz-transition: -moz-transform 1s;
        -ms-transition: -ms-transform 1s;
            transition: transform 1s;
}
.story-slideshow .slide img {
  border: 2px solid white;
  -webkit-box-shadow: 0 0 2px #888;
  -moz-box-shadow: 0 0 2px #888;
  box-shadow: 0 0 2px #888;
  margin: 0;
  background: white;

  position: absolute;
  bottom: 0;
}
.story-slideshow .selected img {
  bottom: 2px;
  border: 3px solid #6B9D28;
}



.start-campaign-ad {
  margin: 0px 50px 20px 0;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius:8px 8px 8px 8px;
  padding:15px;
  background:#FFDC93;
}

.thankyou-widget h2 {
  text-transform: uppercase;
  margin: 0.5em 0;
  font-size: 20pt;
}
.thankyou-widget .your-email {
  display: block;
  margin: 5px 10px;
  font-size: 15px;
  font-weight: bold;
}





.empty-impact {
  margin: 30px;
}
.corporate-matching-ad {
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius:8px 8px 8px 8px;
  padding:15px;
  font-size:0.9em;  	
  width:185px;
}
.corporate-matching-ad h3{

}

.profile-panel .about-me{
  font-size: 14px;
  padding: 0 15px;
  width:185px;	
  color: #666;
}


.cart-item {
  margin: 20px -20px 0;
  font-size: 14px; 
  position: relative; 
  border-top: 1px solid #eee;
  padding: 20px 20px 0;
}
.cart-item h2 { margin: 9px 0 0; }
.cart-item .item-img img {
  position:relative; 
  z-index:1; 
  float:left; 
  width:60px; 
  margin-right:10px; 
  border: 1px solid #ccc; 
  box-shadow: 0 0 7px #888; 
  padding: 2px; 
  margin-top: -2px;
}
.cart-item .remove-checkbox{ 
  position: absolute;
  right: 10px;
  top: 24px;
}
.cart-item .txt {
  float: left; 
  width: 380px; 
  color: #666; 
  padding-left: 10px;
}
.cart-item .txt-noimg {
  width:450px; 
  padding-left: 0;
}
.cart-item .calc {
  float: right;
  width: 130px;
  line-height:24px; 
}
.cart-item .item-total{
  font-size: 20px;
  font-weight:bold; 
}
.cart-item .var-amount{ 
  font-weight:bold; 
  font-size: 20px;
  padding: 3px 3px 3px 14px; 
  margin-left:2px; 
  width: 60px; 
}
.cart-item .dollar {
  position: absolute;
  font-size: 20px;
  padding: 5px;
  z-index: 1;
}
.cart-item .quantity {
  margin: 0 20px 0 10px;
  text-align: right;
}
.cart-item .unit {
  display: block;
  font-size: 70%;
  padding-left: 5px;
}
.tip-item select { 
  width: 145px;
  font-size: 17px;
  padding: 2px;
  margin-left: -5px;
  border-color: #eee;
  font-weight: bold;
}
.total-item {
  background: #eee;
  padding: 10px 20px;
  margin: 30px -20px;
}
.total-item .txt {
  padding: 5px 0;
}
#code-entry { margin: 5px 0 0 0; }
#code-entry.expanded { margin: 0; }


.checkout-buttons{ font-size:12px; clear:both; margin:20px 10px 0; }


.cart-item .title{ 
  font-size: 12pt; 
  margin-bottom: 5px; 
  color:#315663;
  width: 280px;
}
.cart-item .cart-gift, .cart-item .match-gift {
  padding: 10px 0 5px 30px;
  margin: 5px 0 0 -20px;
  color: black;
  background: url(images/gift_tag.png) no-repeat 0 0;
  font-weight: bold;
  position: relative;
  color: #C64E11;
}
.cart-item .match-gift {
  background: url(/wp-content/images/starburst.gif) no-repeat 0 0;
  padding-left: 25px;
  padding-top: 3px;
  font-size: 14px;
  margin-left: 0;
  color: #888;
}
.cart-gift a {
  color: #315663;
  text-decoration: underline;
  font-weight: normal;
  margin-left: 5px;
}

.blockMsg {
  width: 30%;
  top: 40%;
  left: 35%;
  text-align: center;
  color: black;
  background: white;
  cursor: wait;
  padding: 5px;
  border: 1px solid #aaa;
}

.give-gc { margin-top: 20px; font-size: 11pt; }
.give-gc h3 { font-size: 11pt; margin-top: 0px; }
.give-gc div { margin: 5px; }
.page-cart .name-field { width: 140px; }
.page-cart .email-field { width: 240px; margin-left: 10px; }
.page-cart .name-field, .page-cart .email-field, .give-gc textarea {
  font-size: 10pt;
  padding: 3px;
}
.give-gc textarea {
  width: 560px;
}
.page-cart #gift-browser {
  border: 0px none;
  background: transparent;
}
.page-cart #gift-browser .page-title {
  display: none;
}

.sign-form .fields, .sign-form .buttons {
  margin-left: 30px;
}


#gc-error{ color:#900; font-weight:bold; }
#readonly-cart .cart-item{ margin:10px 0 0; }
#readonly-cart .item-total{ font-weight:normal; font-size:14px; }
#creditcard-input td{border:0 none; font-size:14px;}
#cvv-tip{ display:none;position:absolute;text-align:center;top:180px;
  padding:20px 40px;background:#fff;border:10px solid #ddd; }

.cart-item #free-form{ font-size:12px; width:100%; }
.cart-item #free-form td{ border:0 none; padding:8px 5px 0 0; line-height:1.8em; }

#cc_form{ text-align:left; margin: 0 20px; position:relative; }
#cc_form input, #cc_form select { margin-right:16px; }
#cc_form .fields { margin-bottom: 5px; }
#cc_form .field-label { font-size: 12pt; font-weight: bold; padding-top: 12px; }
#cc_form .fields .full { width:360px; }
.cc_form #page-sidebar {
  top: auto;
}

#signin-fields{
  float:right; text-align:right;
}
#signin-select-buttons{
  padding:10px 0;
}
#signin-error a { text-decoration: underline; }


#fb-connected-box {
  margin: 15px 0;
  width:380px;
  min-height:80px;
  background:#fff;
  color: #253960;
  font-size: 11pt;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
#fb-connected-box h3 { margin-top: 0; }

#fb-connected-arrow {
  display:none;
  border: 8px solid white;
  border-color: #fff #fff #EDEFF4 #fff;
  width:0;
  height:0;
  margin-left:40px;
}

#fb-connected-pref {
  font-size:11px; float:right; margin:5px 0 0;
}

#fb-connect-info{
  margin:20px 0 0 0;
   font-size:10pt;
  text-align:left;
  position: relative;
  z-index: 2;
}
.profile-fb-info {
  font-size: 0.9em;
}
.profile-fb-info .fb-name {
  font-weight: bold;
}
.profile-fb-info .disconnect {
  color: #888;
}

#signin-notnow {
  width: 250px;
  visibility: hidden;
  margin: 0 auto 20px auto;
  
  background:#fff; 
  border:1px dashed #ccc;
  padding:10px; 
  font-size:13px;
}
#no-thanks {
  display: block;
  margin: 20px auto 10px auto;
  width: 250px;

  text-align: center;
  color: #666;
  font-size: 0.9em;
  padding: 5px;
  border: 1px dashed #ddd;
}

.progress_box {
  width: 130px;
  text-align: center;
  color: white;
  padding: 5px;
  background: #5595AA;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5493A8), to(#589CB5));
}

/*////////////////////////////////////////////////////////////////////////////*/

.gallery-widget .gallery-right {
  padding-top: 10px;
}
.gallery-widget .post {
  width:650px; 
  float: left; clear: left;
  margin-bottom:10px;
  padding: 15px 0 20px;
  position: relative;
  font-size: 90%;
}
.gallery-widget .item-image { 
  margin-right: 12px;
  float: left;
  border: 1px solid #999;
  position: relative;
  width:400px;
  height:350px;
}
.gallery-widget .items .selected {

  box-shadow: 0 0 4px #888;
  -moz-box-shadow: 2px 2px 4px #888;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius:8px 8px 8px 8px;
  margin: 2px;

  background:#F9F9D2;
}
.gallery-widget .selected .image-photo {
  background: #eef url(images/loading-spinner.gif) no-repeat center center;
}
.gallery-widget .item-title {
  font-size: 16pt;
  color: #2B4E64;
  padding: 6px;
}
.gallery-widget h1,
.gallery-widget h2,
.gallery-widget h3 {
  margin-top: 0;
}

.gallery-widget .gave {
  position: absolute;
  width: 383px;
  height: 45px;
  bottom: 5px;
  left: 5px;
  padding: 15px 5px 5px;
  color: black;
  z-index: 2;
  font-size: 12pt;
}
.gallery-widget .gave .profile-name {
  font-weight: bold;
}
.gallery-widget .mask {
  height: 35px;
  background:white;
  opacity: 0.6;
  z-index: 1;
}
.gallery-widget .item-content, .galllery-widget .item-title { 
  float: right;
  width: 225px;
}
.gallery-widget .item-buttons { 
  position: absolute;
  bottom: 0;
  padding: 10px 0;
  width: 200px;
}

.gallery-widget p {
  margin: 10px 0;
  padding: 0;
  font-size: 11pt;
}
.gallery-widget .item-excerpt {
  width: auto;
}
.gallery-widget .item-excerpt .story-link {
  font-size: 9pt;
  color: #07c;
  text-decoration: underline;
}

.gallery-widget .vertical { height: 400px; width: 700px; }
.standard-form .gallery-widget .vertical { height: 350px; }
.gallery-widget .vertical .items { height:20000em; }

.gallery-widget .item-thumb {
  display: block;
  float: left;
  position: relative;
  padding: 5px;
}
.gallery-widget .item-thumb img,
.gallery-widget .dummy{
  width: 70px;
  height: 55px;
  border: 1px solid #888;
  background: #eee;
  margin: 0;	
}
.gallery-widget .dummy {
  margin: 5px;
  padding: 0;
}

.gallery-widget .gallery-left .selected {
  background: #F88E11;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.item-thumb .play {
  width: 100%;
  height: 100%;
  background: transparent url(images/play-button.png) no-repeat 50% 50%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.gallery-widget .pick-me { display: none; }
.gallery-widget .selected .pick-me {
  display: block;
  position: absolute;
  border-width: 20px 20px;
  border-color: white transparent transparent transparent;
  border-style: solid;
  left: 180px;
  bottom: -30px;
  z-index: 10;
  cursor: pointer;
  width: 0;
}
.pick-me .me-too {
  width: 0;
  position: absolute;
  border-width: 20px 20px;
  border-color: #478 transparent transparent transparent;
  border-style: solid;
  top: -20px;
  left: -20px;
}
.pick-me .me-too:hover {
  border-color: #246 transparent transparent transparent;
}

.profile-page .crumbs {
  height: 40px;
  line-height: 50px;
}

.crumbs .profile-name {
  font-size: 20pt;
  font-weight: normal;
  color: #2B4E64;
  margin-top: 4px;
}
.crumbs .avatar-link img {
  width: 40px;
  height: 40px;
  padding: 1px;
  background: white;
  border: 1px solid #ccc;
  margin-left: -4px;
}
.public .crumbs .avatar-link img {
  opacity: 0.8;
}
.profile-page .crumbs .info {
  font-size: 11pt;
  margin-top: 5px;
  margin-left: 20px;
}
.profile-page .crumbs .info b {
  color: #2B4E64;
}

.gifts-v3 .gift {
  background: url(images/gift_shadow.png) no-repeat -7px 107px;
  width: 240px;
  margin-left: -13px;
}
.gift-page .give-any {
  font-size: 10pt;
  color: #444;
  background: transparent;
  padding: 0px 0 0 35px;
  width: 200px;
  cursor: default;
}
.gift-page .give-any h3 { 
  color: #666; 
  font-size: 12pt;
}
.gift-page .give-any p {
  width: 180px;
  margin-bottom: 1em;
}
.gifts-v3 .gift .pic {
  border: 1px solid #888;
  padding: 4px;
  background: white;
  width: 190px; height: 140px;
  border-radius: 0; -moz-border-radius: 0;
}
.gifts-v3 .gift:hover .name {
  text-decoration: underline;
}
.gifts-v3 .desc .button { display: none; }

.gifts-v3 .gift .price .cost {
  display: none;
}
.gifts-v3 .gift .button .cost {
  display: inline;
}
.gifts-v3 .gift .price {
  display: block;
  position: absolute;
  bottom: 3px;
  right: 3px;
  font-weight: bold;
  background: white;
  padding: 5px 8px 0;
  color: #484;
  font-size: 16px;
  text-decoration: none;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;

  padding: 6px 2px;
}
.gifts-v3 .gift-list { width: 720px; }
.krumo-version { display: none; }

.share-left {
  width: 350px;
  float: left;
}
.share-right {
  width: 335px;
  float: right;
  padding: 8px 0;
}
.share-message {
  font-size: 17px;
  color: #666;
  padding-bottom: 20px;
  padding-left: 15px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #ccc;
}
.share-message h2 {
  font-size: 36px;
  font-weight: normal;
  margin: 0 0 .5em 0;
}

#invite-page { width: 640px; }
#invite-page a {text-decoration:underline;}
#invite-page .service {
  display: block;
  float: left;
  text-align: center;
  width: 45px;
  font-size: 10px;
  line-height: 12px;
  color: #26C;
  margin: 10px 10px 0 0px;
  text-decoration: underline;
}
#invite-page .service img {
  display: block;
  margin: 0px auto;
}
#invite-message-container {
  margin-bottom: 15px;
  font-size: 14px;
}
#importer { 
  width:628px; height:200px; 
  padding:5px; font-size:12px; 
  border:1px solid #ccc; 
  overflow:auto;
}
#importer p { margin:0; line-height: 20px; }
#importer-buttons { margin-top:5px; }
#invite-import-container { font-size:14px; }
#invite-message { width:628px; height:100px; padding:5px; }
#invite-import-container a { text-decoration:none; }
#invites { margin-top: 10px; float:right; width:368px; height: 128px; padding:5px; font-size:11pt; line-height:22px; }
#invite-page #add-message {
  font-size:14px;
  cursor: pointer;
}
#inline-login { 
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius:8px 8px 8px 8px;
  padding: 10px 15px;
  margin-top: 10px;
  background:#FFDC64;
  display:none; 
  font-size:13px; line-height:22px; 
  width: 200px; height: 120px;
  position: absolute; z-index: 0;
}
#inline-login .field {
  margin-top: 5px;
}
#inline-login .field input {
  font-size: 11pt;
  padding: 2px;
}
#inline-login .field label {
  width: 80px;
  float: left;
  display: block;
}
#invite-actions #msg { font-size:13px; clear:both; margin: -5px 5px 0; text-align: center;  }

#fundraisers-page {
  margin-top: 10px;
}

#fundraisers-page h1 {
  font-size:36px; margin:0;
  color: #2A5A6C;
} 

#fundraisers-page .appeal {
  font-size:22px;    
  color: #2A5A6C;
  padding:20px 0;    
  width: 340px;
}
#fundraisers-page .button {
  margin-top: 1em;
  font-size: 28px;
  line-height: 22px;
  width: 200px;
}
#fundraisers-page .button span {
  display: block;
  margin-top: 0.3em;
  margin-bottom: -0.3em;
  font-size: 16px;
}

#fundraisers-campaigns td {
  padding-bottom: 1em;
}

#fundraisers-campaigns td strong {
  color: #2A5A6C;
  font-size: 16px;
}

#fundraisers-campaigns td em {
  font-size: 13pt;
  font-family: "Times New Roman", Times, serif;    
  display: block;
  margin-top: 3px;
  padding-right: 65px;
  margin-left: 177px;
  color: #444;
}

#fundraisers-campaigns td img {
  border:#fff solid 4px; margin-right:10px; float:left;
  box-shadow: 2px 2px 8px #888888;  
  -moz-box-shadow: 2px 2px 8px #888888;  
  -webkit-box-shadow: 2px 2px 8px #888888;  
  
}

.more-options.gift-tags .box {
  font-size: 14px;  
}
.more-options.gift-tags a.gift-tag{
  margin-bottom: 2px;  
}
.more-options ol {
  padding-bottom: 6px;  
}

.fundraiser-ad {
  position: absolute;
  width: 160px;
  z-index: 50;
  top: -71px;
  right: 6px;
  padding: 4px 10px;
  color: black;
  font-size: 11pt;
  color: #2B4E64;
  background: #D3EDF8;
  border: 1px solid #9DCCDB;
  box-shadow: 0 0 2px #888;
}
.fundraiser-ad a { 
  text-decoration: underline;
  display: block;
  margin-top: 3px;
  font-size: 12pt;
}

.appeal .leaderboard {
  display: block;
  width: 200px;
  float: right;
  border-left: 2px solid black;
  margin-left: 15px;
  padding-top: 10px;
}
.appeal .no-bars {
  border-left: 0px none;
}
.appeal .leaderboard .team {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  color: black;
}
.appeal .no-bars .team {
}
.appeal .leaderboard .progress {
  display: block;
  height: 40px;
  background: black;
  float: left;
  margin-right: 10px;
}
.appeal .no-bars .progress {
  display: none;
}
.appeal .leaderboard .name {
  display: block;
  font-size: 12pt;
  font-weight: bold;
}
.appeal .no-bars .name {
  display: inline;
  float: left;
}
.appeal .leaderboard .raised {
  margin-top: 3px;
  display: block;
  font-size: 9pt;
}
.appeal .no-bars .raised {
  display: inline;
  float: right;
}
.appeal .leaderboard .total {
  display: block;
  padding: 10px 20px;
}
.appeal .no-bars .total {
  padding-left: 0;
}


#container.charity-site .crumbs {  }
#container.charity-site #give .sidebar-panel p, #give .sidebar-panel li { color:#234; font-size:14px; line-height:16px; }
#container.charity-site #charity-frame { box-shadow:0 0 8px #888;-moz-box-shadow:0 0 8px #888;z-index:1;position:relative;background:white; }
#container.charity-site .sidebar-panel a { }
#container.charity-site .big-pic { margin-left:-15px; }
#container.charity-site .story-panel { width:700px; border: 0 none; }
#container.charity-site .story-panel article { border: 1px solid #E4E5DA; }
#container.charity-site .story-panel .loop,
#container.charity-site .story-panel #nav-below {background:#fff; border:0 none;}
#container.charity-site .story-panel article .share-widget-post-small { margin:15px -45px 0 20px; }
#container.charity-site ul { padding-left:50px; }

#container.charity-site #gift-browser #gifts.gift-browser-panel { min-height: 300px; }

.post-loop { 
  margin-top: 10px;
  width: 680px;
}
.post-loop .post {
  float: left;
  width: 580px;
  margin: 0 0 20px 8px;
  border: 1px solid #E4E5DA;
  padding-left: 25px;
  padding-bottom: 20px;
  box-shadow: 1px 3px 3px #bbb;
}
.post-loop article.padded {
  padding-left: 25px;
}
.post-loop .post-info {
  clear: both;
  float: right;
  z-index: 1;
  right: 15px;
  width: 280px;
  margin-right: -290px;
  padding-top: 20px;
  padding-bottom: 50px;
}
.post-loop .post-info h3 {
  color: #888;
}
.post-loop .post-info .set-featured {
  height: 20px;
  display: block;
  margin-top: 5px;
  padding-left: 22px;
  background: url(/wp-content/themes/syi/images/checkbox.png) no-repeat 0 -55px;
  cursor: pointer;
}
.post-loop .post-info .is-featured {
  color: black;
  font-weight: bold;
  background-position: 0 0;
}

.charity-page #content {
  background: #f3f0d1;
/* removed SDE
  padding-top: 5px;
  margin-top: 5px;
*/
}
.charity-page .social-icons {
  margin-right: 270px;
}
.charity-page .profile-panel div p {
  margin-bottom: 1em;
}
.crumbs .social-icon {
  display:block;
  padding: 20px 0 0 20px;
  width: 90px;
}
.charity-page .crumbs .profile-name {
  font-size: 24pt;
}
.charity-page .page-context {
  clear: both;
  padding: 20px 20px 20px;
  font-size: 14pt;
}
.charity-page .page-context .link {
  color: #228;
}
.charity-page h1.entry-title, 
.charity-page h2.entry-title {
  margin: 0.5em 0 0 0;
}
.charity-page .page-loop {
  z-index: 1;
  overflow: visible;
  padding-top: 0.1px;
  box-shadow: 0 0 10px #888;
  position: relative;
}

.quickfacts {
  background: #D3EDF8;
  border-top: 1px solid #8ac;
}
.quickfacts li {
  float: left;
  display: block;
  width: 280px;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 20px 10px 30px;
  line-height: 1.3em;
  background: url(/wp-content/images/chevr.png) no-repeat 9px 11px;
}


#cevhershare {
  z-index: 10 !important;
  border: 0px none !important;
  margin-left: 990px !important;
  width: 75px !important;
  border-radius: 0 6px 6px 0;
  margin-top: 10px;

  background: white;
  box-shadow: 2px 0px 10px #888 inset;

}
#cevhershare li {
  width: 72px !important;
  margin: 20px 0 !important;
  overflow: visible !important;
}
#cevhersharex {
  float: left;
  width: 420px;
}
#cevhersharex li {
  margin: 0 10px 0 0 !important;
  width: 100px !important;
  height: 25px;
  float: left;
}
.about-me #cevhersharex {
  width: 230px;
}

.interior table.donation-history td { border:0 none; }

#container.loading { opacity: 0.2; }

.profile-panel h3 img {
  padding-bottom: 10px;
}

#more-info-tip-link {
  padding-left: 10px;
}
#more-info-tip { display:none; position: absolute; margin-top:20px; left:0px;
  padding:20px 40px;background:#fff;border:10px solid #ddd; z-index:10; width:520px; }
  
.red { color:#A00; }


.handwriting {
  font-family: matt-b-1,matt-b-2,sans-serif;
  line-height: 1.1;
}
.heading {
  font-family: "freight-sans-pro-1","freight-sans-pro-2",sans-serif;
  line-height: 1.1;
}


.image-frame {
  position: relative;
  width: 250px; height: 250px;
}
.image-frame .progress1 {
  position: absolute;
  top: 45%;
  left: 10%;
  width: 80%;
  border: 1px solid #888;
  background: white;
  padding: 1px;
}
.image-frame .progress2 {
  width: 0;
  border: 1px solid #888;
  background: green;
  height: 10px;
}
.image-frame .image-button {
  position: absolute;
  top: 95%;
  left: 15%;
  width: 70%;
  z-index: 100;
}
.ie9 .image-button {
  position: static;
  margin-left: 15%;
  margin-top: -10px;
}



/* CAMPAIGN PAGE */


/* CHAPTER PAGE */

.team-page .stats2 {
  margin: 0 -40px 20px;
  padding: 3px 5px !important;
  width: 690px;
}
.team-page .gallery-widget .gallery-left .selected {
  background: #5AD;
  box-shadow: 0 0 8px #aaa;
}
.team-page .meter .full {
  display: none;
}

/* FAQS in sidebar */
.page-sidebar dl.faq {
  margin: 50px 0;
  padding: 0;
}

.page-sidebar dd.faq,
.page-sidebar dt.faq,
{
  margin: 0 -20px 0 0; padding: 0;
}

.page-sidebar dl.faq dt,
.page-sidebar dt.faq {
  display: block;
  font-size: 105%;
  margin-bottom: 10px;

  padding-left: 20px;
  background: url(/wp-content/images/expand-gray.png) no-repeat 0 2px;

  cursor: pointer;
}
.page-sidebar dl.faq dt.expanded,
.page-sidebar dt.faq.expanded {
  background: url(/wp-content/images/collapse.png) no-repeat 0 2px;
  font-weight: bold;
  color: #2B64A1;
}

.page-sidebar dl.faq dd,
.page-sidebar dd.faq {
  margin: -5px 0 10px 20px;
  display: none;
}
.page-sidebar dl.faq dd.expanded,
.page-sidebar dd.faq.expanded {
  display: block;
  color: #444;
}


.promo-missing {
  border: 1px dashed #888;
  padding: 5px;
}



/* STUFF THAT DOESN'T BELONG IN SHARED STYLES - SPECIFIC TO SYI THEME */
.cart-page, .standard-page {
  position: relative;
  border: 5px solid white;
  padding: 10px;
  background: #E8EAD3 url(/wp-content/images/crosshatch.png);
  min-height: 400px;
}

.cart-page .cart-listing,
.standard-page .page-main {
  width: 620px;
  float: left;
  padding: 20px 40px 50px;
  position: relative;
}
.cart-page .cart-listing {
  padding-bottom: 450px;
}
.page-sidebar {
  font-size: 90%;
  color: #666;
  padding: 0 0 30px 20px;
  width: 240px;
}
.campaign-sidebar .promo {
  margin: 0 10px 0 15px;
}
#page-sidebar {
  position: absolute;
  right: -260px;
  top: 0;
}
.page-sidebar .promo-widget { width: 210px; }
.team-page .page-sidebar .promo-widget { width: 230px; }

.quote { padding-left: 20px; }
img.topbar {
  width: 700px;
  margin: -28px -40px 0;
}

.fundraiser {
  margin: 10px 0 40px;
}
.fundraiser .fr-right {
  width: 370px;
}
.fundraiser .fr-image {
  margin: 6px 15px 0 20px;
}
.fundraiser .fr-actions {
  width: 325px;
}

.cart-page .page-sidebar img { display: none; }