@charset "IBM437";
/* # Color Variable Definitions 因为我们都爱颜色，对吧？
================================================== */
/* 
 * For sake of convention, the color variables 
 * are initially defined as color, but in-code
 * implementation uses function specific aliases.
 * This is done to avoid confusing naming conflicts.
 *
 * Building an Instasite? No problem. override.scss
 * is mostly layed out for you, simply tweek the 
 * selectors & the aliases below - easy huh?. 
 */
/* # Structural Variable Definitions
================================================== */
/* # Imports
================================================== */
/* # Functions
================================================== */
/* # Mixins
================================================== */
/**************************************************************************************************
 *
 * Basic Styles
 *
 *************************************************************************************************/
article.detail .time {
  font-size: 1.4em;
  margin-bottom: 15px;
  display: block;
  font-weight: bold;
}

article.detail .meta {
  margin-bottom: 5px;
}

article.detail .meta em {
  font-size: 0.9em;
}

article.detail .rsvp a {
  padding: 6px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9em;
}

/**************************************************************************************************
 *
 * Recommended Styles
 *
 *************************************************************************************************/
article.detail .time {
  font-weight: bold;
}

article.detail .time .eventTime {
  font-weight: normal;
}

article.detail .meta em {
  font-weight: bold;
  font-style: normal;
}

article.detail .rsvp a {
  background: #999;
  color: #fff;
  font-weight: bold;
  text-shadow: -1px -1px 1px #666;
  cursor: pointer;
  text-decoration: none;
}

article.detail .rsvp a:hover {
  background: #666666;
  color: #fff;
}

article.detail .rsvp a:active {
  background: #000;
}

/**************************************************************************************************
 *
 * Custom Overrides - delete these and you should be at a good starting point
 *
 *************************************************************************************************/
/* The rest of the overrides */
#content-wrap {
  padding-top: 20px !important;
}

article.detail .time {
  color: #555;
}

article.detail .time .event-sep {
  color: #999;
}

article.detail .time .eventTime {
  color: #999;
}

article.detail .rsvp a {
  background: #999;
  color: #fff;
  text-shadow: -1px -1px 1px #666;
}

article.detail .rsvp a:hover {
  background: #666666;
  color: #fff;
}

article.detail .rsvp a:active {
  background: #000;
}