diff --git a/assets/glass.png b/assets/glass.png
deleted file mode 100644
index 207791d..0000000
Binary files a/assets/glass.png and /dev/null differ
diff --git a/polymer-ui-clock/index.html b/polymer-ui-clock/index.html
deleted file mode 100644
index 92cfb32..0000000
--- a/polymer-ui-clock/index.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<!doctype html>
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-<html>
-  <head>
-    <title>Polymer UI Clock</title>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <!-- load polymer -->
-    <script src="../../polymer/polymer.js"></script>
-    <!-- import element-->
-    <link rel="import" href="polymer-ui-clock.html">
-    <!-- -->
-    <style>
-      body {
-        background-color: #333;
-      }
-      polymer-ui-clock {
-        width: 320px;
-        height: 320px;
-        display: inline-block;
-        background: url("../assets/glass.png") no-repeat;
-        background-size: cover;
-        border: 4px solid rgba(32, 32, 32, 0.3);
-      }
-    </style>
-  </head>
-  <body>
-    <polymer-ui-clock></polymer-ui-clock>
-  </body>
-</html>
diff --git a/polymer-ui-clock/polymer-ui-clock.css b/polymer-ui-clock/polymer-ui-clock.css
deleted file mode 100644
index 5e5b3e3..0000000
--- a/polymer-ui-clock/polymer-ui-clock.css
+++ /dev/null
@@ -1,83 +0,0 @@
-﻿@host {
-  * {
-    display: inline-block;
-	  padding: 20px;
-	  max-width: 340px;
-    white-space: nowrap;
-    background-image: url(../assets/glass.png);
-    background-repeat: no-repeat;
-    background-size: cover;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    vertical-align: top;
-    overflow: hidden;
-  }
-}
-
-#widget-title { 
-  font-size: 21px;
-  line-height: 15px;
-}
-
-#time {
-	display: none;
-}
-
-#clock {
-	position: relative;
-	width: 200px;
-	height: 200px;
-	border-radius: 100px;
-	background-color: #f2f2f2;
-	border: 1px solid #d9d9d9;
-	box-sizing: border-box;
-	margin: 40px auto;
-}
-
-#hour {
-	position: absolute;
-	top: 0;
-	left: 0;
-	-webkit-transform-origin: 50% 50%;
-	background: #4c4c4c;
-	height: 82px;
-	width: 6px;
-	border-radius: 3px;
-	box-sizing: border-box;
-}
-
-#minute {
-	position: absolute;
-	top: 0;
-	left: 0;
-	-webkit-transform-origin: 50% 50%;
-	background: #4c4c4c;
-	height: 92px;
-	width: 4px;
-	border-radius: 2px;
-	box-sizing: border-box;
-}
-
-#second {
-	position: absolute;
-	top: 0;
-	left: 0;
-	-webkit-transform-origin: 50% 50%;
-	background: #4385fb;
-	height: 100px;
-	width: 2px;
-	border-radius: 1px;
-	box-sizing: border-box;
-}
-
-#dot {
-	box-sizing: border-box;
-	width:2px;
-	height:2px;
-	border-radius: 1px;
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	margin: -1px;
-	background-color: red;
-}
diff --git a/polymer-ui-clock/polymer-ui-clock.html b/polymer-ui-clock/polymer-ui-clock.html
deleted file mode 100644
index bad18e2..0000000
--- a/polymer-ui-clock/polymer-ui-clock.html
+++ /dev/null
@@ -1,89 +0,0 @@
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-<element name="polymer-ui-clock">
-  <link rel="stylesheet" href="polymer-ui-clock.css">
-  <template>
-
-    <div id="widget-title">{{ dateStr }}</div>
-    <div id="clock">
-      <div id="second" style="-webkit-transform: translate3d({{xSecond}}px,{{ySecond}}px,0) rotate({{rotateSecond}}deg);"></div>
-      <div id="minute" style="-webkit-transform: translate3d({{xMinute}}px,{{yMinute}}px,0) rotate({{rotateMinute}}deg);"></div>
-      <div id="hour" style="-webkit-transform: translate3d({{xHour}}px,{{yHour}}px,0) rotate({{rotateHour}}deg);"></div>
-      <!-- <div id="dot"></div> -->
-    </div>
-    <div id="time">{{ time }}</div>
-
-  </template>
-  <script>
-    Polymer.register(this, {
-      // note: properties only used in MDV bindings need not be declared (xSecond, ySecond, rotateSecond, etc.)
-      // properties that need observation (e.g. we observe 'time' via 'timeChanged') must be declared
-      time: null,
-      dateStr: '',
-      seconds: -1,
-      minutes: -1,
-      hours: -1,
-      inserted: function() {
-        // when we are inserted into DOM, start watching the time
-        this.updateTime();
-        this.interval = setInterval(this.updateTime.bind(this), 1000);
-      },
-      removed: function() {
-        // when we are removed from DOM, stop watching the time
-        clearInterval(this.interval);
-      },
-      updateTime: function() {
-        // get a current dateTime
-        this.time = new Date();
-      },
-      timeChanged: function() {
-        // if the time has changed, update the dateStr, hours, minutes, and seconds
-        this.dateStr = [
-          days[this.time.getDay()],
-          months[this.time.getMonth()],
-          this.time.getDate()
-        ].join(' ');
-        this.hours = this.time.getHours();
-        this.minutes = this.time.getMinutes();
-        this.seconds = this.time.getSeconds();
-      },
-      secondsChanged: function() {
-        // if seconds have changed, update the clock second hand
-        this.rotateSecond = this.seconds * 6;
-        var px = 1;
-        var py = 50;
-        px = px - 49 * Math.sin(this.rotateSecond * degToRad);
-        py = py + 49 * Math.cos(this.rotateSecond * degToRad);
-        this.xSecond = 99 - px;
-        this.ySecond = 99 - py;
-      },
-      minutesChanged: function() {
-        // if minutes have changed, update the clock minute hand
-        this.rotateMinute = this.minutes * 6;
-        var px = 2;
-        var py = 46;
-        px = px - 44 * Math.sin(this.rotateMinute * degToRad);
-        py = py + 44 * Math.cos(this.rotateMinute * degToRad);
-        this.xMinute = 99 - px;
-        this.yMinute = 99 - py;
-      },
-      hoursChanged: function() {
-        // if hours have changed, update the clock hour hand
-        this.rotateHour = this.hours * 30;
-        var px = 3;
-        var py = 41;
-        px = px - 38*Math.sin(this.rotateHour * degToRad);
-        py = py + 38*Math.cos(this.rotateHour * degToRad);
-        this.xHour = 99 - px;
-        this.yHour = 99 - py;
-      }
-    });
-    // statics
-    var days = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];
-    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
-    var degToRad = Math.PI / 180;
-  </script>
-</element>
diff --git a/polymer-ui-icon-button/polymer-ui-icon-button.html b/polymer-ui-icon-button/polymer-ui-icon-button.html
index 0785a1b..512f7e0 100644
--- a/polymer-ui-icon-button/polymer-ui-icon-button.html
+++ b/polymer-ui-icon-button/polymer-ui-icon-button.html
@@ -20,13 +20,13 @@
 
 <link rel="import" href="../polymer-ui-icon/polymer-ui-icon.html">
 
-<element name="polymer-ui-icon-button" attributes="src index icon active">
-  <link rel="stylesheet" href="polymer-ui-icon-button.css">
+<polymer-element name="polymer-ui-icon-button" attributes="src index icon active">
   <template>
+    <link rel="stylesheet" href="polymer-ui-icon-button.css">
     <polymer-ui-icon src="{{src}}" index="{{index}}" icon="{{icon}}"></polymer-ui-icon>
   </template>
   <script>
-    Polymer.register(this, {
+    Polymer('polymer-ui-icon-button', {
       /**
        * The URL of an image for the icon.
        *
@@ -59,4 +59,4 @@
       }
     });
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-icon/polymer-ui-icon.html b/polymer-ui-icon/polymer-ui-icon.html
index e37213a..ea58899 100644
--- a/polymer-ui-icon/polymer-ui-icon.html
+++ b/polymer-ui-icon/polymer-ui-icon.html
@@ -26,65 +26,67 @@
 -->
 <link rel="import" href="../polymer-ui-theme-aware/polymer-ui-theme-aware.html">
 
-<element name="polymer-ui-icon" extends="polymer-ui-theme-aware" attributes="src size index icon">
-  <link rel="stylesheet" href="polymer-ui-icon.css">
+<polymer-element name="polymer-ui-icon" extends="polymer-ui-theme-aware" attributes="src size index icon">
   <template>
+    <link rel="stylesheet" href="polymer-ui-icon.css">
     <div id="icon"></div>
   </template>
   <script>
-    Polymer.register(this, {
-      /**
-       * The URL of an image for the icon.
-       *
-       * @attribute src
-       * @type string
-       * @default ''
-       */
-      src: '',
-      /**
-       * Specifies the size of the icon.
-       *
-       * @attribute size
-       * @type string
-       * @default 24
-       */
-      size: 24,
-      icon: '',
-      bx: 0,
-      by: 0,
-      iconChanged: function() {
-        this.index = this.icon in icons ? icons[this.icon] : -1;
-      },
-      indexChanged: function() {
-        this.$.icon.classList.add('polymer-ui-icons');
-        this.by = -this.size * this.index;
-        this.updateIcon();
-      },
-      srcChanged: function() {
-        this.$.icon.classList.remove('polymer-ui-icons');
-        this.$.icon.setAttribute('style', 'background:url(' + this.src + ') center;');
-      },
-      themeChanged: function(old) {
-        this.$.icon.style.backgroundPosition = '';
-        this.$.icon.classList.switch(old, this.theme);
-        this.asyncMethod('updateIcon');
-      },
-      updateIcon: function() {
-        this.bx = parseFloat(getComputedStyle(this.$.icon).backgroundPosition.split(' ').shift());
-        this.$.icon.style.backgroundPosition = (this.bx + 'px') + ' ' + (this.by + 'px');
-      }
-    });
-    var icons = {
-      drawer: 0,
-      menu: 1,
-      search: 2,
-      dropdown: 3,
-      close: 4,
-      add: 5,
-      trash: 6,
-      refresh: 7,
-      settings: 8,
-      dialog: 9
-    };
+    (function() {
+      Polymer('polymer-ui-icon', {
+        /**
+         * The URL of an image for the icon.
+         *
+         * @attribute src
+         * @type string
+         * @default ''
+         */
+        src: '',
+        /**
+         * Specifies the size of the icon.
+         *
+         * @attribute size
+         * @type string
+         * @default 24
+         */
+        size: 24,
+        icon: '',
+        bx: 0,
+        by: 0,
+        iconChanged: function() {
+          this.index = this.icon in icons ? icons[this.icon] : -1;
+        },
+        indexChanged: function() {
+          this.$.icon.classList.add('polymer-ui-icons');
+          this.by = -this.size * this.index;
+          this.updateIcon();
+        },
+        srcChanged: function() {
+          this.$.icon.classList.remove('polymer-ui-icons');
+          this.$.icon.setAttribute('style', 'background:url(' + this.src + ') center;');
+        },
+        themeChanged: function(old) {
+          this.$.icon.style.backgroundPosition = '';
+          this.$.icon.classList.switch(old, this.theme);
+          this.asyncMethod('updateIcon');
+        },
+        updateIcon: function() {
+          this.bx = parseFloat(getComputedStyle(this.$.icon).backgroundPosition.split(' ').shift());
+          this.$.icon.style.backgroundPosition = (this.bx + 'px') + ' ' + (this.by + 'px');
+        }
+      });
+      var icons = {
+        drawer: 0,
+        menu: 1,
+        search: 2,
+        dropdown: 3,
+        close: 4,
+        add: 5,
+        trash: 6,
+        refresh: 7,
+        settings: 8,
+        dialog: 9
+      };
+    })();
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-line-chart/polymer-ui-line-chart.html b/polymer-ui-line-chart/polymer-ui-line-chart.html
deleted file mode 100644
index 737ef21..0000000
--- a/polymer-ui-line-chart/polymer-ui-line-chart.html
+++ /dev/null
@@ -1,94 +0,0 @@
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-<link rel="import" href="../../polymer-elements/polymer-google-jsapi/polymer-google-jsapi.html">
-<element name="polymer-ui-line-chart" attributes="series">
-  <template>
-    <style>
-      @host {
-        * {
-          position: relative;
-        }
-      }
-      #bg {
-        background: rgba(242, 242, 238, 0.2);
-        width:298px;
-        height:120px;
-        position:absolute;
-        top:0;
-        left:0;
-        border-left: 1px solid #E6E6E6;
-        border-right: 1px solid #E6E6E6;
-      }
-    </style>
-    <div id="bg"></div>
-    <div id="chart"></div>
-    <polymer-google-jsapi on-polymer-google-jsapi-loaded="jsapiLoaded"></polymer-google-jsapi>
-  </template>
-  <script>
-    Polymer.register(this, {
-      chart: null,
-      jsapiLoaded: function() {
-        google.load('visualization', '1', {packages:['corechart']});
-        google.setOnLoadCallback(function() {
-          this.chart = new google.visualization.LineChart(this.$.chart);
-        }.bind(this));
-      },
-      chartChanged: function() {
-        this.update();
-      },
-      seriesChanged: function() {
-        this.update();
-      },
-      update: function(){
-        if (this.chart && this.series) {
-          // new data table
-          var data = new google.visualization.DataTable(this.series);
-          // render the data
-          this.chart.draw(data, chartOptions);
-        }
-      }
-    });
-    // statics
-    chartOptions = {
-      titlePosition: 'none',
-      enableInteractivity: true,
-      fontSize: 12,
-      lineWidth: 1,
-      interpolateNulls: false,
-      animation:{
-        duration: 1000,
-        easing: 'out',
-      },
-      fontName: 'Arial, HelveticaNeue',
-      backgroundColor: {
-        fill: 'transparent',
-      },
-      chartArea:{
-        left:0,
-        top:0,
-        width: 300,
-        height: 120
-      },
-      hAxis: {
-        viewWindowMode: 'explicit',
-        allowContainerBoundaryTextCutoff: true,
-        viewWindow: {
-          min: 1,
-          max: 8
-        }
-      },
-      vAxis: {
-        baselineColor: '#999999',
-        gridlines: {
-          color: '#E6E6E6'
-        }
-      },
-      legend: {
-        position: 'none'
-      }
-    };
-  </script>
-</element>
\ No newline at end of file
diff --git a/polymer-ui-menu-item/polymer-ui-menu-item.css b/polymer-ui-menu-item/polymer-ui-menu-item.css
index f625ca0..af8f86f 100644
--- a/polymer-ui-menu-item/polymer-ui-menu-item.css
+++ b/polymer-ui-menu-item/polymer-ui-menu-item.css
@@ -62,14 +62,22 @@ polymer-ui-icon:not([showing]) {
   display: none !important;
 }
 
-polymer-ui-icon {
+#item:not([iconRightAligned]) polymer-ui-icon {
   margin-right: 16px;
 }
 
+#item[iconRightAligned] polymer-ui-icon {
+  margin-left: 16px;
+}
+
 #label {
   vertical-align: middle;
 }
 
