@content_width: 900px;

@white: white;
@black: #333333;

@light_gray: #e8e8e8;
@medium_gray: #cbcbcb;
@dark_gray: #666666;

@pink_brown: #F3CCA7;
@light_brown: #D69B63;
@medium_brown: #CC731C;
@dark_brown: #854E17;

@main_font: 'DIN', 'Geneva', 'Arial', 'Helvetica', sans-serif;
@aux_font: 'Cabin', 'Verdana', 'Arial', 'Helvetica', sans-serif;

@micro_font_size: 80%;
@small_font_size: 100%;
@menu_font_size: 110%;
@normal_font_size: 120%;
@medium_font_size: 140%;
@big_font_size: 190%;
@huge_font_size: 330%;

@main_font_line_height: 150%;
@main_font_small_line_height: 110%;
@aux_font_line_height: 140%;

@banner_height: 250px;
@hallmark_padding_xy: 30px;
@hallmark_border_width: 1px;
@news_padding_top: 30px;
@news_height: 270px;
@feature_img_padding_internal: 30px;
@technical_padding_p: 40px;
@technical_border_width: 2px;
@faq_margin_xy: 30px;
@faq_border_width: 1px;
@faq_slider_margin: 30px;
@faq_content_width: @content_width - (@faq_slider_margin * 2);
@contact_card_margin: 30px;
@contact_card_padding_xy: 10px;
@contact_card_padding_wh: 10px;
@fervetopus_blog_padding_top: 50px;
@fervetopus_blog_item_margin_left: 20px;


.box-sizing (@arguments) {
  box-sizing: @arguments;
  -moz-box-sizing: @arguments;
  -webkit-box-sizing: @arguments;
  -ms-box-sizing: @arguments;
  -o-box-sizing: @arguments;
}

.border-radius (@arguments) {
  border-radius: @arguments;
  -moz-border-radius: @arguments;
  -webkit-border-radius: @arguments;
  -ms-border-radius: @arguments;
  -o-border-radius: @arguments;
}

.box-shadow (@arguments) {
  box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
  -ms-box-shadow: @arguments;
  -o-box-shadow: @arguments;
}

.transition (@arguments) {
  transition: @arguments;
  -moz-transition: @arguments;
  -webkit-transition: @arguments;
  -ms-transition: @arguments;
  -o-transition: @arguments;
}

@font-face {
    font-family: 'DIN';
    src: url('/static/fervetopus_web/fonts/DINWeb-CondBold.eot');
    src: local('DINWeb-CondBold'),
         url('/static/fervetopus_web/fonts/DINWeb-CondBold.eot') format('eot'),
         url('/static/fervetopus_web/fonts/DINWeb-CondBold.woff')format('woff'),
         url('/static/fervetopus_web/fonts/DINComp-CondBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
  color: @dark_gray;
  font-family: @main_font;
  width: 100%;
}

h1, h2, h3 {
  color: @medium_brown;
  font-family: @main_font;
}

h1 {
  font-size: @big_font_size;
  padding-top: 10px;
  padding-bottom: 10px;
}

h2 {
  font-size: @big_font_size;
  text-transform: uppercase;
}

h3 {
  font-size: @medium_font_size;
}

p {
  font-size: @normal_font_size;
}

a, a:hover, a:visited {
  text-decoration: none;
  color: @medium_brown;
}

input {
  border: 1px solid @medium_brown;
  padding: 5px 5px;
}

#fervetopus-container {
  width: 100%;
  background-color: @white;
}

.ie6 #fervetopus-container {
  display: none;
}

#fervetopus-ie6 {
  display: none;
}

.ie6 #fervetopus-ie6 {
  display: block;
  font-family: Verdana;
}

.ie6 #fervetopus-ie6-logo {
  padding-top: 50px;
  text-align: center;
}

.ie6 #fervetopus-ie6-languages {
  text-align: center;
  padding-top: 20px;
  font-size: @normal_font_size;
}

.ie6 #fervetopus-ie6-message {
  text-align: center;
  padding-top: 40px;
  font-size: @normal_font_size;
}

#fervetopus-header {
  width: 100%;
  background-color: @white;
}

#fervetopus-header-content {
  width: @content_width;
  margin: auto;
  position: relative;
}

#triangle {
  position: absolute;
  top: 110px;
  display: none;
}

#fervetopus-logo {
  position: absolute;
  top: 45px;
}

