@@ -1,288 +1,9 @@

-@import "compass";

-

-$font-family: "Roboto", Arial, Helvetica, FreeSans, sans-serif;

-

-$main-color: #082054;

-$text-color: #000000;

-$alt-color: #ffffff;

-$link-color: #878787;

-

-$font-size-default: 16px;

-$font-size-mainnav: 18px / $font-size-default * 100%;

-

-$line-height-default: 1.5;

-

-

-/**

- * Functions

- */

-@function font-size($size) {

-  @return $size / $font-size-default * 100%

-}

-

-/**

- * Mixins

- */

-

-@mixin font-awesome {

-  display: inline-block;

-  font: normal normal normal 14px/1 FontAwesome;

-  font-size: inherit;

-  text-rendering: auto;

-  -webkit-font-smoothing: antialiased;

-  -moz-osx-font-smoothing: grayscale;

-}

-

-@mixin fa-text-replacement($height, $width) {

-  height: $height;

-  width: $width;

-  padding: 0;

-  margin: 0;

-  overflow: hidden;

-}

-

-

-/**

- * Hide invisible elements

- */

-.invisible {

-  border:0;

-  clip:rect(0 0 0 0);

-  height:1px;

-  margin:-1px;

-  overflow:hidden;

-  padding:0;

-  position:absolute;

-  width:1px;

-}

-

-/**

- * Flexible images (videos see #4896)

- *

- * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

- */

-img {

-  max-width:100%;

-  height:auto;

-}

-.ie7 img {

-  -ms-interpolation-mode:bicubic;

-}

-.ie8 img {

-  width:auto; /* see #5789 */

-}

-

-/**

- * Clear floats

- */

-

-.cf,

-.block,

-#container,

-.inside {

-  &:before,

-  &:after {

-	content: " "; /* 1 */

-	display: table; /* 2 */

-  }

-

-  &:after {

-	clear: both;

-  }

-

-  /**

-   * For IE 6/7 only

-   * Include this rule to trigger hasLayout and contain floats.

-   */

-  & {

-	*zoom: 1;

-  }

-}

-

-/**

- * Holy grail CSS layout

- *

- * @see http://www.alistapart.com/articles/holygrail

- */

-#main,#left,#right {

-  float:left;

-}

-#main {

-  width:100%;

-

-  .inside {

-    min-height:1px; /* see #4893 */

-  }

-}

-#left {

-  margin-left:-100%;

-}

-#right {

-  margin-right:-100%;

-}

-#footer {

-  clear:both;

-}

-

-/**

- * Basic positioning

- */

-

-#header,

-#main, #left, #right,

-#footer {

-  position: relative;

-}

-

-/**

- * Standards

- */

-

-body {

-  font: $font-size-default/$line-height-default $font-family;

-  font-weight: 400;

-  color: $text-color;

-}

-

-a {

-  text-decoration: none;

-  color: $link-color;

-}

-

-h1, h2 {

-  font-weight: 400;

-}

-

-h1 {

-  font-size: font-size(26px);

-}

-

-h2 {

-  font-size: font-size(22px);

-}

-

-/**

- * Sticky footer

- */

-html {

-  height: 100%;

-}

-body {

-  position: relative;

-  margin: 0;

-  padding: 0;

-  min-height: 100%;

-}

-#wrapper {

-  padding-bottom: 200px;

-}

-#footer {

-  position: absolute;

-  bottom: 0;

-  left: 0;

-  right: 0;

-

-  .inside {

-    height: 170px;

-  }

-}

+@import "scss/base";

 /**

- * Custom

+ * Add custom styles here

  */

-.inside {

-  max-width: 960px;

-  margin: 0 auto;

-  position: relative;

-}

-

-#header {

-  background-color: $main-color;

-  border-bottom: $alt-color 2px solid;

-

-  .inside {

-    height: 178px;

-  }

-}

-

-#container {

-  padding: 40px 0;

-}

-

-#footer {

-  background-color: $main-color;

-  border-top: $alt-color 2px solid;

-  padding: 30px 0 0;

-  color: $alt-color;

-  font-size: font-size(14px);

-  font-weight: 300;

-}

-

-#logo {

-  position: absolute;

-  top: 50%;

-  left: 0;

-  -webkit-transform: translateY(-50%);

-  -moz-transform: translateY(-50%);

-  -ms-transform: translateY(-50%);

-  -o-transform: translateY(-50%);

-  transform: translateY(-50%);

-}

-

-#main-nav {

-  text-transform: uppercase;

-  font-size: $font-size-mainnav;