+#item[iconRightAligned] #label {
+  float: left;
+}
+
 /* menu */
 #menu {
   overflow: hidden;
diff --git a/polymer-ui-menu-item/polymer-ui-menu-item.html b/polymer-ui-menu-item/polymer-ui-menu-item.html
index a0aea02..3a704fa 100644
--- a/polymer-ui-menu-item/polymer-ui-menu-item.html
+++ b/polymer-ui-menu-item/polymer-ui-menu-item.html
@@ -16,10 +16,10 @@
 <link rel="import" href="../polymer-ui-theme-aware/polymer-ui-theme-aware.html">
 <link rel="import" href="../../polymer-elements/polymer-collapse/polymer-collapse.html">
 
-<element name="polymer-ui-menu-item" extends="polymer-ui-theme-aware" attributes="src label icon active">
-  <link rel="stylesheet" href="polymer-ui-menu-item.css">
+<polymer-element name="polymer-ui-menu-item" extends="polymer-ui-theme-aware" attributes="src label icon active iconRightAligned">
   <template>
-    <div id="item" class="{{theme}}" active?="{{active}}">
+    <link rel="stylesheet" href="polymer-ui-menu-item.css">
+    <div id="item" class="{{theme}}" iconRightAligned?="{{iconRightAligned}}" active?="{{active}}">
       <polymer-ui-icon src="{{src}}" icon="{{icon}}" showing?="{{icon}}"></polymer-ui-icon>
       <span id="label">{{label}}<content select=".item-content"></content></span>
     </div>
@@ -29,7 +29,7 @@
     <polymer-collapse targetId="menu" closed="{{!active}}"></polymer-collapse>
   </template>
   <script>
