/* for formatting an page with a single node */

/* node title - block without title, make contents look like title */
.page-node .panel-pane.pane-node-title.no-title.block,
.node-type-event h1#page-title,
.node-type-volunteer-opportunity  h1#page-title,
.node-type-job-opportunity h1#page-title {
    color: #006687;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 25px;
	text-transform: none;
	text-align: center;
	max-width: 960px;
}
.page-node .panel-pane.pane-node-title.no-title.block {
    margin-bottom: 0;
}

/* organization is a sub-title: modify it specifically. */
.panel-pane.pane-entity-field.pane-node-field-organization.no-title.block {
    color: #50B6D5;
}


/* inline labels */
.page-node .field-label-inline .field-label {
    color: #e28e2c;
    display: inline;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    padding-top: 0;
    padding-left: 5px;
}
.page-node .field-label-inline ul, .field-label-inline  ol, .field-label-inline li {
   list-style: none inside none;
   margin: 0;
}
/* one specific inline label (this tool is using the pane label, and forcing it inline */
#volunteer-node .panels-flexible-region-9-center .pane-events .pane-title.block-title {
    font-size: 0.9em;
}

/* activity lists are broken into two columns */
.page-node  .pane-node-field-position-activity .field-label-hidden li {
   width: 50%;
   float: left;
}





/* headings in the center column of the node page, colour is overridden with the css for the node type */
#volunteer-node .panels-flexible-region-9-center .pane-title.block-title,
#volunteer-node .panels-flexible-region-19-center .pane-title.block-title,
#job-node .panels-flexible-region-19-center  .pane-title.block-title,
#event-node .panels-flexible-region-20-center .pane-title.block-title  {
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 0;
    padding-top: 0;
}

/* remove some padding on node pages */
.page-node .field {
    padding: 0;
}
.panel-pane.pane-entity-field.block {
    margin-bottom: 7px;
}
.page-node .panel-separator {
    margin: 0;
}
.page-node ul, .page-node ol {
    margin: 0 0 0 1em;
}


/* "how to apply" has a box around it */
#mini-panel-how_to_apply_4 .region.region-one-main {
    border: 1px solid #797979;
    border-radius: 11px 11px 11px 11px;	
    margin-left: 20px;
    width: 450px;
    padding-right: 0;
    padding-top: 8px;
}

/* one title needs to be centered (over a full width row) */
.pane-volunteer-search h2.block-title,
.pane-latest-events  h2.block-title,
.pane-volunteer-opportunities   h2.block-title{
    text-align: center;
}


/* first panel on volunteer page has special formatting */
#volunteer-node .panels-flexible-region-9-volunteer_details .pnn-heading,
#volunteer-node .panels-flexible-region-19-volunteer_details .pnn-heading,
#event-node .panels-flexible-region-20-volunteer_details .pnn-heading,
#job-node .panels-flexible-region-19-volunteer_details-inside .pnn-heading,
#news-item .panels-flexible-region-24-left .pnn-heading
{
    color: #666466;
    font-size: 1em;
    letter-spacing: 0;
	padding-top: 7px;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    margin-bottom: 0;
}

/* headings in side panels */
.panels-flexible-region-9-volunteer_details .pane-title.block-title,
.panels-flexible-region-19-volunteer_details .pane-title.block-title,
.panels-flexible-region-19-organization-inside .pane-title.block-title,
.pane-event-details   .pane-title.block-title,
.pane-event-details-2   .pane-title.block-title,
.panels-flexible-region-20-organization .pane-title,
.current-news-topic-block .pane-title {
    color: #006687;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 3px;
    padding-top: 0;
    text-decoration: none;
    text-transform: none;
}

/* node details are in the left column */
.pane-volunteer-details,
.pane-volunteer-details-2,
.pane-event-details,
.pane-event-details-2,
.pane-job-details,
.pane-job-details-2,
.current-news-topic-block {
    background-color: #faf0db;
    border-radius: 11px;
	padding-top: 13px;
}
.current-news-topic-block {
    padding-bottom: 13px;
}
/* pale blue sidebar */
.pane-volunteer-details-2,
.pane-job-details,
.pane-job-details-2,
.pane-event-details {
    background:  url("../images/pnn-icon-background.png") repeat;
    
}

/* side column, not in a coloured background, remove the margin; */
#event-node .panels-flexible-region-20-organization .block-inner {
    margin-left: 0;
}
/* org details in the right pane */
.panels-flexible-region-9-organization-inside,
.panels-flexible-region-19-organization-inside {
    border: 1px solid #797979;
    border-radius: 11px 11px 11px 11px;
	font-size: 0.8em;
    padding: 10px;
    width: 205px;	
}
.panels-flexible-region-9-organization-inside .block-inner,
.panels-flexible-region-19-organization-inside  .block-inner{
     margin-left: 0;
}
.panels-flexible-region-9-organization-inside .block,
.panels-flexible-region-19-organization-inside  .block {
     margin-bottom: 0;
}
.panels-flexible-region-19-organization-inside  .block .views-field-nothing-1 {
    margin-bottom: 20px;
}
.view-organization-details .views-field-city,
.view-organization-details .views-field-state-province,
.view-organization-details .views-field-postal-code{
   display: none;
}



/* some links are incognito, only blue on hover */
a.grey-link, a.grey-link:visited {
   color: #666466;
}
a.grey-link:visited:hover {
    color: #40B6D5;
}

