/*
 * Styles for specific content types and views,
 * in addition to the basic styles provided
 * by the W3 theme
 */

/*
 * Subheader
 */
#subhead {
  padding:10px 0 0 24px;
}

#subhead h2{
  font: 2.5em/1em arvobold_italic, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  color: #FF8400;
  margin-bottom: 0;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
}

/**
 * Generic field labels
 */
.field-label-inline .field-label {
  font-family: latobold,Helvetica,Tahoma,Verdana,Arial,sans-serif;
  font-weight: normal;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

/*
 * What's Going On
 */
.view-home-promos .list-holder{
  width:460px;
}
.view-home-promos .list-holder p {
  line-height:1em;
  max-width: 450px;
}

/*
 * Heroes
 */
.home .middle .block-section{
  /*height:216px;*/
  height: 250px;
}
.node-hero .group-left {
  width:100px;
  margin-right:12px;
  text-align:right;
}
.node-hero .group-right { width:510px; }
.view-home-hero img {
  float:left;
  margin:-9px 4px 45px 0;
}
.view-home-hero h2 {
  text-shadow:white 2px 2px 0px;
}

/*
 * Get Involved section
 */
.home .block-get .block-section{
  height: 260px;
}

/*
 * Mission
 */
.home .block-mission .block-section {
  height:137px;
  overflow:hidden;
}

/*
 * Home page news
 */
.home .block-news .block-section{
  height:168px;
  padding-bottom:0;
}
.view-home-news ul.news-list li {
  height:30px;
/*  overflow:hidden; */
}
.view-home-news .views-field-created {
  float:left;
  text-align:right;
  margin-right:5px;
}
.view-home-news .views-field-title {
  width:400px;
}

/*
 * Image fields in full node views
 */
.view-mode-full .field-name-field-image{
  float:left;
  margin:12px 12px 0 0;
}

/*
 * Read more links on nodes
 */
.field-name-node-link {
  float:right;
}

/*
 * Mailbag items
 */
.view-mailbag .node-teaser {
  border-bottom:1px dashed #025C95;
  margin-bottom:5em;
}

/*
 * FAQ items
 */
.node-faq .field-name-title {
  background: url(../images/bg-faq-q.png) no-repeat 0 0px;
  padding:0 0 20px 40px;
}

.node-faq .field-name-body {
  background: url(../images/bg-faq-a.png) no-repeat 0 0px;
  padding:0 0 20px 40px;
}

/*
 * Sidebar
 */
#sidebar-bottom {
  margin-top:40px;
}
#sidebar-top .block,
#sidebar-bottom .block{
  position:relative; /* this gets contextual links showing up */
  margin-bottom:40px;
}
#sidebar-top .block h2,
#sidebar-bottom .block h2{
  font: 1.5em/1em arvobold, Times, Garamond, "Times New Roman", Serif;
  color:#019ab0;
  margin:0 0 8px 0;
}
#sidebar-top .block-content,
#sidebar-bottom .block-content {
  background-color:#fff7c4;
  padding:12px;
  color:#019ab0;
}
#sidebar-top .block h3, #sidebar-top .block h3 a,
#sidebar-bottom .block h3, #sidebar-bottom .block h3 a{
  font:1.05em/1.2em arvoregular,Times,Garamond,'Times New Roman',serif;
  margin:0 0 6px 0;
}
#sidebar-top .block p,
#sidebar-bottom .block p{
  font:0.9em/1.7em latoregular, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  margin:0;
}
#sidebar-top .block img,
#sidebar-bottom .block img {
  float:left;
  margin:0 10px 10px 0;
}
#sidebar-top .block input.form-text,
#sidebar-bottom .block input.form-text{
  /* background: url(../images/bg-sidebar-input.png) 0 0 no-repeat; */
  background-color:#6bc4d1;
  color:#fbfdfd;
  border: none;
  outline: none;
  height: 38px;
  width: 260px;
  padding: 0 10px;
  margin-top:10px;
}
#sidebar-top .block .form-item,
#sidebar-top .block .form-actions,
#sidebar-bottom .block .form-item,
#sidebar-bottom .block .form-actions{
  margin:0;
}
#sidebar-top .block input.form-submit,
#sidebar-bottom .block input.form-submit{
  float:right;
}
#sidebar-top .block .read-more-link,
#sidebar-bottom .block .read-more-link {
  font:1em/1em arvoitalic,Times,Garamond,'Times New Roman',serif;
}
#sidebar-top .block a,
#sidebar-bottom .block a{
  color:#ff8400;
}