#fervetopus-languages {
  position: absolute;
  top: 10px;
  right: 0px;
  font-family: @aux_font;
  font-size: @small_font_size;
}

#fervetopus-languages a {
  color: @dark_gray;
}

#fervetopus-languages a:hover {
  color: @black;
}

#fervetopus-languages a.active {
  color: @medium_brown;
}

#fervetopus-languages-content {
  top: 0px;
  width: @content_width;
  margin: auto;
  padding: 10px 0px 30px 0px;
  text-align: right;
}

#fervetopus-languages-content li {
  display: inline;
}

#fervetopus-menu {
  padding: 75px 0px 30px 0px;
  text-align: right;

  .logout {
    position: absolute;
    left: 940px;
    top: 19px;
    white-space: nowrap;
    color: @medium_brown;
  }
}

#fervetopus-menu li, #fervetopus-stickmenu li {
  display: inline;
}

a.menu-item {
  text-transform: uppercase;
  font-family: @aux_font;
  font-size: @menu_font_size;
  font-weight: 600;
  padding-left: 20px;
}

#fervetopus-menu a.menu-item:hover {
  color: @dark_brown;
}

#fervetopus-banner {
  position: relative;
  padding-top: 30px;
  background-color: @medium_brown;
  height: @banner_height;
}

#fervetopus-banner-content {
  background-image: url('/static/fervetopus_web/images/bg_transparent.png');
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  width: @content_width;
  margin: auto;
  height: @banner_height;
}

#fervetopus-banner-image {
  position: absolute;
  left: 0;
  top: -47px;
  z-index: 100;
}

#fervetopus-banner-taglines {
  margin-left: @content_width / 2;
  height: @banner_height;
  position: relative;
}

#fervetopus-banner-pager {
  position: absolute;
  bottom: 10px;
  right: 0px;
}

#fervetopus-banner-pager li {
  display: inline;
}

#fervetopus-banner-pager .fervetopus-banner-selector {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 2px;
  background-color: @white;
  border: 2px solid transparent;
  .border-radius (20px);
}

#fervetopus-banner-pager .activeSlide .fervetopus-banner-selector,
#fervetopus-banner-pager .fervetopus-banner-selector:hover {
  background-color: @medium_gray;
}

.fervetopus-banner-tagline {
  color: @white;
  font-family: @aux_font;
  font-size: 45px;
  font-weight: 600;
  padding-top: 10px;
  padding-right: 20px;
  position: relative;
}

.fervetopus-banner-tagline .open-quotes {
  display: block;
  position: absolute;
  top: 10px;
  left: -19px;
}

#fervetopus-banner-learn-more {
  position: absolute;
  top: 200px;
  left: @content_width / 2;
}

#fervetopus-banner-learn-more a {
  display: inline-block;
  background-color: @white;
  padding: 6px 10px 6px 10px;
  text-transform: uppercase;
  font-family: @aux_font;
  font-size: @micro_font_size;
  font-weight: bold;
  color: @dark_gray;
  .border-radius(10px 10px 10px 10px);
  .box-shadow(0px 0px 8px #999999);
}

#fervetopus-banner-learn-more a:hover {
  color: @medium_brown;

  .transition(~"color .100s linear, box-shadow .100s linear");
}

#fervetopus-hallmarks {
  background-color: @light_gray;
  padding-top: 20px;
  padding-bottom: 20px;
}

#fervetopus-hallmarks-content {
  width: @content_width;
  margin: auto;
}

.fervetopus-hallmark {
  padding: 10px @hallmark_padding_xy 20px @hallmark_padding_xy;
  width: (@content_width / 3) - (@hallmark_padding_xy * 2) - (@hallmark_border_width * 2);
  float: left;
}

#fervetopus-hallmark-middle-div {
  border-left: @hallmark_border_width solid @medium_gray;
  border-right: @hallmark_border_width solid @medium_gray;
}

.fervetopus-hallmark p {
  text-align: left;
  padding-top: 10px;
  line-height: @main_font_line_height;
}

.fervetopus-hallmark h2 {
  line-height: 110%;
}

#fervetopus-news {
  background-color: @white;
  padding-top: @news_padding_top;
  padding-bottom: 10px;
  height: @news_height; /* FIXME */
}

#fervetopus-news-content {
  width: @content_width;
  margin: auto;
  position: relative;
}

#fervetopus-stories-pager,
#fervetopus-news-pager {
  position: absolute;
  top: -30px;
  right: 30px;
}

#fervetopus-stories-pager li,
#fervetopus-news-pager li {
  display: inline;
}