-  font-weight: 300;

-  position: absolute;

-  top: 50%;

-  right: 0;

-

-  a {

-    color: $alt-color;

-    -webkit-transition: all 0.25s;

-    -moz-transition: all 0.25s;

-    -o-transition: all 0.25s;

-    transition: all 0.25s;

-

-    &:hover {

-      color: $link-color;

-    }

-  }

-

-  span {

-

-    &.active,

-    &.trail {

-      color: $link-color;

-    }

-  }

-

-  a,

-  span {

-

-    display: block;

-

-    &.home {

-      @include fa-text-replacement($font-size-mainnav * $line-height-default / 100% * $font-size-default,$font-size-mainnav / 100% * $font-size-default);

-

-      &:before {

-        @include font-awesome;

-        content: '\f015';

-      }

-    }

-  }

-

-  li {

-    float: left;

-    padding: 0 13px;

-

-    &:first-child {

-      padding-left: 0;

-    }

+@include set-sticky-footer(170px); // Example: Make the footer sticky with a fixed height of 170px

-    &:last-child {

-      padding-right: 0;

-    }

-  }

-}

\ No newline at end of file

+.inside { @include centered-960 } // Example: All inside classes will be centered with a max-width of 960px

\ No newline at end of file

deleted file mode 100644

@@ -1,175 +0,0 @@

-@import "compass";

-

-// Radius

-$field-radius: 3px;

-$button-radius: 3px;

-

-// Colors

-$border-color-hl: #082054;

-$background-color-hl: lighten($border-color-hl,80%);

-$button-background-color-hl: #082054;

-$button-border-color-hl: #082054;

-$background-color: #ffffff;

-$border-color: #cccccc;

-$shadow-color: #eeeeee;

-$label-color: inherit;

-$legend-color: inherit;

-$button-text-color: #ffffff;

-$button-background-color: #2f67b7;

-$button-border-color: #082054;

-$background-color-ro: #eeeeee;

-

-// Sizes & Paddings

-$field-padding: 3px 6px;

-$field-height: 39px;

-$field-border-width: 2px;

-$button-padding: 3px 15px 3px 14px;

-$button-border-width: 2px;

-

-/**

- * Since fieldset borders are removed in the reset style sheet, adjust the

- * legends accordingly

- */

-legend {

-  width: 100%;

-  display: block;

-  font-weight: bold;

-  border: 0;

-}

-

-input,

-textarea,

-button,

-select {

-  line-height: 175%;

-  outline: none;

-}

-

-/**

- * Text fields and textareas

- */

-input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"],

-input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea, select {

-  width: 100%;

-  display: inline-block;

-  padding: $field-padding;

-  background: $background-color;

-  border: $field-border-width solid $border-color;

-  height: $field-height;

-  @include border-radius($field-radius);

-  @include box-shadow(inset 0 1px 1px $shadow-color);

-  @include transition(all .15s linear);

-  @include box-sizing(border-box);

-

-  &:focus {

-    outline: 0;

-    background: $background-color-hl;

-    border-color: $border-color-hl;

-  }

-}

-

-/**

- * Label styling

- */

-

-.formbody label {

-  color: $label-color;

-}

-

-/**

- * Fieldset styling

- */

-.formbody > fieldset {

-  margin-top: 1.5em;

-

-  legend {

-    color: $legend-color;

-    border-bottom-color: $legend-color;

-  }

-}

-

-

-/**

- * Fix some width and height settings

- */

-input[type="file"] {

-  cursor: pointer;

-}

-

-select, input[type="file"] {

-  display: block;

-}

-

-input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {

-  width: auto;

-}

-

-textarea, select[multiple], select[size] {

-  height: auto;

-}

-

-/**

- * Checkboxes and radio buttons

- */

-input[type="radio"], input[type="checkbox"] {

-  margin: 0 3px 0 0;

-}

-

-input[type="radio"], input[type="checkbox"], label {

-  vertical-align: middle;

-}

-

-/**

- * Handle disabled and read-only

- */

-input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {

-  cursor: not-allowed;

-  background: $background-color-ro;

-}

-

-input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {

-  background: transparent;

-}

-

-/**

- * Buttons

- */

-input[type="submit"], .button, button {

-  display: inline-block;

-  padding: $button-padding;

-  margin-bottom: 0;

-  text-align: center;

-  vertical-align: middle;

-  color: $button-text-color;

-  cursor: pointer;

-  border: $button-border-width solid $button-border-color;

-  @include border-radius($button-radius);

-  background-color: $button-background-color;

-  @include transition(background .15s linear);

-

-  &:hover {

-    text-decoration: none;

-  }

-

-  &:active {

-    background-color: $button-background-color-hl;

-    border-color: $button-border-color-hl;

-  }

-}