/*
 * Middle sidebar blocks
 */
#sidebar-middle {
  background-color:#fff7c4;
  padding:12px;
  color:#019ab0;
  font-size:1em;
}
#sidebar-middle p {
  font:0.9em/1.5em latoregular, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  margin-bottom:0.2em;
}
#sidebar-middle .block {
  padding:20px 0;
  margin:0;
  background: url(../images/block-middle-separator.png) 0 0 no-repeat;
}
#sidebar-middle .block:first-child{
  padding-top:0;
  background:none;
}
#sidebar-middle h2 {
  font:1em/1em latobold, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  color:#025c95;
  margin-bottom:0.5em;
}
#sidebar-middle h3 {
  font:1em/1em latobold, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  color:#019ab0;
  margin-bottom:0.5em;
}
#sidebar-middle img {
  float:left;
  margin:0 12px 12px 0;
  box-shadow: 2px 2px 6px 0 #999;
}
#sidebar-middle .promo-block-wrapper {
margin-bottom: 0;
}

/*
 * Promo blocks
 */

/* override the background color and padding on the overall block;
 * we'll be adding it for the individual promos
 */
#sidebar .block-alsf-promo .block-content{
  background-color:#fff;
  padding:0;
}

.promo-block-wrapper{
  margin-bottom:40px;
}

.promo-block{
  background-color:#fff7c4;
  padding:12px;
}

/*
 * Specific promo styles
 */
.promo-style-default {

}
.promo-style-bg-image {
  background: url(../images/bg-block.png) 0 0 repeat-y;
  padding:12px;
}
.promo-style-bg-image .promo-block {
  background:none;
  padding:0;
}

/*
 * Add the .no-background class to blocks via the block admin page to suppress the shading
 */
#sidebar .no-background .block-content{
  background-color:#fff;
  padding:0;
}

/*
 * User notifications block
 */
#block-alsf-user-alsf-user-notifications .item-list ul li { margin:0; }

/*
 * Tables
 */
#content table{
  border-collapse:collapse;
  margin:0 0 11px;
  width:640px;
}
/* QQQ 640px is too wide for tables in forms
so I removed:  !important
and added this.*/
#participants table {
	width: 100%;
}

#content table th{
  padding:4px 5px 7px;
  color:#019ab0;
  font-family: latobold, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;  
  line-height: 110%;
  text-transform:uppercase;
  border-style:none;
  vertical-align:bottom;
  border-bottom:1px solid #faf5b2;
  border-right:1px solid #fff;
}

#content table th a {
	background: url(../images/arrows-toggle-tables.png) 100% 2px no-repeat;
	font-weight: normal;
	padding-right: 15px;
}

#content table th a:hover {
	background-position: 100% -12px;
	color: #df4d0e;
	text-decoration: none;
}

#content table th.active a {
	background-position: 100% -26px;
	color: #089db5;
}

#content table td {
  font-size: 12px;
  padding:11px 5px 10px 10px;
  line-height:1.25em;
  border-style:none;
  vertical-align:top;
  font-style:normal;
	
}

#content table td.active {
	background: url(../images/bg-white-55.png);
}

#content table td a {
	color: #019ab0;
}

#content table td a:hover {
	color: #df4d0e;
	text-decoration: none;
}

#content table td.views-field-field-project-title {
	width: 185px;
}

