/* $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 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-specific styling
 *
 */
 
#node-2 /* Front page / Etusivu */ {
}

#node-2 {
	font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
}

/*
 * Front page
 */
 
.front h2 {
	color: #FFFFFF;
    font-family: Verdana;
    font-size: 19px;
    margin-bottom: -5px;
}

.front #main-wrapper .content {
	color: #fff;
    position: relative;
    top: -41px;
    width: 300px;
    text-shadow:1px 1px 3px #000;
}

.front #main {
  background: url(../images/ferrariclub_frontpg_bg.jpg) no-repeat left top;
}


/* Header styling for Uutiset (story), Tapahtumat (event) and Kuvagalleriat (gallery) nodes */
.node-type-event h1.title,
.node-type-story h1.title,
.node-type-gallery h1.title,
.node-type-article h1.title {
  color: #fff;
  font-family: Georgia, serif;
  background: url(../images/ferrariclub_header2_bg.png) no-repeat left top;
  background-position: top 4px;
  font-size: 22px;
  height: 96px;
  left: -30px;
  padding-left: 30px;
  margin-bottom: -78px;
  margin-top: 20px;
  padding-top: 0;
  z-index: 0;
}

/* Exception on Event-node type's header */ 
.node-type-event h1.title {
  margin-bottom: -87px;
}

/* Gallery */

#content-area .content {
	clear: both;
    position: relative;
    top: 12px;
}

#content-area #comments .content /* Own content style for comments to avoid ugliness and too big space */ {
    position: relative;
    top: 0;
}

.region-content-top {
    position: relative;
    z-index: 100;
}

/* Uutiset, Tapahtumat and Kuvagalleriat extra padding on bottom */
.node-type-gallery #content .section,
.node-type-event #content .section,
.node-type-story #content .section {
	padding-bottom: 60px;
}