/* $Id: nodes.css,v 1.6 2009/11/02 15:37:29 johnalbin Exp $ */

/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
}

.node-type-story /* Story content node */ {
}

.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
}

.node .submitted /* The "posted by" information */ {
}

.node .terms /* Node terms (taxonomy) */ {
}

.node .content /* Node's content wrapper */ {
}
.node .content p {
}
.node .content img {
	float: left;
	padding: 10px 10px 10px 0;
}
.node .content img.filefield-icon {
	padding: 0;
}
.node .content ul {
	margin-left: 30px;
}
	
.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/**
 * News content node
 */
.node-type-news-article .field-type-datetime {
	font-weight: bold; 
	font-style: italic;
}
 
 
/**
 * Event content node
 */
.node-type-event #sanbi-node-body {
	clear: both;
	float: none;
}
.node-type-event .region-sidebar-second .section {
	text-align: right;
}
.node-type-event .field {
	float: left;
	width: 430px;
}
.node-type-event fieldset.group-extra {
	width: 300px;
	border: 0;
	float: left;
	padding-left: 50px;
	background: transparent url('/sites/all/themes/sanbi/images/buttons/faqs.png') top left no-repeat;
}
.node-type-event fieldset.group-extra .field {
	width: 400px;
}
.node-type-event fieldset.group-extra .filefield-file {
	display: inline;
}
.node-type-event fieldset.group-extra .field .field-items .field-item {
	margin-bottom: 10px;
}
.node-type-event .field-field-eventdate {
	font-weight: bold;
	padding-left: 50px;
	/* margin-top: 10px; */ /* Original */
	margin-top: 0;
	min-height: 41px;
	background: transparent url('/sites/all/themes/sanbi/images/icons/calendar.png') top left no-repeat;
	
	/* I need to add a margin bottom so that the date is not so close to the body text. */
	margin-bottom: 10px;
}
/* RR added for new eventdate details field */
.node-type-event .field-field-eventdate-details {
   padding-left: 50px;
   margin-top: -5px;
   margin-bottom: 10px;
}

.event-sold-out  #content-area .content {
	background: transparent url('/sites/all/themes/sanbi/images/icons/soldout.jpg') top right no-repeat;
}
.node-type-event .field-field-sponsor a {
	display: block;
}
.node-type-event .field-field-sponsor a:hover {
	background-color: transparent;
}
.node-type-event .field-field-sponsor img {
	max-width: 120px;
	padding-top: 5px;
	padding-left: 5px;
}

/* Hide garden menus with css so they are included in site map*/
.menu-block-2 li.menu-mlid-9351,
.menu-block-2 li.menu-mlid-9378,
.menu-block-2 li.menu-mlid-9387,
.menu-block-2 li.menu-mlid-9396,
.menu-block-2 li.menu-mlid-9334,
.menu-block-2 li.menu-mlid-9404,
.menu-block-2 li.menu-mlid-9369,
.menu-block-2 li.menu-mlid-9343,
.menu-block-2 li.menu-mlid-9360 {
	display: none;
}

/* Put some padding around the messages */
.messages {
	margin-bottom: 10px;
}