#content table td:first-child {
	border-left: 1px solid #e4e1c8;
	border-right: 1px solid #c3e7f1;
}

#content table td {
	border-left: 1px solid #fff;
	border-right: 1px solid #c3e7f1;
}

#content table td.views-field-field-address {
	border-right: 1px solid #e4e1c8;
}

#content table tr:last-child {
	border-bottom: 2px solid #e2e2dd;
}

#content tr.even {
	background: #fff;
	border-bottom: none;
}

#content tr.odd{
	background:#f8ea65 url(../images/bg-yellow-row.png) repeat-x;
	background-position:bottom;
	border-bottom: none;
}

th.active img {
	display: none;
}

/*
 * Tables with no borders
 */
#content table.noborders tr,
#content table.noborders td,
#content table.noborders td:first-child,
#content table.noborders th,
#content table.noborders th:first-child{
  border:none;
  background:none;
}

#content table.unstyled tr,
#content table.unstyled th,
#content table.unstyled th:first-child,
#content table.unstyled td,
#content table.unstyled td:first-child,
#content table.views-view-grid tr,
#content table.views-view-grid th,
#content table.views-view-grid th:first-child,
#content table.views-view-grid td,
#content table.views-view-grid td:first-child {
  border:none !important;
  text-align:center;
  background:none;
}

/*
 * Photo albums
 */
 
.node-type-album .field-name-body,
.node-type-album .field-name-field-photos {
	clear: both;
}
 
.field-name-field-photos .field-item {
  float:left;
  margin:0 10px 10px 0;
  min-height: 130px;
}

/*
 * Colorbox fixes
 */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border:none;
}

/*
 * Staff profiles
 */
.field-name-field-staff-email {
  margin-bottom:12px;
}
.field-name-field-staff-email a {
  display:block;
  background:url(../images/email_icon_small.png) top left no-repeat;
  padding-left:30px;
  line-height:19px;
}
.field-name-field-staff-profile {
  float:left;
  margin:0 20px 6px 0;
}
#content .view-staff-profiles table.views-view-grid{
  border-spacing:20px;
  border-collapse:separate;
  width:auto;
}
#content .view-staff-profiles table.views-view-grid td{
  width:250px;
  background-color:#F9EA8D;
  text-align:left;
  padding:12px;
  text-align:center;
}
#content .view-staff-profiles .views-field-field-staff-profile{
}

/*
 * Colorbox scrollbar fix
 
#cboxLoadedContent {
  overflow: hidden !important;
}*/

/*
 * Drop shadow images
 */
img.drop-shadow {
  box-shadow: 2px 2px 6px 0 #999;
}

/*
 * Content styles used by Craig
 */
.rtecenter {
  text-align:center;
}
#sidebar-top .block img.nofloat,
#sidebar-bottom .block img.nofloat,
.nofloat {
  float:none;
  margin:10px;
}

#content table.noborders td,
#content table.noborders td:first-child{
  border:none;
}

/*
 * Civicrm Overrides
 */
body.page-civicrm #content table td,
body.page-civicrm #content table th {
  background:none;
  width:auto;
  text-align:left;
  padding:4px;
  vertical-align:top;
  overflow:visible;
}
#civicrm-menu li.menumain {
  list-style-type:none;
}
#root-menu-div .menu-ul li{
  list-style-type:none;
}

/*
 * Gift shop items
 */