-    Polymer.register(this, {
+    Polymer('polymer-ui-menu-item', {
       /**
        * The URL of an image for the icon.
        *
@@ -54,6 +54,14 @@
        * @default false
        */
       active: false,
+      /**
+       * If it is true, icon is aligned to the right of label.
+       *
+       * @attribute iconRightAligned
+       * @type boolean
+       * @default false
+       */
+      iconRightAligned: false,
       get items() {
         return this.$.menu.items;
       },
@@ -65,4 +73,4 @@
       }
     });
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-menu/polymer-ui-menu.html b/polymer-ui-menu/polymer-ui-menu.html
index 9473d8a..215c33d 100644
--- a/polymer-ui-menu/polymer-ui-menu.html
+++ b/polymer-ui-menu/polymer-ui-menu.html
@@ -13,7 +13,7 @@
  *
  * Example:
  * 
- *     <polymer-ui-menu selected="Settings">
+ *     <polymer-ui-menu selected="0">
  *       <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
  *       <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
  *       <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item>
@@ -23,7 +23,7 @@
  *
  * Example:
  *
- *     <polymer-ui-menu selected="Settings" on-polymer-select="selectAction">
+ *     <polymer-ui-menu selected="0" on-polymer-select="selectAction">
  *       <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
  *       <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
  *       <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item>
@@ -45,13 +45,14 @@
 <link rel="import" href="../../polymer-elements/polymer-selector/polymer-selector.html">
 <link rel="import" href="../polymer-ui-theme-aware/polymer-ui-theme-aware.html">
 
-<element name="polymer-ui-menu" extends="polymer-selector" attributes="theme selectedItem" on-polymer-select="selectionChange">
-  <link rel="stylesheet" href="polymer-ui-menu.css">
+<polymer-element name="polymer-ui-menu" extends="polymer-selector"
+    attributes="theme selectedItem" on-polymer-select="selectionChange">
   <template>
+    <link rel="stylesheet" href="polymer-ui-menu.css">
     <shadow></shadow>
   </template>
   <script>
-    Polymer.register(this, {
+    Polymer('polymer-ui-menu', {
       selectedItem: null,
       inserted: function() {
         if (!this.theme) {
@@ -65,8 +66,9 @@
       selectionChange: function(e, detail) {
         if (detail.isSelected) {
           this.selectedItem = detail.item;
+          this.updateSelectedModel();
         }
       }
     });
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html
index 5342f6d..a8cd901 100644
--- a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html
+++ b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html
@@ -11,11 +11,12 @@
  * @class polymer-ui-nav-arrow
  */
 -->
-<element name="polymer-ui-nav-arrow" attributes="target top">
-  <link rel="stylesheet" href="polymer-ui-nav-arrow.css">
-  <template></template>
+<polymer-element name="polymer-ui-nav-arrow" attributes="target top">
+  <template>
+    <link rel="stylesheet" href="polymer-ui-nav-arrow.css">
+  </template>
   <script>
-    Polymer.register(this, {
+    Polymer('polymer-ui-nav-arrow', {
       targetChanged: function() {
         this.classList.toggle('show', this.target);
         if (this.target) {
@@ -38,4 +39,4 @@
       }
     });
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-ratings/polymer-ui-ratings.html b/polymer-ui-ratings/polymer-ui-ratings.html
index d030eff..b1839fa 100644
--- a/polymer-ui-ratings/polymer-ui-ratings.html
+++ b/polymer-ui-ratings/polymer-ui-ratings.html
@@ -3,10 +3,14 @@
 Use of this source code is governed by a BSD-style
 license that can be found in the LICENSE file.
 -->
+
 <!--
 /**
  * @module Polymer UI Elements
  */
+-->
+
+<!--
 /**
  * polymer-ratings allows users to rate items.
  *
@@ -21,15 +25,15 @@
  * @class g-ratings
  */
 -->
-<element name="polymer-ui-ratings" attributes="count value">
-  <link rel="stylesheet" href="polymer-ui-ratings.css">
+<polymer-element name="polymer-ui-ratings" attributes="count value">
   <template>
+    <link rel="stylesheet" href="polymer-ui-ratings.css">
     <template repeat="{{stars}}">
       <span id="star" index="{{index}}" class="{{starClass}}" touch-action="none" on-tap="updateValue"></span>
     </template>
   </template>
   <script>
-    Polymer.register(this, {
+    Polymer('polymer-ui-ratings', {
       /**
        * Number of stars to display.
        *
@@ -67,4 +71,4 @@
       }
     });
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html
index eab4d7a..57cb5e8 100644
--- a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html
+++ b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html
@@ -18,11 +18,12 @@
 <link rel="import" href="../polymer-ui-menu/polymer-ui-menu.html">
 <link rel="import" href="../polymer-ui-toolbar/polymer-ui-toolbar.html">
 <link rel="import" href="../polymer-ui-nav-arrow/polymer-ui-nav-arrow.html">
-<link rel="import" href="../../polymer-elements/polymer-layout/polymer-flex-layout.html">
+<link rel="import" href="../../polymer-elements/polymer-flex-layout/polymer-flex-layout.html">
 
-<element name="polymer-ui-sidebar-menu" extends="polymer-ui-menu" attributes="label" on-polymer-select="selectionChange">
-  <link rel="stylesheet" href="polymer-ui-sidebar-menu.css">
+<polymer-element name="polymer-ui-sidebar-menu" extends="polymer-ui-menu" attributes="label"
+    on-polymer-select="selectionChange">
   <template>
+    <link rel="stylesheet" href="polymer-ui-sidebar-menu.css">
     <polymer-flex-layout vertical></polymer-flex-layout>
     <polymer-ui-toolbar theme="sidebar">
       <content select="[logo]"></content>
@@ -34,7 +35,7 @@
     </div>
   </template>
   <script>
-    Polymer.register(this, {
+    Polymer('polymer-ui-sidebar-menu', {
       selectedItemChanged: function() {
         if (this.selectedItem) {
           this.top = this.calcArrowPos(this.selectedItem);
@@ -51,4 +52,4 @@
       }
     });
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-stock/css/polymer-ui-stock-legend.css b/polymer-ui-stock/css/polymer-ui-stock-legend.css
deleted file mode 100644
index a790c6a..0000000
--- a/polymer-ui-stock/css/polymer-ui-stock-legend.css
+++ /dev/null
@@ -1,40 +0,0 @@
-@host {
-  * {
-  }
-}
-
-.stock-item {
-  overflow:hidden;
-}
-
-.stock-change {
-  color: #5BDB00;
-}
-
-.stock-change.down {
-  color: #dd4b39;
-}
-
-.stock-price {
-  xcolor: rgba(0, 0, 0, 0.4);
-  margin-right: 10px;
-}
-
-.stock-label {
-  float:left;
-  position: relative;
-  display:block;
-}
-
-.stock-color {
-  display:inline-block;
-  width:16px;
-  height:16px;
-  margin-right:10px;
-  margin-top:1px;
-  border-radius: 3px;
-}
-
-.stock-data {
-  float:right;
-}
\ No newline at end of file
diff --git a/polymer-ui-stock/css/polymer-ui-stock.css b/polymer-ui-stock/css/polymer-ui-stock.css
deleted file mode 100644
index 6790ae4..0000000
--- a/polymer-ui-stock/css/polymer-ui-stock.css
+++ /dev/null
@@ -1,52 +0,0 @@
-@host {
-  * {
-    display: inline-block;
-    padding: 8px;
-    white-space: nowrap;
-    background-image: url(../../assets/glass.png);
-    background-repeat: no-repeat;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    background-size: cover;
-    vertical-align: top;
-    overflow: hidden;
-  }
-}
-
-#widget-title {
-  font-size: 21px;
-  margin: 8px 0 24px;
-}
-
-.stock-label {
-  font-size: medium;
-  font-weight: lighter;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.stock-large {
-  font-size: x-large;
-}
-
-.stock-small {
-  font-size: small;
-}
-
-.stock-desc {
-  text-transform: uppercase;
-}
-
-.stock-quote {
-  margin-top: 10px;
-}
-
-polymer-ui-stock-legend-item {
-  line-height: 20px;
-  display: block;
-}
-
-.stock-more {
-  margin-top: 10px;
-}
diff --git a/polymer-ui-stock/index.html b/polymer-ui-stock/index.html
deleted file mode 100644
index a3d4c71..0000000
--- a/polymer-ui-stock/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-		<title>Polymer Stock</title>
-    <!-- load polymer -->
-    <script src="../../polymer/polymer.js"></script>
-    <!-- import some polymer elements-->
-		<link rel="import" href="../../toolkit-ui/elements/g-app.html">
-		<link rel="import" href="polymer-ui-stock.html">
-  </head>
-  <body>
-    <polymer-ui-stock symbols=".INX,NDAQ,.DJI"></polymer-ui-stock>
-  </body>
-</html>
\ No newline at end of file
diff --git a/polymer-ui-stock/mock/polymer-ui-stock-test-data.json b/polymer-ui-stock/mock/polymer-ui-stock-test-data.json
deleted file mode 100644
index d3b33a0..0000000
--- a/polymer-ui-stock/mock/polymer-ui-stock-test-data.json
+++ /dev/null
@@ -1 +0,0 @@
-{"results": {".INX": {"11": {"price": "1615.86", "percent": "0.054"}, "12": {"price": "1617.62", "percent": "0.018"}, "4pm": {"price": "", "percent": ""}, "1": {"price": "1618.02", "percent": "0.017"}, "10am": {"price": "1617.52", "percent": "0.18"}, "3": {"price": "", "percent": ""}, "2": {"price": "1619.36", "percent": "-0.0068"}, "9:30": {"price": "1614.61", "percent": "0"}}, "NDAQ": {"11": {"price": "30.225", "percent": "-0.15"}, "12": {"price": "30.245", "percent": "-0.13"}, "4pm": {"price": "", "percent": ""}, "1": {"price": "30.23", "percent": "0.017"}, "10am": {"price": "30.438", "percent": "-0.19"}, "3": {"price": "", "percent": ""}, "2": {"price": "30.27", "percent": "0.05"}, "9:30": {"price": "30.495", "percent": "0"}}, ".DJI": {"11": {"price": "14957.42", "percent": "0.055"}, "12": {"price": "14975.7", "percent": "0.02"}, "4pm": {"price": "", "percent": ""}, "1": {"price": "14976.2", "percent": "0.0073"}, "10am": {"price": "14972.68", "percent": "0.18"}, "3": {"price": "", "percent": ""}, "2": {"price": "14986.63", "percent": "-0.0049"}, "9:30": {"price": "14945.82", "percent": "0"}}}}
\ No newline at end of file
diff --git a/polymer-ui-stock/polymer-ui-stock-data.html b/polymer-ui-stock/polymer-ui-stock-data.html
deleted file mode 100644
index 3d73c11..0000000
--- a/polymer-ui-stock/polymer-ui-stock-data.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-
-<link rel="import" href="../../polymer-elements/polymer-jsonp/polymer-jsonp.html">
-
-<element name="polymer-ui-stock-data" attributes="symbol name data color">
-  <template>
-    <polymer-jsonp id="jsonp" response="{{rawData}}" url="https://clients1.google.com/finance/info?q={{symbol}}&client=ob&infotype=infoonebox&callback="
-    ></polymer-jsonp>
-  </template>
-  <script>
-    PolymerStockData = function(symbol, color) {
-      var usd = document.createElement('polymer-ui-stock-data');
-      usd.symbol = symbol;
-      usd.color = color;
-      return usd;
-    };
-    Polymer.register(this, {
-      name: '',
-      symbol: '',
-      color: '',
-      data: null,
-      symbolChanged: function() {
-        this.name = this.symbol.replace('.', '');
-        this.data = null;
-        // make sure MDV updates at the end of the microtask
-        Platform.flush();
-        // go async to let MDV update the JSONP url
-        this.asyncMethod('update');
-      },
-      update: function() {
-        this.$.jsonp.go();
-      },
-      rawDataChanged: function() {
-        this.data = this.rawData[0];
-      }
-    });
-  </script>
-</element>
diff --git a/polymer-ui-stock/polymer-ui-stock-legend-item.html b/polymer-ui-stock/polymer-ui-stock-legend-item.html
deleted file mode 100644
index c342354..0000000
--- a/polymer-ui-stock/polymer-ui-stock-legend-item.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<element name="polymer-ui-stock-legend-item" attributes="label data color">
-  <link rel="stylesheet" href="css/polymer-ui-stock-legend.css">
-  <template>
-    <div class="stock-item">
-      <span class="stock-label">
-        <span class="stock-color" style="background-color: {{color}}"></span>
-        <span class="stock-symbol">{{label}}</span>
-      </span>
-      <div class="stock-data">
-        <span class="stock-price">{{data.l}}</span>
-        <span class="stock-change {{data.change}}">{{data.c}} ({{data.cp}}%)</span>
-      </div>
-    </div>
-  </template>
-  <script>
-    Polymer.register(this);
-  </script>
-</element>
\ No newline at end of file
diff --git a/polymer-ui-stock/polymer-ui-stock.html b/polymer-ui-stock/polymer-ui-stock.html
deleted file mode 100644
index 18e3583..0000000
--- a/polymer-ui-stock/polymer-ui-stock.html
+++ /dev/null
@@ -1,149 +0,0 @@
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-
-<link rel="import" href="polymer-ui-stock-data.html">
-<link rel="import" href="polymer-ui-stock-legend-item.html">
-<!--<link rel="import" href="../polymer-ui-line-chart/polymer-ui-line-chart.html">-->
-<link rel="import" href="../../more-elements/Chart.js/chart-js.html">
-<link rel="import" href="../../polymer-elements/polymer-ajax/polymer-ajax.html">
-
-<element name="polymer-ui-stock" attributes="symbols autoupdate">
-  <link rel="stylesheet" href="css/polymer-ui-stock.css">
-
-  <template>
-    <div id="widget-title">Market Summary</div>
-    <template repeat="{{stocks}}">
-      <polymer-ui-stock-legend-item id="legend-{{name}}" label="{{name}}" data="{{data}}" color="{{color}}"></polymer-ui-stock-legend-item>
-    </template>
-    <div class="stock-more">
-      <!--<polymer-ui-line-chart series="{{polymerChartSeries}}"></polymer-ui-line-chart>-->
-      <chart-js id="chartjs" style="height: 150px;" kind="line" data="{{chartJsSeries}}" options="{{chartjsOptions}}"></chart-js>
-    </div>
-    <!--<polymer-ajax id="ajax" response="{{timeData}}" auto></polymer-ajax>-->
-  </template>
-
-  <script>
-    Polymer.register(this, {
-      symbols: '',
-      stocks: null,
-      timeData: null,
-      autoupdate: false,
-      updateinterval: 60000,
-      ready: function() {
-        //this.$.ajax.url = this.resolvePath('mock/polymer-ui-stock-test-data.json');
-        if (this.symbols === '') {
-          this.symbols = '.INX,NDAQ,.DJI';
-        }
-        this.timeData = {results: []};
-        this.chartjsOptions = chartjs_options;
-      },
-      // when our symbol listing changes, generate new data objects
-      symbolsChanged: function() {
-        var list = [];
-        this.symbols.split(',').forEach(function(s, i) {
-          list.push(new PolymerStockData(s, colors[i % 3]));
-        });
-        this.stocks = list;
-      },
-      // demand-update the stock data
-      update: function() {
-        this.stocks.forEach(function(s) {
-          s.update();
-        });
-      },
-      // update on interval, if desired
-      autoupdateChanged: function() {
-        if (this.autoupdate) {
-          this.interval = setInterval(this.update.bind(this), 
-              this.updateinterval);
-        } else if (this.intervalId) {
-          clearInterval(this.interval);
-        }
-      },
-      stocksChanged: function() {
-        this.updateChart();
-      },
-      timeDataChanged: function() {
-        this.updateChart();
-      },
-      updateChart: function() {
-        if (this.stocks && this.timeData) {
-          this.parseTimeData();
-          this.generatePolymerChartSeries();
-          this.generateChartJsSeries();
-        }
-      },
-      parseTimeData: function() {
-        var series = [];
-        var data = this.timeData.results;
-        var pts = ['9:30', '10am', '11', '12', '1', '2', '3', '4pm'];
-        var vv = [1600, 700, 1300];
-        this.stocks.forEach(function(s, j) {
-          var ss = {label: s.name, data: []};
-          var v = vv[j];
-          for(var i=0; i<8; i++) {
-            //var value = parseFloat(data[s.symbol][pts[i]].percent) || 0;
-            value = v + Math.random() * (v*0.5);
-            ss.data.push(value);
-          }
-          series.push(ss);
-        });
-        this.series = series;
-      },
-      generatePolymerChartSeries: function(){
-        // init columns
-        var cols = [{type:'string', id:'Time'}];
-        // init rows
-        var rows = [
-          {c:[{v:'9:30'}]},
-          {c:[{v:'10am'}]},
-          {c:[{v:'11'}]},
-          {c:[{v:'12'}]},
-          {c:[{v:'1'}]},
-          {c:[{v:'2'}]},
-          {c:[{v:'3'}]},
-          {c:[{v:'4pm'}]}
-        ];
-        // construct rows/columns from series data
-        this.series.forEach(function(s) {
-          cols.push({type: 'number', id: s.label});
-          for(var i=0; i<s.data.length; i++) {
-            rows[i].c.push({v: s.data[i]});
-          }
-        });
-        this.polymerChartSeries = {cols: cols, rows: rows};
-      },
-      generateChartJsSeries: function() {
-        var labels = [];
-        var sets = []
-        this.series.forEach(function(s) {
-          labels.push(s.label);
-          sets.push({data: s.data});
-        });
-        sets.forEach(function(s, i) {
-          s.fillColor = 'rgba(' + rgb[i%3] + ', 0.2)';
-          s.strokeColor = 'rgba(' + rgb[i%3] + ',1)';
-          s.pointColor = 'rgba(' + rgb[i%3] + ',1)';
-          s.pointStrokeColor = '#fff';
-        });
-        var labels = ['9:30', '10am', '11', '12', '1', '2', '3', '4pm'];
-        this.chartJsSeries = {
-          labels: labels,
-          datasets: sets
-        };
-      }
-    });
-    // static color palette
-    var rgb = ['78, 141, 245', '219, 71, 67', '244, 193, 56'];
-    var colors = ['#4E8DF5', '#DB4743', '#F4C138'];
-    // static chartjs options
-    var chartjs_options = {
-      pointDot: false,
-      datasetStrokeWidth: 1,
-      scaleFontColor: '#eee'
-    };
-  </script>
-</element>
diff --git a/polymer-ui-tabs/polymer-ui-tabs.html b/polymer-ui-tabs/polymer-ui-tabs.html
index e3569cd..dfc9431 100644
--- a/polymer-ui-tabs/polymer-ui-tabs.html
+++ b/polymer-ui-tabs/polymer-ui-tabs.html
@@ -7,6 +7,11 @@
 /**
  * @module Polymer UI Elements
  */
+-->
+
+<link rel="import" href="../../polymer-elements/polymer-selector/polymer-selector.html">
+
+<!--
 /**
  * polymer-ui-tabs is a polymer-selector styled to look like a tab menu.
  *
@@ -20,12 +25,10 @@
  *     </polymer-ui-tabs>
  *
  * @class polymer-ui-tabs
- * @extends g-selector
+ * @extends polymer-selector
  */
 -->
-<link rel="import" href="../../polymer-elements/polymer-selector/polymer-selector.html">
-
-<element name="polymer-ui-tabs" extends="polymer-selector">
+<polymer-element name="polymer-ui-tabs" extends="polymer-selector">
   <template>
     <style>
       @host {
@@ -59,7 +62,4 @@
     </style>
     <shadow></shadow>
   </template>
-  <script>
-    Polymer.register(this);
-  </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-theme-aware/polymer-ui-theme-aware.html b/polymer-ui-theme-aware/polymer-ui-theme-aware.html
index 941c33a..91f4a47 100644
--- a/polymer-ui-theme-aware/polymer-ui-theme-aware.html
+++ b/polymer-ui-theme-aware/polymer-ui-theme-aware.html
@@ -3,29 +3,28 @@
 Use of this source code is governed by a BSD-style
 license that can be found in the LICENSE file.
 -->
-<element name="polymer-ui-theme-aware" attributes="theme">
+<polymer-element name="polymer-ui-theme-aware" attributes="theme">
   <script>
-    Polymer.register(this, {
+    PolymerUI = { 
+      findTheme: function() {
+        var p = this, theme;
+        while (p && !theme) {
+          theme = p.getAttribute && p.getAttribute('theme');
+          p = p.parentNode || p.host;
+        }
+        this.theme = theme;
+      }
+    };
+    Polymer('polymer-ui-theme-aware', {
       inserted: function() {
         if (!this.theme) {
           this.findTheme();
         }
       },
-      findTheme: findTheme,
+      findTheme: PolymerUI.findTheme,
       themeChanged: function(old) {
         this.classList.switch(old, this.theme);
       }
     });
-    function findTheme() {
-      var p = this, theme;
-      while (p && !theme) {
-        theme = p.getAttribute && p.getAttribute('theme');
-        p = p.parentNode || p.host;
-      }
-      this.theme = theme;
-    };
-    PolymerUI = { 
-      findTheme: findTheme
-    };
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-toggle-button/polymer-ui-toggle-button.html b/polymer-ui-toggle-button/polymer-ui-toggle-button.html
index 74fb85a..98fd958 100644
--- a/polymer-ui-toggle-button/polymer-ui-toggle-button.html
+++ b/polymer-ui-toggle-button/polymer-ui-toggle-button.html
@@ -18,10 +18,10 @@
  * @class polymer-ui-toggle-button
  */
 -->
-<element name="polymer-ui-toggle-button" attributes="value"
+<polymer-element name="polymer-ui-toggle-button" attributes="value"
     on-tap="toggle" on-trackstart="trackStart" on-track="track" on-trackend="trackEnd" on-flick="flick">
-  <link rel="stylesheet" href="polymer-ui-toggle-button.css" />
   <template>
+    <link rel="stylesheet" href="polymer-ui-toggle-button.css" />
     <div id="toggle" class="toggle">
       <span class="on-label">ON</span>
       <span id="thumb" class="thumb"></span>
@@ -29,7 +29,7 @@
     </div>
   </template>
   <script>
-    Polymer.register(this, {
+    Polymer('polymer-ui-toggle-button', {
       /**
        * Gets or sets the state, true is ON and false is OFF.
        *
@@ -69,4 +69,4 @@
       }
     });
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-toolbar/polymer-ui-toolbar.html b/polymer-ui-toolbar/polymer-ui-toolbar.html
index 1af8526..e8a38e4 100644
--- a/polymer-ui-toolbar/polymer-ui-toolbar.html
+++ b/polymer-ui-toolbar/polymer-ui-toolbar.html
@@ -23,20 +23,20 @@
  */
 -->
 
-<link rel="import" href="../../polymer-elements/polymer-layout/polymer-flex-layout.html">
+<link rel="import" href="../../polymer-elements/polymer-flex-layout/polymer-flex-layout.html">
 <link rel="import" href="../polymer-ui-theme-aware/polymer-ui-theme-aware.html">
 
-<element name="polymer-ui-toolbar" extends="polymer-ui-theme-aware" attributes="theme">
-  <link rel="stylesheet" href="polymer-ui-toolbar.css">
+<polymer-element name="polymer-ui-toolbar" extends="polymer-ui-theme-aware" attributes="theme">
   <template>
+    <link rel="stylesheet" href="polymer-ui-toolbar.css">
     <content></content>
   </template>
   <script>
-    Polymer.register(this, {
+    Polymer('polymer-ui-toolbar', {
       ready: function() {
         this.setAttribute('touch-action', 'none');
         this.appendChild(document.createElement('polymer-flex-layout')).align = 'center';
       }
     });
   </script>
-</element>
+</polymer-element>
diff --git a/polymer-ui-weather/images/clear.svg b/polymer-ui-weather/images/clear.svg
deleted file mode 100644
index a6c767a..0000000
--- a/polymer-ui-weather/images/clear.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<g>
-		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="16.7998" y1="-1.7002" x2="33.6777" y2="15.1777">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_1_)" points="20,5 27,5 27,12 		"/>
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-0.6436" y1="17.8564" x2="14.1248" y2="32.6248">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_2_)" points="12,27 5,27 5,20 		"/>
-		<polygon fill="#FBE18D" points="12,5 5,5 5,12 		"/>
-		<polygon fill="#EFB424" points="20,27 27,27 27,20 		"/>
-		<polygon fill="#EFB424" points="31,16 25,22 25,10 		"/>
-		<polygon fill="#F1B123" points="1,16 7,22 7,10 		"/>
-		<polygon fill="#EFB424" points="16,31 22,25 10,25 		"/>
-		<g>
-			<polygon fill="#B3B3B3" points="20,27 27,27 27,20 			"/>
-			<polygon fill="#B3B3B3" points="31,16 25,22 25,10 			"/>
-			<polygon fill="#B3B3B3" points="16,31 22,25 10,25 			"/>
-		</g>
-		<polygon fill="#F1B123" points="16,1 22,7 10,7 		"/>
-		<radialGradient id="SVGID_3_" cx="8.207" cy="7.207" r="23.7011" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#FAD257"/>
-			<stop  offset="1" style="stop-color:#F1C344"/>
-		</radialGradient>
-		<circle fill="url(#SVGID_3_)" cx="16" cy="16" r="12"/>
-	</g>
-</g>
-</svg>
diff --git a/polymer-ui-weather/images/cloudy.svg b/polymer-ui-weather/images/cloudy.svg
deleted file mode 100644
index f3a9200..0000000
--- a/polymer-ui-weather/images/cloudy.svg
+++ /dev/null
@@ -1,167 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<radialGradient id="SVGID_1_" cx="7.9165" cy="6.896" r="28.1519" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#F5F3EB"/>
-		<stop  offset="0.65" style="stop-color:#E1DECF"/>
-		<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-		<stop  offset="1" style="stop-color:#CDCBBE"/>
-	</radialGradient>
-	<path fill="url(#SVGID_1_)" d="M26,16h-1v-2c0-2.762-2.238-5-5-5h-1.5c-0.979-2.349-3.297-4-6-4C8.91,5,6,7.91,6,11.5v1.681
-		c-2.865,0.679-5,3.247-5,6.319C1,23.09,3.91,26,7.5,26h12v-3h11.078C30.846,22.387,31,21.712,31,21C31,18.238,28.762,16,26,16z"/>
-	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="19.1367" y1="17.9473" x2="30" y2="17.9473">
-		<stop  offset="0.15" style="stop-color:#B3B3B3"/>
-		<stop  offset="1" style="stop-color:#BFBFBF"/>
-	</linearGradient>
-	<polygon fill="url(#SVGID_2_)" points="19.137,12.895 30,23 19.137,23 	"/>
-	<g>
-		<radialGradient id="SVGID_3_" cx="7.8208" cy="6.9072" r="28.9103" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_3_)" d="M21,17.029L20,17v-2c0-1.657-1.343-3-3-3s-3,1.343-3,3v1h-1c-2.486,0-4.5,2.015-4.5,4.5V26
-			c0,0,10.439,0,12,0c2.485,0,4.5-2.015,4.5-4.5C25,19.184,23.25,17.278,21,17.029z"/>
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="16.75" y1="12.083" x2="16.75" y2="20.5012">
-			<stop  offset="0" style="stop-color:#FAF9F2;stop-opacity:0.5"/>
-			<stop  offset="1" style="stop-color:#FAF9F2;stop-opacity:0"/>
-		</linearGradient>
-		<path fill="url(#SVGID_4_)" d="M21,17.029L20,17v-2c0-1.657-1.343-3-3-3s-3,1.343-3,3v1h-1c-2.486,0-4.5,2.015-4.5,4.5V26
-			c0,0,10.439,0,12,0c2.485,0,4.5-2.015,4.5-4.5C25,19.184,23.25,17.278,21,17.029z"/>
-	</g>
-</g>
-<g display="none">
-	<g display="inline">
-		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="16.7998" y1="-1.7002" x2="33.6777" y2="15.1777">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_5_)" points="20,5 27,5 27,12 		"/>
-		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-0.6436" y1="17.8564" x2="14.1248" y2="32.6248">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_6_)" points="12,27 5,27 5,20 		"/>
-		<polygon fill="#FBE18D" points="12,5 5,5 5,12 		"/>
-		<polygon fill="#EFB424" points="20,27 27,27 27,20 		"/>
-		<polygon fill="#EFB424" points="31,16 25,22 25,10 		"/>
-		<polygon fill="#F1B123" points="1,16 7,22 7,10 		"/>
-		<polygon fill="#EFB424" points="16,31 22,25 10,25 		"/>
-		<g>
-			<polygon fill="#B3B3B3" points="20,27 27,27 27,20 			"/>
-			<polygon fill="#B3B3B3" points="31,16 25,22 25,10 			"/>
-			<polygon fill="#B3B3B3" points="16,31 22,25 10,25 			"/>
-		</g>
-		<polygon fill="#F1B123" points="16,1 22,7 10,7 		"/>
-		<radialGradient id="SVGID_7_" cx="8.207" cy="7.207" r="23.7011" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#FAD257"/>
-			<stop  offset="1" style="stop-color:#F1C344"/>
-		</radialGradient>
-		<circle fill="url(#SVGID_7_)" cx="16" cy="16" r="12"/>
-	</g>
-</g>
-<g display="none">
-	<g display="inline">
-		<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="16.7998" y1="-1.7002" x2="33.6777" y2="15.1777">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_8_)" points="20,5 27,5 27,12 		"/>
-		<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="-0.6436" y1="17.8564" x2="14.1248" y2="32.6248">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_9_)" points="12,27 5,27 5,20 		"/>
-		<polygon fill="#FBE18D" points="12,5 5,5 5,12 		"/>
-		<polygon fill="#EFB424" points="20,27 27,27 27,20 		"/>
-		<polygon fill="#EFB424" points="31,16 25,22 25,10 		"/>
-		<polygon fill="#F1B123" points="1,16 7,22 7,10 		"/>
-		<polygon fill="#EFB424" points="16,31 22,25 10,25 		"/>
-		<g>
-			<polygon fill="#B3B3B3" points="20,27 27,27 27,20 			"/>
-			<polygon fill="#B3B3B3" points="31,16 25,22 25,10 			"/>
-			<polygon fill="#B3B3B3" points="16,31 22,25 10,25 			"/>
-		</g>
-		<polygon fill="#F1B123" points="16,1 22,7 10,7 		"/>
-		<radialGradient id="SVGID_10_" cx="8.207" cy="7.207" r="23.7011" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#FAD257"/>
-			<stop  offset="1" style="stop-color:#F1C344"/>
-		</radialGradient>
-		<circle fill="url(#SVGID_10_)" cx="16" cy="16" r="12"/>
-	</g>
-	<g display="inline">
-		<g>
-			<radialGradient id="SVGID_11_" cx="16.1719" cy="12.1875" r="18.0755" gradientUnits="userSpaceOnUse">
-				<stop  offset="0" style="stop-color:#FAF9F2"/>
-				<stop  offset="0.65" style="stop-color:#E1DECF"/>
-				<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-				<stop  offset="1" style="stop-color:#CDCBBE"/>
-			</radialGradient>
-			<path fill="url(#SVGID_11_)" d="M27.5,18H27v-0.5c0-1.933-1.568-3.5-3.5-3.5h-0.643c-0.447-1.723-1.996-3-3.857-3
-				c-2.209,0-4,1.791-4,4v1.101c-2.283,0.464-4,2.481-4,4.899c0,0.713,0.154,1.387,0.422,2H30.65c0.217-0.456,0.35-0.961,0.35-1.5
-				C31,19.567,29.432,18,27.5,18z"/>
-		</g>
-	</g>
-	<g display="inline">
-		<path fill="#BFBFBF" d="M17.711,29.289l1.818-1.818c0.432-0.133,0.85-0.293,1.26-0.471H27v-4H11.422L17.711,29.289z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<g>
-			<polygon fill="#F1BE44" points="-237.131,16 -241.131,23 -235.123,23 -235.131,31 -224.131,16 			"/>
-			<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="-239.1309" y1="20.3281" x2="-224.1309" y2="20.3281">
-				<stop  offset="0" style="stop-color:#BFBFBF"/>
-				<stop  offset="0.85" style="stop-color:#B3B3B3"/>
-			</linearGradient>
-			<polygon fill="url(#SVGID_12_)" points="-239.131,16 -230.475,24.656 -224.131,16 			"/>
-		</g>
-		<radialGradient id="SVGID_13_" cx="-239.1577" cy="2.8965" r="27.7102" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_13_)" d="M-216.553,19c0.268-0.613,0.422-1.288,0.422-2c0-2.762-2.238-5-5-5h-1v-2c0-2.762-2.238-5-5-5
-			h-1.5c-0.979-2.349-3.297-4-6-4c-3.59,0-6.5,2.91-6.5,6.5v1.681c-2.865,0.679-5,3.247-5,6.319c0,1.29,0.381,2.489,1.029,3.5
-			H-216.553z"/>
-	</g>
-	<radialGradient id="SVGID_14_" cx="-225.1694" cy="26.0293" r="5.3921" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#4988F7"/>
-		<stop  offset="1" style="stop-color:#377CEA"/>
-	</radialGradient>
-	<path fill="url(#SVGID_14_)" d="M-226.131,28.5c0,1.381,1.119,2.5,2.5,2.5s2.5-1.119,2.5-2.5c0-1.719-2.5-5.5-2.5-5.5
-		S-226.131,26.781-226.131,28.5z"/>
-</g>
-<g>
-	<g>
-		<g>
-			<polygon fill="#F1BE44" points="-175.381,16 -179.381,23 -173.373,23 -173.381,31 -162.381,16 			"/>
-			<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="-177.3809" y1="20.3281" x2="-162.3809" y2="20.3281">
-				<stop  offset="0" style="stop-color:#BFBFBF"/>
-				<stop  offset="0.85" style="stop-color:#B3B3B3"/>
-			</linearGradient>
-			<polygon fill="url(#SVGID_15_)" points="-177.381,16 -168.725,24.656 -162.381,16 			"/>
-		</g>
-		<radialGradient id="SVGID_16_" cx="-177.4077" cy="2.8965" r="27.7102" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_16_)" d="M-154.803,19c0.268-0.613,0.422-1.288,0.422-2c0-2.762-2.238-5-5-5h-1v-2c0-2.762-2.238-5-5-5
-			h-1.5c-0.979-2.349-3.297-4-6-4c-3.59,0-6.5,2.91-6.5,6.5v1.681c-2.865,0.679-5,3.247-5,6.319c0,1.29,0.381,2.489,1.029,3.5
-			H-154.803z"/>
-	</g>
-	<radialGradient id="SVGID_17_" cx="-163.4194" cy="26.0293" r="5.3921" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#4988F7"/>
-		<stop  offset="1" style="stop-color:#377CEA"/>
-	</radialGradient>
-	<path fill="url(#SVGID_17_)" d="M-164.381,28.5c0,1.381,1.119,2.5,2.5,2.5s2.5-1.119,2.5-2.5c0-1.719-2.5-5.5-2.5-5.5
-		S-164.381,26.781-164.381,28.5z"/>
-</g>
-</svg>
diff --git a/polymer-ui-weather/images/mostlysunny.svg b/polymer-ui-weather/images/mostlysunny.svg
deleted file mode 100644
index 7a5b0b9..0000000
--- a/polymer-ui-weather/images/mostlysunny.svg
+++ /dev/null
@@ -1,168 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<radialGradient id="SVGID_1_" cx="-115.7144" cy="6.896" r="28.1519" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#F5F3EB"/>
-		<stop  offset="0.65" style="stop-color:#E1DECF"/>
-		<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-		<stop  offset="1" style="stop-color:#CDCBBE"/>
-	</radialGradient>
-	<path fill="url(#SVGID_1_)" d="M-97.631,16h-1v-2c0-2.762-2.238-5-5-5h-1.5c-0.979-2.349-3.297-4-6-4c-3.59,0-6.5,2.91-6.5,6.5
-		v1.681c-2.865,0.679-5,3.247-5,6.319c0,3.59,2.91,6.5,6.5,6.5h12v-3h11.078c0.268-0.613,0.422-1.288,0.422-2
-		C-92.631,18.238-94.869,16-97.631,16z"/>
-	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-104.4941" y1="17.9473" x2="-93.6309" y2="17.9473">
-		<stop  offset="0.15" style="stop-color:#B3B3B3"/>
-		<stop  offset="1" style="stop-color:#BFBFBF"/>
-	</linearGradient>
-	<polygon fill="url(#SVGID_2_)" points="-104.494,12.895 -93.631,23 -104.494,23 	"/>
-	<g>
-		<radialGradient id="SVGID_3_" cx="-115.8101" cy="6.9072" r="28.9103" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_3_)" d="M-102.631,17.029l-1-0.029v-2c0-1.657-1.343-3-3-3s-3,1.343-3,3v1h-1c-2.486,0-4.5,2.015-4.5,4.5
-			V26c0,0,10.439,0,12,0c2.485,0,4.5-2.015,4.5-4.5C-98.631,19.184-100.381,17.278-102.631,17.029z"/>
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-106.8809" y1="12.083" x2="-106.8809" y2="20.5012">
-			<stop  offset="0" style="stop-color:#FAF9F2;stop-opacity:0.5"/>
-			<stop  offset="1" style="stop-color:#FAF9F2;stop-opacity:0"/>
-		</linearGradient>
-		<path fill="url(#SVGID_4_)" d="M-102.631,17.029l-1-0.029v-2c0-1.657-1.343-3-3-3s-3,1.343-3,3v1h-1c-2.486,0-4.5,2.015-4.5,4.5
-			V26c0,0,10.439,0,12,0c2.485,0,4.5-2.015,4.5-4.5C-98.631,19.184-100.381,17.278-102.631,17.029z"/>
-	</g>
-</g>
-<g display="none">
-	<g display="inline">
-		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="16.7998" y1="-1.7002" x2="33.6777" y2="15.1777">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_5_)" points="20,5 27,5 27,12 		"/>
-		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-0.6436" y1="17.8564" x2="14.1248" y2="32.6248">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_6_)" points="12,27 5,27 5,20 		"/>
-		<polygon fill="#FBE18D" points="12,5 5,5 5,12 		"/>
-		<polygon fill="#EFB424" points="20,27 27,27 27,20 		"/>
-		<polygon fill="#EFB424" points="31,16 25,22 25,10 		"/>
-		<polygon fill="#F1B123" points="1,16 7,22 7,10 		"/>
-		<polygon fill="#EFB424" points="16,31 22,25 10,25 		"/>
-		<g>
-			<polygon fill="#B3B3B3" points="20,27 27,27 27,20 			"/>
-			<polygon fill="#B3B3B3" points="31,16 25,22 25,10 			"/>
-			<polygon fill="#B3B3B3" points="16,31 22,25 10,25 			"/>
-		</g>
-		<polygon fill="#F1B123" points="16,1 22,7 10,7 		"/>
-		<radialGradient id="SVGID_7_" cx="8.207" cy="7.207" r="23.7011" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#FAD257"/>
-			<stop  offset="1" style="stop-color:#F1C344"/>
-		</radialGradient>
-		<circle fill="url(#SVGID_7_)" cx="16" cy="16" r="12"/>
-	</g>
-</g>
-<g>
-	<g>
-		<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="16.7998" y1="-1.7002" x2="33.6777" y2="15.1777">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_8_)" points="20,5 27,5 27,12 		"/>
-		<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="-0.6436" y1="17.8564" x2="14.1248" y2="32.6248">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_9_)" points="12,27 5,27 5,20 		"/>
-		<polygon fill="#FBE18D" points="12,5 5,5 5,12 		"/>
-		<polygon fill="#EFB424" points="20,27 27,27 27,20 		"/>
-		<polygon fill="#EFB424" points="31,16 25,22 25,10 		"/>
-		<polygon fill="#F1B123" points="1,16 7,22 7,10 		"/>
-		<polygon fill="#EFB424" points="16,31 22,25 10,25 		"/>
-		<g>
-			<polygon fill="#B3B3B3" points="20,27 27,27 27,20 			"/>
-			<polygon fill="#B3B3B3" points="31,16 25,22 25,10 			"/>
-			<polygon fill="#B3B3B3" points="16,31 22,25 10,25 			"/>
-		</g>
-		<polygon fill="#F1B123" points="16,1 22,7 10,7 		"/>
-		<radialGradient id="SVGID_10_" cx="8.207" cy="7.207" r="23.7011" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#FAD257"/>
-			<stop  offset="1" style="stop-color:#F1C344"/>
-		</radialGradient>
-		<circle fill="url(#SVGID_10_)" cx="16" cy="16" r="12"/>
-	</g>
-	<g>
-		<g>
-			<radialGradient id="SVGID_11_" cx="16.1719" cy="12.1875" r="18.0755" gradientUnits="userSpaceOnUse">
-				<stop  offset="0" style="stop-color:#FAF9F2"/>
-				<stop  offset="0.65" style="stop-color:#E1DECF"/>
-				<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-				<stop  offset="1" style="stop-color:#CDCBBE"/>
-			</radialGradient>
-			<path fill="url(#SVGID_11_)" d="M27.5,18H27v-0.5c0-1.933-1.568-3.5-3.5-3.5h-0.643c-0.447-1.723-1.996-3-3.857-3
-				c-2.209,0-4,1.791-4,4v1.101c-2.283,0.464-4,2.481-4,4.899c0,0.713,0.154,1.387,0.422,2H30.65c0.217-0.456,0.35-0.961,0.35-1.5
-				C31,19.567,29.432,18,27.5,18z"/>
-		</g>
-	</g>
-	<g>
-		<path fill="#BFBFBF" d="M17.711,29.289l1.818-1.818c0.432-0.133,0.85-0.293,1.26-0.471H27v-4H11.422L17.711,29.289z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<g>
-			<polygon fill="#F1BE44" points="-237.131,16 -241.131,23 -235.123,23 -235.131,31 -224.131,16 			"/>
-			<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="-239.1309" y1="20.3281" x2="-224.1309" y2="20.3281">
-				<stop  offset="0" style="stop-color:#BFBFBF"/>
-				<stop  offset="0.85" style="stop-color:#B3B3B3"/>
-			</linearGradient>
-			<polygon fill="url(#SVGID_12_)" points="-239.131,16 -230.475,24.656 -224.131,16 			"/>
-		</g>
-		<radialGradient id="SVGID_13_" cx="-239.1577" cy="2.8965" r="27.7102" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_13_)" d="M-216.553,19c0.268-0.613,0.422-1.288,0.422-2c0-2.762-2.238-5-5-5h-1v-2c0-2.762-2.238-5-5-5
-			h-1.5c-0.979-2.349-3.297-4-6-4c-3.59,0-6.5,2.91-6.5,6.5v1.681c-2.865,0.679-5,3.247-5,6.319c0,1.29,0.381,2.489,1.029,3.5
-			H-216.553z"/>
-	</g>
-	<radialGradient id="SVGID_14_" cx="-225.1694" cy="26.0293" r="5.3921" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#4988F7"/>
-		<stop  offset="1" style="stop-color:#377CEA"/>
-	</radialGradient>
-	<path fill="url(#SVGID_14_)" d="M-226.131,28.5c0,1.381,1.119,2.5,2.5,2.5s2.5-1.119,2.5-2.5c0-1.719-2.5-5.5-2.5-5.5
-		S-226.131,26.781-226.131,28.5z"/>
-</g>
-<g>
-	<g>
-		<g>
-			<polygon fill="#F1BE44" points="-175.381,16 -179.381,23 -173.373,23 -173.381,31 -162.381,16 			"/>
-			<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="-177.3809" y1="20.3281" x2="-162.3809" y2="20.3281">
-				<stop  offset="0" style="stop-color:#BFBFBF"/>
-				<stop  offset="0.85" style="stop-color:#B3B3B3"/>
-			</linearGradient>
-			<polygon fill="url(#SVGID_15_)" points="-177.381,16 -168.725,24.656 -162.381,16 			"/>
-		</g>
-		<radialGradient id="SVGID_16_" cx="-177.4077" cy="2.8965" r="27.7102" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_16_)" d="M-154.803,19c0.268-0.613,0.422-1.288,0.422-2c0-2.762-2.238-5-5-5h-1v-2c0-2.762-2.238-5-5-5
-			h-1.5c-0.979-2.349-3.297-4-6-4c-3.59,0-6.5,2.91-6.5,6.5v1.681c-2.865,0.679-5,3.247-5,6.319c0,1.29,0.381,2.489,1.029,3.5
-			H-154.803z"/>
-	</g>
-	<radialGradient id="SVGID_17_" cx="-163.4194" cy="26.0293" r="5.3921" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#4988F7"/>
-		<stop  offset="1" style="stop-color:#377CEA"/>
-	</radialGradient>
-	<path fill="url(#SVGID_17_)" d="M-164.381,28.5c0,1.381,1.119,2.5,2.5,2.5s2.5-1.119,2.5-2.5c0-1.719-2.5-5.5-2.5-5.5
-		S-164.381,26.781-164.381,28.5z"/>
-</g>
-</svg>
diff --git a/polymer-ui-weather/images/partlycloudy.svg b/polymer-ui-weather/images/partlycloudy.svg
deleted file mode 100644
index 7a5b0b9..0000000
--- a/polymer-ui-weather/images/partlycloudy.svg
+++ /dev/null
@@ -1,168 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<radialGradient id="SVGID_1_" cx="-115.7144" cy="6.896" r="28.1519" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#F5F3EB"/>
-		<stop  offset="0.65" style="stop-color:#E1DECF"/>
-		<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-		<stop  offset="1" style="stop-color:#CDCBBE"/>
-	</radialGradient>
-	<path fill="url(#SVGID_1_)" d="M-97.631,16h-1v-2c0-2.762-2.238-5-5-5h-1.5c-0.979-2.349-3.297-4-6-4c-3.59,0-6.5,2.91-6.5,6.5
-		v1.681c-2.865,0.679-5,3.247-5,6.319c0,3.59,2.91,6.5,6.5,6.5h12v-3h11.078c0.268-0.613,0.422-1.288,0.422-2
-		C-92.631,18.238-94.869,16-97.631,16z"/>
-	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-104.4941" y1="17.9473" x2="-93.6309" y2="17.9473">
-		<stop  offset="0.15" style="stop-color:#B3B3B3"/>
-		<stop  offset="1" style="stop-color:#BFBFBF"/>
-	</linearGradient>
-	<polygon fill="url(#SVGID_2_)" points="-104.494,12.895 -93.631,23 -104.494,23 	"/>
-	<g>
-		<radialGradient id="SVGID_3_" cx="-115.8101" cy="6.9072" r="28.9103" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_3_)" d="M-102.631,17.029l-1-0.029v-2c0-1.657-1.343-3-3-3s-3,1.343-3,3v1h-1c-2.486,0-4.5,2.015-4.5,4.5
-			V26c0,0,10.439,0,12,0c2.485,0,4.5-2.015,4.5-4.5C-98.631,19.184-100.381,17.278-102.631,17.029z"/>
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-106.8809" y1="12.083" x2="-106.8809" y2="20.5012">
-			<stop  offset="0" style="stop-color:#FAF9F2;stop-opacity:0.5"/>
-			<stop  offset="1" style="stop-color:#FAF9F2;stop-opacity:0"/>
-		</linearGradient>
-		<path fill="url(#SVGID_4_)" d="M-102.631,17.029l-1-0.029v-2c0-1.657-1.343-3-3-3s-3,1.343-3,3v1h-1c-2.486,0-4.5,2.015-4.5,4.5
-			V26c0,0,10.439,0,12,0c2.485,0,4.5-2.015,4.5-4.5C-98.631,19.184-100.381,17.278-102.631,17.029z"/>
-	</g>
-</g>
-<g display="none">
-	<g display="inline">
-		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="16.7998" y1="-1.7002" x2="33.6777" y2="15.1777">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_5_)" points="20,5 27,5 27,12 		"/>
-		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-0.6436" y1="17.8564" x2="14.1248" y2="32.6248">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_6_)" points="12,27 5,27 5,20 		"/>
-		<polygon fill="#FBE18D" points="12,5 5,5 5,12 		"/>
-		<polygon fill="#EFB424" points="20,27 27,27 27,20 		"/>
-		<polygon fill="#EFB424" points="31,16 25,22 25,10 		"/>
-		<polygon fill="#F1B123" points="1,16 7,22 7,10 		"/>
-		<polygon fill="#EFB424" points="16,31 22,25 10,25 		"/>
-		<g>
-			<polygon fill="#B3B3B3" points="20,27 27,27 27,20 			"/>
-			<polygon fill="#B3B3B3" points="31,16 25,22 25,10 			"/>
-			<polygon fill="#B3B3B3" points="16,31 22,25 10,25 			"/>
-		</g>
-		<polygon fill="#F1B123" points="16,1 22,7 10,7 		"/>
-		<radialGradient id="SVGID_7_" cx="8.207" cy="7.207" r="23.7011" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#FAD257"/>
-			<stop  offset="1" style="stop-color:#F1C344"/>
-		</radialGradient>
-		<circle fill="url(#SVGID_7_)" cx="16" cy="16" r="12"/>
-	</g>
-</g>
-<g>
-	<g>
-		<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="16.7998" y1="-1.7002" x2="33.6777" y2="15.1777">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_8_)" points="20,5 27,5 27,12 		"/>
-		<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="-0.6436" y1="17.8564" x2="14.1248" y2="32.6248">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_9_)" points="12,27 5,27 5,20 		"/>
-		<polygon fill="#FBE18D" points="12,5 5,5 5,12 		"/>
-		<polygon fill="#EFB424" points="20,27 27,27 27,20 		"/>
-		<polygon fill="#EFB424" points="31,16 25,22 25,10 		"/>
-		<polygon fill="#F1B123" points="1,16 7,22 7,10 		"/>
-		<polygon fill="#EFB424" points="16,31 22,25 10,25 		"/>
-		<g>
-			<polygon fill="#B3B3B3" points="20,27 27,27 27,20 			"/>
-			<polygon fill="#B3B3B3" points="31,16 25,22 25,10 			"/>
-			<polygon fill="#B3B3B3" points="16,31 22,25 10,25 			"/>
-		</g>
-		<polygon fill="#F1B123" points="16,1 22,7 10,7 		"/>
-		<radialGradient id="SVGID_10_" cx="8.207" cy="7.207" r="23.7011" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#FAD257"/>
-			<stop  offset="1" style="stop-color:#F1C344"/>
-		</radialGradient>
-		<circle fill="url(#SVGID_10_)" cx="16" cy="16" r="12"/>
-	</g>
-	<g>
-		<g>
-			<radialGradient id="SVGID_11_" cx="16.1719" cy="12.1875" r="18.0755" gradientUnits="userSpaceOnUse">
-				<stop  offset="0" style="stop-color:#FAF9F2"/>
-				<stop  offset="0.65" style="stop-color:#E1DECF"/>
-				<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-				<stop  offset="1" style="stop-color:#CDCBBE"/>
-			</radialGradient>
-			<path fill="url(#SVGID_11_)" d="M27.5,18H27v-0.5c0-1.933-1.568-3.5-3.5-3.5h-0.643c-0.447-1.723-1.996-3-3.857-3
-				c-2.209,0-4,1.791-4,4v1.101c-2.283,0.464-4,2.481-4,4.899c0,0.713,0.154,1.387,0.422,2H30.65c0.217-0.456,0.35-0.961,0.35-1.5
-				C31,19.567,29.432,18,27.5,18z"/>
-		</g>
-	</g>
-	<g>
-		<path fill="#BFBFBF" d="M17.711,29.289l1.818-1.818c0.432-0.133,0.85-0.293,1.26-0.471H27v-4H11.422L17.711,29.289z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<g>
-			<polygon fill="#F1BE44" points="-237.131,16 -241.131,23 -235.123,23 -235.131,31 -224.131,16 			"/>
-			<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="-239.1309" y1="20.3281" x2="-224.1309" y2="20.3281">
-				<stop  offset="0" style="stop-color:#BFBFBF"/>
-				<stop  offset="0.85" style="stop-color:#B3B3B3"/>
-			</linearGradient>
-			<polygon fill="url(#SVGID_12_)" points="-239.131,16 -230.475,24.656 -224.131,16 			"/>
-		</g>
-		<radialGradient id="SVGID_13_" cx="-239.1577" cy="2.8965" r="27.7102" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_13_)" d="M-216.553,19c0.268-0.613,0.422-1.288,0.422-2c0-2.762-2.238-5-5-5h-1v-2c0-2.762-2.238-5-5-5
-			h-1.5c-0.979-2.349-3.297-4-6-4c-3.59,0-6.5,2.91-6.5,6.5v1.681c-2.865,0.679-5,3.247-5,6.319c0,1.29,0.381,2.489,1.029,3.5
-			H-216.553z"/>
-	</g>
-	<radialGradient id="SVGID_14_" cx="-225.1694" cy="26.0293" r="5.3921" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#4988F7"/>
-		<stop  offset="1" style="stop-color:#377CEA"/>
-	</radialGradient>
-	<path fill="url(#SVGID_14_)" d="M-226.131,28.5c0,1.381,1.119,2.5,2.5,2.5s2.5-1.119,2.5-2.5c0-1.719-2.5-5.5-2.5-5.5
-		S-226.131,26.781-226.131,28.5z"/>
-</g>
-<g>
-	<g>
-		<g>
-			<polygon fill="#F1BE44" points="-175.381,16 -179.381,23 -173.373,23 -173.381,31 -162.381,16 			"/>
-			<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="-177.3809" y1="20.3281" x2="-162.3809" y2="20.3281">
-				<stop  offset="0" style="stop-color:#BFBFBF"/>
-				<stop  offset="0.85" style="stop-color:#B3B3B3"/>
-			</linearGradient>
-			<polygon fill="url(#SVGID_15_)" points="-177.381,16 -168.725,24.656 -162.381,16 			"/>
-		</g>
-		<radialGradient id="SVGID_16_" cx="-177.4077" cy="2.8965" r="27.7102" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_16_)" d="M-154.803,19c0.268-0.613,0.422-1.288,0.422-2c0-2.762-2.238-5-5-5h-1v-2c0-2.762-2.238-5-5-5
-			h-1.5c-0.979-2.349-3.297-4-6-4c-3.59,0-6.5,2.91-6.5,6.5v1.681c-2.865,0.679-5,3.247-5,6.319c0,1.29,0.381,2.489,1.029,3.5
-			H-154.803z"/>
-	</g>
-	<radialGradient id="SVGID_17_" cx="-163.4194" cy="26.0293" r="5.3921" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#4988F7"/>
-		<stop  offset="1" style="stop-color:#377CEA"/>
-	</radialGradient>
-	<path fill="url(#SVGID_17_)" d="M-164.381,28.5c0,1.381,1.119,2.5,2.5,2.5s2.5-1.119,2.5-2.5c0-1.719-2.5-5.5-2.5-5.5
-		S-164.381,26.781-164.381,28.5z"/>
-</g>
-</svg>
diff --git a/polymer-ui-weather/images/rainy.svg b/polymer-ui-weather/images/rainy.svg
deleted file mode 100644
index f37cdb0..0000000
--- a/polymer-ui-weather/images/rainy.svg
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<g>
-		<g>
-			<polygon fill="#F1BE44" points="10,16 6,23 12.008,23 12,31 23,16 			"/>
-			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="8" y1="20.3281" x2="23" y2="20.3281">
-				<stop  offset="0" style="stop-color:#BFBFBF"/>
-				<stop  offset="0.85" style="stop-color:#B3B3B3"/>
-			</linearGradient>
-			<polygon fill="url(#SVGID_1_)" points="8,16 16.656,24.656 23,16 			"/>
-		</g>
-		<radialGradient id="SVGID_2_" cx="7.9731" cy="2.8965" r="27.7102" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#F5F3EB"/>
-			<stop  offset="0.65" style="stop-color:#E1DECF"/>
-			<stop  offset="0.8159" style="stop-color:#DBD8CA"/>
-			<stop  offset="1" style="stop-color:#CDCBBE"/>
-		</radialGradient>
-		<path fill="url(#SVGID_2_)" d="M30.578,19C30.846,18.387,31,17.712,31,17c0-2.762-2.238-5-5-5h-1v-2c0-2.762-2.238-5-5-5h-1.5
-			c-0.979-2.349-3.297-4-6-4C8.91,1,6,3.91,6,7.5v1.681C3.135,9.859,1,12.428,1,15.5c0,1.29,0.381,2.489,1.029,3.5H30.578z"/>
-	</g>
-	<radialGradient id="SVGID_3_" cx="21.9619" cy="26.0293" r="5.3919" gradientUnits="userSpaceOnUse">
-		<stop  offset="0" style="stop-color:#4988F7"/>
-		<stop  offset="1" style="stop-color:#377CEA"/>
-	</radialGradient>
-	<path fill="url(#SVGID_3_)" d="M21,28.5c0,1.381,1.119,2.5,2.5,2.5s2.5-1.119,2.5-2.5c0-1.719-2.5-5.5-2.5-5.5S21,26.781,21,28.5z"
-		/>
-</g>
-</svg>
diff --git a/polymer-ui-weather/images/sunny.svg b/polymer-ui-weather/images/sunny.svg
deleted file mode 100644
index a6c767a..0000000
--- a/polymer-ui-weather/images/sunny.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<g>
-		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="16.7998" y1="-1.7002" x2="33.6777" y2="15.1777">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_1_)" points="20,5 27,5 27,12 		"/>
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-0.6436" y1="17.8564" x2="14.1248" y2="32.6248">
-			<stop  offset="0" style="stop-color:#F1BE44"/>
-			<stop  offset="1" style="stop-color:#D79F2A"/>
-		</linearGradient>
-		<polygon fill="url(#SVGID_2_)" points="12,27 5,27 5,20 		"/>
-		<polygon fill="#FBE18D" points="12,5 5,5 5,12 		"/>
-		<polygon fill="#EFB424" points="20,27 27,27 27,20 		"/>
-		<polygon fill="#EFB424" points="31,16 25,22 25,10 		"/>
-		<polygon fill="#F1B123" points="1,16 7,22 7,10 		"/>
-		<polygon fill="#EFB424" points="16,31 22,25 10,25 		"/>
-		<g>
-			<polygon fill="#B3B3B3" points="20,27 27,27 27,20 			"/>
-			<polygon fill="#B3B3B3" points="31,16 25,22 25,10 			"/>
-			<polygon fill="#B3B3B3" points="16,31 22,25 10,25 			"/>
-		</g>
-		<polygon fill="#F1B123" points="16,1 22,7 10,7 		"/>
-		<radialGradient id="SVGID_3_" cx="8.207" cy="7.207" r="23.7011" gradientUnits="userSpaceOnUse">
-			<stop  offset="0" style="stop-color:#FAD257"/>
-			<stop  offset="1" style="stop-color:#F1C344"/>
-		</radialGradient>
-		<circle fill="url(#SVGID_3_)" cx="16" cy="16" r="12"/>
-	</g>
-</g>
-</svg>
diff --git a/polymer-ui-weather/images/wind.svg b/polymer-ui-weather/images/wind.svg
deleted file mode 100644
index 6c18af3..0000000
--- a/polymer-ui-weather/images/wind.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<symbol  id="ic_x5F_location_x5F_flat" viewBox="-12 -12 24 24">
-	<polygon fill="#231F20" points="-8,0 0,0 0,-8 0.8,-8 8,8 -8,0.8 	"/>
-	<polygon fill="none" points="12,-12 -12,-12 -12,12 12,12 	"/>
-</symbol>
-<use xlink:href="#ic_x5F_location_x5F_flat"  width="24" height="24" id="XMLID_215_" x="-12" y="-12" transform="matrix(0.7071 -0.7071 -0.7071 -0.7071 12 12)" overflow="visible"/>
-</svg>
diff --git a/polymer-ui-weather/index.html b/polymer-ui-weather/index.html
deleted file mode 100644
index 2b3fb07..0000000
--- a/polymer-ui-weather/index.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-<html>
-  <head>
-    <title>Polymer UI Weather</title>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <!-- load polymer -->
-    <script src="../../polymer/polymer.js"></script>
-    <!-- import element-->
-		<link rel="import" href="../polymer-ui-weather/polymer-ui-weather.html">
-  </head>
-  <body>
-  	<polymer-ui-weather autoupdate></polymer-ui-weather>
-  </body>
-</html>
diff --git a/polymer-ui-weather/polymer-ui-weather.css b/polymer-ui-weather/polymer-ui-weather.css
deleted file mode 100644
index 780e568..0000000
--- a/polymer-ui-weather/polymer-ui-weather.css
+++ /dev/null
@@ -1,122 +0,0 @@
-@host {
-	* {
-    display: inline-block;
-		white-space: nowrap;
-		padding: 20px;
-		max-width: 340px;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    background-image: url(../assets/glass.png);
-    background-repeat: no-repeat;
-    background-size: cover;
-    vertical-align: top;
-    overflow: hidden;
-	}
-}
-#widget-title {
-	font-size: 21px;
-	line-height: 15px;
-}
-
-#current {
-	margin-top: 21px;
-}
-
-#current-icon {
-	float: right;
-	margin-top: 14px;
-	margin-right: 8px;
-	display: inline-block;
-	text-indent:-9999px;
-}
-
-#current-condition {
-	display: inline-block;
-	font-size: 63px;
-}
-
-#current-wind {
-	position: relative;
-	padding-left: 22px;
-	font-size: 14px;
-	line-height: 20px;
-}
-
-#current-wind:before {
-	background: url(images/wind.svg);
-	background-size: cover;
-	height: 19px;
-	width: 19px;
-	position: absolute;
-	top: 0;
-	left: -3px;
-	outline: none;
-	content: "";
-	display: block;
-	opacity: .4;
-}
-
-#current-wind.North:before { -webkit-transform:rotate(0deg); }
-#current-wind.NNE:before { -webkit-transform:rotate(22.5deg); }
-#current-wind.NE:before { -webkit-transform:rotate(45deg); }
-#current-wind.ENE:before { -webkit-transform:rotate(67.5deg); }
-#current-wind.East:before { -webkit-transform:rotate(90deg); }
-#current-wind.ESE:before { -webkit-transform:rotate(112.5deg); }
-#current-wind.SE:before { -webkit-transform:rotate(135deg); }
-#current-wind.SSE:before { -webkit-transform:rotate(157.5deg); }
-#current-wind.South:before { -webkit-transform:rotate(180deg); }
-#current-wind.SSW:before { -webkit-transform:rotate(202.5deg); }
-#current-wind.SW:before { -webkit-transform:rotate(225deg); }
-#current-wind.WSW:before { -webkit-transform:rotate(247.5deg); }
-#current-wind.West:before { -webkit-transform:rotate(270deg); }
-#current-wind.WNW:before { -webkit-transform:rotate(292.5deg); }
-#current-wind.NW:before { -webkit-transform:rotate(315deg); }
-#current-wind.NNW:before { -webkit-transform:rotate(337.5deg); }
-
-#current-icon {
-	width: 64px;
-	height: 64px;
-	background-size: cover;
-}
-.rainy { background: url(images/rainy.svg); }
-.clear { background: url(images/clear.svg); }
-.sunny { background: url(images/sunny.svg); }
-.cloudy { background: url(images/cloudy.svg); }
-.partlycloudy { background: url(images/partlycloudy.svg); }
-.mostlysunny { background: url(images/mostlysunny.svg); }
-
-#latest {
-	margin-top: 40px;
-	-webkit-column-count: 5;
-	-webkit-column-gap: 10px;
-}
-
-.entry {
-/*	display:inline-block;
-	width: 20%;*/
-	text-align:center;
-}
-
-.entry > div { margin: 0 auto; }
-.entry .day {
-	font-size: 12px;
-	text-transform:uppercase;
-	font-weight:bold;
-}
-
-.entry .icon {
-	width: 32px;
-	height: 32px;
-	background-size: cover;
-	margin: 15px auto 18px auto;
-	text-indent:-9999px;
-}
-
-.entry .condition {
-	font-weight: bold;
-	font-size: 12px;
-	line-height:17px;
-}
-
-.entry .condition.low {
-}
\ No newline at end of file
diff --git a/polymer-ui-weather/polymer-ui-weather.html b/polymer-ui-weather/polymer-ui-weather.html
deleted file mode 100644
index ae5c3bd..0000000
--- a/polymer-ui-weather/polymer-ui-weather.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-<link rel="import" href="../../polymer-elements/polymer-jsonp/polymer-jsonp.html"/>
-	<element name="polymer-ui-weather" attributes="autoupdate">
-		<link rel="stylesheet" href="polymer-ui-weather.css">
-  	<template>
-			<div id="widget-title">{{current.display_location.full}}</div>
-
-			<template bind="{{current}}" id="current">
-				<div id="current-condition">{{temp_f}}&deg;</div>
-				<div id="current-icon" class="{{icon}}">{{weather}}</div>
-				<div id="current-wind" class="{{wind_dir}}">{{wind_dir}} {{wind_mph}} mph</div>
-			</template>
-
-			<div id="latest">
-				<template repeat="{{forecast.forecastday}}">
-					<div class="entry">
-						<div class="day">{{date.weekday_short}}</div>
-						<div class="icon {{icon}}">{{conditions}}</div>
-						<div class="condition high">{{high.fahrenheit}}</div>
-						<div class="condition low">{{low.fahrenheit}}</div>
-					</div>
-				</template>
-			</div>
-
-			<polymer-jsonp id="jsonp_current" response="{{currentConditionsResponse}}"></polymer-jsonp>
-	    <polymer-jsonp id="jsonp_forecast" handleAs="json" response="{{forecastResponse}}"></polymer-jsonp>
-  </template>
-  <script>
-		Polymer.register(this, {
-      position: null,
-      currentConditionsResponse: null,
-      forecastResponse: null,
-      autoupdate: false,
-      updateInterval: 60000,
-      apikey: '6d9e44e91f890cae',
-      position: {
-        coords: {
-          latitude: 37.773285,
-          longitude: -122.417725
-        }
-      },
-      icons: ['clear', 'cloudy', 'rainy', 'sunny', 'mostlysunny', 'partlycloudy'],
-      ready: function() {
-        this.loadFromStorage();
-      },
-      loadFromStorage: function() {
-        var data = localStorage.getItem('wu-weather-data');
-        var cached = data && JSON.parse(data);
-        // Discard stored data if it's too old.
-        if (!cached ||
-            (new Date() - cached.timestamp) > (60 * 60 * 1000)) {
-          this.positionChanged();
-          this.updatePosition();
-          return;
-        }
-        this.current = cached.current;
-        this.forecast = cached.forecast;
-      },
-      saveToStorage: function() {
-        // Only store when we have all the data.
-        if (this.current && this.forecast) {
-        	this.forecast.forecastday = this.forecast.forecastday.splice(0, 5);
-
-	      	if (!~this.icons.indexOf(this.current.icon)) {
-	      		this.current.icon = 'cloudy';
-	      	}
-
-	      	for (x=0; x<this.forecast.forecastday.length; x++) {
-	      		if (!~this.icons.indexOf(this.forecast.forecastday[x].icon)) {
-		      		this.forecast.forecastday[x].icon = 'cloudy';
-		      	}
-	      	}
-
-          var data = {
-            current: this.current,
-            forecast: this.forecast,
-            timestamp: new Date().getTime()
-          };
-
-          localStorage.setItem('wu-weather-data', JSON.stringify(data));
-        }
-      },
-      autoupdateChanged: function() {
-        if (this.autoupdate) {
-          if (!this.intervalId) {
-            this.intervalId = setInterval(this.updatePosition.bind(this),
-                this.updateInterval);
-          }
-        } else {
-          clearInterval(this.intervalId);
-          this.intervalId = null;
-        }
-      },
-      positionChanged: function() {
-        if (!this.$.jsonp_current.isInFlight()) {
-          this.$.jsonp_current.url = 'https://api.wunderground.com/api/' +
-              this.apikey + '/conditions/q/' +
-              this.position.coords.latitude + ',' +
-              this.position.coords.longitude + '.json?callback=';
-          this.$.jsonp_current.go();
-        }
-        if (!this.$.jsonp_forecast.isInFlight()) {
-          this.$.jsonp_forecast.url = 'https://api.wunderground.com/api/' +
-              this.apikey + '/forecast10day/q/' +
-              this.position.coords.latitude + ',' +
-              this.position.coords.longitude + '.json?callback=';
-          this.$.jsonp_forecast.go();
-        }
-      },
-      currentConditionsResponseChanged: function() {
-        this.current = this.currentConditionsResponse.current_observation;
-        this.saveToStorage();
-      },
-      forecastResponseChanged: function() {
-        this.forecast = this.forecastResponse.forecast.simpleforecast;
-        this.saveToStorage();
-      },
-      updatePosition: function() {
-        // Get the current location.
-        navigator.geolocation.getCurrentPosition(
-            this.getCurrentPositionSuccess.bind(this),
-            this.getCurrentPositionError.bind(this), {timeout: 10000});
-
-       localStorage.clear();
-      },
-      getCurrentPositionSuccess: function(position) {
-        this.position = position;
-      },
-      getCurrentPositionError: function(error) {
-        console.log('PositionError', error);
-      }
-    });
-  </script>
-</element>
diff --git a/show.html b/show.html
deleted file mode 100644
index df72036..0000000
--- a/show.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!doctype html>
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-<html>
-  <head>
-    <title>Polymer UI</title>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <!-- load polymer -->
-    <script src="../polymer/polymer.js"></script>
-    <!-- import elements-->
-    <link rel="import" href="polymer-ui-clock/polymer-ui-clock.html">
-    <link rel="import" href="polymer-ui-weather/polymer-ui-weather.html">
-    <link rel="import" href="polymer-ui-stock/polymer-ui-stock.html">
-    <!-- -->
-    <link rel="stylesheet" href="basic.css">
-    <style>
-      body {
-        xbackground-color: #333;
-      }
-      .pane {
-        color: rgba(250, 250, 250, 0.8);
-        background-color: #555 !important;
-        width: 320px;
-        height: 320px;
-        border: 2px solid rgba(32, 32, 32, 0.6);
-      }
-    </style>
-  </head>
-  <body class="polymer-ui-body-text">
-    <polymer-ui-stock class="pane"></polymer-ui-stock>
-    <polymer-ui-clock class="pane"></polymer-ui-clock>
-    <polymer-ui-weather class="pane"></polymer-ui-weather>
-  </body>
-</html>
diff --git a/workbench/index.html b/workbench/index.html
deleted file mode 100644
index 67290a2..0000000
--- a/workbench/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Polymer UI Elements</title>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <!-- load polymer -->
-    <script src="../../polymer/polymer.js"></script>
-    <!-- import some polymer elements-->
-    <link rel="import" href="../../toolkit-ui/elements/g-app.html">
-    <!-- salt to taste -->
-    <style>
-      .widget {
-				color: white;
-				margin: 0px;
-				height: 30px;
-				display: inline-block;
-				width: auto;
-				line-height: 30px;
-				padding: 0 10px;
-				background: #3c80f6;
-				box-sizing: border-box;
-			}
-			a { color: #3c80f6; text-decoration: none; }
-    </style>
-  </head>
-  <body>
-
-    <g-app>
-		<div style="margin:20px;">
-			<a class="widget" href="../polymer-ui-weather">Weather</a>
-			<a class="widget" href="../polymer-ui-clock">Clock</a>
-			<a class="widget" href="../polymer-ui-stock">Stock</a>
-			</div>
-    </g-app>
-  </body>
-</html>
diff --git a/workbench/inputfield.html b/workbench/inputfield.html
deleted file mode 100644
index 7304a32..0000000
--- a/workbench/inputfield.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!--
-Copyright 2013 The Polymer Authors. All rights reserved.
-Use of this source code is governed by a BSD-style
-license that can be found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Polymer Getting Started</title>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <!-- load polymer -->
-    <script src="../../polymer/polymer.js"></script>
-    <!-- salt to taste -->
-    <style>
-      body {
-        margin: 0;
-      }
-      .widget {
-				color: white;
-				margin: 0px;
-				height: 30px;
-				display: inline-block;
-				width: auto;
-				line-height: 30px;
-				padding: 0 10px;
-				background: #3c80f6;
-				box-sizing: border-box;
-			}
-			a { color: #3c80f6; text-decoration: none; }
-			#input-inset {
-				margin-top: 200px;
-				margin-left: 100px;
-				box-sizing: border-box;
-				height: 40px;
-				width: 299px;
-				padding-left: 9px;
-				font-size: 14px;
-				color: rgba(0,0,0,.25);
-				outline: 1px solid #00afff;
-				border: none;
-				border-top: 1px solid rgba(0, 0, 0, 0.15);
-				-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, .05), inset 0px 1px 1px 0px rgba(0, 0, 0, .05);
-			}
-			#input-inset2 {
-				box-sizing: border-box;
-				height: 40px;
-				width: 299px;
-				padding-left: 9px;
-				font-size: 14px;
-				color: rgba(0,0,0,.25);
-				outline: 1px solid #00afff;
-				border: none;
-				border-top: 1px solid rgba(0, 0, 0, 0.15);
-			}
-			
-			.input-wrapper {
-				box-sizing: border-box;
-				margin-top: 10px;
-				margin-left: 100px;
-				position: relative;
-			}
-			.input-wrapper:before {
-				box-sizing: border-box;
-				position: absolute;
-				outline: none;
-				content: "";
-				display: block;
-				top: 1px;
-				left:0;
-				width: 298px;
-				height: 1px;
-				background: rgba(0,0,0,0.05);
-				border-top: .5px solid rgba(0,0,0,0.05);
-			}
-    </style>
-  </head>
-  <body>
-		<div style="z-index:-1;position:absolute;top:0;left:0;background:url(mocks/Widget_Stickersheet_input_1.png);width:1480px;height:700px;background-position:0 -500px;background-size:1480px auto;"></div>
-			
-		<input id="input-inset" type="text" name="input-filed" placeholder="search keyword">
-
-		<span class="input-wrapper">
-			<input id="input-inset2" type="text" name="input-filed" placeholder="search keyword" />
-    </span>
-  </body>
-</html>
diff --git a/workbench/mocks/Widget_Stickersheet_input_1.png b/workbench/mocks/Widget_Stickersheet_input_1.png
deleted file mode 100644
index 44414f4..0000000
Binary files a/workbench/mocks/Widget_Stickersheet_input_1.png and /dev/null differ