#fervetopus-stories-pager .fervetopus-stories-selector,
#fervetopus-news-pager .fervetopus-news-selector {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 2px;
  background-color: @light_gray;
  border: 2px solid transparent;
  .border-radius (7px);
}

#fervetopus-stories-pager .activeSlide .fervetopus-stories-selector,
#fervetopus-news-pager .activeSlide .fervetopus-news-selector {
  background-color: @medium_brown;
}

#fervetopus-stories-pager .fervetopus-stories-selector:hover,
#fervetopus-news-pager .fervetopus-news-selector:hover {
  background-color: @medium_brown;
}

.fervetopus-stories-item,
.fervetopus-news-item {
  padding: 0px @hallmark_padding_xy 20px @hallmark_padding_xy;
  width: (@content_width / 3 * 2) - (@hallmark_padding_xy * 2) - 20px; /* FIXME */
  position: relative;
}

.fervetopus-stories-item {

  padding-left: 50px;

  .img-box {
    float: left;
    border: 5px solid white;
    .box-shadow (0px 0px 5px @dark_gray);
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
  }

  .name {
    padding-top: 5px;
    line-height: 18px;
  }

  .role {
    font-size: 12px;
  }

  img {
    display: block;
    width: 138px;
    height: 137px;
  }

  h3 {
    padding-top: 10px;
  }

  p {
    padding-top: 10px;
    line-height: @main_font_line_height;
  }

} /* .fervetopus-stories-item */

.ie8 .fervetopus-stories-item {
  .img-box {
    border: 5px solid #dddddd;
  }

  p {
    padding-left: 10px;
    padding-top: 10px;
    line-height: @main_font_line_height;
  }

} /* .ie8 */

#fervetopus-stories h2,
#fervetopus-news h2 {
  padding: 0px @hallmark_padding_xy;
  color: @dark_gray;
}

#fervetopus-news .fervetopus-news-title,
#fervetopus-news .fervetopus-news-date,
#fervetopus-news .fervetopus-news-intro {
  font-family: @aux_font;
  font-size: @small_font_size;
  line-height: @aux_font_line_height;
}

#fervetopus-news .fervetopus-news-intro {
  margin-top: 10px;
}

#fervetopus-news .fervetopus-news-read-more a {
  display: inline-block;
  float: right;
  margin-top: 10px;
  padding: 6px 10px 6px 10px;
  background-color: @black;
  color: @white;
  text-transform: uppercase;
  font-family: @aux_font;
  font-size: @micro_font_size;

  .border-radius(10px 10px 10px 10px);
  .box-shadow(0px 0px 8px @dark_gray);
}

#fervetopus-news .fervetopus-news-read-more a:hover {
  background-color: @medium_brown;
  .box-shadow(0px 0px 8px @dark_brown);
  .transition(~"background-color .100s linear, box-shadow .100s linear");
}

#fervetopus-postcard {
  padding: 10px @hallmark_padding_xy 20px @hallmark_padding_xy;
  width: (@content_width / 3) - (@hallmark_padding_xy * 2) - (@hallmark_border_width * 2);
  position: absolute;
  right: 0px;
  top: 0px - @news_padding_top;
  background-color: #f8ece0;
  height: @news_height + @news_padding_top; /* FIXME */
}

#fervetopus-postcard h2 {
  padding: 20px 0px 0px 0px;
}

#fervetopus-postcard p {
  font-family: @aux_font;
  font-size: @small_font_size;
}

#fervetopus-postcard .anchor {
  margin-top: 10px;
  font-family: @aux_font;
  font-size: @normal_font_size;
}

#envelopes {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

#fervetopus-stickmenu {
  position: relative;
  padding: 17px 0px 10px 0px;
  background-color: @medium_brown;
  z-index: 100;
}

#fervetopus-stickmenu.docked {
  position: fixed;
  top: 0;
  width: 100%;
  .box-shadow(0px 0px 7px @black);
  filter: ~"progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3)";
}

#fervetopus-stickmenu-content {
  width: @content_width;
  margin: auto;
  position: relative;
}

#fervetopus-stickmenu-content img {
  position: absolute;
  top: -10px;
  left: 0;
}

#fervetopus-stickmenu-items {
  width: @content_width;
  margin: auto;
  text-align: right;
  position: relative;

  .logout {
    position: absolute;
    left: 940px;
    top: 0px;
    white-space: nowrap;
    color: @white;

    a {
      color: @white;
    }
  }
}

