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


.node /* Node wrapper */ {
  padding: 0 20px 20px 20px;
}

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

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

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

h2.node-title /* Node title */ {
  margin-bottom: 0.5em;
}

.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. */ {
  text-transform: uppercase;
  font-variant: small-caps;
}

.node ul.links .node-readmore {
  padding-right: 20px;
  background: URL('../images/icon_read_more_sprite.png') no-repeat right 0px;
}

.node ul.links .node-readmore:hover {
  background-position: right -34px;
}

/* Blog entries */
.node-article .submitted {
  float: left;
  width: 66px;
  background: URL('../images/verlauf_box_datum.png') no-repeat left top #0077AB;
  color: white;
  text-shadow: #666666 0px 1px 0px;
  text-transform: uppercase;
  font-variant: small-caps;
}

.node-article .submitted span {
  display: block;
  width: 100%;
  text-align: center;
}

.node-article .submitted span.part-1 {
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
}

.node-article .content,
.node-article .node-title,
.node-article ul.links {
  margin-left: 80px;
}

.node-article.node-teaser .field-name-field-image {
  float: left;
  margin-right: 20px;
}

/* Downloads */
.node-download .downloads {
  padding: 0;
  margin: 0;
  list-style: none;
}

.node-download .downloads li {
  padding: 0;
  margin: 0.2em 0;
  list-style: none;
}

.node-download .downloads li a {
  padding: 2px 0 2px 24px;
  background: URL('../images/icon_download_sprite.png') left top no-repeat;
}

.node-download .downloads li a:hover,
.node-download .downloads li a:focus {
  background-position: left -38px;
}

/* Gallery Images */
.node-gallery-image.node-teaser,
.node-submission.node-teaser {
  float: left;
  width: 142px;
  margin: 20px 0 0 20px;
  padding: 0;
  height: 200px;
  position: relative;
}

.node-gallery-image.node-teaser .node-title,
.node-submission.node-teaser .node-title {
  position: absolute;
  top: 150px;
  left: 0;
  width: 100%;
  font-weight: normal;
  text-transform: none;
  font-variant: none;
  font-size: 1em;
  color: #0077AB;
  letter-spacing: inherit;
}

.node-gallery-image.node-teaser img,
.node-submission.node-teaser img {
  border: 1px solid #B0B0B0;
}

.node-gallery-image.node-teaser img:hover,
.node-submission.node-teaser img:hover {
  border-color: #8E8E8E;
}