-

-/**

- * Optional button styles

- */

-.button_block input[type="submit"],

-.button_block button {

-  display: block;

-  width: 100%;

-}

-

-/**

- * Checkbox

- */

-.widget.widget-checkbox label, .widget.widget-radio label {

-  display: inline-block;

-  margin-bottom: 0;

-}

\ No newline at end of file

deleted file mode 100644

@@ -1,51 +0,0 @@

-$col_margin: 2%;

-

-.ce_gallery > ul {

-  &:before,

-  &:after {

-    content: " "; /* 1 */

-    display: table; /* 2 */

-  }

-

-  &:after {

-    clear: both;

-  }

-

-  /**

-   * For IE 6/7 only

-   * Include this rule to trigger hasLayout and contain floats.

-   */

-  & {

-    *zoom: 1;

-  }

-

-  & > li {

-    margin: 0 $col_margin $col_margin;

-    float: left;

-

-    &.col_first {

-      clear: none;

-    }

-

-  }

-

-  &.cols_1 > li {

-    float: none;

-  }

-

-  @for $i from 1 through 12 {

-    &.cols_#{$i} > li:nth-child(1n) {

-      width: (100-($i * (2 * $col_margin) - (2 * $col_margin))) / $i;

-    }

-    &.cols_#{$i} > li:nth-child(#{$i}n+1) {

-      margin-left: 0;

-      clear: left;

-    }

-    &.cols_#{$i} > li:nth-child(#{$i}n) {

-      margin-right: 0;

-    }

-  }

-}

-

-

-

deleted file mode 100644

@@ -1,57 +0,0 @@

-$col_margin: 2%;

-

-.ce_gallery > ul {

-  &:before,

-  &:after {

-    content: " "; /* 1 */

-    display: table; /* 2 */

-  }

-

-  &:after {

-    clear: both;

-  }

-

-  /**

-   * For IE 6/7 only

-   * Include this rule to trigger hasLayout and contain floats.

-   */

-  & {

-    *zoom: 1;

-  }

-

-  & > li {

-    margin: 0 $col_margin $col_margin;

-    float: left;

-

-    &.col_first {

-      clear: none;

-    }

-

-    &:first-child {

-      width: 100%;

-      margin-left: 0;

-      margin-right: 0;

-      float: none;

-    }

-  }

-

-  &.cols_1 > li {

-    float: none;

-  }

-

-  @for $i from 1 through 12 {

-    &.cols_#{$i} > li:nth-child(1n+2) {

-      width: (100-($i * (2 * $col_margin) - (2 * $col_margin))) / $i;

-    }

-    &.cols_#{$i} > li:nth-child(#{$i}n+2) {

-      margin-left: 0;

-      clear: left;

-    }

-    &.cols_#{$i} > li:nth-child(#{$i}n+1) {

-      margin-right: 0;

-    }

-  }

-}

-

-

-

new file mode 100644

@@ -0,0 +1,29 @@

+/**

+ * Fonts

+ */

+$font-family: "Open-Sans", Arial, Helvetica, FreeSans, sans-serif;

+$font-family-alt: "Roboto", Arial, Helvetica, FreeSans, sans-serif;

+

+/**

+ * Colors

+ */

+$color-main: #082054;

+$color-alt: #ffffff;

+$color-text: #000000;

+$color-link: #878787;

+

+/**

+ * Font sizes and defaults

+ */

+$font-size-default: 16px;

+$font-size-mainnav: 18px / $font-size-default * 100%;

+

+$font-weight-default: 400;

+$font-weight-bold: 700;

+

+$line-height-default: 1.5;

+

+/**

+ * Flags

+ */

+$load-holy-grail-layout: true;

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,124 @@

+@import "compass";

+@import "_settings";

+@import "compass/reset";

+@import "inc/layout/_sticky_footer";

+

+/**

+ * Functions

+ */

+@function font-size($size) {

+  @return $size / $font-size-default * 100%

+}

+

+/**

+ * Mixins

+ */

+

+@mixin font-awesome {

+  display: inline-block;

+  font: normal normal normal 14px/1 FontAwesome;

+  font-size: inherit;

+  text-rendering: auto;

+  -webkit-font-smoothing: antialiased;

+  -moz-osx-font-smoothing: grayscale;

+}

+