.page-catalog .node-product .group-left,
.page-catalog .node-taxable .group-left,
.page-taxonomy-term .node-product .group-left,
.page-taxonomy-term .node-taxable .group-left {
  width:200px;
}
.page-catalog .node-product .group-right,
.page-catalog .node-taxable .group-right,
.page-taxonomy-term .node-product .group-right,
.page-taxonomy-term .node-taxable .group-right {
  width:440px;
}
.page-catalog .node-product .display-price,
.page-catalog .node-taxable .display-price,
.page-taxonomy-term .node-product .display-price,
.page-taxonomy-term .node-taxable .display-price{
  clear:none;
  float:none;
  text-align:left;
}
.page-node .node-product .group-left,
.page-node .node-taxable .group-left{
  width:280px;
  float:left;
}
.page-node .node-product .group-right,
.page-node .node-taxable .group-right{
  width:360px;
  float:left;
}
.views-slideshow-pager-field-item {
  float:left;
  margin:6px 3px 0 0;
}
.view-product-images .slideshow-image {
  height:250px;
  width:250px;
  overflow:hidden;
  border:1px solid #ccc;
}
.view-product-images .slideshow-image a{
  outline:none;
}
.view-product-images .slideshow-image-caption {
  font-size:0.9em;
  line-height:1em;
  margin:5px 0 0 0;
}

/*
 * Horizontal tabs list style type
 */
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button {
  list-style-type:none;
}

/*
 * Campaign downloads pages; e.g., http://dev.alexslemonade.org/campaign/kids-corner/downloads
 */
#content .view-campaign-downloads table.views-view-grid{
  border-spacing:8px;
  border-collapse:separate;
  width:auto;
}
#content .view-campaign-downloads table.views-view-grid td{
  width:300px;
  background-color:#F9EA8D;
  position:relative;
  text-align:left;
  padding:12px;
}
#content .view-campaign-downloads .views-field-title{
  font-weight:700;
}
#content .view-campaign-downloads .views-field-field-image-required{
  float:left;
  margin-right:12px;
}
#content .view-campaign-downloads .views-field-field-file a{
  display:block;
  position:absolute;
  bottom:12px;
  right:12px;
  height:60px;
  width:166px;
  text-transform:uppercase;
  background:#fcf1bb url(../images/file-icon-pdf.jpg) 116px 8px no-repeat;
  line-height:60px;
  font-weight:700;
  text-indent:2em;
}

/*
 * User profile
 */
body.page-user .user-picture {
  float:none;
  margin:0;
}
body.page-user .user-picture img {
  box-shadow: 2px 2px 6px 0 #999;
}
body.page-user .imageholder{
  background: none;
  width: auto;
  height: auto;
}
body.page-user .accordion a.opener,
body.page-user .accordion a.opener:hover {
  line-height:50px
}
.view-footer {
	clear: both;
	padding-top: 10px;
}
.view-user-fundraisers .view-footer {
  font:1em/1em arvobold,Times,Garamond,"Times New Roman",Serif;
  color:#019ab0;
  text-align:right;
  padding-right:20px;
}
.view-user-fundraisers .views-field-php {
  text-align:right;
}
.user-grand-total-wrapper {
  background: #0695b5;
  color: #fff;
  font: 1.3em/1.3em arvoregular, Times, Garamond, "Times New Roman", Serif;
  padding: 8px;
  float:right;
  width: 260px;
  height: 20px;
  margin: 24px 10px 20px;
}
.user-grand-total-label {
  float:left;
}
.user-grand-total {
  float:right;
  color: #fce302;
}

/*
 * Fundraising pages
 */
.pfp-page .field-name-field-image img{
  box-shadow: 2px 2px 6px 0 #999;
}
.pfp-page #content .social { float: left; }
#sidebar-pfp #block-alsf-pfp-alsf-pfp-thermometer .block-content,
#sidebar-pfp #block-alsf-pfp-alsf-pfp-donate .block-content,
#sidebar-pfp #block-views-node-photos-block-2 .block-content,
#sidebar-pfp #block-alsf-pfp-alsf-pfp-details .block-content{
  background-color:transparent;
  padding:0;
}
#sidebar-pfp #block-views-node-photos-block-2 .photo-box-frame div {
  float:left;
  margin:0 0 4px 0;
  max-width:165px;
  overflow:hidden;
}
#sidebar-pfp #block-views-node-photos-block-2 .photo-box-frame div:first-child {
  max-width:100px;
  margin-right:10px;
}
#sidebar-pfp #block-views-node-photos-block-2 .photo-box-frame img {
  float:none;
  margin:0;
}
#sidebar-pfp #block-views-node-photos-block-2 .more a{
  color:#028ba9;
}
#sidebar-pfp #block-views-node-photos-block-2 .more a:hover{
  color:#ff8400;
}

