Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

$UH-height: 84px;


/**
 * These 2 must match
 */
#Stencil body {
    padding-top: $UH-height !important;
}
#Stencil #UH {
    height: $UH-height !important;
}

/**
 * Top offset of first column (left rail)
 * This is related to ads (Leaderbord/Billboard)
 */
@media screen and (min-width:1200px) {
    #Stencil .hasStage .Col1,
    #Stencil .yog-ad-leaderboard .Col1,
    #Stencil .yog-ad-billboard .Col1,
    #Stencil .Leaderboard .Col1,
    #Stencil .Billboard .Col1,
    #Stencil.Leaderboard .Col1,
    #Stencil.Billboard .Col1 {
        top: $UH-height + 2px !important;
    }
    #Stencil .yog-ad-splash .Col1 {
        top: $UH-height + 2px + 310px !important;
    }
}
/**
 * Internet Explorer 7 and 8
 */
#Stencil .yog-ad-splash .Col1 {
    *top: $UH-height + 2px + 310px !important;
}
#Stencil .Col1 {
    *top: $UH-height + 2px !important;
}
@media \0screen {
    #Stencil .yog-ad-splash .Col1 {
        top: $UH-height + 2px + 310px !important;
    }
    #Stencil .Col1 {
        top: $UH-height + 2px !important;
    }
}

SassMeister-output.css

/**
 * These 2 must match
 */
#Stencil body {
  padding-top: 84px !important;
}

#Stencil #UH {
  height: 84px !important;
}

/**
 * Top offset of first column (left rail)
 * This is related to ads (Leaderbord/Billboard)
 */
@media screen and (min-width: 1200px) {
  #Stencil .hasStage .Col1,
  #Stencil .yog-ad-leaderboard .Col1,
  #Stencil .yog-ad-billboard .Col1,
  #Stencil .Leaderboard .Col1,
  #Stencil .Billboard .Col1,
  #Stencil.Leaderboard .Col1,
  #Stencil.Billboard .Col1 {
    top: 86px !important;
  }

  #Stencil .yog-ad-splash .Col1 {
    top: 396px !important;
  }
}
/**
 * Internet Explorer 7 and 8
 */
#Stencil .yog-ad-splash .Col1 {
  *top: 396px !important;
}

#Stencil .Col1 {
  *top: 86px !important;
}

@media \0screen {
  #Stencil .yog-ad-splash .Col1 {
    top: 396px !important;
  }

  #Stencil .Col1 {
    top: 86px !important;
  }
}