/**
 * YTMND site template SCSS
 *
 * $Id$
 */
/**
 * Import the common SCSS file which contains all the color declarations and mixins.
 */
/**
 * YTMND's Common SCSS file.
 *
 * Contains all the variables (like colors, urls etc) and functions (mixins) used by SCSS.
 *
 * $Id: _common.scss 2407 2012-05-05 21:30:13Z max $
 */
/**
 * SASS Variables
 */
/**
 * Leave out non-firefox browser specific css rules.
 *
 * This allows us to develop and only see legitimate errors.
 */
/**
 * Colors.
 */
/**
 * Error page and code syntax highlighting colors.
 */
/**
 * Search page highlighting.
 */
/**
 * username colors.
 */
/**
 * Mixins
 */
/**
 * Recently-made comment highlights Should gracefully fall back.
 */
/**
 * The pretty orange box that hangs off the left.
 */
/**
 * When it may have nsfw thumbs in them.
 */
/**
 * Simple gradient.
 */
/**
 * I can never remember this:
 *
 * margin: T R B L;
 * margin: T R&L B;
 * margin: T&B R&L;
 * margin: TBRL;
 */
/**
 * Reset
 */
* {
  margin: 0px;
  padding: 0px; }

img, iframe {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * Site-wide CSS
 */
body {
  display: grid;
  width: 100vw;
  height: 100vh;
  margin: 0;
  place-items: center center;
  font-family: Helvetica, Arial;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #353535;
  background-color: black; }

a {
  text-decoration: none;
  font-weight: bold;
  color: #ff3600; }

/**
 * Corner image.
 */
#corner {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  overflow: visible;
  width: 100px;
  height: 100px;
  z-index: 9999;
  visibility: hidden; }

#corner_image {
  opacity: 0.60;
  z-index: 2; }

#infobar {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 500;
  height: 200px;
  width: 100%;
  visibility: hidden;
  opacity: 0.8;
  background-color: white;
  box-shadow: inset 0 0 8px #a5a5a5;
  /**
   * The left controls (ytmnd logo, and ytmnd link)
   */
  /**
   * Main site info area.
   */ }
  #infobar #left_controls {
    float: left;
    height: 100%;
    width: 128px;
    text-align: center;
    margin-left: 10px; }
    #infobar #left_controls div {
      width: 128px;
      height: 95px;
      margin-top: 20px;
      background-repeat: no-repeat; }
    #infobar #left_controls .logo1 {
      background-image: url("http://content.ytmnd.com/assets/images/sites/score_logo_1.png"); }
    #infobar #left_controls .logo2 {
      background-image: url("http://content.ytmnd.com/assets/images/sites/score_logo_2.png"); }
    #infobar #left_controls .logo3 {
      background-image: url("http://content.ytmnd.com/assets/images/sites/score_logo_3.png"); }
    #infobar #left_controls .logo4 {
      background-image: url("http://content.ytmnd.com/assets/images/sites/score_logo_4.png"); }
    #infobar #left_controls .logo5 {
      background-image: url("http://content.ytmnd.com/assets/images/sites/score_logo_5.png"); }
    #infobar #left_controls a {
      font-family: Georgia, Arial;
      font-style: italic;
      display: block;
      margin-top: 10px; }
  #infobar #site_info {
    position: absolute;
    left: 150px;
    margin-top: 10px;
    min-width: 610px;
    max-width: 1180px;
    height: 190px;
    /**
     * Top part of site info (profile, comments, and facebook shit)
     */ }
    #infobar #site_info #site_info_top {
      overflow: hidden;
      width: 385px;
      max-height: 34px; }
      #infobar #site_info #site_info_top > a {
        font-size: 24px;
        font-weight: bold;
        margin-right: 20px;
        font-style: italic;
        font-family: Georgia, Arial; }
    #infobar #site_info #facebook_junk {
      width: 383px;
      height: 35px;
      position: relative;
      bottom: -5px;
      overflow: visible !important; }
    #infobar #site_info #site_info_left, #infobar #site_info #site_info_right {
      height: 140px;
      margin-top: 10px;
      float: left; }
      #infobar #site_info #site_info_left > div, #infobar #site_info #site_info_right > div {
        min-width: 380px;
        max-width: 380px;
        padding: 4px;
        min-height: 20px;
        overflow: hidden; }
      #infobar #site_info #site_info_left label, #infobar #site_info #site_info_right label {
        font-family: Georgia, Arial;
        font-style: italic;
        display: block;
        float: left;
        min-width: 80px;
        width: 80px; }
        #infobar #site_info #site_info_left label:after, #infobar #site_info #site_info_right label:after {
          content: ":"; }
    #infobar #site_info #site_info_right {
      position: relative;
      top: -36px;
      height: 176px;
      overflow: hidden;
      margin-left: 10px;
      /**
       * Content containers (holds label and text)
       */ }
      #infobar #site_info #site_info_right label {
        cursor: pointer;
        font-weight: bold;
        color: #ff3600; }
      #infobar #site_info #site_info_right > div {
        min-width: 500px;
        max-width: 600px;
        min-height: 0;
        /**
         * Content (holds text)
         */ }
        #infobar #site_info #site_info_right > div > div {
          padding-left: 5px;
          overflow: hidden;
          max-height: 16px; }
          #infobar #site_info #site_info_right > div > div.selected {
            overflow-y: scroll;
            max-height: 80px; }