#fervetopus-stickmenu a.menu-item {
  color: @light_brown;
  padding: 10px 15px 4px 14px;
}

#fervetopus-stickmenu a.menu-item:hover {
  color: @pink_brown;
}

#fervetopus-stickmenu a.menu-item.active {
  color: @white;
}

.fervetopus-feature-content {
  width: @content_width;
  margin: auto;
}

.fervetopus-feature {
  background-color: @medium_gray;
  padding-bottom: 20px;
}

.fervetopus-feature.even {
  background-color: @light_gray;
}

.fervetopus-feature img {
  position: relative;
  float: left;
  padding: 30px 0px;
  padding-right: @feature_img_padding_internal;
  min-height: 1px;
}

.fervetopus-feature.even img {
  float: right;
  padding-left: @feature_img_padding_internal;
}

.fervetopus-feature-description {
  position: relative;
  //width: @content_width / 5 * 3;
  //float: left;
  min-height: 1px;
}

.fervetopus-feature-description.even {
  float: right;
}

.fervetopus-feature .fervetopus-feature-description p {
  line-height: @main_font_line_height;
}

.fervetopus-feature h2 {
  padding: 20px 0px 10px 0px;
}

.fervetopus-feature p {
}

.fervetopus-feature img {
  float: left;
}

.fervetopus-feature ul {
  padding-top: 10px;
  padding-left: 30px;
}

.fervetopus-feature li {
  list-style-type: disc;
}

#fervetopus-technical {
  padding: 20px 0px;
  background-color: @light_brown;
  position: relative;
}

#fervetopus-technical-content {
  width: @content_width;
  margin: auto;
  position: relative;
}

#fervetopus-technical h2 {
  padding-bottom: 20px;
  color: @white;
}

#fervetopus-technical ul {
  width: (@content_width / 3) - (@technical_padding_p* 2) - (@technical_border_width * 2);
  padding: 0px @technical_padding_p;
  border-width: @technical_border_width dotted @white;
  float: left;
  position: relative;
  min-height: 1px;
}

#fervetopus-technical ul li {
  color: @white;
  font-size: @normal_font_size;
  line-height: @main_font_small_line_height;
}

#fervetopus-technical ul li {
  width: (@content_width / 3) - (@technical_padding_p* 2) - (@technical_border_width * 2);
  list-style-type: none;
  list-style-type: disc;
  list-style-position: outside;
  padding: 5px 0px;
}

#fervetopus-technical-middle {
  border-left: @technical_border_width dotted @white;
  border-right: @technical_border_width dotted @white;
}

#fervetopus-faqs {
  background-color: @light_gray;
  width: 100%;
}

#fervetopus-faqs-content {
  width: @content_width;
  padding: 20px 0px;
  margin: auto;
  position: relative;
}

#fervetopus-faqs-slider {
  width: @faq_content_width;
  margin: auto;
  position: relative;
  overflow: hidden;
}

#fervetopus-faqs-slider-content {
  width: @content_width - (@faq_slider_margin * 2);
  width: 10000px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.fervetopus-faq {
  margin: 10px @faq_margin_xy 20px @faq_margin_xy;
  width: (@faq_content_width / 3) - (@faq_margin_xy * 2) - (@faq_border_width * 2);
  float: left;
}

.fervetopus-faq .image {
  text-align: center;
}

.fervetopus-faq h2 {
  text-align: center;
  text-transform: none;
  line-height: @main_font_small_line_height;
}

.fervetopus-faq p {
  padding-top: 10px;
  text-align: center;
  font-family: @aux_font;
  font-size: @small_font_size;
  line-height: @aux_font_line_height;
}

#fervetopus-footer {
  background-color: @medium_brown;
}

#fervetopus-footer-content {
  width: @content_width;
  margin: auto;
  padding: 20px 0px;
}

#fervetopus-footer h2 {
  color: @white;
}

#fervetopus-footer p {
  padding: 20px 50px;
  text-align: center;
  color: @pink_brown;
  line-height: @main_font_small_line_height;
}

#fervetopus-footer a.link {
  color: @white;
}

.fervetopus-contact-card {
  padding: @contact_card_padding_wh @contact_card_padding_xy;
  margin: 0px @contact_card_margin;
  background-color: @light_brown;
  width: (@content_width / 2) - (@contact_card_margin * 2) - (@contact_card_padding_xy * 2);
  float: left;
}