/* size the videos */
.media-youtube-preview-wrapper object, 
.media-youtube-preview-wrapper iframe,
.media-vimeo-preview-wrapper {
    max-width: 440px;
	height: auto;
}

/* volunteer node, has a pane for the event it is linked to.  */
.pane-events .pane-title.block-title {
    float: left;
    font-size: 0.9em;
	letter-spacing: 0;
    padding-left: 7px;
}
.view-events .views-table, 
.view-events tbody, 
.view-events tr, 
.view-events td,
.view-events td:last-child {
    border: 0 none;
    line-height: 17px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.pane-events {
    margin-bottom: 6px;
    padding-bottom: 0;
	padding-left: 20px;
}

/* mini map in left margin - make it skinnier */
.pane-map .field-item, .pane-map .field-items, .pane-map .field {
    width: 204px;
}
.pane-map {
    border: 1px solid #797979;
    border-radius: 7px 7px 7px 7px;
    width: 240px;
}
.pane-map .block-content {
    width: 240px;
}
.pane-map .panel-pane.pane-entity-field.pane-entity-field,
.pane-map .region-inner,
.pane-map .block-inner  {
    margin: 0;
    padding: 0 8px;
    width: 240px;
    font-size: 0.96em;	
}

.pane-map .panel-pane.pane-entity-field.pane-entity-field iframe {
   margin-left: -3px;
   margin-top: 5px;
}
.pane-map .region.region-one-main {
    border: 0 none;
    padding: 0;
    width: 240px;
}
.pane-map .simple-gmap-link {
    margin: 0;
    padding: 0;
}

/* something special for event posters */
.pane-node-field-event-poster {
    float: right;
    max-width: 200px;
}

/* buttons on event page */
.field-name-field-registration-tickets a,
.field-name-field-registration-tickets a:visited,
.field-name-field-registration-tickets a:hover,
.addtocal,
.org-profile-button,
.org-profile-button:visited,
.org-profile-button:hover,
.page-user a.button {
    background: none repeat scroll 0 0 #40B6D5;
    border-radius: 6px;
    color: white;
    cursor: pointer;
	display: inline-block;
    margin: 5px 53px 10px 0;
    padding: 5px 18px;
    text-decoration: none;
}

.field-name-field-registration-tickets a:hover,
.addtocal:hover,
.org-profile-button:hover,
.page-user a.button:hover {
    background: none repeat scroll 0 0 #006F8C;  /* darker blue for hover */
}

.addtocal {
    margin-left: 17px;
}
.org-profile-button {
    display: inline-block;
    text-align: center;
    width: 171px;
}


/* create volunteers while creating an event - but hide most of the fields for now */
#edit-field-volunteers-needed .error {
    display: none;
}
#edit-field-volunteers-needed  .form-item,
#edit-field-volunteers-needed .field-type-text-with-summary.field-name-body.field-widget-text-textarea-with-summary.form-wrapper,
#edit-field-volunteers-needed .field-type-datetime.field-name-field-deadline-to-apply.field-widget-date-popup.form-wrapper
 {
   display: none;
}
/* show certain fields */
#edit-field-volunteers-needed .form-item.form-type-textfield.form-item-field-volunteers-needed-und-form-title,
#edit-field-volunteers-needed .form-item.form-type-select.form-item-field-volunteers-needed-und-form-field-suitability-und,
#edit-field-volunteers-needed .form-item.form-type-checkboxes.form-item-field-volunteers-needed-und-form-field-position-activity-und,
#edit-field-volunteers-needed .form-item.form-type-checkboxes.form-item-field-volunteers-needed-und-form-field-position-activity-und .form-item.form-type-checkbox,
#edit-field-volunteers-needed .form-item.form-type-textfield.form-item-field-volunteers-needed-und-form-entity-id
 {
   display: block;
}
#edit-field-volunteers-needed .form-type-checkbox  {
    width: 250px;
	float: left;
    margin: 0;	
}
#edit-field-volunteers-needed-und-form-field-position-activity-und {
    width: 500px;
}
#edit-field-volunteers-needed-und-form-actions {
    clear: both;
}
#edit-field-volunteers-needed .form-item.form-type-textfield.form-item-field-volunteers-needed-und-form-title > label,
#edit-field-volunteers-needed .form-item.form-type-select.form-item-field-volunteers-needed-und-form-field-suitability-und > label {
    display: inline;
}
#edit-field-volunteers-needed  .form-item.form-type-select.form-item-field-volunteers-needed-und-form-field-suitability-und,
#edit-field-volunteers-needed  .form-item.form-type-textfield.form-item-field-volunteers-needed-und-form-title {
    margin-bottom: 0;
}


/* nodes with taxonomies in the left column */

a .pnn-heading-title {
    color: #666466;
}
a:hover, a:focus, a:active {
    color: #40B6D5;
}
a, a:visited {
    color: #40B6D5;
}
.pnn-heading, h2, .block-title, h1#page-title, h2.field-label {
    color: #666466;
    font-family: 'Trebuchet MS','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
	text-decoration: none;
    text-transform: uppercase;
}
body {
    font-family: 'PT Sans Narrow';
}
html, body {
    color: #656464;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
    line-height: 1.5;
}
html, body {
    color: #656464;
}
html {
    font-size: 100%;
    line-height: 1.5;
    word-wrap: break-word;
}
.current-article-type-block a {
    color: #666466;
}

/* the news nodes have a panel with a fixed width.  now center it. */
#content .panel-flexible.panels-flexible-24.clearfix {
    margin-left: auto;
    margin-right: auto;
}