+@mixin fa-text-replacement($height, $width) {

+  height: $height;

+  width: $width;

+  padding: 0;

+  margin: 0;

+  overflow: hidden;

+}

+

+@mixin centered-960 {

+  max-width: 960px;

+  margin: 0 auto;

+  position: relative;

+}

+

+/**

+ * Hide invisible elements

+ */

+.invisible {

+  border:0;

+  clip:rect(0 0 0 0);

+  height:1px;

+  margin:-1px;

+  overflow:hidden;

+  padding:0;

+  position:absolute;

+  width:1px;

+}

+

+/**

+ * Flexible images (videos see #4896)

+ *

+ * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

+ */

+img {

+  max-width:100%;

+  height:auto;

+}

+.ie7 img {

+  -ms-interpolation-mode:bicubic;

+}

+.ie8 img {

+  width:auto; /* see #5789 */

+}

+

+/**

+ * Clear floats

+ */

+

+.cf,

+.block,

+#container,

+.inside {

+  &:before,

+  &:after {

+	content: " "; /* 1 */

+	display: table; /* 2 */

+  }

+

+  &:after {

+	clear: both;

+  }

+

+  /**

+   * For IE 6/7 only

+   * Include this rule to trigger hasLayout and contain floats.

+   */

+  & {

+	*zoom: 1;

+  }

+}

+

+@if $load-holy-grail-layout {

+  @include holy-grail-layout;

+}

+

+/**

+ * Basic positioning

+ */

+

+#header,

+#main, #left, #right,

+#footer {

+  position: relative;

+}

+

+/**

+ * Standards

+ */

+

+body {

+  font: $font-size-default/$line-height-default $font-family;

+  font-weight: $font-weight-default;

+  color: $color-text;

+}

+

+a {

+  text-decoration: none;

+  color: $color-link;

+}

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,178 @@

+@import "compass";

+

+// Radius

+$field-radius: 3px;

+$button-radius: 3px;

+

+// Colors

+$border-color-hl: #082054;

+$background-color-hl: lighten($border-color-hl,80%);

+$button-background-color-hl: #082054;

+$button-border-color-hl: #082054;

+$background-color: #ffffff;

+$border-color: #cccccc;

+$shadow-color: #eeeeee;

+$label-color: inherit;

+$legend-color: inherit;

+$button-text-color: #ffffff;

+$button-background-color: #2f67b7;

+$button-border-color: #082054;

+$background-color-ro: #eeeeee;

+

+// Sizes & Paddings

+$field-padding: 3px 6px;

+$field-height: 35px;

+$field-border-width: 1px;

+$button-padding: 3px 15px 3px 14px;

+$button-height: 35px;

+$button-border-width: 2px;

+

+/**

+ * Since fieldset borders are removed in the reset style sheet, adjust the

+ * legends accordingly

+ */

+legend {

+  width: 100%;

+  display: block;

+  font-weight: bold;

+  border: 0;

+}

+

+input,

+textarea,

+button,

+select {

+  line-height: 150%;

+  outline: none;

+}

+

+/**

+ * Text fields and textareas

+ */

+input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"],

+input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea, select {

+  width: 100%;

+  display: inline-block;

+  padding: $field-padding;

+  background: $background-color;

+  border: $field-border-width solid $border-color;

+  height: $field-height;

+  @include border-radius($field-radius);

+  @include box-shadow(inset 0 1px 1px $shadow-color);

+  @include transition(all .15s linear);

+  @include box-sizing(border-box);

+

+  &:focus {

+    outline: 0;

+    background: $background-color-hl;

+    border-color: $border-color-hl;

+  }

+}

+

+/**

+ * Label styling

+ */

+

+.formbody label {

+  color: $label-color;

+}

+

+/**

+ * Fieldset styling

+ */

+.formbody > fieldset {

+  margin-top: 1.5em;

+

+  legend {

+    color: $legend-color;

+    border-bottom-color: $legend-color;

+  }

+}

+

+

+/**

+ * Fix some width and height settings

+ */

+input[type="file"] {

+  cursor: pointer;

+}

+

+select, input[type="file"] {

+  display: block;

+}

+

+input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {

+  width: auto;

+}

+

+textarea, select[multiple], select[size] {

+  height: auto;

+}

+

+/**

+ * Checkboxes and radio buttons

+ */

+input[type="radio"], input[type="checkbox"] {

+  margin: 0 3px 0 0;

+}

+

+input[type="radio"], input[type="checkbox"], label {

+  vertical-align: middle;

+}

+

+/**

+ * Handle disabled and read-only