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


.node { /* Node wrapper */
}

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

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

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

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

.node .content { /* Node's content wrapper */
}

.node ul.links { /* Node links. See also the ul.links declaration in the pages.css. */
}

.node-promoted { /* A node that has been promoted to the front page */
}

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

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

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

/*
 * All nodes are given a node-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-my-custom-type" class.
 */

.node-page { /* Page content node */
}

.node-article { /* Article content node */
}

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

.node-unpublished p.unpublished,
.comment-unpublished p.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 */
}

.lt-ie8 .node-unpublished p.unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
}

/* effect1 */

.node div.effect1, .node div.effect1.image_left {
	background: #f2f2f2 url("/sites/all/themes/eutechnyx/images/effect1_top.png") repeat-x top center;
	margin: -20px -139px;
}
.node div.effect1.image_right > div {
	padding: 0 0 0 50px;
	text-align: right;
}
.node div.effect1 > div, .node div.effect1.image_left > div {
	text-align: left;
	padding: 0 50px 0 0;
	overflow: auto;
	background: url("/sites/all/themes/eutechnyx/images/effect1_bottom.png") repeat-x bottom center;
}
.node div.effect1 > div > a.imgfix > img {
	display: block;
	margin:0;
}

.node div.effect1 > div > img, .node div.effect1.image_left > div > img,
.node div.effect1 > div > a.imgfix, .node div.effect1.image_left > div > a.imgfix {
	float: left;
	display: block;
	margin: 0 50px 0 0;
}
.node div.effect1.image_right > div > img,
.node div.effect1.image_right > div > a.imgfix {
	margin: 0 0 0 50px;
	float: right;
}
.node div.effect1 > div > span {
	margin: 24px;
}
