/**
 * @file
 * Field Styling
 *
 * The Fences module allows site builders to pick the semeantic HTML5 element
 * for each field while editing the field's settings. There's no way a theme
 * can ever know which element to use for the fields on your site, so Zen
 * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
 * divs around every field (do you?), we highly recommend Fences.
 *
 * http://drupal.org/project/fences
 */


/*
 * Field wrappers when the Fences module is enabled.
 */

.field-label { /* The optional label for a field. */
}

.field-FIELDNAME { /* Underscores in field name are replaced with dashes. */
}

/*
 * If you don't use the Fences module, that's fine. Really. I think. Just use
 * these selectors instead:
 */

.field { /* Wrapper for any field. */
}

/*
 * Field types (Core)
 */

.field-type-text {
}

.field-type-text-long {
}

.field-type-text-with-summary {
}

.field-type-image {
}

.field-type-file {
}

.field-type-taxonomy-term-reference {
max-width: 750px;
}

.field-type-number-integer {
}

.field-type-number-decimal {
}

.field-type-number-float {
}

.field-type-list-text {
}

.field-type-list-boolean {
}

.field-type-list-integer {
}

.field-type-list-float {
}

/*
 * Field types (Contrib)
 */

.field-type-datetime { /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */
}

.field-type-node-reference {
}

.field-type-user-reference {
}

/*
 * Named fields
 */

.field-name-body {
}

.field-name-field-image {
}
/** я правил для тегов **/
.field-name-field-tags h2 {
 transform: skewX(15deg);
 font-size: 12px;
 float: left;
 }
 
.field-name-field-tags .even h2, .node-news-nhl .field-name-field-tags .even {
  display: inline;
  padding-right: 4px;
  background-color: #464040;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 5px;
  /*border: 2px inset #cccccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #666 0px 10px 10px;
  -moz-box-shadow: #666 0px 10px 10px;
  box-shadow: #666 0px 10px 10px*/;
}

.field-name-field-tags .even h2 :link,.field-name-field-tags .even :link {
  color: #ffffff;
  text-decoration: none;
  /*font-weight: bold*/;
  font-style: italic;
}

.field-name-field-tags .odd h2, .node-news-nhl .field-name-field-tags .odd {
  display: inline;
  padding-right: 4px;
  background-color: #464040;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 5px;
 /* border: 2px inset #cccccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #666 0px 10px 10px;
  -moz-box-shadow: #666 0px 10px 10px;
  box-shadow: #666 0px 10px 10px*/;
 }
 
.field-name-field-tags .odd h2 :link, .field-name-field-tags .odd :link {
  color: #fff;
  text-decoration: none;
  /*font-weight: bold*/;
  font-style: italic;
}
.field-name-field-tags :visited {
 color: #ffffff; 
  }
.field-name-field-tags .odd a:hover, .field-name-field-tags .even a:hover {
  color: #037ac6;
}

.field-name-field-FIELDNAME { /* Underscores in field name are replaced with dashes. */
}

/** тэги видео*/
.field-name-field-tags-for-video {
transform: skewX(15deg);  
  }

.field-name-field-tags-for-video .even {
  display: inline;
  padding-right: 4px;
  background-color: #464040;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 5px;
}
.field-name-field-tags-for-video .even :link {
  color: #ffffff;
  text-decoration: none;
  font-style: italic;
}

.field-name-field-tags-for-video .odd {
  display: inline;
  padding-right: 4px;
  background-color: #464040;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 5px;
}
.field-name-field-tags-for-video .odd :link {
  color: #fff;
  text-decoration: none;
  font-style: italic;
}

.field-name-field-tags-for-video :visited {
 color: #ffffff; 
  }
  
.field-name-field-tags-for-video .odd a:hover, .field-name-field-tags-for-video .even a:hover {
  color: #037ac6;
}

.field-name-field-category .even {
  display: inline;
  padding-right: 4px;
  background-color: #cccccc;
  padding-right: 5px;
  padding-left: 5px;
  border: 2px inset #cccccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #666 0px 10px 10px;
  -moz-box-shadow: #666 0px 10px 10px;
  box-shadow: #666 0px 10px 10px;
}

.field-name-field-category .even :link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
}

.field-name-field-category .odd {
  display: inline;
  padding-right: 4px;
  background-color: #cccccc;
  padding-right: 5px;
  padding-left: 5px;
  border: 2px inset #cccccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #666 0px 10px 10px;
  -moz-box-shadow: #666 0px 10px 10px;
  box-shadow: #666 0px 10px 10px;
}
.field-name-field-category .odd :link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
}