You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@drill.apache.org by ts...@apache.org on 2015/05/17 08:51:42 UTC

[22/26] drill git commit: Migrated site from CSS to SASS. Consolidated CSS and JS files. More CDN use.

Migrated site from CSS to SASS. Consolidated CSS and JS files. More CDN use.


Project: http://git-wip-us.apache.org/repos/asf/drill/repo
Commit: http://git-wip-us.apache.org/repos/asf/drill/commit/59bc9151
Tree: http://git-wip-us.apache.org/repos/asf/drill/tree/59bc9151
Diff: http://git-wip-us.apache.org/repos/asf/drill/diff/59bc9151

Branch: refs/heads/gh-pages
Commit: 59bc91517abf7f6b9334f366a42dc872e0d12917
Parents: d8c9599
Author: Tomer Shiran <ts...@gmail.com>
Authored: Sat May 16 22:41:22 2015 -0700
Committer: Tomer Shiran <ts...@gmail.com>
Committed: Sat May 16 22:41:22 2015 -0700

----------------------------------------------------------------------
 _config-prod.yml              |   2 +-
 _config.yml                   |   3 +
 _includes/head.html           |  20 +-
 _layouts/docpage.html         |  57 +--
 _layouts/post.html            |   3 +-
 _sass/_doc-breadcrumbs.scss   |  41 ++
 _sass/_doc-code.scss          |  77 ++++
 _sass/_doc-content.scss       | 423 +++++++++++++++++
 _sass/_doc-syntax.scss        |  60 +++
 _sass/_download.scss          |  33 ++
 _sass/_home-code.scss         |   5 +
 _sass/_home-video-box.scss    |  55 +++
 _sass/_home-video-slider.scss |  34 ++
 _sass/_site-arrows.scss       |  83 ++++
 _sass/_site-main.scss         | 894 ++++++++++++++++++++++++++++++++++++
 _sass/_site-responsive.scss   | 264 +++++++++++
 _sass/_site-search.scss       |   9 +
 css/arrows.css                |  86 ----
 css/breadcrumbs.css           |  40 --
 css/code.css                  |  69 ---
 css/content.scss              |   6 +
 css/docpage.css               | 389 ----------------
 css/download.css              |  33 --
 css/download.scss             |   3 +
 css/home.scss                 |   4 +
 css/responsive.css            | 275 ------------
 css/search.css                |   9 -
 css/site.scss                 |   6 +
 css/style.css                 | 897 -------------------------------------
 css/syntax.css                |  60 ---
 css/video-box.css             |  55 ---
 css/video-slider.css          |  34 --
 images/home-json.png          | Bin 54424 -> 41663 bytes
 index.html                    |  18 +-
 js/drill.js                   |   4 +-
 35 files changed, 2051 insertions(+), 2000 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_config-prod.yml
----------------------------------------------------------------------
diff --git a/_config-prod.yml b/_config-prod.yml
index a1f863d..f68c645 100644
--- a/_config-prod.yml
+++ b/_config-prod.yml
@@ -1,3 +1,3 @@
 # drill.apache.org
 baseurl: ""
-noindex: 0 # Make sure this gets indexed by Google
\ No newline at end of file
+noindex: 0 # Make sure this gets indexed by Google

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_config.yml
----------------------------------------------------------------------
diff --git a/_config.yml b/_config.yml
index 3b254bd..8ca9d9c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -27,3 +27,6 @@ defaults:
       type: docs # This defines the default for anything in the docs collection. An alternative would be to use "path: _docs" here.
     values:
       layout: docpage
+
+sass:
+  style: :compressed
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_includes/head.html
----------------------------------------------------------------------
diff --git a/_includes/head.html b/_includes/head.html
index 528df5f..d2e1e97 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -6,22 +6,16 @@
 
 <title>{% if page.title %}{{ page.title }} - {{ site.title_suffix }}{% else %}{{ site.title }}{% endif %}</title>
 
-<link href="{{ site.baseurl }}/css/syntax.css" rel="stylesheet" type="text/css">
-<link href="{{ site.baseurl }}/css/style.css" rel="stylesheet" type="text/css">
-<link href="{{ site.baseurl }}/css/arrows.css" rel="stylesheet" type="text/css">
-<link href="{{ site.baseurl }}/css/breadcrumbs.css" rel="stylesheet" type="text/css">
-<link href="{{ site.baseurl }}/css/code.css" rel="stylesheet" type="text/css">
-<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
-<link href="{{ site.baseurl }}/css/responsive.css" rel="stylesheet" type="text/css">
+<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
+<link href="{{ site.baseurl }}/css/site.css" rel="stylesheet" type="text/css"/>
 
-<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.ico" type="image/x-icon">
-<link rel="icon" href="{{ site.baseurl }}/favicon.ico" type="image/x-icon">
+<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.ico" type="image/x-icon"/>
+<link rel="icon" href="{{ site.baseurl }}/favicon.ico" type="image/x-icon"/>
 
-<script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/lib/jquery-1.11.1.min.js"></script>
-<script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/lib/jquery.easing.1.3.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" language="javascript" type="text/javascript"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" language="javascript" type="text/javascript"></script>
 <script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/modernizr.custom.js"></script>
 <script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/script.js"></script>
 <script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/drill.js"></script>
 
-
-</head>
\ No newline at end of file
+</head>

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_layouts/docpage.html
----------------------------------------------------------------------
diff --git a/_layouts/docpage.html b/_layouts/docpage.html
index de08169..ce64c77 100644
--- a/_layouts/docpage.html
+++ b/_layouts/docpage.html
@@ -2,44 +2,45 @@
 layout: default
 title: Documentation
 ---
+<link href="{{ site.baseurl }}/css/content.css" rel="stylesheet" type="text/css">
 
-  {% include doctoc.html %}
-  {% include breadcrumbs.html %}
+{% include doctoc.html %}
+{% include breadcrumbs.html %}
 
-  <div class="main-content-wrapper">
-    <div class="main-content">
+<div class="main-content-wrapper">
+  <div class="main-content">
 
-      {% if page.relative_path %}
-        <a class="edit-link" href="https://github.com/apache/drill/blob/gh-pages/{{ page.relative_path }}" target="_blank"><i class="fa fa-pencil-square-o"></i></a>
-      {% endif %}
+    {% if page.relative_path %}
+      <a class="edit-link" href="https://github.com/apache/drill/blob/gh-pages/{{ page.relative_path }}" target="_blank"><i class="fa fa-pencil-square-o"></i></a>
+    {% endif %}
 
-      <div class="int_title">
-        <h1>{{ page.title }}</h1>
+    <div class="int_title left">
+      <h1>{{ page.title }}</h1>
 
-      </div>
+    </div>
 
-      <link href="{{ site.baseurl }}/css/docpage.css" rel="stylesheet" type="text/css">
+    <link href="{{ site.baseurl }}/css/docpage.css" rel="stylesheet" type="text/css">
 
-      <div class="int_text" align="left">
-        {% if page_data.children.size == 0 or page.noChildren %}
-          {{ content }}
-      {% else %}
+    <div class="int_text" align="left">
+      {% if page_data.children.size == 0 or page.noChildren %}
+        {{ content }}
+    {% else %}
+        <ul>
+        {% for doc0 in page_data.children %}
+          <li><a href="{{ site.baseurl }}{{ doc0.url }}">{{ doc0.title }}</a></li>
+        {% if doc0.children.size > 0 %}
           <ul>
-          {% for doc0 in page_data.children %}
-            <li><a href="{{ site.baseurl }}{{ doc0.url }}">{{ doc0.title }}</a></li>
-          {% if doc0.children.size > 0 %}
-            <ul>
-            {% for doc1 in doc0.children %}
-              <li><a href="{{ site.baseurl }}{{ doc1.url }}">{{ doc1.title }}</a></li>
-          {% endfor %}
-          </ul>
-        {% endif %}
+          {% for doc1 in doc0.children %}
+            <li><a href="{{ site.baseurl }}{{ doc1.url }}">{{ doc1.title }}</a></li>
         {% endfor %}
         </ul>
       {% endif %}
-        {% unless page.noChildren %}
-          {% include docnav.html %}
-      {% endunless %}
-      </div>
+      {% endfor %}
+      </ul>
+    {% endif %}
+      {% unless page.noChildren %}
+        {% include docnav.html %}
+    {% endunless %}
     </div>
   </div>
+</div>

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_layouts/post.html
----------------------------------------------------------------------
diff --git a/_layouts/post.html b/_layouts/post.html
index 454343a..2d6f5d1 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,8 +1,9 @@
 ---
 layout: default
 ---
-<div class="post int_text">
+<link href="{{ site.baseurl }}/css/content.css" rel="stylesheet" type="text/css">
 
