/* $Id$ */

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


.node /* Node wrapper */ {
	padding: .3em 0;
}

.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 */ {
	border-top: 1px dashed #B0B9BB;
}

/* 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 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 */
}


.node-teaser.odd {
	background-color: #F2FAFB;
}
.node-teaser.even {
	background-color: #fff;
}

.node .teaser-content {
	width: 600px;
	float: left;
}

.node .teaser-content.with-thumb {
	width: 470px;
}

.node .teaser-icon {
	width: 75px;
	min-height: 80px;
	float: left;
	margin: 0 10px 0 15px;
	background: url(../images/page_icon_64px.png) no-repeat left;
}
.node.node-type-page .teaser-icon {
	background: url(../images/page_icon_64px.png) no-repeat left;
}
.node.node-type-archive .teaser-icon {
	background: url(../images/archive_icon_64px.png) no-repeat left;
}
.node.node-type-video .teaser-icon {
	background: url(../images/video_icon_64px.png) no-repeat left;
}
.node.node-type-forum .teaser-icon {
	background: url(../images/forum_icon_64px.png) no-repeat left;
}
.node.node-type-poll .teaser-icon {
	background: url(../images/poll_icon_64px.png) no-repeat left;
}
.node .teaser-date {
	float: right;
	font-size: .6em;
	font-weight:normal;
}

.node .teaser-thumb {
	width: 120px;
	max-height: 120px;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.node .taxonomy-images {
	float: right;
	width: 96px;
}