.fervetopus-contact-details {
  padding-left: 50px;
  color: @dark_brown;
  font-family: @aux_font;
  font-weight: bold;
  font-size: @small_font_size;
}

.fervetopus-contact-details a {
  color: @dark_brown;
}

.footer-icon {
  position: relative;
  top: 3px;
}

#fervetopus-footer #goodora-tagline {
  color: @white;
  text-align: center;
  padding: 30px 0px 10px 0px;
  font-family: @aux_font;
  font-size: @small_font_size;
}

#fervetopus-padding-bottom {
  background-color: @light_gray;
  height: 400px;
}

#fervetopus-blog {
  background-color: @light_gray;
  width: 100%;
  min-height: 800px;
}

.ie6 #fervetopus-blog {
  height: 800px;
}

#fervetopus-blog-content {
  width: @content_width;
  padding-top: @fervetopus_blog_padding_top;
  margin: auto;
  position: relative;
}

#fervetopus-blog-column {
  position: absolute;
  top: @fervetopus_blog_padding_top;
  left: 0;
  width: @content_width / 3 * 1;
  z-index: 100;
}

#fervetopus-blog-column.docked {
  position: fixed;
  top: @fervetopus_blog_padding_top * 2;
}

#blog-search-container {
  padding-top: 10px;
}

#blog-search {
  width: 138px;
}

.fervetopus-blog-item {
  position: relative;
  margin-bottom: 20px;
}

.fervetopus-blog-date {
  width: (@content_width / 3 * 1) - @fervetopus_blog_item_margin_left;
  margin-right: @fervetopus_blog_item_margin_left;
  float: left;
  text-align: right;
  font-size: @big_font_size;
  color: @medium_brown;
}

.fervetopus-blog-title {
  width: @content_width / 3 * 2;
  float: left;
  text-align: left;
  font-size: @big_font_size;
}

.fervetopus-blog-title, .fervetopus-blog-title a {
  color: @dark_gray;
}

.fervetopus-blog-body {
  margin-left: @content_width / 3 * 1;
  padding-top: 20px;
}

.fervetopus-blog-body, .fervetopus-blog-body p {
  font-family: @aux_font;
  font-size: @small_font_size;
  line-height: @aux_font_line_height;
}

#fervetopus-login,
#fervetopus-unsubscribe,
#fervetopus-unsubscribe-done {
  display: none;
  width: @content_width - 30px;
  margin: 50px auto 70px auto;
}

.login {
  #fervetopus-login {
    display: block;
  }
}

.unsubscribe {
  #fervetopus-unsubscribe {
    display: block;
  }
}

.unsubscribe-done {
  #fervetopus-unsubscribe-done {
    display: block;
  }
}

#login-button,
#unsubscribe-button {
  display: inline-block;
  cursor: pointer;
  background-color: @medium_brown;
  color: @white;
  padding: 6px 10px 6px 10px;
  text-transform: uppercase;
  font-family: @aux_font;
  font-size: @micro_font_size;
  font-weight: bold;

  .border-radius(10px);
  .box-shadow(0px 0px 5px #cccccc);
}

#login-button:hover,
#unsubscribe-button:hover {
  .box-shadow(0px 0px 7px #aaaaaa);

  .transition(~"color .100s linear, box-shadow .100s linear");
}

#login-table {
  td {
    padding: 10px 20px 0px 0px;
  }
}

.login-error {
  border: 2px dashed @medium_brown;
  padding: 10px 10px;
  margin-bottom: 20px;
}