+<div class="post int_text">
   <header class="post-header">
     <div class="int_title">
       <h1 class="post-title">{{ page.title }}</h1>

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_doc-breadcrumbs.scss
----------------------------------------------------------------------
diff --git a/_sass/_doc-breadcrumbs.scss b/_sass/_doc-breadcrumbs.scss
new file mode 100644
index 0000000..f7cdf57
--- /dev/null
+++ b/_sass/_doc-breadcrumbs.scss
@@ -0,0 +1,41 @@
+.breadcrumbs{
+  display: block;
+  padding: 0.5625rem 0 0.5625rem 0;
+  overflow: hidden;
+  margin-top: 56px;
+  margin-left: 0px;
+  list-style: none;
+  border-bottom: solid 1px #E4E4E4;
+  width: 100%;
+}
+
+.breadcrumbs>*{
+  margin: 0;
+  float: left;
+  font-size: 0.6875rem;
+  line-height: 0.6875rem;
+  text-transform: uppercase;
+  color: #334D5C;
+}
+
+.breadcrumbs>*:before{
+  content: "/";
+  color: #aaa;
+  margin: 0 0.75rem;
+  position: relative;
+  top: 1px;
+}
+
+.breadcrumbs>.current{
+  font-weight: bold;
+}
+
+.breadcrumbs>*.current {
+  cursor: default;
+  color: #333;
+}
+
+.breadcrumbs>* a {
+  color: #1a6bc7;
+  text-decoration:none;
+}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_doc-code.scss
----------------------------------------------------------------------
diff --git a/_sass/_doc-code.scss b/_sass/_doc-code.scss
new file mode 100644
index 0000000..91749c3
--- /dev/null
+++ b/_sass/_doc-code.scss
@@ -0,0 +1,77 @@
+div.highlight pre, code{
+  background: #f5f6f7 url(../images/code-block-bg.png) 0 0 repeat;
+  border-radius: 0;
+  border: none;
+  border-left: 5px solid #494747;
+  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
+  font-size: 14px;
+  line-height: 24px;
+  overflow: auto;
+  word-wrap: normal;
+  white-space: pre;
+}
+
+pre{
+  padding: 24px 12px;
+  color: #222;
+  margin: 24px 0;
+}
+
+code{
+  background: #f5f6f7 url(../images/code-block-bg.png) 0 0 repeat;
+  border-radius: 0;
+  border: none;
+  border-left: 5px;
+  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
+  font-size: 14px;
+  line-height: 24px;
+  overflow: auto;
+  word-wrap: normal;
+  white-space: pre;
+}
+
+div.admonition{
+  margin: 24px 0;
+  width: auto;
+  max-width: 100%;
+  padding: 2px 12px 22px 12px;
+  border-left: 5px solid transparent;
+}
+
+.admonition .admonition-title{
+  margin-bottom: 0;
+  font-size: 12px;
+  font-weight: bold;
+  text-transform: uppercase;
+  line-height: 24px;
+}
+
+.admonition > p{
+  margin: 0 0 12.5px 0;
+}
+
+.admonition p.first{
+  margin-top: 0 !important;
+}
+
+.admonition > p.last{
+  margin-bottom: 0;
+}
+.admonition .admonition-title:after{
+  content: ":";
+  font-weight: 900;
+}
+
+.admonition.important{
+  background-color: #fff2d5;
+  border-color: #ffb618;
+}
+
+.admonition.important .admonition-title{
+  color: #ffb618;
+}
+
+.admonition.note{
+  background-color: #edf4e8;
+  border-color: #6ba442;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_doc-content.scss
----------------------------------------------------------------------
diff --git a/_sass/_doc-content.scss b/_sass/_doc-content.scss
new file mode 100644
index 0000000..300d4f9
--- /dev/null
+++ b/_sass/_doc-content.scss
@@ -0,0 +1,423 @@
+/* Navigation menu */
+
+#menu ul li.toc-categories a{
+  height:50px;
+  padding:0;
+  text-decoration: none;
+  width: 60px;
+  text-align: center;
+  color: #bababa;
+}
+
+#menu ul li.toc-categories{
+  float:left;
+  line-height: 45px;
+  font-size: 18px;
+  display: none;
+  overflow: auto;
+}
+
+/* Bottom navigation (left and right arrows) */
+
+div.doc-nav{
+  overflow: auto;
+  width: 100%;
+  margin-top: 30px;
+}
+
+div.doc-nav a{
+  text-decoration: none;
+}
+
+div.doc-nav a:hover{
+  text-decoration: underline;
+}
+
+div.doc-nav span.previous-toc{
+  float: left;
+  width: auto;
+}
+
+div.doc-nav span.back-to-toc{
+  float: left;
+  width: auto;
+  margin-left: 15%;
+}
+
+div.doc-nav span.next-toc{
+  float: right;
+}
+
+/* Main content area */
+
+.main-content .int_text{
+  margin-left: 0px;
+  margin-top: 0px;
+}
+
+.main-content .int_text img{
+  margin: 30px 0px;
+}
+
+.main-content .int_title{
+  text-align: left;
+  margin-left: 0px;
+  margin-top: 30px;
+}
+
+.int_title.left::after{
+  left: 0px;
+}
+
+.main-content .edit-link{
+  position: relative;
+  float: right;
+  margin-top: 13px;
+  margin-right: 20px;
+  text-decoration: none;
+  font-size: 24px;
+  color: #333333;
+}
+
+div.int_title h1, div.main-content h1, div.main-content h2, div.main-content h3, div.main-content h4, div.main-content h5, div.main-content h6{
+  font-weight: normal;
+  line-height: 24px;
+  color: #313030;
+  padding: 0;
+}
+div.main-content h1, div.main-content h2{
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+
+div.main-content h3{
+  margin-top: 24px;
+  font-weight: bold;
+}
+
+div.section > h2, div.section > h3, div.section > h4{
+  margin: 24px 0;
+}
+
+div.main-content h1, div.int_title h1{
+  border-top: none;
+  font-size: 36px;
+  line-height: 48px;
+  padding: 0;
+}
+
+/***************************
+/* Sidebar doc menu styles
+***************************/
+
+.sidebar{
+  position: fixed;
+  -webkit-transform: translateZ(0);
+  background-color: #f5f6f7;
+  width: 293px;
+  height: auto;
+  top: 51px;
+  bottom: 0;
+  left: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  font-size: 0.85em;
+  z-index: 100;
+  transition: left 0.4s cubic-bezier(.02,.01,.47,1);
+  -moz-transition: left 0.4s cubic-bezier(.02,.01,.47,1);
+  -webkit-transition: left 0.4s cubic-bezier(.02,.01,.47,1);
+}
+
+.sidebar.force-expand{
+  left: 0px;
+}
+
+aside{
+  display:block;
+}
+
+div.docsidebar{
+  font-size: 14px;
+  height: 100%;
+}
+
+div.docsidebarwrapper{
+  padding: 0;
+  padding-top: 24px;
+  padding-bottom: 130px;
+  /*min-height: 100%;*/
+  position: relative;
+}
+div.docsidebar h3{
+  padding: 0 12px;
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: bold;
+  margin: -3px 0 15px 0;
+}
+
+div.docsidebarwrapper ul{
+  margin: 12px 0 0 0;
+  padding: 0;
+}
+
+div.docsidebar ul{
+  list-style: none;
+  margin: 10px 0 10px 0;
+  padding: 0;
+  color: #000;
+}
+
+div.docsidebar ul li{
+  font-weight: normal;
+  line-height: 24px;
+}
+
+.docsidebarwrapper > ul > .toctree-l1.current_section{
+  background-color: #fff;
+  border-right: 1px solid #f5f6f7;
+}
+
+.docsidebarwrapper a{
+  color: #333333;
+  text-decoration: none;
+}
+
+.docsidebarwrapper > ul > ul.current_section{
+  background-color: #fff;
+  border-right: 1px solid #f5f6f7;
+  margin-right: 0px;
+}
+
+.docsidebarwrapper > ul > .toctree-l1{
+  padding: 11px 0 0 12px;
+  line-height: 24px;
+  border-top: 1px solid #ebebed;
+}
+
+.docsidebarwrapper > ul > .toctree-l1 > a{
+  font-size: 18px;
+  line-height: 24px;
+  width: 100%;
+  display: inline-block;
+}
+
+div.docsidebar ul ul, div.docsidebar ul.want-points{
+  list-style: none outside none;
+  margin-left: 0;
+}
+
+div.docsidebar ul ul{
+  margin-top: 0px;
+  margin-bottom: 0;
+}
+
+div.docsidebar ul ul ul{
+  margin-top: -3px;
+}
+
+.docsidebarwrapper li.toctree-l1 ul > li > a{
+  line-height: 24px;
+  display: inline-block;
+  width: 100%;
+}
+
+.docsidebarwrapper li.toctree-l1 ul > li{
+  font-size: 14px;
+}
+
+div.docsidebar li.toctree-l2{
+  text-indent: -12px;
+  padding-left: 47px;
+}
+
+div.docsidebar li.toctree-l1 a:hover, div.docsidebar li.toctree-l2 a:hover, div.docsidebar li.toctree-l3 a:hover{
+  text-decoration: underline;
+}
+
+div.docsidebar li.toctree-l3 {
+  padding-left: 57px;
+  text-indent: -12px;
+}
+
+span.expand, span.contract{
+  width: 0px;
+  cursor: pointer;
+  font-size: 80%;
+  display:none; 
+  position: relative;
+  right: 5px;
+}
+
+span.expand.show, span.contract.show{
+  display: inline-block;
+}
+
+.docsidebarwrapper li.toctree-l2.current, .docsidebarwrapper li.toctree-l3.current{
+  background-color: #1A6BC7;
+  color: white;
+}
+
+.docsidebarwrapper li.toctree-l2.current.current > a, .docsidebarwrapper li.toctree-l3.current.current > a{
+  color: white;
+}
+
+.docsidebarwrapper a:hover{
+  color: black;
+}
+
+.docsidebarwrapper a{
+  display: inline-block;
+  width: 100%;
+}
+
+.docsidebarwrapper ul{
+  font-size: 14px;
+}
+
+.permalink{
+  text-decoration:none;
+  font-size: 70%;
+  color: #1A6BC7;
+}
+
+.permalink.hide{
+  visibility: hidden;
+}
+
+/* Responsive */
+
+@media (max-width: 320px){
+  .int_text{
+    width: auto;
+  }
+  .int_title{
+    width: auto;
+  }
+}
+
+@media (max-width: 768px){
+  .int_text{
+    width: auto;
+  }
+  .int_title{
+    width: auto;
+  }
+}
+
+@media (max-width: 1024px){
+  div#footer{
+    margin-left: 0px;
+    width: 100%;
+  }
+  
+  div#footer .wrapper{
+    padding: 0 20px;
+  }
+  
+  .main-content .edit-link{
+    margin-right: 0px; /* container takes care of right margin */
+  }
+
+  #menu ul li.toc-categories{
+    display: inline-block;
+    width: 60px;
+    text-align: center;
+  }
+  
+  #menu ul li.logo{
+    padding-left: 0px;
+  }
+  
+  #menu.force-expand ul li.toc-categories{
+    display: inline-block;
+  }
+
+  .page-wrap div.int_title.margin_110{
+    margin-top:110px;
+  }
+
+  li.toc-categories .expand-toc-icon{
+    font-size: 24px;
+  }
+  
+  li.toc-categories a.expand-toc-icon{
+    color: black;
+  }
+
+  .expand-toc-icon:hover, .expand-toc-icon:active{
+    color: white;
+    text-decoration: none;
+  }
+
+  .sidebar{
+    left: -293px;
+    box-shadow: 0 0 13px rgba(0,0,0,0.3);
+  }
+
+  .sidebar.reveal{
+    left: 0;
+  }
+  
+  .main-content.force-expand{
+    margin-left: 313px;
+  }
+  
+  #footer.force-expand .wrapper{
+    margin-left: 313px;
+  }
+  
+  .main-content{
+    margin: 0px 20px 0px 20px;
+  }
+  
+  .int_title{
+    margin-top: 60px;
+  }
+  
+  .int_title h1{
+    font-size: 28px;
+  }
+  
+  .page-wrap #footer{
+    width: auto;
+  }
+  
+  .breadcrumbs.force-expand li:first-of-type{
+    margin-left: 301px;
+  }
+}
+
+@media (min-width: 1025px){
+  .main-content-wrapper{
+    width: 1092px; 
+  }
+  
+  .main-content{
+    margin-left: 313px;
+  }
+  
+  #menu ul li.logo{
+    padding-left: 30px;
+  }
+  
+  #footer .wrapper{
+    margin-left: 313px;
+  }
+  
+  #footer{
+    width: 100%;
+  }
+  
+ .breadcrumbs{
+    margin-left: 0px;
+  }
+  
+  .breadcrumbs li:first-of-type{
+    margin-left: 301px;
+  }
+}
+
+#footer{
+  width: 1092px;
+}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_doc-syntax.scss
----------------------------------------------------------------------
diff --git a/_sass/_doc-syntax.scss b/_sass/_doc-syntax.scss
new file mode 100644
index 0000000..2774b76
--- /dev/null
+++ b/_sass/_doc-syntax.scss
@@ -0,0 +1,60 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_download.scss
----------------------------------------------------------------------
diff --git a/_sass/_download.scss b/_sass/_download.scss
new file mode 100644
index 0000000..0c92169
--- /dev/null
+++ b/_sass/_download.scss
@@ -0,0 +1,33 @@
+.table {
+  display: table;   /* Allow the centering to work */
+  margin: 0 auto;
+}
+
+ul#download_buttons {
+  list-style: none;
+  padding-left:0px;
+  margin-bottom:100px;
+}
+
+ul#download_buttons li {
+  float: left;
+  text-align: center;
+  background-color: #4aaf4c;
+  margin:0 10px 10px 10px;
+  width: 235px;
+  line-height: 60px;
+}
+
+ul#download_buttons li a{
+  text-decoration:none;
+  color:#fff;
+  display:block;
+}
+ 
+ul#download_buttons li a:hover {
+  background-color: #348436;
+}
+
+div#download_bar:after{
+  clear:both;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_home-code.scss
----------------------------------------------------------------------
diff --git a/_sass/_home-code.scss b/_sass/_home-code.scss
new file mode 100644
index 0000000..11806e7
--- /dev/null
+++ b/_sass/_home-code.scss
@@ -0,0 +1,5 @@
+pre{
+  padding: 24px 12px;
+  color: #222;
+  margin: 24px 0;
+}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_home-video-box.scss
----------------------------------------------------------------------
diff --git a/_sass/_home-video-box.scss b/_sass/_home-video-box.scss
new file mode 100644
index 0000000..6a46f37
--- /dev/null
+++ b/_sass/_home-video-box.scss
@@ -0,0 +1,55 @@
+div#video-box{
+  position:relative;
+  float:right;
+  width:320px;
+  height:160px;
+}
+
+div#video-box div.background{
+  position:absolute;
+  background-color:#fff;
+  height:100%;
+  width:100%;
+  opacity:.15;
+}
+
+div#video-box div.row{
+  position:absolute;
+  height:40px;
+  width:100%;
+  border-bottom:dotted 1px #999;
+  top:0px;
+  font-size:12px;
+  color:black;
+  line-height:40px;
+  
+}
+
+div#video-box div.row.r1{
+  top:40px;
+}
+
+div#video-box div.row.r2{
+  top:80px;
+}
+
+div#video-box div.row.r3{
+  top:120px;
+  border-bottom:none;
+}
+
+div#video-box div.row div{
+  overflow: hidden;
+  margin:5px;
+  height:30px;
+  float:left;
+}
+
+div#video-box div.row div img{
+  height:40px;
+  margin:-5px 0;
+}
+
+div#video-box a{
+  color:#006;
+}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_home-video-slider.scss
----------------------------------------------------------------------
diff --git a/_sass/_home-video-slider.scss b/_sass/_home-video-slider.scss
new file mode 100644
index 0000000..7e72996
--- /dev/null
+++ b/_sass/_home-video-slider.scss
@@ -0,0 +1,34 @@
+div#video-slider{
+  width:260px;
+  float:right;
+}
+
+div.slide{
+  position:relative;
+  padding:0px 0px;
+}
+
+img.thumbnail{
+  width:100%;
+  margin:0 auto;
+}
+
+img.play{
+  position:absolute;
+  width:40px;
+  left:110px;
+  top:60px;
+}
+
+div.title{
+  layout:block;
+  bottom:0px;
+  left:0px;
+  width:100%;
+  line-height:20px;
+  color:#000;
+  opacity:.4;
+  text-align:center;
+  font-size:12px;
+  background-color:#fff;
+}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_site-arrows.scss
----------------------------------------------------------------------
diff --git a/_sass/_site-arrows.scss b/_sass/_site-arrows.scss
new file mode 100644
index 0000000..c16b0e3
--- /dev/null
+++ b/_sass/_site-arrows.scss
@@ -0,0 +1,83 @@
+.nav-circlepop a{
+  width: 50px;
+  height: 50px;
+}
+
+.nav-circlepop a::before{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background: #fff;
+  content: '';
+  opacity: 0;
+  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+  transition: transform 0.3s, opacity 0.3s;
+  -webkit-transform: scale(0.9);
+  transform: scale(0.9);
+}
+
+.nav-circlepop .icon-wrap{
+  position: relative;
+  display: block;
+  margin: 10% 0 0 10%;
+  width: 80%;
+  height: 80%;
+}
+
+.nav-circlepop a.next .icon-wrap{
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.nav-circlepop .icon-wrap::before,
+.nav-circlepop .icon-wrap::after{
+  position: absolute;
+  left: 25%;
+  width: 3px;
+  height: 50%;
+  background: #fff;
+  content: '';
+  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
+  transition: transform 0.3s, background-color 0.3s;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+
+.nav-circlepop .icon-wrap::before{
+  -webkit-transform: translateX(-50%) rotate(30deg);
+  transform: translateX(-50%) rotate(30deg);
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+}
+
+.nav-circlepop .icon-wrap::after{
+  top: 50%;
+  -webkit-transform: translateX(-50%) rotate(-30deg);
+  transform: translateX(-50%) rotate(-30deg);
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+}
+
+.nav-circlepop a:hover::before{
+  opacity: 1;
+  -webkit-transform: scale(1);
+  transform: scale(1);
+}
+
+.nav-circlepop a:hover .icon-wrap::before,
+.nav-circlepop a:hover .icon-wrap::after{
+  background: #4aaf4c;
+}
+
+.nav-circlepop a:hover .icon-wrap::before{
+  -webkit-transform: translateX(-50%) rotate(45deg);
+  transform: translateX(-50%) rotate(45deg);
+}
+
+.nav-circlepop a:hover .icon-wrap::after{
+  -webkit-transform: translateX(-50%) rotate(-45deg);
+  transform: translateX(-50%) rotate(-45deg);
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_site-main.scss
----------------------------------------------------------------------
diff --git a/_sass/_site-main.scss b/_sass/_site-main.scss
new file mode 100644
index 0000000..8c69c50
--- /dev/null
+++ b/_sass/_site-main.scss
@@ -0,0 +1,894 @@
+@charset "UTF-8";
+
+* {
+  outline:none;
+}
+
+html {
+  height: 100%;
+}
+
+body {
+  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  padding:0;
+  margin: 0;
+  height: 100%;
+}
+.page-wrap{
+  min-height: 100%;
+  margin-bottom: -60px; /* negative value of footer height */
+}
+
+.mw { min-width:999px; width:100%; }
+
+.nw { white-space:nowrap; }
+
+a.anchor {
+  display:none;
+  font-size:0px;
+  position:absolute;
+  margin-top:-50px;
+}
+
+.home_txt a.anchor {
+  margin-top:-90px;
+}
+
+#menu {
+  position:fixed;  
+  top:0;
+  width:100%;
+  z-index:5;
+}
+
+/* This seems to override menu position fixed. Fixed positioning allows menu to always be available at the top of the viewport, and JS is not needed to do this */
+/*
+#menu.r {
+  position:absolute;
+}
+*/
+
+#menu ul {
+  background:#051221;
+  display:block;
+  font-size:0px;
+  list-style:none;
+  overflow:hidden;
+  padding:0;
+  text-align:right;
+  /*
+  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
+  -moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.4);
+  box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.4);
+  */
+}
+
+#menu ul li {
+  display:inline-block;
+  font-size:14px;
+  margin:0;
+  padding:0;
+}
+
+#menu ul li.logo {
+  float:left;
+  padding-left:30px;
+}
+
+#menu ul li.logo:hover { background:none; }
+
+#menu ul li.logo a {
+  background:url(../images/apachedrill.png) no-repeat center;
+  background-size:auto 27px;
+  display:block;
+  height:50px;
+  padding:0;
+  width:80px;
+}
+
+#menu ul li a {
+  color:#FFF;
+  text-decoration:none;
+  line-height:50px;
+  padding:14px 20px;
+}
+
+#menu ul li.d, #menu ul li.d:hover {
+  background-color: #4aaf4c;
+  font-size:12px;
+  text-transform:uppercase;
+}
+#menu ul li.d a .fam {
+  position: relative;
+  right: 8px;
+  font-size: 14px;
+}
+
+#menu ul li.d:hover {
+  background-color:#348436;
+}
+
+#menu ul li.d * {
+  cursor:pointer;
+}
+
+#menu ul li.d a {
+  padding:0px 30px 0 40px;
+  display:block;
+}
+
+
+#menu ul li.l {
+  cursor:pointer;  
+}
+
+#menu ul li.l span {
+  background:url(../images/len.png) no-repeat center;
+  background-size:auto 16px;
+  display:block;
+  line-height:50px;
+  padding:0 20px;
+  width:16px;
+}
+
+#menu ul li.l.open {
+  background-color:#145aa8;
+}
+
+#menu ul li#twitter-menu-item {
+  width:30px;
+  padding-left: 2px;
+  padding-right:10px;
+}
+
+#menu ul li#twitter-menu-item a {
+  padding: 10px;
+}
+
+#menu ul li#twitter-menu-item img {
+  width: 22px;
+}
+
+#menu ul li ul {
+  background:#1a6bc7;
+  display:none;
+  margin:0;
+  padding:0;
+  position:absolute;
+  text-align:left;
+}
+
+#menu ul li ul li {
+  display:block;
+}
+
+#menu ul li ul li a {
+  display:block;
+  line-height:30px;
+  padding:3px 20px;
+}
+
+#menu ul li ul li a:hover {
+  background:#145aa8;
+}
+
+#menu ul li:hover {
+  background:#1a6bc7;  
+}
+
+#menu ul li:hover ul {
+  display:block;
+}
+#menu ul li.clear-float{
+  display:none;
+}
+#subhead {
+  background:#145aa8;
+  color:#FFF;
+  font-size:12px;
+  font-weight:bold;
+  height:40px;
+  line-height:40px;
+  left:0px;
+  letter-spacing:1px;
+  right:0px;
+  position:fixed;  
+  text-align:center;
+  text-transform:uppercase;
+  top:10px;
+  z-index:4;  
+  
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+#subhead.show {
+  top:50px;
+}
+
+#subhead ul {
+  list-style:none;
+  margin:0;
+  padding:0;
+}
+
+#subhead ul li {
+  display:inline-block;
+  list-style:none;
+  margin:0;
+  padding:0 35px 0 35px;
+}
+
+#subhead ul li a {
+  background-size:16px auto;
+  background-position:left center;
+  background-repeat:no-repeat;
+  color:#FFF;
+  display:block;
+  padding:0 0 0 25px;
+  text-decoration:none;
+}
+
+#subhead ul li.ag a {
+  background-image:url(../images/agility-w.png);
+}
+
+#subhead ul li.fl a {
+  background-image:url(../images/flexibility-w.png);
+}
+
+#subhead ul li.fam a {
+  background-image:url(../images/familiarity-w.png);
+}
+
+#header {
+  background:url(../images/reel-bg.png) no-repeat;
+  background-size:cover;
+  height:300px;
+  overflow:hidden;
+  position:relative;
+}
+
+#header .scroller {
+  margin-left:0px;  
+  overflow:hidden;
+}
+
+#header .scroller .item {
+  
+  float:left;
+  height:300px;
+  position:relative;
+  width:100%;  
+  z-index:1;
+}
+
+#header .scroller .item p a {
+  color:#FFF;
+  font-weight:bold;
+  overflow: hidden;
+  text-decoration:none;  
+  
+  position: relative;
+  display: inline-block;
+  outline: none;
+  vertical-align: bottom;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+#header .scroller .item p a::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  background: rgba(149,165,166,0.4);
+  content: '';
+  -webkit-transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  -webkit-transform: scaleY(0.618) translateX(-100%);
+  transform: scaleY(0.618) translateX(-100%);
+}
+
+#header .scroller .item p a:hover::before,
+#header .scroller .item p a:focus::before {
+  -webkit-transform: scaleY(0.618) translateX(0);
+  transform: scaleY(0.618) translateX(0);
+}
+
+
+#header .scroller .item .tc {
+  color:#FFF;
+  margin-left:80px;
+  position:relative;
+  width:900px;
+  margin:0 auto;
+}
+
+#header .scroller .item .tc h1, #header .scroller .item .tc h2 {
+  font-size:36px;
+  font-weight:lighter;
+  margin:0 0 8px 0;
+  padding:0;
+}
+#header .scroller .item .tc h2 {
+  font-size: 18px;
+}
+
+#header .scroller .item .tc p {
+  font-size:14px;
+  font-weight:lighter;
+  line-height:24px;
+  margin:0;
+  padding:0;
+}
+
+#header .scroller .item .btn {
+  background: none;
+  border: 2px solid #fff;
+  cursor: pointer;
+  color:#FFF;
+  display: inline-block;
+  font-size:12px;
+  font-weight: bold;
+  outline: none;
+  margin-top:18px;
+  position: relative;
+  padding: 5px 30px;
+  text-decoration:none;
+  text-transform: uppercase;
+  
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+#header .scroller .item .btn:after {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+#header .scroller .item .btn-1c:after {
+  width: 0%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: #fff;
+}
+
+#header .scroller .item .btn-1c:hover,
+#header .scroller .item .btn-1c:active {
+  color: #0e83cd;
+}
+
+#header .scroller .item .btn-1c:hover:after,
+#header .scroller .item .btn-1c:active:after {
+  width: 100%;
+}
+
+#header .aLeft {
+  cursor:pointer;
+  height:30px;
+  left:20px;
+  margin-top:-15px;
+  position:absolute;
+  top:50%;
+  width:30px;  
+  z-index:2;
+}
+
+#header .aRight {
+  cursor:pointer;
+  height:30px;
+  right:20px;
+  margin-top:-15px;
+  position:absolute;
+  top:50%;
+  width:30px;  
+  z-index:2;
+}
+
+.dots {
+  bottom:30px;
+  right:80px;
+  position:absolute;
+  z-index:2;  
+}
+
+.dots .dot {
+  border-radius: 50%;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 2px white;
+  -webkit-transition: box-shadow 0.3s ease;
+  transition: box-shadow 0.3s ease;
+  
+  cursor:pointer;
+  display:inline-block;
+  height:10px;
+  margin-left:10px;
+  width:10px;
+}
+
+.dots .dot:hover,
+.dots .dot:focus {
+  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6)
+}
+
+.dots .dot.sel {
+  box-shadow: inset 0 0 0 8px white;
+}
+div.alertbar
+  {
+    background-color:#ffc;
+    text-align: center;
+    display: block;
+    padding:10px;
+    border-bottom: solid 1px #cc9;
+  }
+div.alertbar .hor-bar:after {
+  content: "|";
+}
+span.strong {
+  font-weight: bold;
+}
+
+.introWrapper {
+  border-bottom:1px solid #CCC;
+}
+
+table.intro {
+  background:url(../images/intro-bg.gif) no-repeat center;
+  table-layout:fixed;
+  text-align:center;  
+  width: 940px;
+}
+
+table.intro td {
+  background-position:center 25px;
+  background-repeat:no-repeat;
+  background-size:25px auto;
+  padding:65px 0 0 0;
+  position:relative;
+  vertical-align:top;
+}
+
+table.intro td.ag {
+  background-image:url(../images/agility.png);
+}
+
+table.intro td.fl {
+  background-image:url(../images/flexibility.png);
+}
+
+table.intro td.fam {
+  background-image:url(../images/familiarity.png);
+}
+
+table.intro h1 {
+  font-size:36px;
+  font-weight:normal;
+  margin:0;
+  padding:0;
+}
+
+table.intro p {
+  font-size:16px;
+  font-weight:lighter;
+  line-height:22px;
+  margin:0;
+  padding:2px 35px 30px 35px;
+}
+
+table.intro span {
+  bottom:30px;
+  display:block;
+  position:absolute;
+  width:100%;
+}
+
+table.intro a {
+  color:#1a6bc7;
+  font-size:12px;  
+  font-weight: bold;
+}
+
+#blu {
+  display:table;
+  font-size:12px;
+  font-weight:lighter;
+  line-height:28px;
+  table-layout:fixed;
+}
+
+#blu a {
+  color:#FFF;
+  text-decoration:none;
+}
+
+#blu .cell {
+  color:#FFF;
+  display:table-cell;  
+  padding:40px 0;
+  overflow:hidden;
+  vertical-align:middle;
+}
+
+#blu .cell.left {
+  background:#1b2b3e;
+  padding-right:54px;
+}
+
+#blu .cell.left .wrapper {
+  float:right;  
+}
+
+#blu .cell.right {
+  background:#184f8d;
+  padding-left:54px;
+}
+
+#blu .cell.right .wrapper {
+  float:left;  
+}
+
+#blu .cell .wrapper {
+  width:425px;
+}
+
+#blu h2 {
+  font-size:24px;
+  font-weight:lighter;  
+  margin:0 0 10px 0;
+  padding:0;
+}
+
+.page-wrap:after {
+  display: block;
+  content: "";
+}
+#footer {
+  color: black;
+  background-color: white;
+  font-size:9px;
+  font-weight:lighter;
+  line-height:20px;
+  padding:30px 0;
+  text-align:center;
+}
+#footer, .page-wrap:after {
+  height: 60px;
+}
+
+#footer .wrapper {
+  padding:0 80px;
+}
+
+.bui {
+  display:none;
+  position:fixed;
+  top:0;
+  left:0;
+  right:0;
+  bottom:0;
+  background:rgba(0,0,0,0.8);
+  z-index:4;  
+}
+
+.disclaimer {
+  background:#f6f5f5;
+  font-size:12px;
+  font-weight:lighter;
+  line-height:24px;
+  text-align:center;
+}
+
+.disclaimer .wrapper {
+  margin:auto;
+  padding:50px 0 50px 0;
+  width:780px;
+}
+
+.disclaimer h2 {
+  font-size:24px;
+  font-weight:lighter;  
+  margin:0 0 10px 0;
+  padding:0;
+}
+
+.int_text {
+  margin:40px auto 30px auto;
+  width:780px;
+}
+
+/* Blog */
+div.post.int_text {
+  margin:40px auto 60px auto;
+}
+
+.int_text a, .int_title a {
+  color:#1a6bc7;
+  /* font-weight:normal;  */
+}
+
+.int_text p, .int_text ul, .int_text ol { 
+  font-size:16px;
+  line-height:28px;
+  
+}
+
+.int_text p.l1 {
+  padding-left:30px;  
+}
+
+.int_text h2 {
+  font-size:24px;
+  font-weight:normal;  
+  margin:30px 0 0 0;
+}
+
+.int_text img {
+  display:block;
+  margin:30px auto;  
+}
+
+ul.num {
+  list-style:decimal;  
+}
+
+.int_title {
+  font-size:16px;
+  font-weight:lighter;
+  margin:auto;
+  margin-top:80px;
+  padding:0 0 15px 0;
+  position:relative;
+  text-align:center;
+  width:600px;  
+}
+
+.int_title.int_title_img {
+  background-position:center top;
+  background-repeat:no-repeat;
+  background-size:25px auto;
+  padding-top:40px;  
+}
+
+.int_title.int_title_img.architecture {
+  background-image:url(../images/architecture.png);  
+}
+
+.int_title.int_title_img.community {
+  background-image:url(../images/community.png);  
+}
+
+.int_title.int_title_img.download {
+  background-image:url(../images/download.png);  
+}
+
+.int_title p {
+  line-height:30px;
+  margin:10px 0 25px 0;
+}
+
+.int_title h1 {
+  font-size:36px;
+  margin: 20px 0px 20px 0px;
+}
+
+.int_title:after {
+  background:#1a6bc7;
+  bottom:24px;
+  content:" ";
+  height:5px;
+  left:275px;
+  position:absolute;
+  width:50px;
+}
+
+table.intro a:before, table.intro a:after {
+    backface-visibility: hidden;
+    pointer-events: none;
+}
+
+table.intro a, .int_title a {
+  display:inline-block;
+    overflow: hidden;
+  outline: medium none;
+    position: relative;
+    text-decoration: none;
+    vertical-align: bottom;
+    white-space: nowrap;
+}
+
+#header .dots, .aLeft, .aRight { display:none; }
+
+p.info {
+  background-color: #ffc;
+  border: solid 1px #cc9;
+  padding: 5px;
+}
+
+/* This is to address an issue in Markdown processing which introduces <p> inside <li>. */
+li p {
+  margin-top: 0px;
+}
+
+.hidden {
+  display:none;
+}
+
+/******************
+ Search Bar
+******************/
+
+#menu .search-bar {
+  line-height: 30px;
+  margin: 0 20px 0 20px;
+}
+
+#menu .search-bar form {
+  border-radius: 6px;
+  border: solid 1px black;
+  background-color: #1A6BC7;
+}
+
+#menu .search-bar input[type='text'] {
+  border: none;
+  color: white;
+  background-color: transparent !important;
+  font-size: 14px;
+  font-weight: inherit;
+  padding: 0 0 0 8px;
+  line-height: 20px;
+  width: 50px;
+}
+#menu .search-bar input[placeholder] {
+  opacity: .7;
+}
+
+#menu .search-bar:hover {
+  background-color: black;
+}
+
+#menu .search-bar button[type='submit'] {
+  display: inline;
+  border: none;
+  background:none;
+  position: relative;
+  color: white;
+  font-size: 14px;
+  cursor: pointer;
+  width: 33px;
+}
+#menu .search-bar ::-webkit-input-placeholder {
+   color: white;
+}
+
+#menu .search-bar :-moz-placeholder { /* Firefox 18- */
+   color: white;  
+}
+
+#menu .search-bar ::-moz-placeholder {  /* Firefox 19+ */
+   color: white;  
+}
+
+#menu .search-bar :-ms-input-placeholder {  
+   color: white;
+}
+
+.int_text table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}
+.int_text table caption{color:#000;font-style: italic;padding:1em 0;text-align:center}
+.int_text table td, .int_text table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}
+.int_text table td:first-child, .int_text table th:first-child{border-left-width:0}
+.int_text table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}
+.int_text table td{background-color:transparent}
+.int_text table-odd td{background-color:#f2f2f2}
+.int_text table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}
+.int_text table-bordered td{border-bottom:1px solid #cbcbcb}
+.int_text table-bordered tbody>tr:last-child>td{border-bottom-width:0}
+.int_text table-horizontal td, .int_text table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}
+.int_text table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
+
+
+div.alertbar{
+  line-height:1;
+  text-align: center;
+}
+
+div.alertbar div{
+  display: inline-block;
+  vertical-align: middle;
+  padding:0 10px;
+}
+
+div.alertbar div:nth-child(2){
+  border-right:solid 1px #cc9;
+}
+
+div.alertbar div.news{
+  font-weight:bold;
+}
+
+div.alertbar a{
+  
+}
+div.alertbar div span{
+  font-size:65%;
+  color:#aa7;
+}
+
+div.home-row{
+  border-bottom:solid 1px #ccc;
+  margin:0 auto;
+  text-align:center;
+}
+
+div.home-row div{
+  display:inline-block;
+  vertical-align:middle;
+  text-align:left;
+}
+
+div.home-row:nth-child(odd) div.big{
+  width:300px;
+}
+
+div.home-row:nth-child(odd) div.description{
+  margin-left:40px;
+  width:580px;
+}
+
+div.home-row:nth-child(even) div.description{
+  width:580px;
+}
+
+div.home-row:nth-child(even) div.big{
+  margin-left:40px;
+  width:300px;
+}
+
+.home-row h1 {
+  font-size:24px;
+  margin:24px 0;
+  font-weight:bold;
+}
+
+.home-row h2 {
+  font-size:20px;
+  margin:20px 0;
+  font-weight:bold;
+}
+
+.home-row p {
+  font-size:16px;
+  line-height:22px;
+}
+
+.home-row div.small{
+  display:none;
+}
+
+.home-row div.big{
+  display:inline-block;
+}
+
+div.home-row div pre{
+  background:#f3f5f7;
+  color:#2a333c;
+  border:solid 1px #aaa;
+  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+div.home-row div pre span.code-underline{
+  font-weight:bold;
+  color:#000;
+  text-decoration: underline;
+}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_site-responsive.scss
----------------------------------------------------------------------
diff --git a/_sass/_site-responsive.scss b/_sass/_site-responsive.scss
new file mode 100644
index 0000000..1d3390d
--- /dev/null
+++ b/_sass/_site-responsive.scss
@@ -0,0 +1,264 @@
+#menu ul li.toc-categories {
+  display:none;
+}
+
+#menu ul li.menu-break {
+  display:none;
+}
+
+.mobile-break {
+  display: none;
+}
+
+@media (min-width: 1025px) {
+  #menu ul li.expand-menu {
+    display: none;
+  }
+
+}
+
+@media (max-width: 1024px) {
+  table.intro {
+    width: 940px;
+  }
+  .mw {
+    min-width: 0px;
+  }
+  .breadcrumbs li:first-of-type {
+    margin-left: 8px;
+  }
+  #menu ul li.logo {
+    padding-left: 30px;
+  }
+   #menu ul li.expand-menu {
+    display: none;
+  }
+
+  #menu ul li, #menu ul li.d{
+    display: none;
+  }
+  .home_txt p {
+    width: auto;
+  }
+  .int_title {
+    text-align: left;
+    width: auto;
+    margin: 80px 20px 0px 20px;
+  }
+  .int_title:after {
+    left: 0px;
+  }
+  .int_text {
+    width: auto;
+    margin: 20px 10px 100px 20px;
+  }
+  #menu.force-expand ul li, #menu.force-expand ul li.d {
+    display:inline-block;
+  }
+
+  #menu.force-expand ul li.toc-categories {
+    display: none;
+  }
+  #menu.force-expand ul li ul li{
+    display:block;
+  }
+  #menu.force-expand ul li.nav, #menu.force-expand ul li#twitter-menu-item {
+    clear:both;
+    margin: 0 auto;
+  }
+  #menu ul li.logo {
+    display: block;
+  }
+  #menu ul li.expand-menu {
+    display: inline-block;
+    float: right;
+  }
+  #menu ul br.menu-break {
+    display: block;
+  }
+  #menu ul li.expand-menu, #menu ul li.expand-menu a {
+    height: 50px;
+    width: 110px;
+  }
+  #menu ul li.expand-menu span.expand-icon{
+    font-size: 24px;
+  }
+  #menu ul li.expand-menu span.menu-text{
+    margin-right:7px;
+    position: relative;
+    bottom: 3px;
+  }
+  #menu ul li.pull-right {
+    float: right;
+    margin-right: 10px;
+  }
+
+  /* Blog Posts */
+
+  div.post.int_text {
+    margin: 40px 20px 20px 20px;
+  }
+  div.post .post-header .int_title {
+    margin-left: 0px;
+  }
+  
+  
+  div.home-row{
+    width:100%;
+  }
+  
+  div.home-row:nth-child(odd) div.small{
+    width:300px;
+  }
+
+  div.home-row:nth-child(odd) div.description{
+    margin-left:20px;
+    width:auto;
+  }
+
+  div.home-row:nth-child(even) div.description{
+    margin-left:20px;
+    width:auto;
+  }
+
+  div.home-row:nth-child(even) div.small{
+    margin:0 0 15px 0;
+    width:300px;
+  }
+  
+  div.home-row div.big{
+    display:none;
+  }
+  
+  div.home-row div.small{
+    display:inline-block;
+  }
+  
+  table.intro {
+    width: 100%;
+    background: none;
+  }
+
+}
+@media (max-width: 768px) {
+  #menu.force-expand ul li.nav {
+    clear:both;
+    margin: 0 auto;
+  }
+  #menu.force-expand ul li.search-bar {
+    clear:both;
+  }
+
+  /* Responsive Homepage 768 max width */
+  div.headlines.tc {
+    margin-left: 35px;
+  }
+  br.mobile-break {
+    display: block;
+  }
+  
+  img {
+    max-width: 100%;
+  }
+
+  /* Search page */
+  div.int_search {
+    width: 100%;
+  }
+}
+
+@media (max-width: 570px) {
+
+  /* Responsive Layout 570 max width */
+
+
+  /* Responsive Menu 570 max width */
+
+  #menu.force-expand ul li.nav, #menu.force-expand ul li#twitter-menu-item {
+    clear: both;
+    width: 100%;
+    margin: auto;
+  }
+  #menu.force-expand ul li {
+    display:block;
+  }
+  #menu ul li.clear-float{
+    clear:both;
+    width: 0px;
+    display:block;
+  }
+  #menu ul li.search-bar {
+    margin: 0 11px 0 20px;
+    float: right;
+  }
+  #menu ul li.d
+  {
+    margin: 10px;
+    clear: both;
+    float: right;
+  }
+  #menu.force-expand {
+    position: relative;
+  }
+
+  /* Responsive Homepage 570 max width */
+  #header .scroller .item .tc h1{
+    font-size: 40px;
+  }
+  #header .scroller .item .tc h2 {
+    font-size: 24px;
+    line-height: 32px;
+  }
+  #header .scroller .item div.headlines.tc {
+    margin-left: 30px;
+  }
+  div.headlines a.download-headline {
+    font-size: .7em;
+  }
+  #header .scroller .item div.headlines .btn { font-size: 16px; }
+
+  div.alertbar {
+    text-align: left;
+    padding:0 25px;
+  }
+  div.alertbar div {
+    display: block;
+    padding:10px 0;
+  }
+  div.alertbar div:nth-child(1){
+    border-right:none;
+    border-bottom:solid 1px #cc9;
+  }
+  div.alertbar div:nth-child(2){
+    border-right:none;
+    border-bottom:solid 1px #cc9;
+  }
+  table.intro {
+    width: 100%;
+    background: none;
+  }
+  table.intro td {
+    display: block;
+    padding: 25px 0 5px 0;
+  }
+  table.intro td h1 {
+    font-size: 24px;
+    text-align: left;
+    padding-left: 60px;
+  }
+  table.intro td.ag, table.intro td.fl, table.intro td.fam {
+    background-position: 20px 23%;
+  }
+  table.intro p {
+    font-size: 16px;
+    line-height: 24px;
+    padding: 2px 25px 15px 20px;
+    text-align: left;
+  }
+  table.intro span {
+    position: relative;
+    bottom: 10px;
+    padding-left: 20px;
+    text-align: left;
+  }
+}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_site-search.scss
----------------------------------------------------------------------
diff --git a/_sass/_site-search.scss b/_sass/_site-search.scss
new file mode 100644
index 0000000..680cea5
--- /dev/null
+++ b/_sass/_site-search.scss
@@ -0,0 +1,9 @@
+.int_search {
+  margin:50px auto 0 auto;
+  width:780px;
+  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.int_search .gsc-control-cse, .int_search .gsc-control-cse .gsc-table-result {
+  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/arrows.css
----------------------------------------------------------------------
diff --git a/css/arrows.css b/css/arrows.css
deleted file mode 100755
index 9906307..0000000
--- a/css/arrows.css
+++ /dev/null
@@ -1,86 +0,0 @@
-@charset "UTF-8";
-/* CSS Document */
-
-.nav-circlepop a {
-	width: 50px;
-	height: 50px;
-}
-
-.nav-circlepop a::before {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	border-radius: 50%;
-	background: #fff;
-	content: '';
-	opacity: 0;
-	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-	transition: transform 0.3s, opacity 0.3s;
-	-webkit-transform: scale(0.9);
-	transform: scale(0.9);
-}
-
-.nav-circlepop .icon-wrap {
-	position: relative;
-	display: block;
-	margin: 10% 0 0 10%;
-	width: 80%;
-	height: 80%;
-}
-
-.nav-circlepop a.next .icon-wrap {
-	-webkit-transform: rotate(180deg);
-	transform: rotate(180deg);
-}
-
-.nav-circlepop .icon-wrap::before,
-.nav-circlepop .icon-wrap::after {
-	position: absolute;
-	left: 25%;
-	width: 3px;
-	height: 50%;
-	background: #fff;
-	content: '';
-	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
-	transition: transform 0.3s, background-color 0.3s;
-	-webkit-backface-visibility: hidden;
-	backface-visibility: hidden;
-}
-
-.nav-circlepop .icon-wrap::before {
-	-webkit-transform: translateX(-50%) rotate(30deg);
-	transform: translateX(-50%) rotate(30deg);
-	-webkit-transform-origin: 0 100%;
-	transform-origin: 0 100%;
-}
-
-.nav-circlepop .icon-wrap::after {
-	top: 50%;
-	-webkit-transform: translateX(-50%) rotate(-30deg);
-	transform: translateX(-50%) rotate(-30deg);
-	-webkit-transform-origin: 0 0;
-	transform-origin: 0 0;
-}
-
-.nav-circlepop a:hover::before {
-	opacity: 1;
-	-webkit-transform: scale(1);
-	transform: scale(1);
-}
-
-.nav-circlepop a:hover .icon-wrap::before,
-.nav-circlepop a:hover .icon-wrap::after {
-	background: #4aaf4c;
-}
-
-.nav-circlepop a:hover .icon-wrap::before {
-	-webkit-transform: translateX(-50%) rotate(45deg);
-	transform: translateX(-50%) rotate(45deg);
-}
-
-.nav-circlepop a:hover .icon-wrap::after {
-	-webkit-transform: translateX(-50%) rotate(-45deg);
-	transform: translateX(-50%) rotate(-45deg);
-}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/breadcrumbs.css
----------------------------------------------------------------------
diff --git a/css/breadcrumbs.css b/css/breadcrumbs.css
deleted file mode 100644
index e9503c4..0000000
--- a/css/breadcrumbs.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.breadcrumbs
-{
-  display: block;
-  padding: 0.5625rem 0 0.5625rem 0;
-  overflow: hidden;
-  margin-top: 56px;
-  margin-left: 0px;
-  list-style: none;
-  border-bottom: solid 1px #E4E4E4;
-  width: 100%;
-}
-
-.breadcrumbs>*
-{
-  margin: 0;
-  float: left;
-  font-size: 0.6875rem;
-  line-height: 0.6875rem;
-  text-transform: uppercase;
-  color: #334D5C;
-}
-.breadcrumbs>*:before
-{
-  content: "/";
-  color: #aaa;
-  margin: 0 0.75rem;
-  position: relative;
-  top: 1px;
-}
-.breadcrumbs>.current {
-  font-weight: bold;
-}
-.breadcrumbs>*.current {
-  cursor: default;
-  color: #333;
-}
-.breadcrumbs>* a {
-  color: #1a6bc7;
-  text-decoration:none;
-}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/code.css
----------------------------------------------------------------------
diff --git a/css/code.css b/css/code.css
deleted file mode 100644
index b0de98d..0000000
--- a/css/code.css
+++ /dev/null
@@ -1,69 +0,0 @@
-div.highlight pre, code {
-  background: #f5f6f7 url(../images/code-block-bg.png) 0 0 repeat;
-  border-radius: 0;
-  border: none;
-  border-left: 5px solid #494747;
-  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
-  font-size: 14px;
-  line-height: 24px;
-  overflow: auto;
-  word-wrap: normal;
-  white-space: pre;
-}
-
-pre {
-  padding: 24px 12px;
-  color: #222;
-  margin: 24px 0;
-}
-code {
-  background: #f5f6f7 url(../images/code-block-bg.png) 0 0 repeat;
-  border-radius: 0;
-  border: none;
-  border-left: 5px;
-  font-family: font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
-  font-size: 14px;
-  line-height: 24px;
-  overflow: auto;
-  word-wrap: normal;
-  white-space: pre;
-}
-
-div.admonition {
-  margin: 24px 0;
-  width: auto;
-  max-width: 100%;
-  padding: 2px 12px 22px 12px;
-  border-left: 5px solid transparent;
-}
-.admonition .admonition-title {
-  margin-bottom: 0;
-  font-size: 12px;
-  font-weight: bold;
-  text-transform: uppercase;
-  line-height: 24px;
-}
-.admonition > p {
-  margin: 0 0 12.5px 0;
-}
-.admonition p.first {
-  margin-top: 0 !important;
-}
-.admonition > p.last {
-  margin-bottom: 0;
-}
-.admonition .admonition-title:after {
-  content: ":";
-  font-weight: 900;
-}
-.admonition.important{
-  background-color: #fff2d5;
-  border-color: #ffb618;
-}
-.admonition.important .admonition-title {
-  color: #ffb618;
-}
-.admonition.note{
-  background-color: #edf4e8;
-  border-color: #6ba442;
-}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/content.scss
----------------------------------------------------------------------
diff --git a/css/content.scss b/css/content.scss
new file mode 100644
index 0000000..895285d
--- /dev/null
+++ b/css/content.scss
@@ -0,0 +1,6 @@
+---
+---
+@import "doc-content",
+        "doc-breadcrumbs",
+        "doc-code",
+        "doc-syntax";
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/docpage.css
----------------------------------------------------------------------
diff --git a/css/docpage.css b/css/docpage.css
deleted file mode 100644
index d7cf704..0000000
--- a/css/docpage.css
+++ /dev/null
@@ -1,389 +0,0 @@
-/*****************
- Categories Bar
-*****************/
-#menu ul li.toc-categories a {
-	height:50px;
-	padding:0;
-  text-decoration: none;
-	width: 60px;
-  text-align: center;
-  color: #bababa;
-}
-#menu ul li.toc-categories {
-	float:left;
-  line-height: 45px;
-  font-size: 18px;
-  display: none;
-  overflow: auto;
-}
-
-/****************
- Docs Nav (Bottom)
-****************/
-
-div.doc-nav {
-  overflow: auto;
-  width: 100%;
-  margin-top: 30px;
-}
-div.doc-nav a{
-  text-decoration: none;
-}
-div.doc-nav a:hover{
-  text-decoration: underline;
-}
-div.doc-nav span.previous-toc {
-  float: left;
-  width: auto;
-}
-div.doc-nav span.back-to-toc {
-  float: left;
-  width: auto;
-  margin-left: 15%;
-}
-div.doc-nav span.next-toc {
-  float: right;
-}
-
-
-/*****************
- Main Area
-*****************/
-
-.main-content .int_text {
-  margin-left: 0px;
-  margin-top: 0px;
-}
-.main-content .int_text img {
-  margin: 30px 0px;
-}
-.main-content .int_title
-{
-  text-align: left;
-  margin-left: 0px;
-  margin-top: 30px;
-}
-.int_title::after{
-  left: 0px;
-}
-.main-content .edit-link {
-  position: relative;
-  float: right;
-  margin-top: 13px;
-  margin-right: 20px;
-  text-decoration: none;
-  font-size: 24px;
-  color: #333333;
-}
-div.int_title h1, div.main-content h1, div.main-content h2, div.main-content h3, div.main-content h4, div.main-content h5, div.main-content h6 {
-  /*font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
-  font-weight: normal;
-  line-height: 24px;
-  color: #313030;
-  padding: 0;
-}
-div.main-content h1, div.main-content h2 {
-  margin-top: 24px;
-  margin-bottom: 24px;
-}
-
-div.main-content h3 {
-  margin-top: 24px;
-  font-weight: bold;
-}
-
-div.section > h2, div.section > h3, div.section > h4 {
-  margin: 24px 0;
-}
-div.main-content h1, div.int_title h1 {
-  border-top: none;
-  font-size: 36px;
-  line-height: 48px;
-  padding: 0;
-}
-
-/***************************
-/* Sidebar doc menu styles
-***************************/
-
-.sidebar {
-  position: fixed;
-  -webkit-transform: translateZ(0);
-  background-color: #f5f6f7;
-  width: 293px;
-  height: auto;
-  top: 51px;
-  bottom: 0;
-  left: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-  font-size: 0.85em;
-  z-index: 100;
-  transition: left 0.4s cubic-bezier(.02,.01,.47,1);
-  -moz-transition: left 0.4s cubic-bezier(.02,.01,.47,1);
-  -webkit-transition: left 0.4s cubic-bezier(.02,.01,.47,1);
-}
-.sidebar.force-expand {
-  left: 0px;
-}
-aside {
-  display:block;
-}
-div.docsidebar {
-  font-size: 14px;
-  height: 100%;
-}
-div.docsidebarwrapper {
-  padding: 0;
-  padding-top: 24px;
-  padding-bottom: 130px;
-  /*min-height: 100%;*/
-  position: relative;
-}
-div.docsidebar h3 {
-  padding: 0 12px;
-  font-size: 14px;
-  line-height: 24px;
-  font-weight: bold;
-  margin: -3px 0 15px 0;
-}
-div.docsidebarwrapper ul {
-  margin: 12px 0 0 0;
-  padding: 0;
-}
-div.docsidebar ul {
-  list-style: none;
-  margin: 10px 0 10px 0;
-  padding: 0;
-  color: #000;
-}
-div.docsidebar ul li {
-  font-weight: normal;
-  line-height: 24px;
-}
-.docsidebarwrapper > ul > .toctree-l1.current_section {
-  background-color: #fff;
-  border-right: 1px solid #f5f6f7;
-}
-.docsidebarwrapper a
-{
-  color: #333333;
-  text-decoration: none;
-}
-.docsidebarwrapper > ul > ul.current_section {
-  background-color: #fff;
-  border-right: 1px solid #f5f6f7;
-  margin-right: 0px;
-}
-.docsidebarwrapper > ul > .toctree-l1 {
-  padding: 11px 0 0 12px;
-  line-height: 24px;
-  border-top: 1px solid #ebebed;
-}
-.docsidebarwrapper > ul > .toctree-l1 > a {
-  font-size: 18px;
-  line-height: 24px;
-  width: 100%;
-  display: inline-block;
-}
-div.docsidebar ul ul, div.docsidebar ul.want-points {
-  list-style: none outside none;
-  margin-left: 0;
-}
-div.docsidebar ul ul {
-  margin-top: 0px;
-  margin-bottom: 0;
-}
-div.docsidebar ul ul ul {
-  margin-top: -3px;
-}
-
-.docsidebarwrapper li.toctree-l1 ul > li > a {
-  line-height: 24px;
-  display: inline-block;
-  width: 100%;
-}
-.docsidebarwrapper li.toctree-l1 ul > li
-{
-  font-size: 14px;
-}
-div.docsidebar li.toctree-l2 {
-  text-indent: -12px;
-  padding-left: 47px;
-}
-div.docsidebar li.toctree-l1 a:hover, div.docsidebar li.toctree-l2 a:hover, div.docsidebar li.toctree-l3 a:hover {
-  text-decoration: underline;
-}
-
-div.docsidebar li.toctree-l3  {
-  padding-left: 57px;
-  text-indent: -12px;
-}
-span.expand, span.contract{
-  width: 0px;
-  cursor: pointer;
-  font-size: 80%;
-  display:none; 
-  position: relative;
-  right: 5px;
-}
-span.expand.show, span.contract.show {
-  display: inline-block;
-}
-
-.docsidebarwrapper li.toctree-l2.current, .docsidebarwrapper li.toctree-l3.current {
-  background-color: #1A6BC7;
-  color: white;
-}
-.docsidebarwrapper li.toctree-l2.current.current > a, .docsidebarwrapper li.toctree-l3.current.current > a {
-  color: white;
-}
-.docsidebarwrapper a:hover {
-  color: black;
-}
-.docsidebarwrapper a {
-  display: inline-block;
-  width: 100%;
-}
-
-.docsidebarwrapper ul {
-  font-size: 14px;
-}
-
-.permalink
-{
-  text-decoration:none;
-  font-size: 70%;
-  color: #1A6BC7;
-}
-.permalink.hide {
-  visibility: hidden;
-}
-/****************************
-/* Responsive media queries
-/***************************/
-
-@media (max-width: 320px) {
-  .int_text {
-    width: auto;
-  }
-  .int_title {
-    width: auto;
-  }
-}
-@media (max-width: 768px) {
-  .int_text {
-    width: auto;
-  }
-  .int_title {
-    width: auto;
-  }
-  
-}
-/* Browser styles when browser max width is the follow. 
-   Need menu click to make sidebar appear */
-
-@media (max-width: 1024px) {
-  div#footer {
-    margin-left: 0px;
-    width: 100%;
-  }
-  div#footer .wrapper {
-    padding: 0 20px;
-  }
-  .main-content .edit-link {
-    margin-right: 0px; /* container takes care of right margin */
-  }
-
-  #menu ul li.toc-categories {
-    display: inline-block;
-    width: 60px;
-    text-align: center;
-  }
-  #menu ul li.logo {
-    padding-left: 0px;
-  }
-  #menu.force-expand ul li.toc-categories {
-    display: inline-block;
-  }
-
-  .page-wrap div.int_title.margin_110 {
-    margin-top:110px;
-  }
-
-  li.toc-categories .expand-toc-icon {
-    font-size: 24px;
-    /*padding-right: 10px;*/
-  }
-  li.toc-categories a.expand-toc-icon {
-    color: black;
-  }
-
-  .expand-toc-icon:hover,
-  .expand-toc-icon:active {
-    color: white;
-    text-decoration: none;
-  }
-
-  .sidebar {
-    left: -293px;
-    box-shadow: 0 0 13px rgba(0,0,0,0.3);
-  }
-
-  .sidebar.reveal {
-    left: 0;
-  }
-  .main-content.force-expand {
-    margin-left: 313px;
-  }
-  #footer.force-expand .wrapper {
-    margin-left: 313px;
-  }
-  .main-content{
-    margin: 0px 20px 0px 20px;
-  }
-  .int_title {
-    margin-top: 60px;
-  }
-  .int_title h1 {
-    font-size: 28px;
-  }
-  .page-wrap #footer {
-    width: auto;
-  }
-  .breadcrumbs.force-expand li:first-of-type {
-    margin-left: 301px;
-  }
-}
-@media (min-width: 1025px) {
-  .main-content-wrapper {
-    width: 1092px; 
-  }
-  .main-content
-  {
-    margin-left: 313px;
-  }
-  #menu ul li.logo {
-    padding-left: 30px;
-  }
-  #footer .wrapper {
-    margin-left: 313px;
-  }
-  #footer {
-    width: 100%;
-  }
- .breadcrumbs {
-    margin-left: 0px;
-  }
-  .breadcrumbs li:first-of-type {
-    margin-left: 301px;
-  }
-}
-/*
-div.page-wrap:after {
-  height: 0px;
-}
-*/
-#footer {
-  width: 1092px;
-}

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/download.css
----------------------------------------------------------------------
diff --git a/css/download.css b/css/download.css
deleted file mode 100644
index 0c92169..0000000
--- a/css/download.css
+++ /dev/null
@@ -1,33 +0,0 @@
-.table {
-  display: table;   /* Allow the centering to work */
-  margin: 0 auto;
-}
-
-ul#download_buttons {
-  list-style: none;
-  padding-left:0px;
-  margin-bottom:100px;
-}
-
-ul#download_buttons li {
-  float: left;
-  text-align: center;
-  background-color: #4aaf4c;
-  margin:0 10px 10px 10px;
-  width: 235px;
-  line-height: 60px;
-}
-
-ul#download_buttons li a{
-  text-decoration:none;
-  color:#fff;
-  display:block;
-}
- 
-ul#download_buttons li a:hover {
-  background-color: #348436;
-}
-
-div#download_bar:after{
-  clear:both;
-}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/download.scss
----------------------------------------------------------------------
diff --git a/css/download.scss b/css/download.scss
new file mode 100644
index 0000000..bca3068
--- /dev/null
+++ b/css/download.scss
@@ -0,0 +1,3 @@
+---
+---
+@import "download";

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/home.scss
----------------------------------------------------------------------
diff --git a/css/home.scss b/css/home.scss
new file mode 100644
index 0000000..90148c0
--- /dev/null
+++ b/css/home.scss
@@ -0,0 +1,4 @@
+---
+---
+@import "home-video-slider",
+        "home-code";

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/responsive.css
----------------------------------------------------------------------
diff --git a/css/responsive.css b/css/responsive.css
deleted file mode 100644
index 17da16d..0000000
--- a/css/responsive.css
+++ /dev/null
@@ -1,275 +0,0 @@
-#menu ul li.toc-categories {
-  display:none;
-}
-
-#menu ul li.menu-break {
-  display:none;
-}
-.mobile-break {
-  display: none;
-}
-
-/*@media (max-width: 768px) {
-  #menu ul li{
-    display: block;
-  }
-  #menu ul li.expand-menu {
-    display: none;
-  }
-}
-*/
-@media (min-width: 1025px) {
-  #menu ul li.expand-menu {
-    display: none;
-  }
-
-}
-
-@media (max-width: 1024px) {
-  table.intro {
-    width: 940px;
-  }
-  .mw {
-    min-width: 0px;
-  }
-  .breadcrumbs li:first-of-type {
-    margin-left: 8px;
-  }
-  #menu ul li.logo {
-    padding-left: 30px;
-  }
-   #menu ul li.expand-menu {
-    display: none;
-  }
-
-  #menu ul li, #menu ul li.d{
-    display: none;
-  }
-  .home_txt p {
-    width: auto;
-  }
-  .int_title {
-    text-align: left;
-    width: auto;
-    margin: 80px 20px 0px 20px;
-  }
-  .int_title:after {
-    left: 0px;
-  }
-  .int_text {
-    width: auto;
-    margin: 20px 10px 100px 20px;
-  }
-  #menu.force-expand ul li, #menu.force-expand ul li.d {
-    display:inline-block;
-  }
-
-  #menu.force-expand ul li.toc-categories {
-    display: none;
-  }
-  #menu.force-expand ul li ul li{
-    display:block;
-  }
-  #menu.force-expand ul li.nav, #menu.force-expand ul li#twitter-menu-item {
-    clear:both;
-    margin: 0 auto;
-  }
-  #menu ul li.logo {
-    display: block;
-  }
-  #menu ul li.expand-menu {
-    display: inline-block;
-    float: right;
-  }
-  #menu ul br.menu-break {
-    display: block;
-  }
-  #menu ul li.expand-menu, #menu ul li.expand-menu a {
-    height: 50px;
-    width: 110px;
-  }
-  #menu ul li.expand-menu span.expand-icon{
-    font-size: 24px;
-  }
-  #menu ul li.expand-menu span.menu-text{
-    margin-right:7px;
-    position: relative;
-    bottom: 3px;
-  }
-  #menu ul li.pull-right {
-    float: right;
-    margin-right: 10px;
-  }
-
-  /* Blog Posts */
-
-  div.post.int_text {
-    margin: 40px 20px 20px 20px;
-  }
-  div.post .post-header .int_title {
-    margin-left: 0px;
-  }
-  
-  
-  div.home-row{
-    width:100%;
-  }
-  
-  div.home-row:nth-child(odd) div.small{
-    width:300px;
-  }
-
-  div.home-row:nth-child(odd) div.description{
-    margin-left:20px;
-    width:auto;
-  }
-
-  div.home-row:nth-child(even) div.description{
-    margin-left:20px;
-    width:auto;
-  }
-
-  div.home-row:nth-child(even) div.small{
-    margin:0 0 15px 0;
-    width:300px;
-  }
-  
-  div.home-row div.big{
-    display:none;
-  }
-  
-  div.home-row div.small{
-    display:inline-block;
-  }
-  
-  table.intro {
-    width: 100%;
-    background: none;
-  }
-
-}
-@media (max-width: 768px) {
-  #menu.force-expand ul li.nav {
-    clear:both;
-    margin: 0 auto;
-  }
-  #menu.force-expand ul li.search-bar {
-    clear:both;
-  }
-
-  /* Responsive Homepage 768 max width */
-  div.headlines.tc {
-    margin-left: 35px;
-  }
-  br.mobile-break {
-    display: block;
-  }
-  
-  img {
-    max-width: 100%;
-  }
-
-  /* Search page */
-  div.int_search {
-    width: 100%;
-  }
-}
-
-@media (max-width: 570px) {
-
-  /* Responsive Layout 570 max width */
-
-
-  /* Responsive Menu 570 max width */
-
-  #menu.force-expand ul li.nav, #menu.force-expand ul li#twitter-menu-item {
-    clear: both;
-    width: 100%;
-    margin: auto;
-  }
-  #menu.force-expand ul li {
-    display:block;
-  }
-  #menu ul li.clear-float{
-    clear:both;
-    width: 0px;
-    display:block;
-  }
-  #menu ul li.search-bar {
-    margin: 0 11px 0 20px;
-    float: right;
-  }
-  #menu ul li.d
-  {
-    margin: 10px;
-    clear: both;
-    float: right;
-  }
-  #menu.force-expand {
-    position: relative;
-  }
-
-  /* Responsive Homepage 570 max width */
-  #header .scroller .item .tc h1{
-    font-size: 40px;
-  }
-  #header .scroller .item .tc h2 {
-    font-size: 24px;
-    line-height: 32px;
-  }
-  #header .scroller .item div.headlines.tc {
-    margin-left: 30px;
-  }
-  div.headlines a.download-headline {
-    font-size: .7em;
-  }
-  #header .scroller .item div.headlines .btn { font-size: 16px; }
-
-  div.alertbar {
-    text-align: left;
-    padding:0 25px;
-  }
-  div.alertbar div {
-    display: block;
-    padding:10px 0;
-  }
-  div.alertbar div:nth-child(1){
-    border-right:none;
-    border-bottom:solid 1px #cc9;
-  }
-  div.alertbar div:nth-child(2){
-    border-right:none;
-    border-bottom:solid 1px #cc9;
-  }
-  table.intro {
-    width: 100%;
-    background: none;
-  }
-  table.intro td {
-    display: block;
-    padding: 25px 0 5px 0;
-  }
-  table.intro td h1 {
-    font-size: 24px;
-    text-align: left;
-    padding-left: 60px;
-  }
-  table.intro td.ag, table.intro td.fl, table.intro td.fam {
-    background-position: 20px 23%;
-  }
-  table.intro p {
-    font-size: 16px;
-    line-height: 24px;
-    padding: 2px 25px 15px 20px;
-    text-align: left;
-  }
-  table.intro span {
-    position: relative;
-    bottom: 10px;
-    padding-left: 20px;
-    text-align: left;
-  }
-
-}
-
-

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/search.css
----------------------------------------------------------------------
diff --git a/css/search.css b/css/search.css
deleted file mode 100644
index 64d25c8..0000000
--- a/css/search.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.int_search {
-  margin:50px auto 0 auto;
-  width:780px;
-  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
-
-.int_search .gsc-control-cse, .int_search .gsc-control-cse .gsc-table-result {
-  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/site.scss
----------------------------------------------------------------------
diff --git a/css/site.scss b/css/site.scss
new file mode 100644
index 0000000..382ff3b
--- /dev/null
+++ b/css/site.scss
@@ -0,0 +1,6 @@
+---
+---
+@import "site-main",
+        "site-responsive",
+        "site-search",
+        "site-arrows";

http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/style.css
----------------------------------------------------------------------
diff --git a/css/style.css b/css/style.css
deleted file mode 100755
index 414efa5..0000000
--- a/css/style.css
+++ /dev/null
@@ -1,897 +0,0 @@
-@charset "UTF-8";
-
-@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);
-
-* {
-  outline:none;
-}
-
-html {
-  height: 100%;
-}
-
-body {
-  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  padding:0;
-  margin: 0;
-  height: 100%;
-}
-.page-wrap{
-  min-height: 100%;
-  margin-bottom: -60px; /* negative value of footer height */
-}
-
-.mw { min-width:999px; width:100%; }
-
-.nw { white-space:nowrap; }
-
-a.anchor {
-  display:none;
-  font-size:0px;
-  position:absolute;
-  margin-top:-50px;
-}
-
-.home_txt a.anchor {
-  margin-top:-90px;
-}
-
-#menu {
-  position:fixed;  
-  top:0;
-  width:100%;
-  z-index:5;
-}
-
-/* This seems to override menu position fixed. Fixed positioning allows menu to always be available at the top of the viewport, and JS is not needed to do this */
-/*
-#menu.r {
-  position:absolute;
-}
-*/
-
-#menu ul {
-  background:#051221;
-  display:block;
-  font-size:0px;
-  list-style:none;
-  overflow:hidden;
-  padding:0;
-  text-align:right;
-  /*
-  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
-  -moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.4);
-  box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.4);
-  */
-}
-
-#menu ul li {
-  display:inline-block;
-  font-size:14px;
-  margin:0;
-  padding:0;
-}
-
-#menu ul li.logo {
-  float:left;
-  padding-left:30px;
-}
-
-#menu ul li.logo:hover { background:none; }
-
-#menu ul li.logo a {
-  background:url(../images/apachedrill.png) no-repeat center;
-  background-size:auto 27px;
-  display:block;
-  height:50px;
-  padding:0;
-  width:80px;
-}
-
-#menu ul li a {
-  color:#FFF;
-  text-decoration:none;
-  line-height:50px;
-  padding:14px 20px;
-}
-
-#menu ul li.d, #menu ul li.d:hover {
-  background-color: #4aaf4c;
-  font-size:12px;
-  text-transform:uppercase;
-}
-#menu ul li.d a .fam {
-  position: relative;
-  right: 8px;
-  font-size: 14px;
-}
-
-#menu ul li.d:hover {
-  background-color:#348436;
-}
-
-#menu ul li.d * {
-  cursor:pointer;
-}
-
-#menu ul li.d a {
-  padding:0px 30px 0 40px;
-  display:block;
-}
-
-
-#menu ul li.l {
-  cursor:pointer;  
-}
-
-#menu ul li.l span {
-  background:url(../images/len.png) no-repeat center;
-  background-size:auto 16px;
-  display:block;
-  line-height:50px;
-  padding:0 20px;
-  width:16px;
-}
-
-#menu ul li.l.open {
-  background-color:#145aa8;
-}
-
-#menu ul li#twitter-menu-item {
-  width:30px;
-  padding-left: 2px;
-  padding-right:10px;
-}
-
-#menu ul li#twitter-menu-item a {
-  padding: 10px;
-}
-
-#menu ul li#twitter-menu-item img {
-  width: 22px;
-}
-
-#menu ul li ul {
-  background:#1a6bc7;
-  display:none;
-  margin:0;
-  padding:0;
-  position:absolute;
-  text-align:left;
-}
-
-#menu ul li ul li {
-  display:block;
-}
-
-#menu ul li ul li a {
-  display:block;
-  line-height:30px;
-  padding:3px 20px;
-}
-
-#menu ul li ul li a:hover {
-  background:#145aa8;
-}
-
-#menu ul li:hover {
-  background:#1a6bc7;  
-}
-
-#menu ul li:hover ul {
-  display:block;
-}
-#menu ul li.clear-float{
-  display:none;
-}
-#subhead {
-  background:#145aa8;
-  color:#FFF;
-  font-size:12px;
-  font-weight:bold;
-  height:40px;
-  line-height:40px;
-  left:0px;
-  letter-spacing:1px;
-  right:0px;
-  position:fixed;  
-  text-align:center;
-  text-transform:uppercase;
-  top:10px;
-  z-index:4;  
-  
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-}
-
-#subhead.show {
-  top:50px;
-}
-
-#subhead ul {
-  list-style:none;
-  margin:0;
-  padding:0;
-}
-
-#subhead ul li {
-  display:inline-block;
-  list-style:none;
-  margin:0;
-  padding:0 35px 0 35px;
-}
-
-#subhead ul li a {
-  background-size:16px auto;
-  background-position:left center;
-  background-repeat:no-repeat;
-  color:#FFF;
-  display:block;
-  padding:0 0 0 25px;
-  text-decoration:none;
-}
-
-#subhead ul li.ag a {
-  background-image:url(../images/agility-w.png);
-}
-
-#subhead ul li.fl a {
-  background-image:url(../images/flexibility-w.png);
-}
-
-#subhead ul li.fam a {
-  background-image:url(../images/familiarity-w.png);
-}
-
-#header {
-  background:url(../images/reel-bg.png) no-repeat;
-  background-size:cover;
-  height:300px;
-  overflow:hidden;
-  position:relative;
-}
-
-#header .scroller {
-  margin-left:0px;  
-  overflow:hidden;
-}
-
-#header .scroller .item {
-  
-  float:left;
-  height:300px;
-  position:relative;
-  width:100%;  
-  z-index:1;
-}
-
-#header .scroller .item p a {
-  color:#FFF;
-  font-weight:bold;
-  overflow: hidden;
-  text-decoration:none;  
-  
-  position: relative;
-  display: inline-block;
-  outline: none;
-  vertical-align: bottom;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
-#header .scroller .item p a::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  background: rgba(149,165,166,0.4);
-  content: '';
-  -webkit-transition: -webkit-transform 0.3s;
-  transition: transform 0.3s;
-  -webkit-transform: scaleY(0.618) translateX(-100%);
-  transform: scaleY(0.618) translateX(-100%);
-}
-
-#header .scroller .item p a:hover::before,
-#header .scroller .item p a:focus::before {
-  -webkit-transform: scaleY(0.618) translateX(0);
-  transform: scaleY(0.618) translateX(0);
-}
-
-
-#header .scroller .item .tc {
-  color:#FFF;
-  margin-left:80px;
-  position:relative;
-  width:900px;
-  margin:0 auto;
-}
-
-#header .scroller .item .tc h1, #header .scroller .item .tc h2 {
-  font-size:36px;
-  font-weight:lighter;
-  margin:0 0 8px 0;
-  padding:0;
-}
-#header .scroller .item .tc h2 {
-  font-size: 18px;
-}
-
-#header .scroller .item .tc p {
-  font-size:14px;
-  font-weight:lighter;
-  line-height:24px;
-  margin:0;
-  padding:0;
-}
-
-#header .scroller .item .btn {
-  background: none;
-  border: 2px solid #fff;
-  cursor: pointer;
-  color:#FFF;
-  display: inline-block;
-  font-size:12px;
-  font-weight: bold;
-  outline: none;
-  margin-top:18px;
-  position: relative;
-  padding: 5px 30px;
-  text-decoration:none;
-  text-transform: uppercase;
-  
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  transition: all 0.3s;
-}
-
-#header .scroller .item .btn:after {
-  content: '';
-  position: absolute;
-  z-index: -1;
-  -webkit-transition: all 0.3s;
-  -moz-transition: all 0.3s;
-  transition: all 0.3s;
-}
-
-#header .scroller .item .btn-1c:after {
-  width: 0%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background: #fff;
-}
-
-#header .scroller .item .btn-1c:hover,
-#header .scroller .item .btn-1c:active {
-  color: #0e83cd;
-}
-
-#header .scroller .item .btn-1c:hover:after,
-#header .scroller .item .btn-1c:active:after {
-  width: 100%;
-}
-
-#header .aLeft {
-  cursor:pointer;
-  height:30px;
-  left:20px;
-  margin-top:-15px;
-  position:absolute;
-  top:50%;
-  width:30px;  
-  z-index:2;
-}
-
-#header .aRight {
-  cursor:pointer;
-  height:30px;
-  right:20px;
-  margin-top:-15px;
-  position:absolute;
-  top:50%;
-  width:30px;  
-  z-index:2;
-}
-
-.dots {
-  bottom:30px;
-  right:80px;
-  position:absolute;
-  z-index:2;  
-}
-
-.dots .dot {
-  border-radius: 50%;
-  background-color: transparent;
-  box-shadow: inset 0 0 0 2px white;
-  -webkit-transition: box-shadow 0.3s ease;
-  transition: box-shadow 0.3s ease;
-  
-  cursor:pointer;
-  display:inline-block;
-  height:10px;
-  margin-left:10px;
-  width:10px;
-}
-
-.dots .dot:hover,
-.dots .dot:focus {
-  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6)
-}
-
-.dots .dot.sel {
-  box-shadow: inset 0 0 0 8px white;
-}
-div.alertbar
-  {
-    background-color:#ffc;
-    text-align: center;
-    display: block;
-    padding:10px;
-    border-bottom: solid 1px #cc9;
-  }
-div.alertbar .hor-bar:after {
-  content: "|";
-}
-span.strong {
-  font-weight: bold;
-}
-
-.introWrapper {
-  border-bottom:1px solid #CCC;
-}
-
-table.intro {
-  background:url(../images/intro-bg.gif) no-repeat center;
-  table-layout:fixed;
-  text-align:center;  
-  width: 940px;
-}
-
-table.intro td {
-  background-position:center 25px;
-  background-repeat:no-repeat;
-  background-size:25px auto;
-  padding:65px 0 0 0;
-  position:relative;
-  vertical-align:top;
-}
-
-table.intro td.ag {
-  background-image:url(../images/agility.png);
-}
-
-table.intro td.fl {
-  background-image:url(../images/flexibility.png);
-}
-
-table.intro td.fam {
-  background-image:url(../images/familiarity.png);
-}
-
-table.intro h1 {
-  font-size:36px;
-  font-weight:normal;
-  margin:0;
-  padding:0;
-}
-
-table.intro p {
-  font-size:16px;
-  font-weight:lighter;
-  line-height:22px;
-  margin:0;
-  padding:2px 35px 30px 35px;
-}
-
-table.intro span {
-  bottom:30px;
-  display:block;
-  position:absolute;
-  width:100%;
-}
-
-table.intro a {
-  color:#1a6bc7;
-  font-size:12px;  
-  font-weight: bold;
-}
-
-#blu {
-  display:table;
-  font-size:12px;
-  font-weight:lighter;
-  line-height:28px;
-  table-layout:fixed;
-}
-
-#blu a {
-  color:#FFF;
-  text-decoration:none;
-}
-
-#blu .cell {
-  color:#FFF;
-  display:table-cell;  
-  padding:40px 0;
-  overflow:hidden;
-  vertical-align:middle;
-}
-
-#blu .cell.left {
-  background:#1b2b3e;
-  padding-right:54px;
-}
-
-#blu .cell.left .wrapper {
-  float:right;  
-}
-
-#blu .cell.right {
-  background:#184f8d;
-  padding-left:54px;
-}
-
-#blu .cell.right .wrapper {
-  float:left;  
-}
-
-#blu .cell .wrapper {
-  width:425px;
-}
-
-#blu h2 {
-  font-size:24px;
-  font-weight:lighter;  
-  margin:0 0 10px 0;
-  padding:0;
-}
-
-.page-wrap:after {
-  display: block;
-  content: "";
-}
-#footer {
-  color: black;
-  background-color: white;
-  font-size:9px;
-  font-weight:lighter;
-  line-height:20px;
-  padding:30px 0;
-  text-align:center;
-}
-#footer, .page-wrap:after {
-  height: 60px;
-}
-
-#footer .wrapper {
-  padding:0 80px;
-}
-
-.bui {
-  display:none;
-  position:fixed;
-  top:0;
-  left:0;
-  right:0;
-  bottom:0;
-  background:rgba(0,0,0,0.8);
-  z-index:4;  
-}
-
-.disclaimer {
-  background:#f6f5f5;
-  font-size:12px;
-  font-weight:lighter;
-  line-height:24px;
-  text-align:center;
-}
-
-.disclaimer .wrapper {
-  margin:auto;
-  padding:50px 0 50px 0;
-  width:780px;
-}
-
-.disclaimer h2 {
-  font-size:24px;
-  font-weight:lighter;  
-  margin:0 0 10px 0;
-  padding:0;
-}
-
-.int_text {
-  margin:40px auto 30px auto;
-  width:780px;
-}
-
-/* Blog */
-div.post.int_text {
-  margin:40px auto 60px auto;
-}
-
-.int_text a, .int_title a {
-  color:#1a6bc7;
-  /* font-weight:normal;  */
-}
-
-.int_text p, .int_text ul, .int_text ol { 
-  font-size:16px;
-  line-height:28px;
-  
-}
-
-.int_text p.l1 {
-  padding-left:30px;  
-}
-
-.int_text h2 {
-  font-size:24px;
-  font-weight:normal;  
-  margin:30px 0 0 0;
-}
-
-.int_text img {
-  display:block;
-  margin:30px auto;  
-}
-
-ul.num {
-  list-style:decimal;  
-}
-
-.int_title {
-  font-size:16px;
-  font-weight:lighter;
-  margin:auto;
-  margin-top:80px;
-  padding:0 0 15px 0;
-  position:relative;
-  text-align:center;
-  width:600px;  
-}
-
-.int_title.int_title_img {
-  background-position:center top;
-  background-repeat:no-repeat;
-  background-size:25px auto;
-  padding-top:40px;  
-}
-
-.int_title.int_title_img.architecture {
-  background-image:url(../images/architecture.png);  
-}
-
-.int_title.int_title_img.community {
-  background-image:url(../images/community.png);  
-}
-
-.int_title.int_title_img.download {
-  background-image:url(../images/download.png);  
-}
-
-.int_title p {
-  line-height:30px;
-  margin:10px 0 25px 0;
-}
-
-.int_title h1 {
-  font-size:36px;
-  margin: 20px 0px 20px 0px;
-}
-
-.int_title:after {
-  background:#1a6bc7;
-  bottom:24px;
-  content:" ";
-  height:5px;
-  left:275px;
-  position:absolute;
-  width:50px;
-}
-
-table.intro a:before, table.intro a:after {
-    backface-visibility: hidden;
-    pointer-events: none;
-}
-
-table.intro a, .int_title a {
-  display:inline-block;
-    overflow: hidden;
-  outline: medium none;
-    position: relative;
-    text-decoration: none;
-    vertical-align: bottom;
-    white-space: nowrap;
-}
-
-#header .dots, .aLeft, .aRight { display:none; }
-
-p.info {
-  background-color: #ffc;
-  border: solid 1px #cc9;
-  padding: 5px;
-}
-
-/* This is to address an issue in Markdown processing which introduces <p> inside <li>. */
-li p {
-  margin-top: 0px;
-}
-
-.hidden {
-  display:none;
-}
-
-/******************
- Search Bar
-******************/
-
-#menu .search-bar {
-  line-height: 30px;
-  margin: 0 20px 0 20px;
-}
-
-#menu .search-bar form {
-  border-radius: 6px;
-  border: solid 1px black;
-  background-color: #1A6BC7;
-}
-
-#menu .search-bar input[type='text'] {
-  border: none;
-  color: white;
-  background-color: transparent !important;
-  font-size: 14px;
-  font-weight: inherit;
-  padding: 0 0 0 8px;
-  line-height: 20px;
-  font-family: "Lato";
-  width: 44px;
-}
-#menu .search-bar input[placeholder] {
-  opacity: .7;
-}
-
-#menu .search-bar:hover {
-  background-color: black;
-}
-
-#menu .search-bar button[type='submit'] {
-  display: inline;
-  border: none;
-  background:none;
-  position: relative;
-  color: white;
-  font-size: 14px;
-  cursor: pointer;
-  width: 33px;
-}
-#menu .search-bar ::-webkit-input-placeholder {
-   color: white;
-}
-
-#menu .search-bar :-moz-placeholder { /* Firefox 18- */
-   color: white;  
-}
-
-#menu .search-bar ::-moz-placeholder {  /* Firefox 19+ */
-   color: white;  
-}
-
-#menu .search-bar :-ms-input-placeholder {  
-   color: white;
-}
-
-.int_text table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}
-.int_text table caption{color:#000;font-style: italic;padding:1em 0;text-align:center}
-.int_text table td, .int_text table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}
-.int_text table td:first-child, .int_text table th:first-child{border-left-width:0}
-.int_text table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}
-.int_text table td{background-color:transparent}
-.int_text table-odd td{background-color:#f2f2f2}
-.int_text table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}
-.int_text table-bordered td{border-bottom:1px solid #cbcbcb}
-.int_text table-bordered tbody>tr:last-child>td{border-bottom-width:0}
-.int_text table-horizontal td, .int_text table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}
-.int_text table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
-
-
-div.alertbar{
-  line-height:1;
-  text-align: center;
-}
-
-div.alertbar div{
-  display: inline-block;
-  vertical-align: middle;
-  padding:0 10px;
-}
-
-div.alertbar div:nth-child(2){
-  border-right:solid 1px #cc9;
-}
-
-div.alertbar div.news{
-  font-weight:bold;
-}
-
-div.alertbar a{
-  
-}
-div.alertbar div span{
-  font-size:65%;
-  color:#aa7;
-}
-
-div.home-row{
-  border-bottom:solid 1px #ccc;
-  margin:0 auto;
-  text-align:center;
-}
-
-div.home-row div{
-  display:inline-block;
-  vertical-align:middle;
-  text-align:left;
-}
-
-div.home-row:nth-child(odd) div.big{
-  width:300px;
-}
-
-div.home-row:nth-child(odd) div.description{
-  margin-left:40px;
-  width:580px;
-}
-
-div.home-row:nth-child(even) div.description{
-  width:580px;
-}
-
-div.home-row:nth-child(even) div.big{
-  margin-left:40px;
-  width:300px;
-}
-
-.home-row h1 {
-  font-size:24px;
-  margin:24px 0;
-  font-weight:bold;
-}
-
-.home-row h2 {
-  font-size:20px;
-  margin:20px 0;
-  font-weight:bold;
-}
-
-.home-row p {
-  font-size:16px;
-  line-height:22px;
-}
-
-.home-row div.small{
-  display:none;
-}
-
-.home-row div.big{
-  display:inline-block;
-}
-
-div.home-row div pre{
-  background:#f3f5f7;
-  color:#2a333c;
-  border:solid 1px #aaa;
-  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-div.home-row div pre span.code-underline{
-  font-weight:bold;
-  color:#000;
-  text-decoration: underline;
-}
\ No newline at end of file