#zoom_text {
  position: absolute;
  left: 0;
  top: 0;
  width: 810px;
  z-index: 10;
  text-align: center;
  font-family: Tahoma, sans-serif; }
  #zoom_text div {
    position: absolute;
    width: 810px; }

#restart_button {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  opacity: 0.60;
  cursor: pointer;
  z-index: 360; }

#logo_svg {
  pointer-events: all; }

#loading_status {
  text-align: center; }

.textual {
  display: none; }

.numerical {
  display: block;
  height: 1em; }

#loader {
  width: 40%;
  max-width: 750px; }

#loader:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

object {
  width: 100%; }

/**
 * The img tags used for loading.
 */
#foreground_img, #background_img {
  width: 1px;
  height: 1px; }

#foreground_image {
  width: 100vw;
  height: 100vh; }

/**
 * Keywords used around the site (site profiles, editing sites, the top bar on ytmnds, etc).
 */
#keyword_list {
  min-height: 25px;
  overflow: hidden; }

div.keyword {
  padding: 3px 6px 3px 6px;
  margin-right: 6px;
  margin-bottom: 6px;
  float: left;
  border: 0px solid #ff7541;
  background-color: #ff7541;
  -moz-border-radius: 5px 5px;
  -webkit-border-radius: 5px 5px;
  -ms-border-radius: 5px 5px;
  -khtml-border-radius: 5px 5px;
  border-radius: 5px 5px;
  /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from_color', endColorstr='$to_color'); */
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7541), to(#ff3600));
  background-image: -o-linear-gradient(top left, #ff7541, #ff3600);
  background: -moz-linear-gradient(top, #ff7541, #ff3600);
  color: white;
  font-weight: 600;
  font-size: 12px; }
  div.keyword > a {
    color: white;
    font-weight: 600;
    font-size: 12px; }
  div.keyword > span + a {
    cursor: pointer;
    display: block;
    height: 16px;
    margin-left: 4px;
    float: right;
    padding-left: 3px;
    color: black; }

#restart_button {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  opacity: 0.60;
  cursor: pointer;
  z-index: 360;
  visibility: hidden; }
  #restart_button:hover {
    background-image: url("http://content.ytmnd.com/assets/images/sites/restart_button.png"); }

/*
.moderation_control_panel {
 border: 2px dotted;
 background-color: #e6dfcb;
 width: 420px;
 font-size: 12px;
 font-family: verdana;
 border-color: #ff8920; padding: 4px;
}

.mod_cp_container {
 display: none;
 position: absolute;
 right: 2px; bottom: 2px;
}

.mod_cp_icon {
 position: absolute;
 right: 5px; bottom: 5px;
 display: block;

 width: 50px; height: 50px;
 background-image: url("http://content.ytmnd.com/assets/images/mod/moderation_default.png");
 background-repeat: no-repeat;
 cursor: pointer;
}

.mod_cp_icon_trans {
  background-color: #e6dfcb;
 width: 50px; height: 50px;
 position: absolute;
 right: 5px; bottom: 5px;
 display: block;
 background-image: url("http://content.ytmnd.com/assets/images/mod/moderation_default.gif");
 background-repeat: no-repeat;
 cursor: pointer;
}
*/