//.mobile {
//  @content_width: 100%;
//
//  @main_font_line_height: 150%;
//  @main_font_small_line_height: 110%;
//  @aux_font_line_height: 140%;
//
//  @banner_height: 250px;
//  @hallmark_padding_xy: 20px;
//  @hallmark_border_width: 1px;
//  @news_padding_top: 30px;
//  @news_height: 270px;
//  @feature_img_padding_internal: 30px;
//  @technical_padding_p: 40px;
//  @technical_border_width: 2px;
//  @faq_margin_xy: 30px;
//  @faq_border_width: 1px;
//  @faq_slider_margin: 30px;
//  @faq_content_width: @content_width - (@faq_slider_margin * 2);
//  @contact_card_margin: 30px;
//  @contact_card_padding_xy: 10px;
//  @contact_card_padding_wh: 10px;
//  @fervetopus_blog_padding_top: 50px;
//  @fervetopus_blog_item_margin_left: 20px;
//
//  #fervetopus-header-content {
//    width: @content_width;
//    margin: auto;
//    position: relative;
//  }
//
//  #triangle {
//    display: none;
//  }
//
//  #fervetopus-logo {
//    position: relative;
//    text-align: center;
//  }
//
//  #fervetopus-logo img {
//    width: 90%;
//  }
//
//  #fervetopus-languages {
//    position: relative;
//    text-align: center;
//    font-family: @aux_font;
//    font-size: @small_font_size;
//  }
//
//  #fervetopus-languages a {
//    color: @dark_gray;
//  }
//
//  #fervetopus-languages a:hover {
//    color: @black;
//  }
//
//  #fervetopus-languages a.active {
//    color: @medium_brown;
//  }
//
//  #fervetopus-languages-content {
//    width: @content_width;
//    margin: auto;
//    padding: 0px;
//    text-align: center;
//  }
//
//  #fervetopus-languages-content li {
//    display: inline;
//  }
//
//  #fervetopus-menu {
//    padding: 75px 0px 30px 0px;
//    text-align: center;
//  }
//
//  #fervetopus-menu li, #fervetopus-stickmenu li {
//    display: inline;
//  }
//
//  a.menu-item {
//    padding-left: 10px;
//  }
//
//  #fervetopus-banner {
//    position: relative;
//    padding-top: 20px;
//    padding-bottom: 20px;
//    background-color: @medium_brown;
//    height: auto;
//  }
//
//  #fervetopus-banner-content {
//    background-image: none;
//    width: @content_width;
//    margin: auto;
//    height: auto;
//  }
//
//  #fervetopus-banner-image {
//    display: none;
//  }
//
//  #fervetopus-banner-taglines {
//    margin-left: 20px;
//    position: relative;
//  }
//
//  #fervetopus-banner-pager {
//    position: absolute;
//    bottom: 10px;
//    right: 0px;
//  }
//
//  #fervetopus-banner-pager li {
//    display: inline;
//  }
//
//  #fervetopus-banner-pager .fervetopus-banner-selector {
//    display: inline-block;
//    width: 15px;
//    height: 15px;
//    margin: 2px;
//    background-color: @white;
//    border: 2px solid transparent;
//    .border-radius (20px);
//  }
//
//  #fervetopus-banner-pager .activeSlide .fervetopus-banner-selector,
//  #fervetopus-banner-pager .fervetopus-banner-selector:hover {
//    background-color: @medium_gray;
//  }
//
//  .fervetopus-banner-tagline {
//    padding-top: 10px;
//    padding-left: 20px;
//    position: relative;
//  }
//
//  .fervetopus-banner-tagline .open-quotes {
//    display: block;
//    position: absolute;
//    top: 10px;
//    left: 0px;
//  }
//
//  #fervetopus-banner-learn-more {
//    position: relative;
//    text-align: right;
//    top: 0px;
//    left: 0px;
//    padding-right: 20px;
//  }
//
//  #fervetopus-banner-learn-more a {
//    display: inline-block;
//    background-color: @white;
//    padding: 6px 10px 6px 10px;
//    text-transform: uppercase;
//    font-family: @aux_font;
//    font-size: @micro_font_size;
//    font-weight: bold;
//    color: @dark_gray;
//    .border-radius(10px 10px 10px 10px);
//    .box-shadow(0px 0px 8px #999999);
//  }
//
//  #fervetopus-banner-learn-more a:hover {
//    color: @medium_brown;
//
//    .transition(~"color .100s linear, box-shadow .100s linear");
//  }
//
//  #fervetopus-hallmarks {
//    background-color: @light_gray;
//    padding-top: 20px;
//    padding-bottom: 20px;
//  }
//
//  #fervetopus-hallmarks-content {
//    width: @content_width;
//    margin: auto;
//  }
//
//  .fervetopus-hallmark {
//    padding: 10px @hallmark_padding_xy 20px @hallmark_padding_xy;
//    width: @content_width;
//    .box-sizing (border-box);
//  }
//
//  #fervetopus-hallmark-middle-div {
//    border-left: none;
//    border-right: none;
//  }
//
//  .fervetopus-hallmark p {
//    text-align: left;
//    padding-top: 10px;
//    line-height: @main_font_line_height;
//  }
//
//  .fervetopus-hallmark h2 {
//    line-height: 110%;
//  }
//
//  #fervetopus-news {
//    display: none;
//  }
//
//  #fervetopus-postcard {
//    width: @content_width;
//    padding: 0px @hallmark_padding_xy;
//    .box-sizing (border-box);
//    position: relative;
//    right: 0px;
//    top: 0px;
//    background-color: #f8ece0;
//    height: @news_height + @news_padding_top; /* FIXME */
//  }
//
//  #fervetopus-postcard h2 {
//    padding: 20px 0px 0px 0px;
//  }
//
//  #fervetopus-postcard p {
//    font-family: @aux_font;
//    font-size: @small_font_size;
//    padding-left: 0px;
//  }
//
//  #fervetopus-postcard .anchor {
//    margin-top: 10px;
//    font-family: @aux_font;
//    font-size: @normal_font_size;
//  }
//
//  #envelopes {
//    position: absolute;
//    bottom: 15px;
//    left: 15px;
//  }
//
//  #fervetopus-stickmenu {
//    position: relative;
//    padding: 17px 0px 10px 0px;
//    background-color: @medium_brown;
//    z-index: 100;
//  }
//
//  #fervetopus-stickmenu.docked {
//    position: fixed;
//    top: 0;
//    width: 100%;
//    .box-shadow(0px 0px 7px @black);
//    filter: ~"progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3)";
//  }
//
//  #fervetopus-stickmenu-content {
//    width: @content_width;
//    margin: auto;
//    position: relative;
//  }
//
//  #fervetopus-stickmenu-content img {
//    position: absolute;
//    top: -10px;
//    left: @hallmark_padding_xy;
//  }
//
//  #fervetopus-stickmenu-items {
//    width: @content_width;
//    margin: auto;
//    text-align: right;
//  }
//
//  #fervetopus-stickmenu a.menu-item {
//    color: @light_brown;
//    padding: 10px 15px 4px 14px;
//  }
//
//  #fervetopus-stickmenu a.menu-item:hover {
//    color: @pink_brown;
//  }
//
//  #fervetopus-stickmenu a.menu-item.active {
//    color: @white;
//  }
//
//  .fervetopus-feature-content {
//    width: @content_width;
//    margin: auto;
//  }
//
//  .fervetopus-feature {
//    background-color: @medium_gray;
//    padding: 0px @hallmark_padding_xy 20px @hallmark_padding_xy;
//  }
//
//  .fervetopus-feature.even {
//    background-color: @light_gray;
//  }
//
//  .fervetopus-feature img {
//    display: none;
//  }
//
//  .fervetopus-feature.even img {
//    float: right;
//    padding-left: @feature_img_padding_internal;
//  }
//
//  .fervetopus-feature-description {
//    position: relative;
//    min-height: 1px;
//  }
//
//  .fervetopus-feature-description.even {
//    float: right;
//  }
//
//  .fervetopus-feature .fervetopus-feature-description p {
//    line-height: @main_font_line_height;
//  }
//
//  .fervetopus-feature h2 {
//    padding: 20px 0px 10px 0px;
//  }
//
//  .fervetopus-feature p {
//  }
//
//  .fervetopus-feature img {
//    float: left;
//  }
//
//  .fervetopus-feature ul {
//    padding-top: 10px;
//    padding-left: 30px;
//  }
//
//  .fervetopus-feature li {
//    list-style-type: disc;
//  }
//
//  #fervetopus-technical {
//    padding: 20px 0px;
//    background-color: @light_brown;
//    position: relative;
//  }
//
//  #fervetopus-technical-content {
//    margin: 0px;
//    position: relative;
//  }
//
//  #fervetopus-technical h2 {
//    padding-bottom: 20px;
//    color: @white;
//  }
//
//  #fervetopus-technical ul {
//    width: 100%;
//    position: relative;
//    min-height: 1px;
//  }
//
//  #fervetopus-technical ul li {
//    width: @content_width;
//    .box-sizing (border-box);
//    list-style-type: none;
//    list-style-type: disc;
//    list-style-position: outside;
//    padding: 5px hallmark_padding_xy;
//    color: @white;
//    font-size: @normal_font_size;
//    line-height: @main_font_small_line_height;
//  }
//
//  #fervetopus-technical-middle {
//    border-left: 0px;
//    border-right: 0px;
//  }
//
//  #fervetopus-faqs {
//    background-color: @light_gray;
//    width: 100%;
//  }
//
//  #fervetopus-faqs-content {
//    width: @content_width;
//    padding: 20px 0px;
//    margin: auto;
//    position: relative;
//  }
//
//  #fervetopus-faqs-slider {
//    width: @faq_content_width;
//    margin: auto;
//    position: relative;
//    overflow: hidden;
//  }
//
//  #fervetopus-faqs-slider-content {
//    width: @content_width - (@faq_slider_margin * 2);
//    width: 10000px;
//    margin: auto;
//    position: relative;
//    overflow: hidden;
//  }
//
//  .fervetopus-faq {
//    margin: 10px @faq_margin_xy 20px @faq_margin_xy;
//    width: (@faq_content_width / 3) - (@faq_margin_xy * 2) - (@faq_border_width * 2);
//    float: left;
//  }
//
//  .fervetopus-faq .image {
//    text-align: center;
//  }
//
//  .fervetopus-faq h2 {
//    text-align: center;
//    text-transform: none;
//    line-height: @main_font_small_line_height;
//  }
//
//  .fervetopus-faq p {
//    padding-top: 10px;
//    text-align: center;
//    font-family: @aux_font;
//    font-size: @small_font_size;
//    line-height: @aux_font_line_height;
//  }
//
//  #fervetopus-footer {
//    background-color: @medium_brown;
//  }
//
//  #fervetopus-footer-content {
//    width: @content_width;
//    margin: auto;
//    padding: 20px 0px;
//  }
//
//  #fervetopus-footer h2 {
//    color: @white;
//    padding-left: 20px;
//  }
//
//  #fervetopus-footer p {
//    padding: 20px 20px;
//    text-align: left;
//    color: @pink_brown;
//    line-height: @main_font_small_line_height;
//  }
//
//  #fervetopus-footer a.link {
//    color: @white;
//  }
//
//  .fervetopus-contact-card {
//    padding: @hallmark_padding_xy;
//    margin: 10px 20px;
//    background-color: @light_brown;
//    width: auto;
//  }
//
//  #fervetopus-footer .fervetopus-contact-card h2 {
//    padding: 0px;
//  }
//
//  .fervetopus-contact-details {
//    padding-left: 20px;
//    color: @dark_brown;
//    font-family: @aux_font;
//    font-weight: bold;
//    font-size: @small_font_size;
//  }
//
//  .fervetopus-contact-details a {
//    color: @dark_brown;
//  }
//
//  .footer-icon {
//    position: relative;
//    top: 0px;
//  }
//
//  #fervetopus-footer #goodora-tagline {
//    color: @white;
//    text-align: center;
//    padding: 30px 0px 10px 0px;
//    font-family: @aux_font;
//    font-size: @small_font_size;
//  }
//
//  #fervetopus-padding-bottom {
//    background-color: @light_gray;
//    height: 400px;
//  }
//
//  #fervetopus-blog {
//    background-color: @light_gray;
//    width: 100%;
//    min-height: 800px;
//  }
//
//  #fervetopus-blog-content {
//    width: @content_width;
//    padding-top: @fervetopus_blog_padding_top;
//    margin: auto;
//    position: relative;
//  }
//
//  #fervetopus-blog-column {
//    position: absolute;
//    top: @fervetopus_blog_padding_top;
//    left: 0;
//    width: @content_width / 3 * 1;
//    z-index: 100;
//  }
//
//  #fervetopus-blog-column.docked {
//    position: fixed;
//    top: @fervetopus_blog_padding_top * 2;
//  }
//
//  #blog-search-container {
//    padding-top: 10px;
//  }
//
//  #blog-search {
//    width: 138px;
//  }
//
//  .fervetopus-blog-item {
//    position: relative;
//    margin-bottom: 20px;
//  }
//
//  .fervetopus-blog-date {
//    width: (@content_width / 3 * 1) - @fervetopus_blog_item_margin_left;
//    margin-right: @fervetopus_blog_item_margin_left;
//    float: left;
//    text-align: right;
//    font-size: @big_font_size;
//    color: @medium_brown;
//  }
//
//  .fervetopus-blog-title {
//    width: @content_width / 3 * 2;
//    float: left;
//    text-align: left;
//    font-size: @big_font_size;
//  }
//
//  .fervetopus-blog-title, .fervetopus-blog-title a {
//    color: @dark_gray;
//  }
//
//  .fervetopus-blog-body {
//    margin-left: @content_width / 3 * 1;
//    padding-top: 20px;
//  }
//
//  .fervetopus-blog-body, .fervetopus-blog-body p {
//    font-family: @aux_font;
//    font-size: @small_font_size;
//    line-height: @aux_font_line_height;
//  }
//}