/*
 * Teacher Talk and Travel Story
 */
 #content .teacher-talk-list-block,
 #content .travel-story-list-block{
 vertical-align:middle;
 }
.field-name-field-teacher-talk-image{
float:right;
padding-left: 15px;
padding-bottom: 10px;
}
#content .node-teacher-talk h4{
line-height: 1.5em;
}
#content . {
float: left;
padding-right: 15px;
padding-bottom: 10px;
}

/*
 * Editing forms
 */
div.field-hidden {
  display:none;
}

/*
 * Campaign pages
 */
#campaign-financials-contents {
background: #2e91b0 url(../images/bg-summ-box.png) repeat-x;
font: 1.231em/1.125em arvobold, sans-serif;
margin: 0 0 42px 20px;
overflow: hidden;
padding: 16px;
float:right;
}
#campaign-financials-contents h2{
color: #fff;
float: left;
font-weight: normal;
margin: 2px 0;
width: 120px;
}
#campaign-financials-contents h3{
color: #fbe41f;
float: right;
font-size: 1.125em;
line-height: 1.111em;
padding-top:4px;
}
#content .leaderboard {
background: url(../images/bg-donations.png) no-repeat;
clear: both;
float: left;
margin: 27px 0 0;
overflow: hidden;
padding: 23px 34px 35px 21px;
}
#content .leaderboard h2{
color: #309ab0;
font: 2.462em/1.0625em Lombriz, sans-serif;
margin: 0 0 9px;
}

#content .leaderboard table{
width: 600px !important;
}
#content .leaderboard thead th{
background: none;
color: #f78300;
font: 12px/14px 'latobold', sans-serif;
margin: 0;
padding: 0 0 5px;
text-transform: uppercase;
}
#content .leaderboard td{
color: #309ab0;
font-size: 12px;
line-height: 14px;
}
#content .leaderboard a.more {
background: url(../images/btn-orange.png) no-repeat 0 -60px;
color: #fff;
float: right;
font: 12px/14px 'arvoitalic', sans-serif;
padding: 4px 4px 10px 8px;
}

#content p.event-details {
/* font:1.25em/1.25em arvoregular,Times,Garamond,'Times New Roman',serif;
color: #019ab0;
from H3*/
	/*font:1.1em/2em latobold, Helvetica, Tahoma, Verdana, Arial, sans-serif;*/
	color:#019ab0;
	font-weight:normal;
	line-height: 130%;
	padding:8px 8px 10px 12px;
	background-color:#fefada;
}
#content p.event-details strong{
	font-weight:normal;
}
#content p.event-details a{
font:1em/1em latobold, Helvetica, Tahoma, Verdana, Arial, sans-serif;
color: #ff8400;
}
#content .event-details-strong{
font:1em/1em arvobold,Times,Garamond,'Times New Roman',serif;
color: #ff8400;
}

#content .campaign-thumbnail {
  float:left;
  margin:0 20px 10px 0;
}

/*
 * Campaign banner
 */
.view-campaign-banner .views-field-php {
  float:left;
}
.view-campaign-banner .views-field-title {
  float:left;
  margin-top:38px;
}
#campaign-banner-block .banner-badge {
  float:left;
}
#campaign-banner-block h2 {
  float:left;
  margin-top:38px;
}
#campaign-banner-block .banner-image {
  position:relative;
  top:10px;
  margin-left:20px;
}

@media screen and (max-width:767px) {
	tr.even, tr.odd {
		background: #fff !important;
	}
	
	#content table tr:last-child,
	table,
	tbody,
	#content table th, 
	#content table td {
		border: none;
	}
}