/**
 * @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 */
    color: #555753;
    font-size: small;
    margin: 1em 0 0 0;
}

.node .content { /* Node's content wrapper */
    font-size: 1em;
}

.node ul.links { /* Node links. See also the ul.links declaration in the pages.css. */
    float: right;
    margin: 2px;
}

.node ul.links li {
    border-left: 1px solid #d3d7cf;
    padding: 2px 10px;
    margin: 0;
    float: left;
}

.node ul.links li.first {
    border-left: 0;
}

/* Special nodes */

.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 */
    font-size: 0.9em;
    padding-bottom: 10px;
    border-bottom: 1px solid #888a85;
    margin-bottom: 10px;
}

.node-teaser ul.links {
    float: right;
    width: auto;
}

.block .node-teaser {
    border-bottom: 1px solid #d3d7cf;
}

.node-teaser .submitted {
    margin-top: 0;
}

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

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

/* Social share */

.social-share {
    border-top: 1px solid #888a85;
    margin: 1.5em 0;
}

.social-share span {
    font-size: 1em;
    margin-right: 5px;
}

.social-share-facebook,
.social-share-twitter,
.social-share-myspace,
.social-share-linkedin,
.social-share-digg,
.social-share-delicious {
    display: inline-block;
    height: 16px;
    width: 16px;
    font-size: 0;
}
.social-share-facebook {
    background: #fff url('../images/icons/facebook.png') no-repeat left top;
}
.social-share-twitter {
    background: #fff url('../images/icons/twitter.png') no-repeat left top;
}
.social-share-myspace {
    background: #fff url('../images/icons/myspace.png') no-repeat left top;
}
.social-share-linkedin {
    background: #fff url('../images/icons/linkedin.png') no-repeat left top;
}
.social-share-digg {
    background: #fff url('../images/icons/digg.png') no-repeat left top;
}
.social-share-delicious {
    background: #fff url('../images/icons/delicious.png') no-repeat left top;
}

/* Infoboxes */

a.box {
    /*float: left;*/
    /*display: block;*/
    display: inline-block;
    background-color: #eeeeec;
    width: 160px;
    height: 200px;
    margin: 10px;
    vertical-align: top;
    border: 1px solid #d3d7cf;
}

.infobox {
    /*display: inline-block;*/
    text-align: center;
}


a.box:hover {
  border: 1px solid #f57900;
}

.infobox .box-title {
    margin: 0;
    background-color: #729fcf;
    text-align; center;
    color: white;
    white-space: nowrap;
}

.infobox .box-image {
    max-height: 64px;
    max-width: 90%;
    display: block;
    margin: 5px auto;
    border: 0;
}

.infobox .box-content {
    border-top: 4px solid #888a85;
    display: block;
    padding: 5px;
    margin: 0;
    color: #555957;
}
