5 files changed, 968 insertions, 0 deletions
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css
new file mode 100644
index 0000000..4c33442
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css
@@ -0,0 +1,86 @@
+@charset "UTF-8";
+/**
+ * @file 
+ * Internal layouts used in #content
+ *
+ * @author 赵迤晨 (Zhao Yichen) <interarticle@gmail.com>
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+.three-columns:before, .three-columns:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+.three-columns:after {
+  clear: both;
+}
+/* line 22, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-first {
+  float: left;
+  width: 33.33333%;
+  margin-left: 0%;
+  margin-right: -33.33333%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+/* line 25, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-second {
+  float: left;
+  width: 33.33333%;
+  margin-left: 33.33333%;
+  margin-right: -66.66667%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+/* line 28, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-third {
+  float: left;
+  width: 33.33333%;
+  margin-left: 66.66667%;
+  margin-right: -100%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+/* line 31, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-main.right {
+  float: left;
+  width: 66.66667%;
+  margin-left: 33.33333%;
+  margin-right: -100%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+/* line 34, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-main.left {
+  float: left;
+  width: 66.66667%;
+  margin-left: 0%;
+  margin-right: -66.66667%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css
new file mode 100644
index 0000000..fd054c2
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css
@@ -0,0 +1,178 @@
+/**
+ * @file
+ * RTL companion for the fixed-width.css file.
+ */
+/**
+ * @file
+ * Positioning for a fixed-width, desktop-centric layout.
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
+ */
+/*
+ * Center the page.
+ */
+/* line 44, ../../../../sass/sass/layouts/fixed-width.scss */
+#page,
+.region-bottom {
+  /* If you want to make the page a fixed width and centered in the viewport,
+   * this is the standards-compliant way to do that. */
+  width: 1300px;
+}
+
+/*
+ * Apply the shared properties of grid items in a single, efficient ruleset.
+ */
+/* line 62, ../../../../sass/sass/layouts/fixed-width.scss */
+#header,
+.content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer {
+  padding-left: 20px;
+  padding-right: 20px;
+  border: 0 !important;
+  word-wrap: break-word;
+}
+
+/*
+ * Containers for grid items and flow items.
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:before, #header:after,
+#main:before,
+#main:after,
+#footer:before,
+#footer:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:after,
+#main:after,
+#footer:after {
+  clear: both;
+}
+
+/*
+ * Navigation bar
+ */
+/* line 80, ../../../../sass/sass/layouts/fixed-width.scss */
+#main {
+  position: relative;
+}
+
+/* line 83, ../../../../sass/sass/layouts/fixed-width.scss */
+#navigation {
+  position: absolute;
+  top: 0;
+  /* Move the navbar up inside #main's padding. */
+  height: 3em;
+  width: 1260px;
+}
+
+/*
+ * The layout when there is only one sidebar, the left one.
+ */
+/* line 95, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-first .content {
+  /* Span 4 columns, starting in 2nd column from left. */
+  float: right;
+  width: 360px;
+  margin-right: 100px;
+  margin-left: -500px;
+}
+/* line 99, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-first .region-sidebar-first {
+  /* Span 1 column, starting in 1st column from left. */
+  float: right;
+  width: 60px;
+  margin-right: 0px;
+  margin-left: -100px;
+}
+
+/*
+ * The layout when there is only one sidebar, the right one.
+ */
+/* line 109, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-second .content {
+  /* Span 4 columns, starting in 1st column from left. */
+  float: right;
+  width: 360px;
+  margin-right: 0px;
+  margin-left: -400px;
+}
+/* line 113, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-second .region-sidebar-second {
+  /* Span 1 column, starting in 5th column from left. */
+  float: right;
+  width: 60px;
+  margin-right: 400px;
+  margin-left: -500px;
+}
+
+/*
+ * The layout when there are two sidebars.
+ */
+/* line 124, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .content,
+.two-sidebars .content {
+  /* Span 3 columns, starting in 2nd column from left. */
+  float: right;
+  width: 660px;
+  margin-right: 300px;
+  margin-left: -1000px;
+}
+/* line 128, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .region-sidebar-first,
+.two-sidebars .region-sidebar-first {
+  /* Span 1 column, starting in 1st column from left. */
+  float: right;
+  width: 260px;
+  margin-right: 0px;
+  margin-left: -300px;
+}
+/* line 132, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .region-sidebar-second,
+.two-sidebars .region-sidebar-second {
+  /* Span 1 column, starting in 5th column from left. */
+  float: right;
+  width: 260px;
+  margin-right: 1000px;
+  margin-left: -1300px;
+}
+
+/* line 139, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first #page,
+.picture-base.sidebar-first .region-bottom {
+  width: 1200px;
+}
+/* line 143, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first .content {
+  float: right;
+  width: 630px;
+  margin-right: 430px;
+  margin-left: -1230px;
+  padding-left: 85px;
+  padding-right: 85px;
+  border: 0 !important;
+  word-wrap: break-word;
+}
+/* line 147, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first .region-sidebar-first {
+  float: right;
+  width: 390px;
+  margin-right: 0px;
+  margin-left: -430px;
+}
+
+/* line 153, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.blog-index #page, .blog.blog-index .region-bottom {
+  width: 550px;
+  margin-left: auto;
+  margin-right: auto;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css
new file mode 100644
index 0000000..dbe26f9
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css
@@ -0,0 +1,174 @@
+/**
+ * @file
+ * Positioning for a fixed-width, desktop-centric layout.
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
+ */
+/*
+ * Center the page.
+ */
+/* line 44, ../../../../sass/sass/layouts/fixed-width.scss */
+#page,
+.region-bottom {
+  /* If you want to make the page a fixed width and centered in the viewport,
+   * this is the standards-compliant way to do that. */
+  width: 1300px;
+}
+
+/*
+ * Apply the shared properties of grid items in a single, efficient ruleset.
+ */
+/* line 62, ../../../../sass/sass/layouts/fixed-width.scss */
+#header,
+.content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer {
+  padding-left: 20px;
+  padding-right: 20px;
+  border: 0 !important;
+  word-wrap: break-word;
+}
+
+/*
+ * Containers for grid items and flow items.
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:before, #header:after,
+#main:before,
+#main:after,
+#footer:before,
+#footer:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:after,
+#main:after,
+#footer:after {
+  clear: both;
+}
+
+/*
+ * Navigation bar
+ */
+/* line 80, ../../../../sass/sass/layouts/fixed-width.scss */
+#main {
+  position: relative;
+}
+
+/* line 83, ../../../../sass/sass/layouts/fixed-width.scss */
+#navigation {
+  position: absolute;
+  top: 0;
+  /* Move the navbar up inside #main's padding. */
+  height: 3em;
+  width: 1260px;
+}
+
+/*
+ * The layout when there is only one sidebar, the left one.
+ */
+/* line 95, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-first .content {
+  /* Span 4 columns, starting in 2nd column from left. */
+  float: left;
+  width: 360px;
+  margin-left: 100px;
+  margin-right: -500px;
+}
+/* line 99, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-first .region-sidebar-first {
+  /* Span 1 column, starting in 1st column from left. */
+  float: left;
+  width: 60px;
+  margin-left: 0px;
+  margin-right: -100px;
+}
+
+/*
+ * The layout when there is only one sidebar, the right one.
+ */
+/* line 109, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-second .content {
+  /* Span 4 columns, starting in 1st column from left. */
+  float: left;
+  width: 360px;
+  margin-left: 0px;
+  margin-right: -400px;
+}
+/* line 113, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-second .region-sidebar-second {
+  /* Span 1 column, starting in 5th column from left. */
+  float: left;
+  width: 60px;
+  margin-left: 400px;
+  margin-right: -500px;
+}
+
+/*
+ * The layout when there are two sidebars.
+ */
+/* line 124, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .content,
+.two-sidebars .content {
+  /* Span 3 columns, starting in 2nd column from left. */
+  float: left;
+  width: 660px;
+  margin-left: 300px;
+  margin-right: -1000px;
+}
+/* line 128, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .region-sidebar-first,
+.two-sidebars .region-sidebar-first {
+  /* Span 1 column, starting in 1st column from left. */
+  float: left;
+  width: 260px;
+  margin-left: 0px;
+  margin-right: -300px;
+}
+/* line 132, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .region-sidebar-second,
+.two-sidebars .region-sidebar-second {
+  /* Span 1 column, starting in 5th column from left. */
+  float: left;
+  width: 260px;
+  margin-left: 1000px;
+  margin-right: -1300px;
+}
+
+/* line 139, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first #page,
+.picture-base.sidebar-first .region-bottom {
+  width: 1200px;
+}
+/* line 143, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first .content {
+  float: left;
+  width: 630px;
+  margin-left: 430px;
+  margin-right: -1230px;
+  padding-left: 85px;
+  padding-right: 85px;
+  border: 0 !important;
+  word-wrap: break-word;
+}
+/* line 147, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first .region-sidebar-first {
+  float: left;
+  width: 390px;
+  margin-left: 0px;
+  margin-right: -430px;
+}
+
+/* line 153, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.blog-index #page, .blog.blog-index .region-bottom {
+  width: 550px;
+  margin-left: auto;
+  margin-right: auto;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css
new file mode 100644
index 0000000..e7082eb
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css
@@ -0,0 +1,267 @@
+/**
+ * @file
+ * RTL companion for the responsive-sidebars.css file.
+ */
+/**
+ * @file
+ * Positioning for responsive layout .
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
+ */
+/*
+ * Center the page.
+ */
+/* line 44, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+#page,
+.region-bottom {
+  /* For screen sizes larger than 1200px, prevent excessively long lines of text
+     by setting a max-width. */
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1200px;
+}
+
+/*
+ * Apply the shared properties of grid items in a single, efficient ruleset.
+ */
+/* line 62, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+#header,
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer {
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+
+/*
+ * Containers for grid items and flow items.
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:before, #header:after,
+#main:before,
+#main:after,
+#footer:before,
+#footer:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:after,
+#main:after,
+#footer:after {
+  clear: both;
+}
+
+/*
+ * Navigation bar
+ */
+@media all and (min-width: 480px) {
+  /* line 81, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  #main {
+    padding-top: 3em;
+    /* Move all the children of #main down to make room. */
+    position: relative;
+  }
+
+  /* line 85, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  #navigation {
+    position: absolute;
+    top: 0;
+    /* Move the navbar up inside #main's padding. */
+    height: 3em;
+    width: 100%;
+  }
+}
+@media all and (min-width: 480px) and (max-width: 959px) {
+  /*
+   * Use 3 grid columns for smaller screens.
+   */
+  /*
+   * The layout when there is only one sidebar, the left one.
+   */
+  /* line 104, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first #content {
+    /* Span 2 columns, starting in 2nd column from left. */
+    float: right;
+    width: 66.66667%;
+    margin-right: 33.33333%;
+    margin-left: -100%;
+  }
+  /* line 108, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 0%;
+    margin-left: -33.33333%;
+  }
+
+  /*
+   * The layout when there is only one sidebar, the right one.
+   */
+  /* line 118, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second #content {
+    /* Span 2 columns, starting in 1st column from left. */
+    float: right;
+    width: 66.66667%;
+    margin-right: 0%;
+    margin-left: -66.66667%;
+  }
+  /* line 122, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second .region-sidebar-second {
+    /* Span 1 column, starting in 3rd column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 66.66667%;
+    margin-left: -100%;
+  }
+
+  /*
+   * The layout when there are two sidebars.
+   */
+  /* line 132, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars #content {
+    /* Span 2 columns, starting in 2nd column from left. */
+    float: right;
+    width: 66.66667%;
+    margin-right: 33.33333%;
+    margin-left: -100%;
+  }
+  /* line 136, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 0%;
+    margin-left: -33.33333%;
+  }
+  /* line 140, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second {
+    /* Start a new row and span all 3 columns. */
+    float: right;
+    width: 100%;
+    margin-right: 0%;
+    margin-left: -100%;
+    padding-left: 0;
+    padding-right: 0;
+    clear: right;
+  }
+  /* line 145, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block {
+    padding-left: 10px;
+    padding-right: 10px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    word-wrap: break-word;
+  }
+  /* line 148, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
+    /* Span 1 column, starting in the 1st column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 0%;
+    margin-left: -33.33333%;
+    clear: right;
+  }
+  /* line 152, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
+    /* Span 1 column, starting in the 2nd column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 33.33333%;
+    margin-left: -66.66667%;
+  }
+  /* line 155, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n) {
+    /* Span 1 column, starting in the 3rd column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 66.66667%;
+    margin-left: -100%;
+  }
+}
+@media all and (min-width: 960px) {
+  /*
+   * Use 5 grid columns for larger screens.
+   */
+  /*
+   * The layout when there is only one sidebar, the left one.
+   */
+  /* line 173, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first #content {
+    /* Span 4 columns, starting in 2nd column from left. */
+    float: right;
+    width: 80%;
+    margin-right: 20%;
+    margin-left: -100%;
+  }
+  /* line 177, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: right;
+    width: 20%;
+    margin-right: 0%;
+    margin-left: -20%;
+  }
+
+  /*
+   * The layout when there is only one sidebar, the right one.
+   */
+  /* line 187, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second #content {
+    /* Span 4 columns, starting in 1st column from left. */
+    float: right;
+    width: 80%;
+    margin-right: 0%;
+    margin-left: -80%;
+  }
+  /* line 191, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second .region-sidebar-second {
+    /* Span 1 column, starting in 5th column from left. */
+    float: right;
+    width: 20%;
+    margin-right: 80%;
+    margin-left: -100%;
+  }
+
+  /*
+   * The layout when there are two sidebars.
+   */
+  /* line 201, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars #content {
+    /* Span 3 columns, starting in 2nd column from left. */
+    float: right;
+    width: 60%;
+    margin-right: 20%;
+    margin-left: -80%;
+  }
+  /* line 205, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: right;
+    width: 20%;
+    margin-right: 0%;
+    margin-left: -20%;
+  }
+  /* line 209, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second {
+    /* Span 1 column, starting in 5th column from left. */
+    float: right;
+    width: 20%;
+    margin-right: 80%;
+    margin-left: -100%;
+  }
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css
new file mode 100644
index 0000000..ed0fac3
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css
@@ -0,0 +1,263 @@
+/**
+ * @file
+ * Positioning for responsive layout .
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
+ */
+/*
+ * Center the page.
+ */
+/* line 44, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+#page,
+.region-bottom {
+  /* For screen sizes larger than 1200px, prevent excessively long lines of text
+     by setting a max-width. */
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1200px;
+}
+
+/*
+ * Apply the shared properties of grid items in a single, efficient ruleset.
+ */
+/* line 62, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+#header,
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer {
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+
+/*
+ * Containers for grid items and flow items.
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:before, #header:after,
+#main:before,
+#main:after,
+#footer:before,
+#footer:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:after,
+#main:after,
+#footer:after {
+  clear: both;
+}
+
+/*
+ * Navigation bar
+ */
+@media all and (min-width: 480px) {
+  /* line 81, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  #main {
+    padding-top: 3em;
+    /* Move all the children of #main down to make room. */
+    position: relative;
+  }
+
+  /* line 85, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  #navigation {
+    position: absolute;
+    top: 0;
+    /* Move the navbar up inside #main's padding. */
+    height: 3em;
+    width: 100%;
+  }
+}
+@media all and (min-width: 480px) and (max-width: 959px) {
+  /*
+   * Use 3 grid columns for smaller screens.
+   */
+  /*
+   * The layout when there is only one sidebar, the left one.
+   */
+  /* line 104, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first #content {
+    /* Span 2 columns, starting in 2nd column from left. */
+    float: left;
+    width: 66.66667%;
+    margin-left: 33.33333%;
+    margin-right: -100%;
+  }
+  /* line 108, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 0%;
+    margin-right: -33.33333%;
+  }
+
+  /*
+   * The layout when there is only one sidebar, the right one.
+   */
+  /* line 118, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second #content {
+    /* Span 2 columns, starting in 1st column from left. */
+    float: left;
+    width: 66.66667%;
+    margin-left: 0%;
+    margin-right: -66.66667%;
+  }
+  /* line 122, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second .region-sidebar-second {
+    /* Span 1 column, starting in 3rd column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 66.66667%;
+    margin-right: -100%;
+  }
+
+  /*
+   * The layout when there are two sidebars.
+   */
+  /* line 132, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars #content {
+    /* Span 2 columns, starting in 2nd column from left. */
+    float: left;
+    width: 66.66667%;
+    margin-left: 33.33333%;
+    margin-right: -100%;
+  }
+  /* line 136, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 0%;
+    margin-right: -33.33333%;
+  }
+  /* line 140, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second {
+    /* Start a new row and span all 3 columns. */
+    float: left;
+    width: 100%;
+    margin-left: 0%;
+    margin-right: -100%;
+    padding-left: 0;
+    padding-right: 0;
+    clear: left;
+  }
+  /* line 145, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block {
+    padding-left: 10px;
+    padding-right: 10px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    word-wrap: break-word;
+  }
+  /* line 148, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
+    /* Span 1 column, starting in the 1st column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 0%;
+    margin-right: -33.33333%;
+    clear: left;
+  }
+  /* line 152, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
+    /* Span 1 column, starting in the 2nd column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 33.33333%;
+    margin-right: -66.66667%;
+  }
+  /* line 155, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n) {
+    /* Span 1 column, starting in the 3rd column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 66.66667%;
+    margin-right: -100%;
+  }
+}
+@media all and (min-width: 960px) {
+  /*
+   * Use 5 grid columns for larger screens.
+   */
+  /*
+   * The layout when there is only one sidebar, the left one.
+   */
+  /* line 173, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first #content {
+    /* Span 4 columns, starting in 2nd column from left. */
+    float: left;
+    width: 80%;
+    margin-left: 20%;
+    margin-right: -100%;
+  }
+  /* line 177, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: left;
+    width: 20%;
+    margin-left: 0%;
+    margin-right: -20%;
+  }
+
+  /*
+   * The layout when there is only one sidebar, the right one.
+   */
+  /* line 187, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second #content {
+    /* Span 4 columns, starting in 1st column from left. */
+    float: left;
+    width: 80%;
+    margin-left: 0%;
+    margin-right: -80%;
+  }
+  /* line 191, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second .region-sidebar-second {
+    /* Span 1 column, starting in 5th column from left. */
+    float: left;
+    width: 20%;
+    margin-left: 80%;
+    margin-right: -100%;
+  }
+
+  /*
+   * The layout when there are two sidebars.
+   */
+  /* line 201, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars #content {
+    /* Span 3 columns, starting in 2nd column from left. */
+    float: left;
+    width: 60%;
+    margin-left: 20%;
+    margin-right: -80%;
+  }
+  /* line 205, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: left;
+    width: 20%;
+    margin-left: 0%;
+    margin-right: -20%;
+  }
+  /* line 209, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second {
+    /* Span 1 column, starting in 5th column from left. */
+    float: left;
+    width: 20%;
+    margin-left: 80%;
+    margin-right: -100%;
+  }
+}