// PluginFactoryScaffolding : PARTIAL
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

@import 'compass/css3';
@import "compass/layout/sticky-footer";
@import 'compass/utilities';

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

@import 'plugin_factory/bootstrap';
@import 'plugin_factory/common';

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

a { text-decoration:none; color:#1861a8;
  &:hover { text-decoration:underline; }
}
strong, .strong { font-weight:bold; }
emphasis, .emphasis { font-style:italic; }

ul { list-style-type: square; list-style-position:outside; padding:0; margin-left:0; line-height:1.5em;
  li { margin-top:5px; margin-left:1em; }
}

ol { list-style-type:decimal; list-style-position:outside; padding:0; margin-left:0; line-height:1.5em;
  li { margin-top:5px; margin-left:1.5em; }
}

pre { font-family:"Courier New", Courier, monospace, sans-serif; color: #555; line-height: 1.6em; }

.hide { display:none !important; }

html { height:100%; }
body { height: 100%; background-color:#292a2e; @include ff-gradient(#26262a,#2b2d31); text-align:center; margin:0; font-family:'Helvetica', Arial, sans-serif; font-size:12px; line-height:1.5em;
  @include sticky-footer(40px, ".lyt-root", ".lyt-root-footer", ".lyt-footer");

  .lyt-root { @include ff-gradient(#26262a,#2b2d31); }
  .lyt-header { min-height:80px;
    .hello { background: #2d2d31; height:40px; line-height: 44px; text-align: right; border-bottom:1px solid #000000; @include box-shadow(#343438 0 1px 0);
      .hello-wrapper { max-width: 960px; margin:0 auto; }
      .greeting { color: #858789; font-style: italic; padding-right:10px; font-weight: 100; }
      a { font-weight: bold; color: #aeb2b4; }
    }
    .logo { border-bottom:1px solid #000000; @include box-shadow(#343438 0 1px 0); background-position: center center; background-repeat:no-repeat;
      img { margin-top:18px; }
    }
  }
  .lyt-footer { color:#565d65; font-size:10px; line-height:40px;  border-top:1px solid #343438; @include box-shadow(#000000 0 -1px 0);
    a { color:#565d65;
      &:hover { color:#747d88; }
    }
  }

  // layout-specific components
  .ff-widget { display:inline-block; @include box-shadow(#000000 2px 2px 2px); border:10px solid #ffffff; @include border-radius(3px); margin:50px 0 50px; color: #444444;
    .loading { line-height: 100px; }
  }
}

// END PARTIAL /////////////////////////////////////////////////////////////////////////////////////////////////////////