diff --git a/plugins/calendar/templates/default/addevent.thtml b/plugins/calendar/templates/default/addevent.thtml
index 92a1d5ad2..9fb381213 100644
--- a/plugins/calendar/templates/default/addevent.thtml
+++ b/plugins/calendar/templates/default/addevent.thtml
@@ -30,7 +30,7 @@
                                             <div>
                                                 <input type="hidden" name="action" value="saveuserevent"{xhtml}>
                                                 <input type="hidden" name="eid" value="{event_id}"{xhtml}>
-                                                <input type="submit" value="{lang_addtomycalendar}"{xhtml}>
+                                                <button type="submit" value="{lang_addtomycalendar}" class="uk-button uk-button-primary">{lang_addtomycalendar}</button>
                                                 <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
                                             </div>
                                         </form>
diff --git a/plugins/calendar/templates/default/addeventoption.thtml b/plugins/calendar/templates/default/addeventoption.thtml
index b044b60a0..605b262af 100644
--- a/plugins/calendar/templates/default/addeventoption.thtml
+++ b/plugins/calendar/templates/default/addeventoption.thtml
@@ -2,7 +2,7 @@
 
                                             <form method="post" action="{site_url}{addevent_formurl}" class="uk-form">
                                                 <div>
-                                                    <input type="submit" name="action" value="{lang_addevent}"{xhtml}>
+                                                    <button type="submit" name="action" value="{lang_addevent}" class="uk-button uk-button-primary">{lang_addevent}</button>
                                                     <input type="hidden" name="month" value="{cal_curmo_num}"{xhtml}>
                                                     <input type="hidden" name="year" value="{cal_curyr_num}"{xhtml}>
                                                     <input type="hidden" name="mode" value="{mode}"{xhtml}>
diff --git a/plugins/calendar/templates/default/admin/batchdelete.thtml b/plugins/calendar/templates/default/admin/batchdelete.thtml
index e95ab2446..dcbe1ffe8 100644
--- a/plugins/calendar/templates/default/admin/batchdelete.thtml
+++ b/plugins/calendar/templates/default/admin/batchdelete.thtml
@@ -5,7 +5,7 @@
         <input type="hidden" name="mode" value="batchdelete"{xhtml}>
         <input type="hidden" name="usr_time" value="{usr_time}"{xhtml}>
         {lang_text_start} <input class="aligncenter" type="text" name="usr_time" value="{usr_time}" size="3"{xhtml}>{lang_text_end}<br{xhtml}>
-        <input type="submit" name="submit" value="{lang_updatelist}"{xhtml}>
+        <button type="submit" name="submit" value="{lang_updatelist}" class="uk-button">{lang_updatelist}</button>
     </div>
 </form>
 
diff --git a/plugins/calendar/templates/default/admin/eventeditor.thtml b/plugins/calendar/templates/default/admin/eventeditor.thtml
index 2b6287d51..6a00ce669 100644
--- a/plugins/calendar/templates/default/admin/eventeditor.thtml
+++ b/plugins/calendar/templates/default/admin/eventeditor.thtml
@@ -114,11 +114,14 @@
     </fieldset>
 
     <div class="submit">
-      <input type="submit" value="{lang_save}" name="mode" class="submit"{xhtml}>
-      <input type="submit" value="{lang_cancel}" name="mode" class="submit"{xhtml}>
+      <button type="submit" name="mode" value="{lang_save}" class="uk-button uk-button-primary">{lang_save}</button>
+{!if allow_delete}
+      <button type="submit" name="mode" value="{lang_delete}" class="uk-button uk-button-danger" onclick="return confirm('{confirm_message}');">{lang_delete}</button>
+{!endif}
+      <button type="submit" name="mode" value="{lang_cancel}" class="uk-button">{lang_cancel}</button>
+
       <input type="hidden" name="eid" value="{event_id}"{xhtml}>
       <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
-      {delete_option}
       {submission_option}
       <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
     </div>
diff --git a/plugins/calendar/templates/default/calendar.thtml b/plugins/calendar/templates/default/calendar.thtml
index 0b9f52c85..b6c938b97 100644
--- a/plugins/calendar/templates/default/calendar.thtml
+++ b/plugins/calendar/templates/default/calendar.thtml
@@ -78,7 +78,7 @@
                                         <td>
                                             <form method="post" action="{site_url}/calendar/index.php" class="uk-form">
                                                 <div>
-                                                    <input type="submit" value="&lt;&lt;"{xhtml}>
+                                                    <button type="submit" value="&lt;&lt;" class="uk-button">&lt;&lt;</button>
                                                     <input type="hidden" name="month" value="{cal_prevmo_num}"{xhtml}>
                                                     <input type="hidden" name="year" value="{cal_prevyr_num}"{xhtml}>
                                                     <input type="hidden" name="mode" value="{mode}"{xhtml}>
@@ -95,7 +95,7 @@
                                         <td>
                                             <form method="post" action="{site_url}/calendar/index.php" class="uk-form">
                                                 <div>
-                                                    <input type="submit" value="&gt;&gt;"{xhtml}>
+                                                    <button type="submit" value="&gt;&gt;" class="uk-button">&gt;&gt;</button>
                                                     <input type="hidden" name="month" value="{cal_nextmo_num}"{xhtml}>
                                                     <input type="hidden" name="year" value="{cal_nextyr_num}"{xhtml}>
                                                     <input type="hidden" name="mode" value="{mode}"{xhtml}>
diff --git a/plugins/calendar/templates/default/dayview/quickaddform.thtml b/plugins/calendar/templates/default/dayview/quickaddform.thtml
index 5b50790be..7148b33ca 100644
--- a/plugins/calendar/templates/default/dayview/quickaddform.thtml
+++ b/plugins/calendar/templates/default/dayview/quickaddform.thtml
@@ -46,7 +46,7 @@
                                                         </select>
                                                         {startampm_selection}
                                                       </span>
-                                                        <input type="submit" value="{lang_add}"{xhtml}>
+                                                        <button type="submit" value="{lang_add}" class="uk-button uk-button-primary">{lang_add}</button>
                                                         <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
                                                     </td>
                                                 </tr>
diff --git a/plugins/calendar/templates/default/editpersonalevent.thtml b/plugins/calendar/templates/default/editpersonalevent.thtml
index 4c09e8954..eadce0043 100644
--- a/plugins/calendar/templates/default/editpersonalevent.thtml
+++ b/plugins/calendar/templates/default/editpersonalevent.thtml
@@ -117,8 +117,8 @@
                                     <tr>
                                         <td align="center" colspan="2">
                                             <input type="hidden" name="type" value="event"{xhtml}>
-                                            <input type="submit" name="action" value="{lang_submit}"{xhtml}>
-                                            <input type="submit" name="action" value="{lang_delete}"{xhtml}>
+                                            <button type="submit" name="action" value="{lang_submit}" class="uk-button uk-button-primary">{lang_submit}</button>
+                                            <button type="submit" name="action" value="{lang_delete}" class="uk-button uk-button-danger">{lang_delete}</button>
                                             <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
                                         </td>
                                     </tr>
diff --git a/plugins/calendar/templates/default/mastercalendaroption.thtml b/plugins/calendar/templates/default/mastercalendaroption.thtml
index f96b504c9..55aebe97b 100644
--- a/plugins/calendar/templates/default/mastercalendaroption.thtml
+++ b/plugins/calendar/templates/default/mastercalendaroption.thtml
@@ -2,7 +2,7 @@
 
                                             <form method="post" action="{site_url}/calendar/index.php" class="uk-form">
                                                 <div>
-                                                    <input type="submit" name="action" value="{lang_mastercal}"{xhtml}>
+                                                    <button type="submit" name="action" value="{lang_mastercal}" class="uk-button">{lang_mastercal}</button>
                                                 </div>
                                             </form>
 
diff --git a/plugins/calendar/templates/default/personalcalendaroption.thtml b/plugins/calendar/templates/default/personalcalendaroption.thtml
index e9caf5c9a..6436a0b76 100644
--- a/plugins/calendar/templates/default/personalcalendaroption.thtml
+++ b/plugins/calendar/templates/default/personalcalendaroption.thtml
@@ -2,7 +2,7 @@
 
                                             <form method="post" action="{site_url}/calendar/index.php?mode=personal" class="uk-form">
                                                 <div>
-                                                    <input type="submit" name="action" value="{lang_mycalendar}"{xhtml}>
+                                                    <button type="submit" name="action" value="{lang_mycalendar}" class="uk-button">{lang_mycalendar}</button>
                                                 </div>
                                             </form>
 
diff --git a/plugins/calendar/templates/default/submitevent.thtml b/plugins/calendar/templates/default/submitevent.thtml
index 741d50d61..55ec352bd 100644
--- a/plugins/calendar/templates/default/submitevent.thtml
+++ b/plugins/calendar/templates/default/submitevent.thtml
@@ -99,7 +99,7 @@
                                     <input type="hidden" name="type" value="calendar"{xhtml}>
                                     <input type="hidden" name="calendar_type" value="{mode}"{xhtml}>
                                     <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
-                                    <input type="submit" value="{lang_submit}"{xhtml}>
+                                    <button type="submit" value="{lang_submit}" class="uk-button uk-button-primary">{lang_submit}</button>
                                     {hidden_fields}
                                 </div>
                                 <div class="clear-left"></div>
diff --git a/plugins/links/templates/default/admin/categoryeditor.thtml b/plugins/links/templates/default/admin/categoryeditor.thtml
index fab2a3cdc..1ee463815 100644
--- a/plugins/links/templates/default/admin/categoryeditor.thtml
+++ b/plugins/links/templates/default/admin/categoryeditor.thtml
@@ -42,11 +42,13 @@
   </fieldset>
 
   <div class="submit">
+    <button type="submit" name="mode" value="{lang_save}" class="uk-button uk-button-primary">{lang_save}</button>
+{!if allow_delete}
+    <button type="submit" name="mode" value="{lang_delete}" class="uk-button uk-button-danger" onclick="return confirm('{confirm_message}');">{lang_delete}</button>
+{!endif}
+    <button type="submit" name="mode" value="{lang_cancel}" class="uk-button">{lang_cancel}</button>
     <input type="hidden" value="{old_cid_value}" name="old_cid"{xhtml}>
     <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
-    <input type="submit" value="{lang_save}" name="mode" class="submit"{xhtml}>
-    <input type="submit" value="{lang_cancel}" name="mode" class="submit"{xhtml}>
-    {delete_option}
   </div>
 </form>
 
diff --git a/plugins/links/templates/default/admin/linkeditor.thtml b/plugins/links/templates/default/admin/linkeditor.thtml
index 1ba3a55a4..91a2a192f 100644
--- a/plugins/links/templates/default/admin/linkeditor.thtml
+++ b/plugins/links/templates/default/admin/linkeditor.thtml
@@ -44,10 +44,13 @@
   </fieldset>
 
   <div class="submit">
-    <input type="submit" value="{lang_save}" name="mode" class="submit"{xhtml}>
-    <input type="submit" value="{lang_cancel}" name="mode" class="submit"{xhtml}>
+    <button type="submit" name="mode" value="{lang_save}" class="uk-button uk-button-primary">{lang_save}</button>
+{!if allow_delete}
+    <button type="submit" name="mode" value="{lang_delete}" class="uk-button uk-button-danger" onclick="return confirm('{confirm_message}');">{lang_delete}</button>
+{!endif}
+    <button type="submit" name="mode" value="{lang_cancel}" class="uk-button">{lang_cancel}</button>
+
     <input type="hidden" value="{link_id}" name="old_lid"{xhtml}>
-    {delete_option}
     {submission_option}
     <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
   </div>
diff --git a/plugins/links/templates/default/categorydropdown.thtml b/plugins/links/templates/default/categorydropdown.thtml
index cbccda258..837c31714 100644
--- a/plugins/links/templates/default/categorydropdown.thtml
+++ b/plugins/links/templates/default/categorydropdown.thtml
@@ -4,7 +4,7 @@
 <div class="links-header clearfix" style="height:3em;line-height:3em;vertical-align:middle;margin-bottom:1em;">
   <div class="links-breadcrumbs" style="float:left;">{breadcrumbs}</div>
   <div class="links-dropdown" style="float:right;">
-    <select name="category" onchange="javascript:submit()">{link_dropdown}</select><input type="submit" value="{lang_go}" name="mode"{xhtml}>
+    <select name="category" onchange="javascript:submit()">{link_dropdown}</select><button type="submit" name="mode" value="{lang_go}" class="uk-button">{lang_go}</button>
   </div>
 </div>
 </form>
diff --git a/plugins/links/templates/default/submitlink.thtml b/plugins/links/templates/default/submitlink.thtml
index a7d4ca401..a91e541fc 100644
--- a/plugins/links/templates/default/submitlink.thtml
+++ b/plugins/links/templates/default/submitlink.thtml
@@ -19,7 +19,7 @@
     <div class="submit">
       <input type="hidden" name="mode" value="{lang_submit}"{xhtml}>
       <input type="hidden" name="type" value="links"{xhtml}>
-      <input type="submit" value="{lang_submit}" class="submit"{xhtml}>
+      <button type="submit" value="{lang_submit}" class="uk-button">{lang_submit}</button>
     </div>
   </div>
 </form>
diff --git a/plugins/polls/templates/default/admin/polleditor.thtml b/plugins/polls/templates/default/admin/polleditor.thtml
index 22c9918f4..a01af4a6c 100644
--- a/plugins/polls/templates/default/admin/polleditor.thtml
+++ b/plugins/polls/templates/default/admin/polleditor.thtml
@@ -53,11 +53,13 @@
       </fieldset>
 
       <div class="submit">
-        <input type="submit" name="mode" value="{lang_save}" class="submit"{xhtml}>
-        <input type="submit" name="mode" value="{lang_cancel}" class="submit"{xhtml}>
-        {delete_option}
+        <button type="submit" name="mode" value="{lang_save}" class="uk-button uk-button-primary">{lang_save}</button>
+{!if allow_delete}
+        <button type="submit" name="mode" value="{lang_delete}" class="uk-button uk-button-danger" onclick="return confirm('{confirm_message}');">{lang_delete}</button>
+{!endif}
+        <button type="submit" name="mode" value="{lang_cancel}" class="uk-button">{lang_cancel}</button>
         <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
-        <input type="hidden" value="{poll_id}" name="old_pid"{xhtml}>
+        <input type="hidden" name="old_pid" value="{poll_id}"{xhtml}>
       </div>
     </div>
   </form>
diff --git a/plugins/polls/templates/default/pollblock.thtml b/plugins/polls/templates/default/pollblock.thtml
index 8d8daecc8..d579809cc 100644
--- a/plugins/polls/templates/default/pollblock.thtml
+++ b/plugins/polls/templates/default/pollblock.thtml
@@ -4,9 +4,9 @@
 <form action="{poll_vote_url}" name="Vote" method="post" class="uk-form">
     <div>
     <input type="hidden" name="pid" value="{poll_id}"{xhtml}>
-            {poll_questions}
+        {poll_questions}
         <span class="pluginTinyText">{poll_notification}</span><br{xhtml}>
-        <input type="submit" value="{lang_vote}"{xhtml}>
+        <button type="submit" value="{lang_vote}" class="uk-button">{lang_vote}</button>
         {poll_results}
     </div>
 </form>
diff --git a/plugins/spamx/BaseAdmin.class.php b/plugins/spamx/BaseAdmin.class.php
index 95cbba478..9b399459f 100644
--- a/plugins/spamx/BaseAdmin.class.php
+++ b/plugins/spamx/BaseAdmin.class.php
@@ -289,8 +289,9 @@ protected function getWidget()
                  . '/plugins/spamx/index.php?command=' . $this->command . '">' . LB
                  . '<div><input type="text" size="31" name="pentry"' . XHTML
                  . '>&nbsp;&nbsp;&nbsp;'
-                 . '<input type="submit" name="paction" value="'
-                 . $LANG_SX00['addentry'] . '"' . XHTML . '>' . LB
+                 . '<button type="submit" name="paction" value="'
+                 . $LANG_SX00['addentry'] . '" class="uk-button">'
+                 . $LANG_SX00['addentry'] . '</button>' . LB
                  . '<input type="hidden" name="' . CSRF_TOKEN
                  . '" value="' . $this->csrfToken . '"' . XHTML . '>' . LB
                  . '</div></form>' . LB;
diff --git a/plugins/spamx/EditHeader.Admin.class.php b/plugins/spamx/EditHeader.Admin.class.php
index f4816171f..a06c5bffc 100644
--- a/plugins/spamx/EditHeader.Admin.class.php
+++ b/plugins/spamx/EditHeader.Admin.class.php
@@ -61,8 +61,9 @@ protected function getWidget()
                  .  '<td><input type="text" size="40" name="header-value"'
                  .  XHTML . '> e.g. <tt>Mozilla</tt></td></tr>' . LB
                  .  '</table>' . LB
-                 .  '<p><input type="submit" name="paction" value="'
-                 .  $LANG_SX00['addentry'] . '"' . XHTML . '>'
+                 .  '<p><button type="submit" name="paction" value="'
+                 .  $LANG_SX00['addentry'] . '" class="uk-button">'
+                 .  $LANG_SX00['addentry'] . '</button>' . LB
                  .  '<input type="hidden" name="' . CSRF_TOKEN
                  .  '" value="' . $this->csrfToken . '"' . XHTML . '></p>' . LB
                  .  '</form>' . LB;
diff --git a/plugins/spamx/MassDelTrackback.Admin.class.php b/plugins/spamx/MassDelTrackback.Admin.class.php
index a7fb29b32..f7153ce0c 100644
--- a/plugins/spamx/MassDelTrackback.Admin.class.php
+++ b/plugins/spamx/MassDelTrackback.Admin.class.php
@@ -132,8 +132,9 @@ public function display()
             $display .= $LANG_SX00['note4'];
             $display .= $LANG_SX00['note5'];
             $display .= $LANG_SX00['note6'] . LB;
-            $display .= '<input type="submit" name="action" value="'
-                     . $LANG_SX00['deletespam'] . '"' . XHTML . '>' . LB;
+            $display .= '<button type="submit" name="action" value="'
+                     . $LANG_SX00['deletespam'] . '" class="uk-button">'
+                     . $LANG_SX00['deletespam'] . '</button>' . LB;
             $display .= '<input type="hidden" name="' . CSRF_TOKEN
                      . "\" value=\"{$token}\"" . XHTML . '>' . LB;
             $display .= '</div></form>' . LB;
diff --git a/plugins/spamx/MassDelete.Admin.class.php b/plugins/spamx/MassDelete.Admin.class.php
index 2d6b6b69f..de94d0a6f 100644
--- a/plugins/spamx/MassDelete.Admin.class.php
+++ b/plugins/spamx/MassDelete.Admin.class.php
@@ -127,8 +127,9 @@ public function display()
             $display .= $LANG_SX00['note4'];
             $display .= $LANG_SX00['note5'];
             $display .= $LANG_SX00['note6'] . LB;
-            $display .= '<input type="submit" name="action" value="'
-                     . $LANG_SX00['deletespam'] . '"' . XHTML . '>' . LB;
+            $display .= '<button type="submit" name="action" value="'
+                     . $LANG_SX00['deletespam'] . '" class="uk-button">'
+                     . $LANG_SX00['deletespam'] . '</button>' . LB;
             $display .= '<input type="hidden" name="' . CSRF_TOKEN
                  . "\" value=\"{$token}\"" . XHTML . '>' . LB;
             $display .= '</div></form>' . LB;
diff --git a/plugins/staticpages/templates/default/admin/editor.thtml b/plugins/staticpages/templates/default/admin/editor.thtml
index 2381f753c..8ee1370f7 100644
--- a/plugins/staticpages/templates/default/admin/editor.thtml
+++ b/plugins/staticpages/templates/default/admin/editor.thtml
@@ -117,9 +117,11 @@
       </fieldset>
 
       <div class="submit">
-        <input type="submit" value="{lang_save}" name="mode" class="submit"{xhtml}>
-        <input type="submit" value="{lang_cancel}" name="mode" class="submit"{xhtml}>
-        {delete_option}
+        <button type="submit" name="mode" value="{lang_save}" class="uk-button uk-button-primary">{lang_save}</button>
+{!if allow_delete}
+        <button type="submit" name="mode" value="{lang_delete}" class="uk-button uk-button-danger" onclick="return confirm('{confirm_message}');">{lang_delete}</button>
+{!endif}
+        <button type="submit" name="mode" value="{lang_cancel}" class="uk-button">{lang_cancel}</button>
         <input type="hidden" name="sp_old_id" value="{sp_old_id}"{xhtml}>
         <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
       </div>
diff --git a/plugins/staticpages/templates/default/admin/editor_advanced.thtml b/plugins/staticpages/templates/default/admin/editor_advanced.thtml
index 58dee6694..cb7d423d0 100644
--- a/plugins/staticpages/templates/default/admin/editor_advanced.thtml
+++ b/plugins/staticpages/templates/default/admin/editor_advanced.thtml
@@ -150,9 +150,11 @@
       </fieldset>
 
       <div class="submit">
-        <input type="submit" value="{lang_save}" name="mode" class="submit"{xhtml}>
-        <input type="submit" value="{lang_cancel}" name="mode" class="submit"{xhtml}>
-        {delete_option}
+        <button type="submit" name="mode" value="{lang_save}" class="uk-button uk-button-primary">{lang_save}</button>
+{!if allow_delete}
+        <button type="submit" name="mode" value="{lang_delete}" class="uk-button uk-button-danger" onclick="return confirm('{confirm_message}');">{lang_delete}</button>
+{!endif}
+        <button type="submit" name="mode" value="{lang_cancel}" class="uk-button">{lang_cancel}</button>
         <input type="hidden" name="sp_old_id" value="{sp_old_id}"{xhtml}>
         <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
       </div>
diff --git a/public_html/images/facebook-login-icon.png b/public_html/images/facebook-login-icon.png
index 2c6824059..10bfc560b 100644
Binary files a/public_html/images/facebook-login-icon.png and b/public_html/images/facebook-login-icon.png differ
diff --git a/public_html/images/google-login-icon.png b/public_html/images/google-login-icon.png
index c1c0d1205..75f5a5276 100644
Binary files a/public_html/images/google-login-icon.png and b/public_html/images/google-login-icon.png differ
diff --git a/public_html/images/linkedin-login-icon.png b/public_html/images/linkedin-login-icon.png
index 9d998a6b6..e2b0c05bd 100644
Binary files a/public_html/images/linkedin-login-icon.png and b/public_html/images/linkedin-login-icon.png differ
diff --git a/public_html/images/microsoft-login-icon.png b/public_html/images/microsoft-login-icon.png
index 66fdbe949..e6293dd70 100644
Binary files a/public_html/images/microsoft-login-icon.png and b/public_html/images/microsoft-login-icon.png differ
diff --git a/public_html/images/twitter-login-icon.png b/public_html/images/twitter-login-icon.png
index 5f0dc0cb6..694cee207 100644
Binary files a/public_html/images/twitter-login-icon.png and b/public_html/images/twitter-login-icon.png differ
diff --git a/public_html/images/yahoo-login-icon.png b/public_html/images/yahoo-login-icon.png
index 333363149..7c166db97 100644
Binary files a/public_html/images/yahoo-login-icon.png and b/public_html/images/yahoo-login-icon.png differ
diff --git a/public_html/layout/default/README b/public_html/layout/default/README
new file mode 100644
index 000000000..72b77e86d
--- /dev/null
+++ b/public_html/layout/default/README
@@ -0,0 +1,60 @@
+
+// +---------------------------------------------------------------------------+
+// | Geeklog 2.1.1                                                             |
+// +---------------------------------------------------------------------------+
+// | Default Geeklog Theme                                                     |
+// +---------------------------------------------------------------------------+
+// | Copyright (C) 2012-2016 by the following authors:                         |
+// |                                                                           |
+// | Authors: Tetsuko Komma - http://www.ivywe.co.jp/                          |
+// |                                                                           |
+// | Horizon theme is based on prior work by:                                  |
+// | Authors: Fumito Arakawa   - http://phize.net/                             |
+// |          Geeklog Japan    - http://www.geeklog.jp/                        |
+// |          Yoshinori Tahara - taharaxp AT gmail DOT com                     |
+// +---------------------------------------------------------------------------+
+// |                                                                           |
+// | This program is free software; you can redistribute it and/or             |
+// | modify it under the terms of the GNU General Public License               |
+// | as published by the Free Software Foundation; either version 2            |
+// | of the License, or (at your option) any later version.                    |
+// |                                                                           |
+// | This program is distributed in the hope that it will be useful,           |
+// | but WITHOUT ANY WARRANTY; without even the implied warranty of            |
+// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the             |
+// | GNU General Public License for more details.                              |
+// |                                                                           |
+// | You should have received a copy of the GNU General Public License         |
+// | along with this program; if not, write to the Free Software Foundation,   |
+// | Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.           |
+// |                                                                           |
+// +---------------------------------------------------------------------------+
+
+
+/*==============================================================================
+  Pofile
+==============================================================================*/
+
+Geeklog theme using HTML5 + CSS 3.0 + UIkit and eliminate table tags.
+This theme is adopted the Responsive Web Design.
+This theme is mobile friendly.
+
+
+/*==============================================================================
+  Basic Markup
+==============================================================================*/
+
+Basic markup is following:
+
+<div id="container">
+    <header id="header">Header</header>
+    <nav id="navigation">Navigation</nav>
+    <div id="wrapper">
+        <div id="centerblocks">
+            <main id="main-content">Main Content</main>
+        </div>
+        <div id="leftblocks">Left Blocks</div>
+        <div id="rightblocks">Right Blocks</div>
+    </div>
+    <footer id="footer">Footer</footer>
+</div>
diff --git a/public_html/layout/default/admin/block/blockeditor.thtml b/public_html/layout/default/admin/block/blockeditor.thtml
new file mode 100644
index 000000000..1a6fb866d
--- /dev/null
+++ b/public_html/layout/default/admin/block/blockeditor.thtml
@@ -0,0 +1,156 @@
+{# begin {templatelocation} #}
+
+{start_block_editor}
+<form action="{site_admin_url}/block.php" method="post" id="admin-blockeditor" class="uk-form uk-form-horizontal">
+
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-title">{lang_blocktitle}</label>
+        <div class="uk-form-controls">
+      <input type="text" value="{block_title}" name="title" id="admin-blockeditor-title" class="uk-form-width-medium" required{xhtml}>
+    </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-is_enabled">{lang_enabled}</label>
+        <div class="uk-form-controls">
+      <input type="checkbox" {is_enabled} name="is_enabled" id="admin-blockeditor-is_enabled"{xhtml}>
+    </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-help">{lang_blockhelpurl}</label>
+        <div class="uk-form-controls">
+            <input type="text" value="{block_help}" name="help" id="admin-blockeditor-help" class="uk-form-width-medium" describedby="admin-blockeditor-d1 admin-blockeditor-d2"{xhtml}>
+            <span class="uk-form-help-inline" id="admin-blockeditor-d1">{lang_includehttp}</span>
+            <span class="uk-form-help-inline" id="admin-blockeditor-d2">{lang_explanation}</span>
+        </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-name">{lang_blockname}</label>
+        <div class="uk-form-controls"><input type="text" value="{block_name}" name="name" id="admin-blockeditor-name" class="uk-form-width-medium" describedby="admin-blockeditor-d3" required{xhtml}>
+            <span class="uk-form-help-inline" id="admin-blockeditor-d3">{lang_nospaces}</span>
+        </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label">{lang_topic}</label>
+        <div class="uk-form-controls">{topic_selection}</div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-onleft">{lang_side}</label>
+        <div class="uk-form-controls">
+            <select name="onleft" id="admin-blockeditor-onleft">
+                <option value="1" {left_selected}>{lang_left}</option>
+                <option value="0" {right_selected}>{lang_right}</option>
+            </select>
+        </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-blockorder">{lang_blockorder}</label>
+        <div class="uk-form-controls">
+            <input type="text" value="{block_order}" name="blockorder" id="admin-blockeditor-blockorder" class="uk-form-width-mini" aria-describedby="admin-blockeditor-d4"{xhtml}>
+            <span class="uk-form-help-inline" id="admin-blockeditor-d4">0-9999</span>
+        </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-type">{lang_blocktype}</label>
+        <div class="uk-form-controls">
+            <select name="type" id="admin-blockeditor-type">
+                <option value="normal" {normal_selected}>{lang_normalblock}</option>
+                <option value="phpblock" {php_selected}>{lang_phpblock}</option>
+                <option value="portal" {portal_selected}>{lang_portalblock}</option>
+            </select>
+        </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-cachetime">{lang_cachetime}</label>
+        <div class="uk-form-controls"><input type="text" size="8" value="{cache_time}" name="cache_time" id="admin-blockeditor-cachetime" class="uk-form-width-small" aria-describedby="admin-blockeditor-d5"{xhtml}>
+            <span class="uk-form-help-inline" id="admin-blockeditor-d5">{lang_cachetime_desc}</span>
+        </div>
+    </div>
+
+    <fieldset id="fs-phpblock-options" class="uk-margin-large-top">
+        <legend>{lang_phpblockoptions}</legend>
+
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-phpblockfn">{lang_blockfunction}</label>
+        <div class="uk-form-controls"><input type="text" maxlength="50" value="{block_phpblockfn}" name="phpblockfn" id="admin-blockeditor-phpblockfn" class="uk-form-width-medium" aria-describedby="admin-blockeditor-d6"{xhtml}>
+            <span class="uk-form-help-inline" id="admin-blockeditor-d6">{lang_phpblockwarning}</span>
+        </div>
+    </div>
+
+    </fieldset>
+
+    <fieldset id="fs-portal-options" class="uk-margin-large-top">
+        <legend>{lang_portalblockoptions}</legend>
+
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-rdfurl">{lang_rdfurl}</label>
+        <div class="uk-form-controls">
+      <input type="text" maxlength="{max_url_length}" value="{block_rdfurl}" name="rdfurl" id="admin-blockeditor-rdfurl" class="uk-form-width-medium"{xhtml}>
+    </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-rdflimit">{lang_rdflimit}</label>
+        <div class="uk-form-controls"><input type="text" maxlength="3" value="{block_rdflimit}" name="rdflimit" id="admin-blockeditor-rdflimit" class="uk-form-width-mini"{xhtml}></div>
+
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-rdfupdated">{lang_lastrdfupdate}</label>
+        <div class="uk-form-controls">
+      <input type="text" value="{block_rdfupdated}" name="rdfupdated" id="admin-blockeditor-rdfupdated" class="uk-form-width-medium"{xhtml}>
+    </div>
+    </div>
+
+    </fieldset>
+
+    <fieldset id="fs-normal-options" class="uk-margin-large-top">
+        <legend>{lang_normalblockoptions}</legend>
+
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-content">{lang_blockcontent}</label>
+        <div class="uk-form-controls"><textarea cols="40" rows="12" name="content" id="admin-blockeditor-content" class="uk-width-1-1" aria-describedby="admin-blockeditor-d7">{block_content}</textarea>
+            <span class="uk-form-help-inline" id="admin-blockeditor-d7">{lang_allowed_html}</span>
+      </div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-blockeditor-allow_autotags">{lang_autotags}</label>
+        <div class="uk-form-controls">
+            <input type="checkbox" name="allow_autotags" id="admin-blockeditor-allow_autotags" {allow_autotags} aria-describedby="admin-blockeditor-d8"{xhtml}><span class="uk-form-help-inline" id="admin-blockeditor-d8">{lang_use_autotags}</span>
+        </div>
+    </div>
+    </fieldset>
+
+    <fieldset class="uk-margin-large-top">
+        <legend>{lang_accessrights}</legend>
+
+    <div class="uk-form-row">
+        <label class="uk-form-label">{lang_owner}</label>
+        <div class="uk-form-controls">{owner_username}</div>
+    </div>
+    <div class="uk-form-row">
+        <label class="uk-form-label" for="group_id">{lang_group}</label>
+        <div class="uk-form-controls">{group_dropdown}</div>
+    </div>
+    <div class="uk-form-row">
+        <div class="uk-form-controls">{lang_permissions}</div>
+        <div class="uk-form-controls">{permissions_editor}
+            <span class="uk-form-help-inline">{lang_perm_key}</span>
+            <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+        </div>
+    </div>
+
+    </fieldset>
+
+        <div class="uk-form-row uk-margin-large-top">
+            <div class="uk-form-controls">
+                <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+                <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+                <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+                <input type="hidden" name="bid" value="{block_bid}"{xhtml}>
+                <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+                {delete_option}
+            </div>
+        </div>
+
+</form>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/block/defaultblockeditor.thtml b/public_html/layout/default/admin/block/defaultblockeditor.thtml
new file mode 100644
index 000000000..3fb4b86e9
--- /dev/null
+++ b/public_html/layout/default/admin/block/defaultblockeditor.thtml
@@ -0,0 +1,91 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/block.php" method="post" id="admin-blockeditor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-blockeditor-title">{lang_blocktitle}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="title" value="{block_title}" id="admin-blockeditor-title" class="uk-width-1-1" required{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-blockeditor-is_enabled">{lang_enabled}</label>
+    <div class="uk-form-controls"><input type="checkbox" name="is_enabled" {is_enabled} id="admin-blockeditor-is_enabled"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-blockeditor-help">{lang_blockhelpurl}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="help" value="{block_help}" maxlength="{max_url_length}" id="admin-blockeditor-help" class="uk-form-width-medium" aria-describedby="admin-blockeditor-d1 admin-blockeditor-d2"{xhtml}>
+      <span class="uk-form-help-inline" id="admin-blockeditor-d1">{lang_includehttp}</span>
+      <span class="uk-form-help-inline" id="admin-blockeditor-d2">{lang_explanation}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_blockname}</label>
+    <div class="uk-form-controls">
+      {block_name}
+      <input type="hidden" name="name" value="{block_name}" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_topic}</label>
+    <div class="uk-form-controls">
+      {topic_selection}
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-blockeditor-onleft">{lang_side}</label>
+    <div class="uk-form-controls">
+      <select name="onleft" id="admin-blockeditor-onleft">
+        <option value="1" {left_selected}>{lang_left}</option>
+        <option value="0" {right_selected}>{lang_right}</option>
+      </select>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-blockeditor-blockorder">{lang_blockorder}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="blockorder" value="{block_order}" id="admin-blockeditor-blockorder" class="uk-form-width-mini" aria-describedby="admin-blockeditor-d3"{xhtml}>
+<span class="uk-form-help-inline" id="admin-blockeditor-d3">0 - 9999{lang_blocktype}</span>
+    </div>
+  </div>
+  <input type="hidden" name="type" value="gldefault"{xhtml}>
+
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_accessrights}</legend>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_owner}</label>
+      <div class="uk-form-controls">{owner_name}
+        <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="group_id">{lang_group}</label>
+      <div class="uk-form-controls">
+        {group_dropdown}
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_permissions}</label>
+      <div class="uk-form-controls">{permissions_editor}
+        <span class="uk-form-help-inline">{lang_perm_key}</span>
+        <span class="uk-form-help-inline">{permissions_msg}</span>
+      </div>
+    </div>
+
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+      <input type="hidden" name="bid" value="{block_id}"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
+
diff --git a/public_html/layout/default/admin/block/index.html b/public_html/layout/default/admin/block/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/commandcontrol.thtml b/public_html/layout/default/admin/commandcontrol.thtml
new file mode 100644
index 000000000..7b39329ec
--- /dev/null
+++ b/public_html/layout/default/admin/commandcontrol.thtml
@@ -0,0 +1,19 @@
+{# begin {templatelocation} #}
+
+{cc_groups}
+
+<!-- BEGIN ccgroup -->
+<h2>{lang_group}</h2>
+
+<ul class="admin-commandcontrol uk-clearfix">
+{cc_rows}
+</ul>
+<!-- END ccgroup -->
+<!-- BEGIN ccrow -->
+{cc_main_options}
+<!-- END ccrow -->
+<!-- BEGIN ccitem -->
+<li><a href="{page_url}" style="text-align:center"{target}><img src="{page_image}" style="display:block;margin:5px auto" alt=""{xhtml}>{option_label}</a></li>
+<!-- END ccitem -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/common/edit_permissions.thtml b/public_html/layout/default/admin/common/edit_permissions.thtml
new file mode 100644
index 000000000..9365f54b2
--- /dev/null
+++ b/public_html/layout/default/admin/common/edit_permissions.thtml
@@ -0,0 +1,25 @@
+{# begin {templatelocation} #}
+
+<table id="admin-permissions" class="uk-table uk-margin-remove uk-table-striped gl-tablelist-remove" style="width:100%; max-width:480px;">
+  <thead>
+    <tr>
+      <th class="uk-text-nowrap uk-text-center" colspan="2" style="width:25%">{lang_owner}</th>
+      <th class="uk-text-nowrap uk-text-center" colspan="2" style="width:25%">{lang_group}</th>
+      <th class="uk-text-nowrap uk-text-center" style="width:25%">{lang_members}</th>
+      <th class="uk-text-nowrap uk-text-center" style="width:25%">{lang_anonymous}</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td class="uk-text-center">R<br{xhtml}><input type="checkbox" name="perm_owner[]" value="2"{owner_r_checked}{xhtml}></td>
+      <td class="uk-text-center">E<br{xhtml}><input type="checkbox" name="perm_owner[]" value="1"{owner_e_checked}{xhtml}></td>
+      <td class="uk-text-center">R<br{xhtml}><input type="checkbox" name="perm_group[]" value="2"{group_r_checked}{xhtml}></td>
+      <td class="uk-text-center">E<br{xhtml}><input type="checkbox" name="perm_group[]" value="1"{group_e_checked}{xhtml}></td>
+      <td class="uk-text-center">R<br{xhtml}><input type="checkbox" name="perm_members[]" value="2"{members_checked}{xhtml}></td>
+      <td class="uk-text-center">R<br{xhtml}><input type="checkbox" name="perm_anon[]" value="2"{anon_checked}{xhtml}></td>
+    </tr>
+  </tbody>
+</table>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/common/edit_topics.thtml b/public_html/layout/default/admin/common/edit_topics.thtml
new file mode 100644
index 000000000..79d4d9fd1
--- /dev/null
+++ b/public_html/layout/default/admin/common/edit_topics.thtml
@@ -0,0 +1,33 @@
+{# begin {templatelocation} #}
+
+<div id="panel_radio_options" style="vertical-align:top;{options_hide}">
+  <input type="hidden" name="topic_options_hide" value="{topic_options_hide}"{xhtml}>
+  <input type="radio" name="topic_option" value="all" id="topic_option_all" {all_checked}{xhtml}> {lang_all}
+  <input type="radio" name="topic_option" value="homeonly" id="topic_option_homeonly" {homeonly_checked}{xhtml}> {lang_homeonly}
+  <span style="{topic_option_hide}"><input type="radio" name="topic_option" id="topic_option_selectedtopics" value="selectedtopics" {selectedtopics_checked}{xhtml}></span> {lang_selected}
+</div>
+<div id="panel_topic_options" style="vertical-align:top;width:38%;display:inline-block;{topic_hide}">
+  <div>{lang_assigned}:</div>
+  <select name="tid[]" multiple="multiple" class="multiple" size="4" id="tid" style="width:98%;">
+    {topic_options}
+  </select>
+</div>
+<div id="panel_inherit_options" style="vertical-align:top;width:28%;display:inline-block;{inherit_hide}">
+  <input type="hidden" name="topic_inherit_hide" value="{topic_inherit_hide}"{xhtml}>
+  <div style="vertical-align:top;" id="panel_inherit_d1">{lang_inherit}:</div>
+  <select name="inherit_tid[]" multiple="multiple" class="multiple" size="4" id="inherit_tid" style="width:98%;" aria-describedby="panel_inherit_d1">
+    {inherit_options}
+  </select>
+</div>
+<div id="panel_default_options" style="vertical-align:top;width:28%;display:inline-block;{default_hide}">
+  <input type="hidden" name="topic_default_hide" value="{topic_default_hide}"{xhtml}>
+  <div style="vertical-align:top;" id="panel_default_d2">{lang_default}:</div>
+  <select name="default_tid" id="default_tid" style="width:98%;" aria-describedby="panel_default_d2">
+    {default_options}
+  </select>
+</div>
+<div style="{info_hide}">
+  <p class="uk-margin-top">{topic_info}</p>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/common/index.html b/public_html/layout/default/admin/common/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/config/config_element.thtml b/public_html/layout/default/admin/config/config_element.thtml
new file mode 100644
index 000000000..3433925e7
--- /dev/null
+++ b/public_html/layout/default/admin/config/config_element.thtml
@@ -0,0 +1,79 @@
+{# begin {templatelocation} #}
+
+<!-- BEGIN validation_error_block -->
+<div class="validation_error_block"><span></span>{validation_error_message}</div>
+<!-- END validation_error_block -->
+
+<!-- BEGIN delete-button -->
+<input type="button" class="del-link" value="x" onclick="gl_cfg_remove(this);"{xhtml}>
+<!-- END delete-button -->
+
+<!-- BEGIN text-element -->
+<tr id="config_{id_name}" class="config_name"><td class="uk-text-right">{display_name} {doc_link} {unset_link}</td>
+<td>
+<input type="text" class="opt{error_class}" name="{name}" style="width:300px" value="{value}"{xhtml}>
+{delete}{error_block}
+</td></tr>
+<!-- END text-element -->
+
+<!-- BEGIN text-area -->
+<tr id="config_{id_name}" class="config_name"><td class="uk-text-right">{display_name} {doc_link} {unset_link}</td>
+<td>
+<textarea class="opt{error_class}" name="{name}" style="width:300px" cols="3" rows="3">{value}</textarea>
+{delete}{error_block}
+</td></tr>
+<!-- END text-area -->
+
+<!-- BEGIN placeholder-element -->
+<tr id="config_{id_name}" class="config_name"><td class="uk-text-right">{display_name}</td><td>
+<input type="hidden" name="{name}" value="{value}"{xhtml}>
+{delete}
+</td></tr>
+<!-- END placeholder-element -->
+
+<!-- BEGIN select-element -->
+<tr{hide_row} id="config_{id_name}" class="config_name"><td class="uk-text-right">{display_name} {doc_link} {unset_link}</td>
+<td>
+<select name="{name}" class="opt{error_class}">
+  <!-- BEGIN select-options -->
+    <option {selected} value="{opt_value}">{opt_name}</option>
+  <!-- END select-options -->
+</select>
+{delete}{error_block}
+</td></tr>
+<!-- END select-element -->
+
+<!-- BEGIN unset-param -->
+<tr id="config_{id_name}" class="config_name"><td class="uk-text-right">{display_name} {doc_link}</td>
+<td><a href="#{name}" class="restore_param">{lang_enable}</a></td>
+</tr>
+<!-- END unset-param -->
+
+<!-- BEGIN list-element -->
+<tr id="config_{id_name}" class="config_name"><td class="uk-text-right" style="vertical-align:top">{display_name} {doc_link} {unset_link}</td>
+<td>
+<input type="button" value="+" onclick="hide_show_toggle('#arr_{id_name}', this);"{xhtml}>
+{delete}
+<input type="hidden" value="true" name="{name}[placeholder]"{xhtml}>
+<table style="display:none" id="arr_{id_name}" class="{arr_table_class_list}">
+<col width="100">
+<col width="100%">
+{my_elements}
+{my_add_element_button}
+</table>
+</td></tr>
+<!-- END list-element -->
+
+<!-- BEGIN keyed-add-button -->
+<tr id="add_{id_name}" class="config_name"><td colspan="2">
+<input type="button" value="{lang_add_element}" class="add_ele_input" onclick="handleAdd(this, '{array_type}', '{arr_name}')"{xhtml}><input style="width: 65px"{xhtml}>
+</td></tr>
+<!-- END keyed-add-button -->
+
+<!-- BEGIN unkeyed-add-button -->
+<tr id="add_{id_name}" class="config_name"><td colspan="2">
+<input type="button" value="{lang_add_element}" class="add_ele_input" onclick="handleAdd(this, '{array_type}', '{arr_name}')"{xhtml}>
+</td></tr>
+<!-- END unkeyed-add-button -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/config/config_element_2.thtml b/public_html/layout/default/admin/config/config_element_2.thtml
new file mode 100644
index 000000000..e0bfb9819
--- /dev/null
+++ b/public_html/layout/default/admin/config/config_element_2.thtml
@@ -0,0 +1,78 @@
+{# begin {templatelocation} #}
+
+<!-- BEGIN validation_error_block -->
+<div class="validation_error_block"><span></span>{validation_error_message}</div>
+<!-- END validation_error_block -->
+
+<!-- BEGIN delete-button -->
+<input type="button" class="del-link" value="x" onclick="gl_cfg_remove(this);"{xhtml}>
+<!-- END delete-button -->
+
+<!-- BEGIN text-element -->
+<div{hide_row} class="config_name"><div class="config_label">{display_name} {doc_link} {unset_link}</div>
+<input type="hidden" value="true" name="{name}[nameholder]"{xhtml}>
+<input type="text" class="opt{error_class}" name="{name}" value="{value}"{xhtml}>
+{delete}{error_block}
+</div>
+<!-- END text-element -->
+
+<!-- BEGIN text-area -->
+<div class="config_name"><div class="config_label">{display_name} {doc_link} {unset_link}</div>
+<input type="hidden" value="true" name="{name}[nameholder]"{xhtml}>
+<textarea class="opt{error_class}" name="{name}" cols="3" rows="3">{value}</textarea>
+{delete}{error_block}
+</div>
+<!-- END text-area -->
+
+<!-- BEGIN placeholder-element -->
+<div{hide_row} class="config_name"><div class="config_label">{display_name}</div>
+<input type="hidden" value="true" name="{name}[nameholder]"{xhtml}>
+<input type="hidden" class="opt{error_class}" name="{name}" value="{value}"{xhtml}>
+{delete}
+</div>
+<!-- END placeholder-element -->
+
+<!-- BEGIN select-element -->
+<div{hide_row} class="config_name"><div class="config_label">{display_name} {doc_link} {unset_link}</div>
+<input type="hidden" value="true" name="{name}[nameholder]"{xhtml}>
+<select name="{name}" class="opt{error_class}">
+  <!-- BEGIN select-options -->
+    <option {selected} value="{opt_value}">{opt_name}</option>
+  <!-- END select-options -->
+</select>
+{delete}{error_block}
+</div>
+<!-- END select-element -->
+
+<!-- BEGIN unset-param -->
+<div class="config_name"><div class="config_label">{display_name} {doc_link}</div>
+<div class="restore"><a href="#{name}" class="restore_param">{lang_enable}</a></div>
+</div>
+<!-- END unset-param -->
+
+<!-- BEGIN list-element -->
+<div{hide_row} class="config_name"><div class="config_label" style="vertical-align:top">{display_name} {doc_link} {unset_link}</div>
+<input type="button" value="+" class="toggle_hidden" onclick="toggleHidden('arr_{id_name}', this);"{xhtml}>
+{delete}
+<input type="hidden" value="true" name="{name}[nameholder]"{xhtml}>
+<div style="display:none" id="arr_{id_name}" class="{arr_class_list}">
+{my_elements}
+{my_add_element_button}
+</div>
+</div>
+<!-- END list-element -->
+
+<!-- BEGIN keyed-add-button -->
+<div id="add_{id_name}" class="config_name">
+<input type="button" value="{lang_add_element}" class="add_ele_input" onclick="handleAdd(this, '{array_type}', '{arr_name}')"{xhtml}>
+<input type="text" style="width: 65px"{xhtml}>
+</div>
+<!-- END keyed-add-button -->
+
+<!-- BEGIN unkeyed-add-button -->
+<div id="add_{id_name}" class="config_name">
+<input type="button" value="{lang_add_element}" class="add_ele_input" onclick="handleAdd(this, '{array_type}', '{arr_name}')"{xhtml}>
+</div>
+<!-- END unkeyed-add-button -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/config/configuration.thtml b/public_html/layout/default/admin/config/configuration.thtml
new file mode 100644
index 000000000..eaa52e197
--- /dev/null
+++ b/public_html/layout/default/admin/config/configuration.thtml
@@ -0,0 +1,72 @@
+{# begin {templatelocation} #}
+
+{noscript}
+<div id="geeklog_config_editor" style="display:none;">
+  <form method="post" action="{site_admin_url}/configuration.php" name="group" class="uk-form uk-form-horizontal">
+    <div>
+      <input type="hidden" value="{open_group}" name="conf_group"{xhtml}>
+      <input type="hidden" value="" name="subgroup"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </form>
+
+  <div id="config_menu">
+    <section id="search-configuration-container" class="uk-form" role="search">
+      <h2 class="block-title" id="config-menu-ttl">{search_configuration_label}</h2>
+      <input name="search-configuration" id="search-configuration" type="text" value="{search_configuration_value}" aria-describedby="config-menu-ttl"{xhtml}>
+      <input name="tab-id" id="tab-id" type="hidden" value="{tab_id_value}"{xhtml}>
+    </section>
+    {config_menu}
+  </div>
+
+  <div id="config_content">
+
+    <div class="saved_message{error_validation_class}" style="display:{show_changeblock}">
+      {lang_changes_made}
+      {lang_error_validation_occurs}
+      {change_block}
+    </div>
+
+    <div id="config_main">
+      <form action="{site_admin_url}/configuration.php" method="post" name="subgroup" class="uk-form uk-form-horizontal">
+        <div>
+            <input type="hidden" name="conf_group" value="{open_group}"{xhtml}>
+            <input type="hidden" name="sub_group" value="{open_sg}"{xhtml}>
+            <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+            <input type="hidden" name="form_submit" value="true"{xhtml}>
+        </div>
+        <div id="tabs">
+
+            {tab_li}
+
+            <!-- BEGIN tab -->
+            <div id="{tab_id}" style="clear:left">
+
+                <!-- BEGIN notes -->
+                <div class="notes">
+                    <h3>{tab_display}</h3>
+                    <p class="last">{tab_help}</p>
+                    <span class="uk-text-warning uk-text-small">{tab_warning}</span>
+                </div>
+                <!-- END notes -->
+
+                {tab_contents}
+
+            </div>
+            <!-- END tab -->
+
+        </div>
+
+        <div id="bottom_buttons" class="uk-form-row uk-margin-large-top">
+          <div class="uk-form-controls">
+              <input type="submit" id="save_changes" value="{lang_save_changes}" class="uk-button uk-form-width-medium"{xhtml}>
+              <input type="submit" id="form_reset" name="form_reset" value="{lang_reset_form}" class="uk-button"{xhtml}>
+          </div>
+        </div>
+
+      </form>
+    </div>
+  </div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/config/index.html b/public_html/layout/default/admin/config/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/config/menu_element.thtml b/public_html/layout/default/admin/config/menu_element.thtml
new file mode 100644
index 000000000..12897e95b
--- /dev/null
+++ b/public_html/layout/default/admin/config/menu_element.thtml
@@ -0,0 +1,13 @@
+{# begin {templatelocation} #}
+
+<li><a href="#" onclick='open_group("{group_select_value}");return false;'>{group_display}</a>
+    <ul>
+<!-- BEGIN subgroup-selector -->
+   <li>
+     <a  href="#" {select_id} onclick='open_subgroup("{group_select_value}","{subgroup_name}");return false;'>{subgroup_display_name}</a>
+   </li>
+<!-- END subgroup-selector -->
+    </ul>
+</li>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/envcheck.thtml b/public_html/layout/default/admin/envcheck.thtml
new file mode 100644
index 000000000..d6cbd749b
--- /dev/null
+++ b/public_html/layout/default/admin/envcheck.thtml
@@ -0,0 +1,22 @@
+{# begin {templatelocation} #}
+
+{php_settings_list}
+
+{graphics_list}
+
+{filesystem_list}
+
+{!if phpinfo}
+<div class="block-center">
+  {# Mimic ADMIN_simpleList function output #}
+  <h2>{lang_current_php_settings}</h2>
+  <div class="block-center-content">
+    <div id="toggle_phpinfo">{lang_showhide_phpinfo}</div>
+    <div id="panel_phpinfo">
+      {phpinfo}
+    </div>
+  </div>
+</div>
+{!endif}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/group/groupeditor.thtml b/public_html/layout/default/admin/group/groupeditor.thtml
new file mode 100644
index 000000000..ea88f4f77
--- /dev/null
+++ b/public_html/layout/default/admin/group/groupeditor.thtml
@@ -0,0 +1,74 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/group.php" method="post" id="admin-groupeditor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-groupeditor-grp_name">{lang_groupname}</label>
+    <div class="uk-form-controls">
+      {groupname_static}
+      <input type="{groupname_inputtype}" value="{group_name}" name="grp_name" id="admin-groupeditor-grp_name" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-groupeditor-grp_descr">{lang_description}</label>
+    <div class="uk-form-controls">
+      <input type="text" maxlength="255" value="{group_description}" name="grp_descr" id="admin-groupeditor-grp_descr" class="uk-width-1-1"{xhtml}>
+    </div>
+  </div>
+
+  <div{hide_adminoption}>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_admingroup}</label>
+      <div class="uk-form-controls">
+        <input type="checkbox" name="chk_grpadmin" value="1" {chk_adminuse}{xhtml}>
+        <span class="uk-form-help-inline">{lang_admingrp_msg}</span>
+      </div>
+    </div>
+  </div>
+
+  <div{hide_defaultoption}>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_defaultgroup}</label>
+      <div class="uk-form-controls">
+        <input type="checkbox" name="chk_grpdefault" id="chk1" onclick="showHide('msg1')" value="1" {chk_defaultuse}{xhtml}>
+        <span class="uk-form-help-inline">{lang_defaultgrp_msg}</span>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label"></label>
+      <div class="uk-form-controls">
+        <div style="display:none" id="msg1">
+          <input type="checkbox" name="chk_applydefault" id="chk2" value="1"{xhtml}>
+          <span class="uk-form-help-inline">{lang_applydefault_msg}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_securitygroups}</legend>
+    <div class="uk-margin">{lang_securitygroupmsg}</div>
+    <div class="uk-overflow-container uk-panel uk-panel-box">{group_options}</div>
+  </fieldset>
+
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_rights}</legend>
+    <div class="uk-margin">{lang_rightsmsg}</div>
+    <div class="uk-overflow-container uk-panel uk-panel-box">{rights_options}</div>
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+      {delete_option}
+      <input type="hidden" name="grp_gl_core" value="{group_core}"{xhtml}>
+      <input type="hidden" name="grp_id" value="{group_id}"{xhtml}>
+      <input type="hidden" name="chk_showall" value="{show_all}"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/group/groupmembers.thtml b/public_html/layout/default/admin/group/groupmembers.thtml
new file mode 100644
index 000000000..f4cb62e0f
--- /dev/null
+++ b/public_html/layout/default/admin/group/groupmembers.thtml
@@ -0,0 +1,44 @@
+{# begin {templatelocation} #}
+
+<script type="text/JavaScript" src="{site_url}/javascript/moveusers.js"></script>
+
+<form name="groupusers" action="{phpself}?group={groupid}" method="post" id="admin-groupmembers" class="uk-form uk-form-horizontal">
+
+  <div class="uk-overflow-container">
+
+    <div class="uk-flex uk-flex-center">
+      <div class="uk-margin-left" style="min-width:200px">
+        <div class="uk-text-center"><label class="uk-form-label" for="admin-groupmembers-fieldFrom">{LANG_sitemembers}</label></div>
+        <select multiple="multiple" ondblclick="moveSelectedOptions(this.form['fieldFrom'],this.form['fieldTo'],false)" name="fieldFrom" id="admin-groupmembers-fieldFrom" style="height:250px">
+          {sitemembers}
+        </select>
+      </div>
+
+      <div class="uk-margin-left uk-margin-large-top" style="min-width:50px">
+        <div class="movebutton"><input type="button" name="right" value="{LANG_add}"    onclick="moveSelectedOptions(this.form['fieldFrom'],this.form['fieldTo'],false)"{xhtml}></div>
+        <div class="movebutton"><input type="button" name="left"  value="{LANG_remove}" onclick="moveSelectedOptions(this.form['fieldTo'],this.form['fieldFrom'],false)"{xhtml}></div>
+      </div>
+
+      <div class="uk-margin-left" style="min-width:200px">
+        <div class="uk-text-center"><label class="uk-form-label" for="admin-groupmembers-fieldTo">{LANG_grpmembers}</label></div>
+        <select multiple="multiple" ondblclick="moveSelectedOptions(this.form['fieldTo'],this.form['fieldFrom'],false)" name="fieldTo" id="admin-groupmembers-fieldTo" style="height:250px">
+          {group_list}
+        </select>
+      </div>
+    </div>
+  </div>
+
+  <ul class="uk-subnav uk-flex-center uk-margin-large-top">
+    
+    <li><input type="submit" value="{lang_save}" onclick="return setUsers(this.form)" class="uk-button uk-form-width-medium"{xhtml}></li>
+    <li><input type="button" value="{lang_cancel}" onclick="javascript:history.go(-1)" class="uk-button"{xhtml}>
+    <input type="hidden" name="mode" value="savegroupusers"{xhtml}>
+    <input type="hidden" name="groupmembers"{xhtml}>
+    <input type="hidden" name="grp_id" value="{group_id}"{xhtml}>
+    <input type="hidden" name="chk_showall" value="{show_all}"{xhtml}>
+    <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}></li>
+  </ul>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/group/index.html b/public_html/layout/default/admin/group/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/index.html b/public_html/layout/default/admin/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/lists/field.thtml b/public_html/layout/default/admin/lists/field.thtml
new file mode 100644
index 000000000..67ce168ef
--- /dev/null
+++ b/public_html/layout/default/admin/lists/field.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<td {colspan}>{itemtext}</td>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/lists/header.thtml b/public_html/layout/default/admin/lists/header.thtml
new file mode 100644
index 000000000..8de38eb99
--- /dev/null
+++ b/public_html/layout/default/admin/lists/header.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<th class="uk-text-nowrap"{th_subtags}>{header_text}</th>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/lists/index.html b/public_html/layout/default/admin/lists/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/lists/inline.thtml b/public_html/layout/default/admin/lists/inline.thtml
new file mode 100644
index 000000000..fa2ecc076
--- /dev/null
+++ b/public_html/layout/default/admin/lists/inline.thtml
@@ -0,0 +1,18 @@
+{# begin {templatelocation} #}
+
+  {search_menu}
+  {formfields_top}
+  <table class="uk-table uk-table-condensed uk-table-striped uk-width-1-1" style="background:#ffffff;">
+    <tr style="background:#FFFFFF;">
+     {header_row}
+    </tr>
+    {item_row}
+  </table>
+  <div>
+    <input style="padding:5px 0px 0px 9px;{show_deleteimage}" name="delbutton" alt="delbutton" type="image" src="{layout_url}/images/deleteitem.png" title="{lang_deleteall}" onclick="return confirm('{lang_delconfirm}');"{xhtml}>
+    {formfields_bottom}
+  </div>
+  <p class="uk-text-center" style="{show_message}"><strong>{message}</strong></p>
+  {google_paging}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/lists/list.thtml b/public_html/layout/default/admin/lists/list.thtml
new file mode 100644
index 000000000..1e1f576ff
--- /dev/null
+++ b/public_html/layout/default/admin/lists/list.thtml
@@ -0,0 +1,32 @@
+{# begin {templatelocation} #}
+
+{search_menu}
+
+<form action="{form_url}" method="post" class="uk-form uk-form-horizontal">
+
+  <div>
+    {formfields_top}
+  </div>
+
+  <div class="uk-overflow-container">
+    <table class="uk-table uk-table-condensed uk-table-striped uk-width-1-1" style="background:#ffffff;">
+      <tr>{header_row}</tr>
+      {item_row}
+    </table>
+  </div>
+
+  <div class="uk-subnav uk-flex-center uk-margin-large-top" style="{show_deleteimage}">
+    <input type="image" name="delbutton" alt="delbutton" src="{layout_url}/images/deleteitem.png" title="{lang_deleteall}" onclick="return confirm('{lang_delconfirm}');"{xhtml}>
+  </div>
+
+  <div>
+    {formfields_bottom}
+  </div>
+
+</form>
+
+<p class="uk-text-center" style="{show_message}">{message}</p>
+
+{google_paging}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/lists/listitem.thtml b/public_html/layout/default/admin/lists/listitem.thtml
new file mode 100644
index 000000000..80e64ffde
--- /dev/null
+++ b/public_html/layout/default/admin/lists/listitem.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<tr>{item_field}</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/lists/searchmenu.thtml b/public_html/layout/default/admin/lists/searchmenu.thtml
new file mode 100644
index 000000000..3ca29e406
--- /dev/null
+++ b/public_html/layout/default/admin/lists/searchmenu.thtml
@@ -0,0 +1,33 @@
+{# begin {templatelocation} #}
+
+<form action="{form_url}" method="post" class="uk-form uk-margin-bottom">
+  <fieldset>
+    {# <legend>{lang_search}</legend> #}
+
+    <div class="uk-flex uk-flex-center uk-margin-top uk-margin-bottom">
+      <div class="uk-text-nowrap uk-text-bold uk-margin-left">{filter}</div>
+      <div class="uk-text-nowrap uk-text-bold uk-margin-left">{lang_search}</div>
+      <div class="uk-text-nowrap"><input type="text" size="20" value="{last_query}" name="q"{xhtml}></div>
+      <div class="uk-text-nowrap uk-text-bold uk-margin-left">{lang_limit_results}</div>
+      <div class="uk-text-nowrap">
+        <select name="query_limit">
+          <option value="10" {10_selected}>10</option>
+          <option value="20" {20_selected}>20</option>
+          <option value="50" {50_selected}>50</option>
+          <option value="75" {75_selected}>75</option>
+          <option value="100" {100_selected}>100</option>
+          <option value="200" {200_selected}>200</option>
+          <option value="500" {500_selected}>500</option>
+        </select>
+      </div>
+      <div class="uk-text-nowrap uk-text-bold uk-margin-left">{lang_records_found}</div>
+      <div class="uk-text-nowrap">{records_found}</div>
+      <div class="uk-text-nowrap uk-margin-left">
+        <input type="submit" value="{lang_submit}" class="uk-button uk-form-width-medium"{xhtml}>
+      </div>
+    </div>
+
+  </fieldset>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/lists/topmenu.thtml b/public_html/layout/default/admin/lists/topmenu.thtml
new file mode 100644
index 000000000..aa73b14ad
--- /dev/null
+++ b/public_html/layout/default/admin/lists/topmenu.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+<div id="admin-topmenu" class="uk-panel uk-panel-box">
+  {icon}
+  <div id="admin-menu-fields">
+    {menu_fields_pre}{menu_fields}{menu_fields_aft}
+  </div>
+  <div id="instructions">{lang_instructions}</div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/mail/index.html b/public_html/layout/default/admin/mail/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/mail/mailform.thtml b/public_html/layout/default/admin/mail/mailform.thtml
new file mode 100644
index 000000000..067e1f2e4
--- /dev/null
+++ b/public_html/layout/default/admin/mail/mailform.thtml
@@ -0,0 +1,55 @@
+{# begin {templatelocation} #}
+
+<form action="{php_self}" method="post" id="admin-mailform" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-mailform-to_group">{lang_to}</label>
+    <div class="uk-form-controls">
+      <select name="to_group" id="admin-mailform-to_group">
+        <option value="">{lang_selectgroup}</option>
+        {group_options}
+      </select>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-mailform-fra">{lang_from}</label>
+    <div class="uk-form-controls">
+      <input type="text" value="{site_name}" name="fra" class="uk-form-width-medium" id="admin-mailform-fra"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-mailform-fraepost">{lang_replyto}</label>
+    <div class="uk-form-controls">
+      <input type="text" value="{site_mail}" name="fraepost" class="uk-form-width-medium" id="admin-mailform-fraepost"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-mailform-subject">{lang_subject}</label>
+    <div class="uk-form-controls"><input type="text" value="{subject}" name="subject" class="uk-width-1-1" id="admin-mailform-subject" required{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-mailform-message">{lang_body}</label>
+    <div class="uk-form-controls"><textarea rows="12" cols="44" name="message" id="admin-mailform-message" class="uk-width-1-1" required>{message}</textarea>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-mailform-html">{lang_options}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="html" id="admin-mailform-html"{html}{xhtml}>{lang_HTML}
+      <input type="checkbox" name="priority"{priority}{xhtml}>{lang_urgent}
+      <input type="checkbox" name="overstyr"{overstyr}{xhtml}>{lang_ignoreusersettings}
+    </div>
+  </div>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="hidden" name="mail" value="mail"{xhtml}>
+      <input type="submit" value="{lang_send}" onclick="return postconfirm()" class="uk-button uk-form-width-medium"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/plugins/editor.thtml b/public_html/layout/default/admin/plugins/editor.thtml
new file mode 100644
index 000000000..0b2aa7797
--- /dev/null
+++ b/public_html/layout/default/admin/plugins/editor.thtml
@@ -0,0 +1,51 @@
+{# begin {templatelocation} #}
+
+{start_block_editor}
+<form action="{site_admin_url}/plugins.php" method="post" class="uk-form uk-form-horizontal">
+  <div id="admin-editor">
+    <div class="uk-form-row">
+      <label class="uk-form-label" id="title">{title}</label>
+      <div class="uk-form-controls">
+        <img src="{pi_icon}" alt=""{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_pluginname}</label>
+      <div class="uk-form-controls">{pi_display_name}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_pluginhomepage}</label>
+      <div class="uk-form-controls"><a href="{pi_homepage}" class="break-word">{pi_homepage}</a></div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_pluginversion}</label>
+      <div class="uk-form-controls">{pi_version}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_plugincodeversion}</label>
+      <div class="uk-form-controls">{pi_codeversion}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_dependencies}</label>
+      <div class="uk-form-controls">{pi_dependencies}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_load}</label>
+      <div class="uk-form-controls">{pi_load}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_enabled}</label>
+      <div class="uk-form-controls">{pi_enabled}</div>
+    </div>
+
+    <div class="uk-form-row uk-margin-large-top">
+      <div class="uk-form-controls">
+        <input type="submit" id="close" value="{back}" class="uk-button uk-form-width-medium"{xhtml}>
+      </div>
+    </div>
+
+  </div>
+</form>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/plugins/index.html b/public_html/layout/default/admin/plugins/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/plugins/info.thtml b/public_html/layout/default/admin/plugins/info.thtml
new file mode 100644
index 000000000..096d79ef7
--- /dev/null
+++ b/public_html/layout/default/admin/plugins/info.thtml
@@ -0,0 +1,48 @@
+{# begin {templatelocation} #}
+
+{start_block_editor}
+<form action="{site_admin_url}/plugins.php" method="post" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" id="title">{title}</label>
+    <div class="uk-form-controls"><img src="{pi_icon}" alt=""{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_pluginname}</label>
+    <div class="uk-form-controls">{pi_display_name}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_pluginhomepage}</label>
+    <div class="uk-form-controls">{pi_homepage}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_pluginversion}</label>
+    <div class="uk-form-controls">{pi_version}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_plugincodeversion}</label>
+    <div class="uk-form-controls">{pi_codeversion}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_dependencies}</label>
+    <div class="uk-form-controls">{pi_dependencies}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_load}</label>
+    <div class="uk-form-controls">{pi_load}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_enabled}</label>
+    <div class="uk-form-controls">{pi_enabled}</div>
+  </div>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" id="close" value="{back}" class="uk-button uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+
+</form>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/story/index.html b/public_html/layout/default/admin/story/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/story/storyeditor.japanese_utf-8.thtml b/public_html/layout/default/admin/story/storyeditor.japanese_utf-8.thtml
new file mode 100644
index 000000000..b8e645c11
--- /dev/null
+++ b/public_html/layout/default/admin/story/storyeditor.japanese_utf-8.thtml
@@ -0,0 +1,232 @@
+{# begin {templatelocation} #}
+
+<form name="frmstory" action="{site_admin_url}/story.php" method="post" enctype="multipart/form-data" id="frmstory" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_author}</label>
+    <div class="uk-form-controls">{story_author}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-title">{lang_title}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="128" {!if titletoid}onkeyup="TitleToId('admin-storyeditor-title','admin-storyeditor-sid');" {!endif}value="{story_title}" name="title" id="admin-storyeditor-title" class="uk-form-width-large" required{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-page_title">{lang_page_title}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="128" value="{page_title}" name="page_title" id="admin-storyeditor-page_title" class="uk-form-width-large"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-sid">{lang_sid}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="128" value="{story_id}" name="sid" id="admin-storyeditor-sid" class="uk-form-width-mediaum" required{xhtml}></div>
+  </div>
+  <div class="uk-form-row"{hide_meta}>
+    <label class="uk-form-label" for="admin-storyeditor-metadescription">{lang_metadescription}</label>
+    <div class="uk-form-controls"><textarea cols="70" rows="2" name="meta_description" id="admin-storyeditor-metadescription" class="uk-width-1-1">{meta_description}</textarea></div>
+  </div>
+  <div class="uk-form-row"{hide_meta}>
+    <label class="uk-form-label" for="admin-storyeditor-metakeywords">{lang_metakeywords}</label>
+    <div class="uk-form-controls"><textarea cols="70" rows="2" name="meta_keywords" id="admin-storyeditor-metakeywords" class="uk-width-1-1">{meta_keywords}</textarea></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-publish_month">{lang_date}</label>
+    <div class="uk-form-controls">
+      <select name="publish_year" id="admin-storyeditor-publish_month" aria-describedby="admin-storyeditor-j-d1">
+          {publish_year_options}
+      </select>
+      /
+      <select name="publish_month">
+          {publish_month_options}
+      </select>
+      /
+      <select name="publish_day">
+          {publish_day_options}
+      </select>&nbsp;&nbsp;
+
+      <select name="publish_hour">
+          {publish_hour_options}
+      </select>
+      :
+      <select name="publish_minute">
+          {publish_minute_options}
+      </select>
+
+      {publishampm_selection}
+  
+      <span class="uk-form-help-inline" id="admin-storyeditor-j-d1">{publish_date_explanation}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_topic}</label>
+    <div class="uk-form-controls">{topic_selection}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-show_topic_icon">{lang_show_topic_icon}</label>
+    <div class="uk-form-controls"><input type="checkbox" {show_topic_icon_checked} name="show_topic_icon" id="admin-storyeditor-show_topic_icon"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-cachetime">{lang_cachetime}</label>
+    <div class="uk-form-controls">
+      <input type="text" size="8" value="{cache_time}" name="cache_time" id="admin-storyeditor-cachetime" class="text" aria-describedby="admin-storyeditor-j-d2"{xhtml}>
+      <span class="uk-form-help-inline" id="admin-storyeditor-j-d2">{lang_cachetime_desc}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-draft_flag">{lang_draft}</label>
+    <div class="uk-form-controls"><input type="checkbox" {is_checked} name="draft_flag" id="admin-storyeditor-draft_flag"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_archivetitle}</label>
+    <div class="uk-form-controls">
+      <label>{lang_enabled}<input type="checkbox" value="1" {is_checked2} onclick="enablearchive(this);" name="archiveflag" id="admin-storyeditor-archiveflag"{xhtml}></label>
+      <label><input type="checkbox" name="statuscode" id="storycode10" value="10" {is_checked3}{xhtml}>{lang_optionarchive}</label>
+      <label><input type="checkbox" name="statuscode" id="storycode11" value="11" {is_checked4}{xhtml}>{lang_optiondelete}</label>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-expire_month">{lang_archivetitle}({lang_date})</label>
+    <div class="uk-form-controls">
+      <select name="expire_month" id="admin-storyeditor-expire_month">
+          {expire_month_options}
+      </select>
+      /
+      <select name="expire_day">
+          {expire_day_options}
+      </select>
+      /
+      <select name="expire_year">
+          {expire_year_options}
+      </select>&nbsp;&nbsp;
+
+      <select name="expire_hour">
+          {expire_hour_options}
+      </select>
+      :
+      <select name="expire_minute">
+          {expire_minute_options}
+      </select>
+      {expireampm_selection}
+    </div>
+  </div>
+  <div class="uk-form-row uk-margin-large-top">
+    <label class="uk-form-label">{lang_mode}</label>
+    <div class="uk-form-controls">
+      {featured_options}
+      <select name="frontpage">{frontpage_options}</select>
+      <br{xhtml}>
+      <select name="commentcode">{comment_options}</select>
+      <select name="trackbackcode">{trackback_options}</select>
+    </div>
+  </div>
+  <div class="uk-form-row uk-margin-large-top">
+    <label id="admin-storyeditor-j-d3" class="uk-form-label" for="cmt_close_flag">{lang_cmt_disable}:</label>
+    <div class="uk-form-controls">
+      <label>{lang_enabled}<input type="checkbox" name="cmt_close_flag" id="cmt_close_flag" value="1" {is_checked5} onclick="enablecmtclose(this);" aria-describedby="admin-storyeditor-j-d3"{xhtml}></label>
+  
+      <span dir="ltr">
+        <select name="cmt_close_month">
+              {cmt_close_month_options}
+        </select>
+        /
+        <select name="cmt_close_day">
+              {cmt_close_day_options}
+        </select>
+        /
+        <select name="cmt_close_year">
+              {cmt_close_year_options}
+        </select>&nbsp;&nbsp;
+
+        <select name="cmt_close_hour">
+              {cmt_close_hour_options}
+        </select>
+        :
+        <select name="cmt_close_minute">
+              {cmt_close_minute_options}
+        </select>
+              {cmt_close_ampm_selection}
+        <input type="hidden" name="cmt_close_second" value="{cmt_close_second}"{xhtml}>
+      </span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label for="admin-storyeditor-introtext">{lang_introtext}</label>
+    <div><textarea cols="70" rows="12" name="introtext" id="admin-storyeditor-introtext" class="uk-width-1-1" aria-describedby="admin-storyeditor-j-d4" required>{story_introtext}</textarea></div>
+  </div>
+  <div class="uk-form-row">
+    <label for="admin-storyeditor-bodytext">{lang_bodytext}</label>
+    <div><textarea cols="70" rows="20" name="bodytext" id="admin-storyeditor-bodytext" class="uk-width-1-1">{story_bodytext}</textarea></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-postmode">{lang_postmode}</label>
+    <div class="uk-form-controls">
+      <select name="postmode" id="admin-storyeditor-postmode">
+        {post_options}
+      </select>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <div class="uk-form-help-inline" id="admin-storyeditor-j-d4">{lang_allowed_html}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_images}</label>
+    <div class="uk-form-controls">
+      {saved_images}
+      {image_form_elements}
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_story_stats}</label>
+    <div class="uk-form-controls">
+      <ul class="uk-list uk-flex">
+        <li class="uk-margin-left">{lang_hits}: {story_hits}</li>
+        <li class="uk-margin-left">{lang_comments}: {story_comments}</li>
+        <li class="uk-margin-left">{lang_trackbacks}: {story_trackbacks}</li>
+        <li class="uk-margin-left">{lang_emails}: {story_emails}</li>
+     </ul>
+    </div>
+  </div>
+
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_accessrights}</legend>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_owner}</label>
+      <div class="uk-form-controls">{owner_name}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="group_id">{lang_group}</label>
+      <div class="uk-form-controls">{group_dropdown}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_permissions}</label>
+      <div class="uk-form-controls">{permissions_editor}
+        <span class="uk-form-help-inline">{lang_perm_key}</span>
+        <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+      </div>
+    </div>
+
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_preview}" name="mode" class="uk-button"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+      {delete_option}
+      <input type="hidden" name="uid" value="{story_uid}"{xhtml}>
+      <input type="hidden" name="publish_second" value="{publish_second}"{xhtml}>
+      <input type="hidden" name="old_sid" value="{old_story_id}"{xhtml}>
+      <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
+      <input type="hidden" name="expire_second" value="{expire_second}"{xhtml}>
+      <input type="hidden" name="hits" value="{story_hits}"{xhtml}>
+      <input type="hidden" name="comments" value="{story_comments}"{xhtml}>
+      <input type="hidden" name="trackbacks" value="{story_trackbacks}"{xhtml}>
+      <input type="hidden" name="numemails" value="{story_emails}"{xhtml}>
+      <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+      {submission_option}
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/story/storyeditor.thtml b/public_html/layout/default/admin/story/storyeditor.thtml
new file mode 100644
index 000000000..43a70aa42
--- /dev/null
+++ b/public_html/layout/default/admin/story/storyeditor.thtml
@@ -0,0 +1,231 @@
+{# begin {templatelocation} #}
+
+<form name="frmstory" action="{site_admin_url}/story.php" method="post" enctype="multipart/form-data" id="frmstory" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_author}</label>
+    <div class="uk-form-controls">{story_author}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-title">{lang_title}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="128" {!if titletoid}onkeyup="TitleToId('admin-storyeditor-title','admin-storyeditor-sid');" {!endif}value="{story_title}" name="title" id="admin-storyeditor-title" class="uk-form-width-large" required{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-page_title">{lang_page_title}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="128" value="{page_title}" name="page_title" id="admin-storyeditor-page_title" class="uk-form-width-large"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-sid">{lang_sid}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="128" value="{story_id}" name="sid" id="admin-storyeditor-sid" class="uk-form-width-mediaum" required{xhtml}></div>
+  </div>
+  <div class="uk-form-row"{hide_meta}>
+    <label class="uk-form-label" for="admin-storyeditor-metadescription">{lang_metadescription}</label>
+    <div class="uk-form-controls"><textarea cols="70" rows="2" name="meta_description" id="admin-storyeditor-metadescription" class="uk-width-1-1">{meta_description}</textarea></div>
+  </div>
+  <div class="uk-form-row"{hide_meta}>
+    <label class="uk-form-label" for="admin-storyeditor-metakeywords">{lang_metakeywords}</label>
+    <div class="uk-form-controls"><textarea cols="70" rows="2" name="meta_keywords" id="admin-storyeditor-metakeywords" class="uk-width-1-1">{meta_keywords}</textarea></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-publish_month">{lang_date}</label>
+    <div class="uk-form-controls">
+        <select name="publish_month" id="admin-storyeditor-publish_month" aria-describedby="admin-storyeditor-j-d1">
+            {publish_month_options}
+        </select>
+        /
+        <select name="publish_day">
+            {publish_day_options}
+        </select>
+        /
+        <select name="publish_year">
+            {publish_year_options}
+        </select>&nbsp;&nbsp;
+
+        <select name="publish_hour">
+            {publish_hour_options}
+        </select>
+        :
+        <select name="publish_minute">
+            {publish_minute_options}
+        </select>
+
+        {publishampm_selection}
+    
+        <span class="uk-form-help-inline" id="admin-storyeditor-j-d1">{publish_date_explanation}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_topic}</label>
+    <div class="uk-form-controls">{topic_selection}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-show_topic_icon">{lang_show_topic_icon}</label>
+    <div class="uk-form-controls"><input type="checkbox" {show_topic_icon_checked} name="show_topic_icon" id="admin-storyeditor-show_topic_icon"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-cachetime">{lang_cachetime}</label>
+    <div class="uk-form-controls">
+      <input type="text" size="8" value="{cache_time}" name="cache_time" id="admin-storyeditor-cachetime" class="text" aria-describedby="admin-storyeditor-j-d2"{xhtml}>
+      <span class="uk-form-help-inline" id="admin-storyeditor-j-d2">{lang_cachetime_desc}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-draft_flag">{lang_draft}</label>
+    <div class="uk-form-controls"><input type="checkbox" {is_checked} name="draft_flag" id="admin-storyeditor-draft_flag"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_archivetitle}</label>
+    <div class="uk-form-controls">
+        <label>{lang_enabled}<input type="checkbox" value="1" {is_checked2} onclick="enablearchive(this);" name="archiveflag" id="admin-storyeditor-archiveflag"{xhtml}></label>
+        <label><input type="checkbox" name="statuscode" id="storycode10" value="10" {is_checked3}{xhtml}>{lang_optionarchive}</label>
+        <label><input type="checkbox" name="statuscode" id="storycode11" value="11" {is_checked4}{xhtml}>{lang_optiondelete}</label>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-expire_month">{lang_archivetitle}({lang_date})</label>
+    <div class="uk-form-controls">
+      <select name="expire_month" id="admin-storyeditor-expire_month">
+          {expire_month_options}
+      </select>
+      /
+      <select name="expire_day">
+          {expire_day_options}
+      </select>
+      /
+      <select name="expire_year">
+          {expire_year_options}
+      </select>&nbsp;&nbsp;
+
+      <select name="expire_hour">
+          {expire_hour_options}
+      </select>
+      :
+      <select name="expire_minute">
+          {expire_minute_options}
+      </select>
+      {expireampm_selection}
+    </div>
+  </div>
+  <div class="uk-form-row uk-margin-large-top">
+    <label class="uk-form-label">{lang_mode}</label>
+    <div class="uk-form-controls">
+      {featured_options}
+      <select name="frontpage">{frontpage_options}</select>
+      <br{xhtml}>
+      <select name="commentcode">{comment_options}</select>
+      <select name="trackbackcode">{trackback_options}</select>
+    </div>
+  </div>
+  <div class="uk-form-row uk-margin-large-top">
+    <label id="admin-storyeditor-j-d3" class="uk-form-label" for="cmt_close_flag">{lang_cmt_disable}:</label>
+    <div class="uk-form-controls">
+        <label>{lang_enabled}<input type="checkbox" name="cmt_close_flag" id="cmt_close_flag" value="1" {is_checked5} onclick="enablecmtclose(this);" aria-describedby="admin-storyeditor-j-d3"{xhtml}></label>
+       <span dir="ltr">
+         <select name="cmt_close_month">
+                {cmt_close_month_options}
+         </select>
+         /
+         <select name="cmt_close_day">
+                {cmt_close_day_options}
+         </select>
+         /
+         <select name="cmt_close_year">
+                {cmt_close_year_options}
+         </select>&nbsp;&nbsp;
+
+         <select name="cmt_close_hour">
+                 {cmt_close_hour_options}
+         </select>
+         :
+         <select name="cmt_close_minute">
+                 {cmt_close_minute_options}
+         </select>
+                 {cmt_close_ampm_selection}
+         <input type="hidden" name="cmt_close_second" value="{cmt_close_second}"{xhtml}>
+       </span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label for="admin-storyeditor-introtext">{lang_introtext}</label>
+    <div><textarea cols="70" rows="12" name="introtext" id="admin-storyeditor-introtext" class="uk-width-1-1" aria-describedby="admin-storyeditor-j-d4" required>{story_introtext}</textarea></div>
+  </div>
+  <div class="uk-form-row">
+    <label for="admin-storyeditor-bodytext">{lang_bodytext}</label>
+    <div><textarea cols="70" rows="20" name="bodytext" id="admin-storyeditor-bodytext" class="uk-width-1-1">{story_bodytext}</textarea></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-storyeditor-postmode">{lang_postmode}</label>
+    <div class="uk-form-controls">
+        <select name="postmode" id="admin-storyeditor-postmode">
+            {post_options}
+        </select>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <div class="uk-form-help-inline" id="admin-storyeditor-j-d4">{lang_allowed_html}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_images}</label>
+    <div class="uk-form-controls">
+        {saved_images}
+        {image_form_elements}
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_story_stats}</label>
+    <div class="uk-form-controls">
+       <ul class="uk-list uk-flex">
+         <li class="uk-margin-left">{lang_hits}: {story_hits}</li>
+         <li class="uk-margin-left">{lang_comments}: {story_comments}</li>
+         <li class="uk-margin-left">{lang_trackbacks}: {story_trackbacks}</li>
+         <li class="uk-margin-left">{lang_emails}: {story_emails}</li>
+       </ul>
+    </div>
+  </div>
+
+<fieldset class="uk-margin-large-top">
+  <legend>{lang_accessrights}</legend>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_owner}</label>
+    <div class="uk-form-controls">{owner_name}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="group_id">{lang_group}</label>
+    <div class="uk-form-controls">{group_dropdown}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_permissions}</label>
+    <div class="uk-form-controls">{permissions_editor}
+      <span class="uk-form-help-inline">{lang_perm_key}</span>
+      <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+    </div>
+  </div>
+
+</fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_preview}" name="mode" class="uk-button"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+      {delete_option}
+      <input type="hidden" name="uid" value="{story_uid}"{xhtml}>
+      <input type="hidden" name="publish_second" value="{publish_second}"{xhtml}>
+      <input type="hidden" name="old_sid" value="{old_story_id}"{xhtml}>
+      <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
+      <input type="hidden" name="expire_second" value="{expire_second}"{xhtml}>
+      <input type="hidden" name="hits" value="{story_hits}"{xhtml}>
+      <input type="hidden" name="comments" value="{story_comments}"{xhtml}>
+      <input type="hidden" name="trackbacks" value="{story_trackbacks}"{xhtml}>
+      <input type="hidden" name="numemails" value="{story_emails}"{xhtml}>
+      <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+      {submission_option}
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/story/storyeditor_advanced.japanese_utf-8.thtml b/public_html/layout/default/admin/story/storyeditor_advanced.japanese_utf-8.thtml
new file mode 100644
index 000000000..c8b4cf9a3
--- /dev/null
+++ b/public_html/layout/default/admin/story/storyeditor_advanced.japanese_utf-8.thtml
@@ -0,0 +1,288 @@
+{# begin {templatelocation} #}
+{noscript}
+<div id="advanced_editor" style="display: none;">
+  {navbar}
+  <form  name="frmstory" action="{site_admin_url}/story.php" method="post" enctype="multipart/form-data" onsubmit='set_postcontent();' id="frmstory" class="uk-form uk-form-horizontal">
+  <div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_author}</label>
+      <div class="uk-form-controls">{story_author}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="admin-storyeditor_advanced-title">{lang_title}</label>
+      <div class="uk-form-controls">
+        <input type="text" maxlength="128" {!if titletoid}onkeyup="TitleToId('admin-storyeditor_advanced-title','admin-storyeditor_advanced-sid');" {!endif}value="{story_title}" name="title" id="admin-storyeditor_advanced-title" class="uk-form-width-large" required{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="admin-storyeditor-page_title">{lang_page_title}</label>
+      <div class="uk-form-controls">
+          <input type="text" maxlength="128" value="{page_title}" name="page_title" id="admin-storyeditor-page_title" class="uk-form-width-large"{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="admin-storyeditor_advanced-sid">{lang_sid}</label>
+      <div class="uk-form-controls">
+          <input type="text" maxlength="128" value="{story_id}" name="sid" id="admin-storyeditor_advanced-sid" class="uk-form-width-medium" required{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row"{hide_meta}>
+      <label class="uk-form-label" for="admin-storyeditor-metadescription">{lang_metadescrption}</label>
+      <div class="uk-form-controls">
+          <textarea name="meta_description" id="admin-storyeditor-metadescription" style="width:95%" cols="70" rows="2">{meta_description}</textarea>
+      </div>
+    </div>
+    <div class="uk-form-row"{hide_meta}>
+      <label class="uk-form-label" for="admin-storyeditor-metakeywords">{lang_metakeywords}</label>
+      <div class="uk-form-controls">
+              <textarea name="meta_keywords" id="admin-storyeditor-metakeywords" style="width:95%" cols="70" rows="2">{meta_keywords}</textarea>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_topic}</label>
+      <div class="uk-form-controls">{topic_selection}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="admin-storyeditor_advanced-show_topic_icon">{lang_show_topic_icon}</label>
+      <div class="uk-form-controls">
+          <input type="checkbox" {show_topic_icon_checked} name="show_topic_icon" id="admin-storyeditor_advanced-show_topic_icon"{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="admin-storyeditor_advanced-cachetime">{lang_cachetime}</label>
+      <div class="uk-form-controls">
+        <input type="text" size="8" value="{cache_time}" name="cache_time" id="admin-storyeditor_advanced-cachetime" class="uk-form-width-small" aria-describedby="admin-storyeditor-advanced-d1"{xhtml}>
+        <span class="uk-form-help-inline" id="admin-storyeditor-advanced-d1">{lang_cachetime_desc}</span>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="admin-storyeditor_advanced-draft_flag">{lang_draft}</label>
+      <div class="uk-form-controls">
+          <input type="checkbox" {is_checked} name="draft_flag" id="admin-storyeditor_advanced-draft_flag"{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_story_stats}</label>
+      <div class="uk-form-controls">
+        <ul class="uk-list uk-flex">
+          <li class="uk-margin-left">{lang_hits}: {story_hits}</li>
+          <li class="uk-margin-left">{lang_comments}: {story_comments}</li>
+          <li class="uk-margin-left">{lang_trackbacks}: {story_trackbacks}</li>
+          <li class="uk-margin-left">{lang_emails}: {story_emails}</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="uk-clearfix uk-margin-large-top">
+    <div class="uk-form-row uk-margin-large-bottom">
+      <label class="uk-form-label" for="sel_editmode">{lang_postmode}</label>
+      <div class="uk-form-controls">
+        <select {change_editormode} name="postmode" id="sel_editmode">{post_options}</select>
+      </div>
+    </div>
+    <div id="text_editor" style="display: {show_texteditor};">
+      <div class="uk-form-row">
+          <label for="introtext">{lang_introtext}</label>
+          <div>
+              <div class="navi">
+                  <img src="{layout_url}/images/expand.png" title="{lang_expandhelp}" onclick="changeTextAreaSize('introtext','larger');" alt="expand button"{xhtml}>
+                  <img src="{layout_url}/images/collapse.png" title="{lang_reducehelp}" onclick="changeTextAreaSize('introtext','smaller');" alt="collapse button"{xhtml}>
+              </div>
+              <textarea cols="45" rows="14" name="introtext" id="introtext" class="uk-width-1-1" aria-describedby="admin-storyeditor-advanced-d2">{story_introtext}</textarea>
+          </div>
+      </div>
+      <div class="uk-form-row">
+          <label for="bodytext">{lang_bodytext}</label>
+          <div>
+              <div class="navi">
+                  <img src="{layout_url}/images/expand.png" title="{lang_expandhelp}" onclick="changeTextAreaSize('bodytext','larger');" alt="expand button"{xhtml}>
+                  <img src="{layout_url}/images/collapse.png" title="{lang_reducehelp}" onclick="changeTextAreaSize('bodytext','smaller');" alt="collapse button"{xhtml}>
+              </div>
+              <textarea cols="45" rows="14" name="bodytext" id="bodytext" class="uk-width-1-1">{story_bodytext}</textarea>
+          </div>
+      </div>
+      <div class="uk-form-row">
+          <div class="uk-form-help-inline" id="admin-storyeditor-advanced-d2">{lang_allowed_html}</div>
+      </div>
+  </div>
+  <div id="html_editor" style="display: {show_htmleditor};">
+      <div class="uk-form-row">
+          <label class="uk-form-label" for="fckeditor_toolbar_selector">{lang_toolbar}</label>
+              <div class="uk-form-controls">
+                  <select id="fckeditor_toolbar_selector" name="fckeditor_toolbar_selector" onchange="changeToolbar(this.value);">
+                      <option value="editor-toolbar1">{toolbar1}</option>
+                      <option value="editor-toolbar2" selected="selected">{toolbar2}</option>
+                      <option value="editor-toolbar3">{toolbar3}</option>
+                      <option value="Default">{toolbar5}</option>
+                  </select>
+              </div>
+          </div>
+          <div class="uk-form-row">
+              <label for="introhtml">{lang_introtext}</label>
+              <div>
+                  <div class="navi">
+                  <img src="{layout_url}/images/expand.png" title="{lang_expandhelp}" onclick="changeHTMLTextAreaSize('introhtml','larger');" alt="expand button"{xhtml}>
+                  <img src="{layout_url}/images/collapse.png" title="{lang_reducehelp}" onclick="changeHTMLTextAreaSize('introhtml','smaller');" alt="collapse button"{xhtml}>
+                  </div>
+                  <textarea cols="45" rows="12" name="introhtml" id="introhtml" class="uk-width-1-1">{story_introtext}</textarea>
+              </div>
+          </div>
+          <div class="uk-form-row">
+              <label for="bodyhtml">{lang_bodytext}</label>
+              <div>
+                  <div class="navi">
+                      <img src="{layout_url}/images/expand.png" title="{lang_expandhelp}" onclick="changeHTMLTextAreaSize('bodyhtml','larger');" alt=""{xhtml}>
+                      <img src="{layout_url}/images/collapse.png" title="{lang_reducehelp}" onclick="changeHTMLTextAreaSize('bodyhtml','smaller');" alt=""{xhtml}>
+                  </div>
+                  <textarea cols="45" rows="20" name="bodyhtml" id="bodyhtml" class="uk-width-1-1">{story_bodytext}</textarea>
+                  <div id="editor_mode">{lang_allowed_html}</div>
+              </div>
+          </div>
+      </div>
+      <div id="se_options" style="display: none;">
+      <div id="se_publish" style="display: none;">
+          <fieldset class="uk-margin-large-top">
+              <legend>{lang_publishdate}</legend>
+              <div class="uk-form-row">
+                  <label class="uk-form-label" for="admin-storyeditor_advanced-publish_month">{lang_date}</label>
+                  <div class="uk-form-controls">
+                      <select name="publish_month" id="admin-storyeditor_advanced-publish_month" aria-describedby="admin-storyeditor-advanced-d3">
+                      {publish_month_options}
+                      </select>
+                      /
+                      <select name="publish_day">{publish_day_options}</select>
+                      /
+                      <select name="publish_year">{publish_year_options}</select>
+                  &nbsp;&nbsp;
+                      <select name="publish_hour">{publish_hour_options}</select>
+                      :
+                      <select name="publish_minute">{publish_minute_options}</select>
+                      {publishampm_selection}
+                  </div>
+                  <span class="uk-form-help-inline" id="admin-storyeditor-advanced-d3">{publish_date_explanation}</span>
+              </div>
+          </fieldset>
+          <fieldset class="uk-margin-large-top">
+              <legend>{lang_publishoptions}</legend>
+              <div class="uk-form-row">
+                  <label class="uk-form-label">{lang_mode}</label>
+                  <div class="uk-form-controls">
+                      {featured_options}
+                      <select name="frontpage">{frontpage_options}</select>
+                      <select name="commentcode">{comment_options}</select>
+                      <select name="trackbackcode">{trackback_options}</select>
+                  </div>
+              </div>
+              <div class="uk-form-row">
+                  <label class="uk-form-label">{lang_cmt_disable}</label>
+                  <div class="uk-form-controls">
+                      <label><input type="checkbox" name="cmt_close_flag" id="cmt_close_flag" value="1" {is_checked5} onclick="enablecmtclose(this);"{xhtml}>{lang_enabled}</label>
+                      <span dir="ltr">
+                      <select name="cmt_close_month">{cmt_close_month_options}</select>
+                      /
+                      <select name="cmt_close_day">{cmt_close_day_options}</select>
+                      /
+                      <select name="cmt_close_year">{cmt_close_year_options}</select>
+                      &nbsp;&nbsp;
+                      <select name="cmt_close_hour">{cmt_close_hour_options}</select>
+                      :
+                      <select name="cmt_close_minute">{cmt_close_minute_options}</select>
+                      {cmt_close_ampm_selection}
+                      <input type="hidden" name="cmt_close_second" value="{cmt_close_second}"{xhtml}>
+                      </span>
+                  </div>
+              </div>
+          </fieldset>
+        </div>
+        <div id="se_images" style="display: none;">
+          <fieldset class="uk-margin-large-top">
+            <legend>{lang_images}</legend>
+            <div class="uk-form-row">
+              <label class="uk-form-label">{lang_images}</label>
+              <div class="uk-form-controls">
+                {saved_images}
+                {image_form_elements}
+              </div>
+            </div>
+          </fieldset>
+        </div>
+        <div id="se_archive" style="display: none;">
+          <fieldset class="uk-margin-large-top">
+            <legend>{lang_archivetitle}</legend>
+            <div class="uk-form-row">
+                <label class="uk-form-label" for="admin-storyeditor_advanced-archiveflag">{lang_archivetitle}</label>
+                <div class="uk-form-controls">
+                    <label>{lang_enabled}<input type="checkbox" value="1" {is_checked2} onclick="enablearchive(this);" name="archiveflag" id="admin-storyeditor-archiveflag"{xhtml}></label>
+                    <label><input type="checkbox" name="statuscode" id="storycode10" value="10" {is_checked3}{xhtml}>{lang_optionarchive}</label>
+                    <label><input type="checkbox" name="statuscode" id="storycode11" value="11" {is_checked4}{xhtml}>{lang_optiondelete}</label>
+                </div>
+            </div>
+            <div class="uk-form-row">
+              <label class="uk-form-label" for="admin-storyeditor_advanced-expire_mont">{lang_date}</label>
+              <div class="uk-form-controls">
+                <select name="expire_month" id="admin-storyeditor_advanced-expire_month">
+                    {expire_month_options}
+                </select>
+                /
+                <select name="expire_day">{expire_day_options}</select>
+                /
+                <select name="expire_year">{expire_year_options}</select>
+                &nbsp;&nbsp;
+                <select name="expire_hour">{expire_hour_options}</select>
+                :
+                <select name="expire_minute">{expire_minute_options}</select>
+                {expireampm_selection}
+              </div>
+            </div>
+          </fieldset>
+        </div>
+        <div id="se_perms" style="display: none;">
+          <fieldset class="uk-margin-large-top">
+            <legend>{lang_accessrights}</legend>
+
+            <div class="uk-form-row">
+              <label class="uk-form-label">{lang_owner}</label>
+              <div class="uk-form-controls">{owner_name}</div>
+            </div>
+            <div class="uk-form-row">
+              <label class="uk-form-label" for="group_id">{lang_group}</label>
+              <div class="uk-form-controls">{group_dropdown}</div>
+            </div>
+            <div class="uk-form-row">
+              <label class="uk-form-label">{lang_permissions}</label>
+              <div class="uk-form-controls">
+                {permissions_editor}
+                <span class="uk-form-help-inline">{lang_perm_key}</span>
+                <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+
+    <div id="se_bottom" class="uk-form-row uk-margin-large-top" style="display:{show_submitoptions}">
+      <div class="submit uk-form-controls">
+        <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+        <input type="submit" value="{lang_preview}" name="mode" class="uk-button"{xhtml}>
+        <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+        {delete_option}
+          <input type="hidden" name="uid" value="{story_uid}"{xhtml}>
+          <input type="hidden" name="publish_second" value="{publish_second}"{xhtml}>
+          <input type="hidden" name="old_sid" value="{old_story_id}"{xhtml}>
+          <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
+          <input type="hidden" name="expire_second" value="{expire_second}"{xhtml}>
+          <input type="hidden" name="hits" value="{story_hits}"{xhtml}>
+          <input type="hidden" name="comments" value="{story_comments}"{xhtml}>
+          <input type="hidden" name="trackbacks" value="{story_trackbacks}"{xhtml}>
+          <input type="hidden" name="numemails" value="{story_emails}"{xhtml}>
+          <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+          <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+        {submission_option}
+      </div>
+    </div>
+  </form>
+</div>
+<div id="preview" class="article" style="display:{show_preview};">{preview_content}</div>
+
+{# end {templatelocation} #}
\ No newline at end of file
diff --git a/public_html/layout/default/admin/story/storyeditor_advanced.thtml b/public_html/layout/default/admin/story/storyeditor_advanced.thtml
new file mode 100644
index 000000000..91da56025
--- /dev/null
+++ b/public_html/layout/default/admin/story/storyeditor_advanced.thtml
@@ -0,0 +1,297 @@
+{# begin {templatelocation} #}
+
+{noscript}
+<div id="advanced_editor" style="display: none;">
+  {navbar}
+  <form  name="frmstory" action="{site_admin_url}/story.php" method="post" enctype="multipart/form-data" onsubmit='set_postcontent();' id="frmstory" class="uk-form uk-form-horizontal">
+
+    <div>
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_author}</label>
+        <div class="uk-form-controls">{story_author}</div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-storyeditor_advanced-title">{lang_title}</label>
+        <div class="uk-form-controls">
+            <input type="text" maxlength="128" {!if titletoid}onkeyup="TitleToId('admin-storyeditor_advanced-title','admin-storyeditor_advanced-sid');" {!endif}value="{story_title}" name="title" id="admin-storyeditor_advanced-title" class="uk-form-width-large" required{xhtml}>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-storyeditor-page_title">{lang_page_title}</label>
+        <div class="uk-form-controls">
+            <input type="text" maxlength="128" value="{page_title}" name="page_title" id="admin-storyeditor-page_title" class="uk-form-width-large"{xhtml}>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-storyeditor_advanced-sid">{lang_sid}</label>
+        <div class="uk-form-controls">
+          <input type="text" maxlength="128" value="{story_id}" name="sid" id="admin-storyeditor_advanced-sid" class="uk-form-width-medium" required{xhtml}>
+        </div>
+      </div>
+      <div class="uk-form-row"{hide_meta}>
+        <label class="uk-form-label" for="admin-storyeditor-metadescription">{lang_metadescrption}</label>
+        <div class="uk-form-controls">
+            <textarea name="meta_description" id="admin-storyeditor-metadescription" style="width:95%" cols="70" rows="2">{meta_description}</textarea>
+        </div>
+      </div>
+      <div class="uk-form-row"{hide_meta}>
+        <label class="uk-form-label" for="admin-storyeditor-metakeywords">{lang_metakeywords}</label>
+        <div class="uk-form-controls">
+          <textarea name="meta_keywords" id="admin-storyeditor-metakeywords" style="width:95%" cols="70" rows="2">{meta_keywords}</textarea>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_topic}</label>
+        <div class="uk-form-controls">{topic_selection}</div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-storyeditor_advanced-show_topic_icon">{lang_show_topic_icon}</label>
+        <div class="uk-form-controls">
+          <input type="checkbox" {show_topic_icon_checked} name="show_topic_icon" id="admin-storyeditor_advanced-show_topic_icon"{xhtml}>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-storyeditor_advanced-cachetime">{lang_cachetime}</label>
+        <div class="uk-form-controls">
+          <input type="text" size="8" value="{cache_time}" name="cache_time" id="admin-storyeditor_advanced-cachetime" class="uk-form-width-small" aria-describedby="admin-storyeditor-advanced-d1"{xhtml}>
+          <span class="uk-form-help-inline" id="admin-storyeditor-advanced-d1">{lang_cachetime_desc}</span>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="admin-storyeditor_advanced-draft_flag">{lang_draft}</label>
+        <div class="uk-form-controls">
+          <input type="checkbox" {is_checked} name="draft_flag" id="admin-storyeditor_advanced-draft_flag"{xhtml}>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_story_stats}</label>
+        <div class="uk-form-controls">
+          <ul class="uk-list uk-flex">
+            <li class="uk-margin-left">{lang_hits}: {story_hits}</li>
+            <li class="uk-margin-left">{lang_comments}: {story_comments}</li>
+            <li class="uk-margin-left">{lang_trackbacks}: {story_trackbacks}</li>
+            <li class="uk-margin-left">{lang_emails}: {story_emails}</li>
+          </ul>
+        </div>
+      </div>
+
+    </div>
+    <div class="uk-clearfix uk-margin-large-top">
+
+      <div class="uk-form-row uk-margin-large-bottom">
+        <label class="uk-form-label" for="sel_editmode">{lang_postmode}</label>
+        <div class="uk-form-controls">
+            <select {change_editormode} name="postmode" id="sel_editmode">{post_options}</select>
+        </div>
+      </div>
+      <div id="text_editor" style="display: {show_texteditor};">
+        <div class="uk-form-row">
+          <label for="introtext">{lang_introtext}</label>
+          <div>
+            <div class="navi">
+                <img src="{layout_url}/images/expand.png" title="{lang_expandhelp}" onclick="changeTextAreaSize('introtext','larger');" alt="expand button"{xhtml}>
+                <img src="{layout_url}/images/collapse.png" title="{lang_reducehelp}" onclick="changeTextAreaSize('introtext','smaller');" alt="collapse button"{xhtml}>
+            </div>
+            <textarea cols="45" rows="14" name="introtext" id="introtext" class="uk-width-1-1" aria-describedby="admin-storyeditor-advanced-d2">{story_introtext}</textarea>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <label for="bodytext">{lang_bodytext}</label>
+          <div>
+            <div class="navi">
+              <img src="{layout_url}/images/expand.png" title="{lang_expandhelp}" onclick="changeTextAreaSize('bodytext','larger');" alt="expand button"{xhtml}>
+              <img src="{layout_url}/images/collapse.png" title="{lang_reducehelp}" onclick="changeTextAreaSize('bodytext','smaller');" alt="collapse button"{xhtml}>
+            </div>
+            <textarea cols="45" rows="14" name="bodytext" id="bodytext" class="uk-width-1-1">{story_bodytext}</textarea>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <div class="uk-form-help-inline" id="admin-storyeditor-advanced-d2">{lang_allowed_html}</div>
+        </div>
+
+      </div>
+      <div id="html_editor" style="display: {show_htmleditor};">
+
+        <div class="uk-form-row">
+          <label class="uk-form-label" for="fckeditor_toolbar_selector">{lang_toolbar}</label>
+          <div class="uk-form-controls">
+            <select id="fckeditor_toolbar_selector" name="fckeditor_toolbar_selector" onchange="changeToolbar(this.value);">
+              <option value="editor-toolbar1">{toolbar1}</option>
+              <option value="editor-toolbar2" selected="selected">{toolbar2}</option>
+              <option value="editor-toolbar3">{toolbar3}</option>
+              <option value="Default">{toolbar5}</option>
+            </select>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <label for="introhtml">{lang_introtext}</label>
+          <div>
+            <div class="navi">
+              <img src="{layout_url}/images/expand.png" title="{lang_expandhelp}" onclick="changeHTMLTextAreaSize('introhtml','larger');" alt="expand button"{xhtml}>
+              <img src="{layout_url}/images/collapse.png" title="{lang_reducehelp}" onclick="changeHTMLTextAreaSize('introhtml','smaller');" alt="collapse button"{xhtml}>
+            </div>
+            <textarea cols="45" rows="12" name="introhtml" id="introhtml" class="uk-width-1-1">{story_introtext}</textarea>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <label for="bodyhtml">{lang_bodytext}</label>
+          <div>
+            <div class="navi">
+              <img src="{layout_url}/images/expand.png" title="{lang_expandhelp}" onclick="changeHTMLTextAreaSize('bodyhtml','larger');" alt=""{xhtml}>
+              <img src="{layout_url}/images/collapse.png" title="{lang_reducehelp}" onclick="changeHTMLTextAreaSize('bodyhtml','smaller');" alt=""{xhtml}>
+            </div>
+            <textarea cols="45" rows="20" name="bodyhtml" id="bodyhtml" class="uk-width-1-1">{story_bodytext}</textarea>
+            <div id="editor_mode">{lang_allowed_html}</div>
+          </div>
+        </div>
+
+      </div>
+
+      <div id="se_options" style="display: none;">
+        <div id="se_publish" style="display: none;">
+
+          <fieldset class="uk-margin-large-top">
+              <legend>{lang_publishdate}</legend>
+              <div class="uk-form-row">
+                  <label class="uk-form-label" for="admin-storyeditor_advanced-publish_month">{lang_date}</label>
+                  <div class="uk-form-controls">
+                    <select name="publish_month" id="admin-storyeditor_advanced-publish_month" aria-describedby="admin-storyeditor-advanced-d3">
+                    {publish_month_options}
+                    </select>
+                    /
+                    <select name="publish_day">{publish_day_options}</select>
+                    /
+                    <select name="publish_year">{publish_year_options}</select>
+                &nbsp;&nbsp;
+                    <select name="publish_hour">{publish_hour_options}</select>
+                    :
+                    <select name="publish_minute">{publish_minute_options}</select>
+                    {publishampm_selection}
+                </div>
+                <span class="uk-form-help-inline" id="admin-storyeditor-advanced-d3">{publish_date_explanation}</span>
+              </div>
+            </fieldset>
+            <fieldset class="uk-margin-large-top">
+              <legend>{lang_publishoptions}</legend>
+              <div class="uk-form-row">
+                  <label class="uk-form-label">{lang_mode}</label>
+                  <div class="uk-form-controls">
+                      {featured_options}
+                      <select name="frontpage">{frontpage_options}</select>
+                      <select name="commentcode">{comment_options}</select>
+                      <select name="trackbackcode">{trackback_options}</select>
+                  </div>
+              </div>
+              <div class="uk-form-row">
+                <label class="uk-form-label">{lang_cmt_disable}</label>
+                <div class="uk-form-controls">
+                  <label><input type="checkbox" name="cmt_close_flag" id="cmt_close_flag" value="1" {is_checked5} onclick="enablecmtclose(this);"{xhtml}>{lang_enabled}</label>
+                  <span dir="ltr">
+                  <select name="cmt_close_month">{cmt_close_month_options}</select>
+                  /
+                  <select name="cmt_close_day">{cmt_close_day_options}</select>
+                  /
+                  <select name="cmt_close_year">{cmt_close_year_options}</select>
+                  &nbsp;&nbsp;
+                  <select name="cmt_close_hour">{cmt_close_hour_options}</select>
+                  :
+                  <select name="cmt_close_minute">{cmt_close_minute_options}</select>
+                  {cmt_close_ampm_selection}
+                  <input type="hidden" name="cmt_close_second" value="{cmt_close_second}"{xhtml}>
+                  </span>
+                </div>
+              </div>
+            </fieldset>
+          </div>
+          <div id="se_images" style="display: none;">
+            <fieldset class="uk-margin-large-top">
+              <legend>{lang_images}</legend>
+              <div class="uk-form-row">
+                <label class="uk-form-label">{lang_images}</label>
+                <div class="uk-form-controls">
+                  {saved_images}
+                  {image_form_elements}
+                </div>
+              </div>
+            </fieldset>
+          </div>
+          <div id="se_archive" style="display: none;">
+            <fieldset class="uk-margin-large-top">
+              <legend>{lang_archivetitle}</legend>
+              <div class="uk-form-row">
+                <label class="uk-form-label">{lang_archivetitle}</label>
+                <div class="uk-form-controls">
+                  <label>{lang_enabled}<input type="checkbox" value="1" {is_checked2} onclick="enablearchive(this);" name="archiveflag" id="admin-storyeditor-archiveflag"{xhtml}></label>
+                  <label><input type="checkbox" name="statuscode" id="storycode10" value="10" {is_checked3}{xhtml}>{lang_optionarchive}</label>
+                  <label><input type="checkbox" name="statuscode" id="storycode11" value="11" {is_checked4}{xhtml}>{lang_optiondelete}</label>
+                </div>
+              </div>
+              <div class="uk-form-row">
+                <label class="uk-form-label">{lang_date}</label>
+                <div class="uk-form-controls">
+                  <select name="expire_month" id="admin-storyeditor_advanced-expire_month">
+                      {expire_month_options}
+                  </select>
+                  /
+                  <select name="expire_day">{expire_day_options}</select>
+                  /
+                  <select name="expire_year">{expire_year_options}</select>
+                  &nbsp;&nbsp;
+                  <select name="expire_hour">{expire_hour_options}</select>
+                  :
+                  <select name="expire_minute">{expire_minute_options}</select>
+                  {expireampm_selection}
+                </div>
+              </div>
+            </fieldset>
+          </div>
+          <div id="se_perms" style="display: none;">
+            <fieldset class="uk-margin-large-top">
+              <legend>{lang_accessrights}</legend>
+
+              <div class="uk-form-row">
+                <label class="uk-form-label">{lang_owner}</label>
+                <div class="uk-form-controls">{owner_name}</div>
+              </div>
+              <div class="uk-form-row">
+                <label class="uk-form-label" for="group_id">{lang_group}</label>
+                <div class="uk-form-controls">{group_dropdown}</div>
+              </div>
+              <div class="uk-form-row">
+                <label class="uk-form-label">{lang_permissions}</label>
+                <div class="uk-form-controls">
+                  {permissions_editor}
+                  <span class="uk-form-help-inline">{lang_perm_key}</span>
+                  <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+                </div>
+              </div>
+            </fieldset>
+          </div>
+
+        </div>
+      </div>
+
+      <div id="se_bottom" class="uk-form-row uk-margin-large-top" style="display:{show_submitoptions}">
+        <div class="submit uk-form-controls">
+          <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+          <input type="submit" value="{lang_preview}" name="mode" class="uk-button"{xhtml}>
+          <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+          {delete_option}
+          <input type="hidden" name="uid" value="{story_uid}"{xhtml}>
+          <input type="hidden" name="publish_second" value="{publish_second}"{xhtml}>
+          <input type="hidden" name="old_sid" value="{old_story_id}"{xhtml}>
+          <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
+          <input type="hidden" name="expire_second" value="{expire_second}"{xhtml}>
+          <input type="hidden" name="hits" value="{story_hits}"{xhtml}>
+          <input type="hidden" name="comments" value="{story_comments}"{xhtml}>
+          <input type="hidden" name="trackbacks" value="{story_trackbacks}"{xhtml}>
+          <input type="hidden" name="numemails" value="{story_emails}"{xhtml}>
+          <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+          <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+          {submission_option}
+        </div>
+      </div>
+  </form>
+</div>
+<div id="preview" class="article" style="display:{show_preview};">{preview_content}</div>
+{# end {templatelocation} #}
\ No newline at end of file
diff --git a/public_html/layout/default/admin/syndication/feededitor.thtml b/public_html/layout/default/admin/syndication/feededitor.thtml
new file mode 100644
index 000000000..e03d881e7
--- /dev/null
+++ b/public_html/layout/default/admin/syndication/feededitor.thtml
@@ -0,0 +1,99 @@
+{# begin {templatelocation} #}
+
+{start_feed_editor}
+<form action="{site_admin_url}/syndication.php" method="post" id="admin-feededitor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-title">{lang_feedtitle}</label>
+    <div class="uk-form-controls">
+        <input type="text" value="{feed_title}" name="title" id="admin-feededitor-title" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-is_enabled">{lang_enabled}</label>
+    <div class="uk-form-controls">
+        <input type="checkbox" {is_enabled} name="is_enabled" id="admin-feededitor-is_enabled"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_type}</label>
+    <div class="uk-form-controls">{feed_type_display}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_topic}</label>
+    <div class="uk-form-controls">{feed_topic}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-header_tid">{lang_header_topic}</label>
+    <div class="uk-form-controls">
+      <select name="header_tid" id="admin-feededitor-header_tid">
+        {header_topic_options}
+      </select>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_format}</label>
+    <div class="uk-form-controls">{feed_format}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-limits">{lang_limits}</label>
+    <div class="uk-form-controls">
+      <input type="text" value="{feed_limits}" name="limits" id="admin-feededitor-limits" class="uk-form-width-mini"{xhtml}> {feed_limits_what}
+      </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-content_length">{lang_content_length}</label>
+    <div class="uk-form-controls">
+      <input type="text" value="{feed_content_length}" name="content_length" id="admin-feededitor-content_length" class="uk-form-width-mini" aria-describedby="admin-feededitor-d1"{xhtml}><span class="uk-form-help-inline" id="admin-feededitor-d1">{lang_clen_explain}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-description">{lang_description}</label>
+    <div class="uk-form-controls">
+      <textarea cols="45" rows="8" name="description" id="admin-feededitor-description" class="uk-width-1-1">{feed_description}</textarea>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-feedlogo">{lang_feedlogo}</label>
+    <div class="uk-form-controls">
+      <input type="text" maxlength="255" value="{feed_logo}" name="feedlogo" id="admin-feededitor-feedlogo" class="uk-form-width-large" aria-describedby="admin-feededitor-d2"{xhtml}>
+      <span class="uk-form-help-inline" id="admin-feededitor-d2">{lang_feedlogo_explain}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-filename">{lang_filename}</label>
+    <div class="uk-form-controls">
+      <input type="text" value="{feed_filename}" name="filename" id="admin-feededitor-filename" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-charset">{lang_charset}</label>
+    <div class="uk-form-controls">
+      <input type="text" value="{feed_charset}" name="charset" id="admin-feededitor-charset" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-feededitor-language">{lang_language}</label>
+    <div class="uk-form-controls">
+      <input type="text" value="{feed_language}" name="language" id="admin-feededitor-language" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_updated}</label>
+    <div class="uk-form-controls">{feed_updated}</div>
+  </div>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="mode" class="uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode"{xhtml}>
+      <input type="hidden" name="fid" value="{feed_id}"{xhtml}>
+      <input type="hidden" name="type" value="{feed_type}"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+      {delete_option}
+    </div>
+  </div>
+</form>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/syndication/index.html b/public_html/layout/default/admin/syndication/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/syndication/selecttype.thtml b/public_html/layout/default/admin/syndication/selecttype.thtml
new file mode 100644
index 000000000..287ef77fe
--- /dev/null
+++ b/public_html/layout/default/admin/syndication/selecttype.thtml
@@ -0,0 +1,18 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/syndication.php" method="post" id="admin-selecttype" class="uk-form uk-form-horizontal">
+  <fieldset>
+    <legend>{lang_go}</legend>
+
+    <p class="uk-margin-bottom">{lang_explain}</p>
+
+    <div class="uk-form-row uk-margin-large-top">
+      <label class="uk-form-label">{type_selection}</label>
+      <div class="uk-form-controls">
+        <input type="submit" value="{lang_go}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+      </div>
+    </div>
+  </fieldset>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/topic/index.html b/public_html/layout/default/admin/topic/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/topic/listitem.thtml b/public_html/layout/default/admin/topic/listitem.thtml
new file mode 100644
index 000000000..31b0dc989
--- /dev/null
+++ b/public_html/layout/default/admin/topic/listitem.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+<li>
+  <a href="{site_admin_url}/topic.php?mode=edit&amp;tid={topic_id}">
+  {image_tag}
+  <span style="display:block">{topic_name}</span></a>
+  <span style="display:block">{default_topic} ({topic_access})</span>
+</li>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/topic/topiceditor.thtml b/public_html/layout/default/admin/topic/topiceditor.thtml
new file mode 100644
index 000000000..05d730b00
--- /dev/null
+++ b/public_html/layout/default/admin/topic/topiceditor.thtml
@@ -0,0 +1,133 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/topic.php" method="post" enctype="multipart/form-data" id="admin-topiceditor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-topic">{lang_topicname}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="128" {!if titletoid}onkeyup="TitleToId('admin-topiceditor-topic','admin-topiceditor-tid');" {!endif}value="{topic_name}" name="topic_name" id="admin-topiceditor-topic" class="uk-form-width-medium" required{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-tid">{lang_topicid}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="128" value="{topic_id}" name="tid" id="admin-topiceditor-tid" class="uk-form-width-medium" aria-describedby="admin-topiceditor-d1" required{xhtml}><span class="uk-form-help-inline" id="admin-topiceditor-d1">{lang_donotusespaces}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-inherit">{lang_inherit}</label>
+    <div class="uk-form-controls"><input type="checkbox" {inherit_checked} name="inherit" id="admin-topiceditor-inherit"{xhtml}><span class="uk-form-help-inline">{lang_inherit_info}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-hidden">{lang_hidden}</label>
+    <div class="uk-form-controls"><input type="checkbox" {hidden_checked} name="hidden" id="admin-topiceditor-hidden"{xhtml}><span class="uk-form-help-inline">{lang_hidden_info}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-parent_id">{lang_parent_id}</label>
+    <div class="uk-form-controls">
+      <select name="parent_id" id="admin-topiceditor-parent_id">
+        {parent_id_options}
+      </select>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_sortorder}</label>
+    <div class="uk-form-controls">
+      {sort_order}
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-limitnews">{lang_storiesperpage}</label>
+    <div class="uk-form-controls">
+      <input type="text" maxlength="3" value="{story_limit}" name="limitnews" id="admin-topiceditor-limitnews" class="uk-form-width-mini" aria-describedby="admin-topiceditor-d2"{xhtml}><span class="uk-form-help-inline" id="admin-topiceditor-d2">{lang_defaultis}{default_limit}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-imageurl">{lang_topicimage}</label>
+    <div class="uk-form-controls">
+      <input type="text" dir="ltr" maxlength="{max_url_length}" value="{image_url}" name="imageurl" id="admin-topiceditor-imageurl" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-newicon">{lang_uploadimage}</label>
+    <div class="uk-form-controls">
+      <input type="file" name="newicon" id="admin-topiceditor-newicon" aria-describedby="admin-topiceditor-d3"{xhtml}><span class="uk-form-help-inline" id="admin-topiceditor-d3">{icon_max_dimensions}</span>
+    </div>
+  </div>
+  <div class="uk-form-row"{hide_meta}>
+    <label class="uk-form-label" for="admin-storyeditor-metadescription">{lang_metadescription}</label>
+    <div class="uk-form-controls">
+      <textarea name="meta_description" id="admin-storyeditor-metadescription" class="uk-width-1-1" cols="70" rows="2">{meta_description}</textarea>
+    </div>
+  </div>
+  <div class="uk-form-row"{hide_meta}>
+    <label class="uk-form-label" for="admin-storyeditor-metakeywords">{lang_metakeywords}</label>
+    <div class="uk-form-controls">
+      <textarea name="meta_keywords" id="admin-storyeditor-metakeywords" class="uk-width-1-1" cols="70" rows="2">{meta_keywords}</textarea>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-is_default">{lang_defaulttopic}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" {default_checked} name="is_default" id="admin-topiceditor-is_default"{xhtml}><span class="uk-form-help-inline">{lang_defaulttext}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-topiceditor-is_archive">{lang_archivetopic}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" {archive_checked} {archive_disabled} name="is_archive" id="admin-topiceditor-is_archive"{xhtml}><span class="uk-form-help-inline">{lang_archivetext}</span>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_num_stories}</label>
+    <div class="uk-form-controls">
+      {num_stories}
+    </div>
+  </div>
+
+  <fieldset class="uk-margin-large-top">
+  <legend>{lang_accessrights}</legend>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_owner}</label>
+    <div class="uk-form-controls">
+      {owner_name}
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="group_id">{lang_group}</label>
+    <div class="uk-form-controls">
+      {group_dropdown}
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_permissions}</label>
+    <div class="uk-form-controls">
+        {permissions_editor}
+    </div>
+    <div class="uk-form-controls">
+        <span class="uk-form-help-inline">{lang_perm_key}</span>
+        <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+    </div>
+  </div>
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top uk-margin-large-bottom">
+    <div class="uk-form-controls">
+      <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+      <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+      <input type="hidden" name="old_tid" value="{topic_id}"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+    </div>
+  </div>
+  <hr{xhtml}>
+  <div class="uk-form-row">
+    <div class="uk-form-controls">
+      {delete_option}<span class="uk-form-help-inline uk-text-danger uk-text-break">{warning_msg}</span>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/topic/topiclist.thtml b/public_html/layout/default/admin/topic/topiclist.thtml
new file mode 100644
index 000000000..4e3cb3c31
--- /dev/null
+++ b/public_html/layout/default/admin/topic/topiclist.thtml
@@ -0,0 +1,9 @@
+{# begin {templatelocation} #}
+
+{top_menu}
+
+<ul class="uk-clearfix uk-list">
+  {list_row}
+</ul>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/autodetectitem.thtml b/public_html/layout/default/admin/trackback/autodetectitem.thtml
new file mode 100644
index 000000000..beac53b0b
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/autodetectitem.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+<tr>
+  <td><a href="{autodetect_link}">{link_text}</a></td>
+  <td>{link_url}</td>
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/autodetectlist.thtml b/public_html/layout/default/admin/trackback/autodetectlist.thtml
new file mode 100644
index 000000000..d3657eaf0
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/autodetectlist.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+<p class="uk-margin-bottom">{lang_trackback_explain}</p>
+
+<table class="uk-table uk-table-striped uk-table-condensed" style="background:#ffffff">
+  <tbody>
+    {autodetect_items}
+  </tbody>
+</table>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/index.html b/public_html/layout/default/admin/trackback/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/trackback/pingbackform.thtml b/public_html/layout/default/admin/trackback/pingbackform.thtml
new file mode 100644
index 000000000..565dd8959
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/pingbackform.thtml
@@ -0,0 +1,26 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/trackback.php" method="post" id="pingbackform" class="uk-form uk-form-horizontal">
+  <fieldset>
+    <p class="uk-margin-bottom">{lang_explain}</p>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="pingbackform-target">{lang_pingback_url}</label>
+        <div class="uk-form-controls"><input type="text" maxlength="{max_url_length}" value="{target_url}" name="target" id="pingbackform-target" class="uk-width-1-1"{xhtml}></div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_site_url}</label>
+      <div class="uk-form-controls"><span class="uk-form-help-inline">{site_url}</span></div>
+    </div>
+
+    <div class="uk-form-row uk-margin-large-top">
+      <div class="uk-form-controls">
+        <input type="submit" value="{lang_send}" name="mode[2]" class="uk-button uk-form-width-medium"{xhtml}>
+        <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+      </div>
+    </div>
+
+  </fieldset>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/pingbackitem.thtml b/public_html/layout/default/admin/trackback/pingbackitem.thtml
new file mode 100644
index 000000000..b8d97c004
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/pingbackitem.thtml
@@ -0,0 +1,9 @@
+{# begin {templatelocation} #}
+
+<tr>
+  <td><a href="{url_to_ping}">{link_text}</a> ({host_name})</td>
+  <td>{pingback_result}</td>
+  <td>{resend}</td>
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/pingbacklist.thtml b/public_html/layout/default/admin/trackback/pingbacklist.thtml
new file mode 100644
index 000000000..1e75f8bb5
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/pingbacklist.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+<p class="uk-margin-bottom">{lang_results}</p>
+
+<table class="uk-table uk-table-striped uk-table-condensed" style="background:#ffffff">
+  <tbody>
+    {pingback_results}
+  </tbody>
+</table>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/pingform.thtml b/public_html/layout/default/admin/trackback/pingform.thtml
new file mode 100644
index 000000000..3b8d0ab16
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/pingform.thtml
@@ -0,0 +1,29 @@
+{# begin {templatelocation} #}
+
+<p class="uk-margin-bottom">{lang_ping_explain}</p>
+
+{ping_results}
+
+<form action="{php_self}" method="post" id="pingform" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    {pingback_button}
+    <span class="uk-form-help-inline">{lang_pingback_short}</span>
+  </div>
+  <div class="uk-form-row">
+    {ping_button}
+    <span class="uk-form-help-inline">{lang_ping_short}</span>
+  </div>
+  <div class="uk-form-row">
+    {trackback_button}
+    <span class="uk-form-help-inline">{lang_trackback_short}</span>
+  </div>
+
+  <p class="uk-text-warning uk-margin">{lang_may_take_a_while}</p>
+
+  {hidden_input_fields}
+  <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/pingitem.thtml b/public_html/layout/default/admin/trackback/pingitem.thtml
new file mode 100644
index 000000000..c4faabd3d
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/pingitem.thtml
@@ -0,0 +1,9 @@
+{# begin {templatelocation} #}
+
+<tr>
+  <td><a href="{service_url}">{service_name}</a></td>
+  <td>{ping_result}</td>
+  <td>{resend}</td>
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/pinglist.thtml b/public_html/layout/default/admin/trackback/pinglist.thtml
new file mode 100644
index 000000000..a473fce40
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/pinglist.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+<p class="uk-margin-bottom">{lang_results}</p>
+
+<table class="uk-table uk-table-striped uk-table-condensed" style="background:#ffffff">
+  <tbody>
+    {ping_results}
+  </tbody>
+</table>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/serviceeditor.thtml b/public_html/layout/default/admin/trackback/serviceeditor.thtml
new file mode 100644
index 000000000..3c4325210
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/serviceeditor.thtml
@@ -0,0 +1,48 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/trackback.php" method="post" id="admin-serviceeditor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-serviceeditor-service_name">{lang_name}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="80" value="{service_name}" name="service_name" id="admin-serviceeditor-service_name" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-serviceeditor-is_enabled">{lang_enabled}</label>            
+    <div class="uk-form-controls"><input type="checkbox" {is_enabled} name="is_enabled" id="admin-serviceeditor-is_enabled"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-serviceeditor-service_site_url">{lang_site_url}</label>            
+    <div class="uk-form-controls"><input type="text" maxlength="{max_url_length}" value="{service_site_url}" name="service_site_url" id="admin-serviceeditor-service_site_url" class="uk-width-1-1"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-serviceeditor-service_ping_url">{lang_ping_url}</label>            
+    <div class="uk-form-controls"><input type="text" maxlength="{max_url_length}" value="{service_ping_url}" name="service_ping_url" id="admin-serviceeditor-service_ping_url" class="uk-width-1-1"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-serviceeditor-method">{lang_method}</label>
+    <div class="uk-form-controls">
+      <ul class="uk-list">
+        <li>
+          <input type="radio" value="standard" {standard_is_checked} name="method" id="admin-serviceeditor-method"{xhtml}>
+          {lang_method_standard} <code>weblogUpdates.ping</code>
+        </li>
+        <li>
+          <input type="radio" value="extended" {extended_is_checked} name="method"{xhtml}>
+          {lang_method_extended} <code>weblogUpdates.extendedPing</code>
+        </li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="servicemode[0]" class="uk-button uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="servicemode[1]" class="uk-button"{xhtml}>
+      <input type="hidden" value="{service_id}" name="service_id"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+      {delete_option}
+    </div>
+  </div>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/trackback/trackbackeditor.thtml b/public_html/layout/default/admin/trackback/trackbackeditor.thtml
new file mode 100644
index 000000000..6999f4873
--- /dev/null
+++ b/public_html/layout/default/admin/trackback/trackbackeditor.thtml
@@ -0,0 +1,37 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/trackback.php" method="post" id="trackbackeditor" class="uk-form uk-form-horizontal">
+
+  <p class="uk-margin-bottom">{lang_explain}</p>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="trackbackeditor-target">{lang_trackback_url}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="{max_url_length}" value="{target_url}" name="target" id="trackbackeditor-target" class="uk-width-1-1"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="trackbackeditor-blog_name">{lang_blog_name}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="80" value="{blog_name}" name="blog_name" id="trackbackeditor-blog_name" class="uk-width-1-1"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="trackbackeditor-url">{lang_entry_url}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="{max_url_length}" value="{url}" name="url" id="trackbackeditor-url" class="uk-width-1-1"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="trackbackeditor-title">{lang_title}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="255" value="{title}" name="title" id="trackbackeditor-title" class="uk-width-1-1"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="trackbackeditor-excerpt">{lang_excerpt}</label>
+    <div class="uk-form-controls"><textarea cols="45" rows="8" name="excerpt" id="trackbackeditor-excerpt" class="uk-width-1-1" class="uk-width-1-1" aria-describedby="trackbackeditor-excerpt-d1">{excerpt}</textarea><span class="uk-form-help-inline" id="trackbackeditor-excerpt-d1">{lang_excerpt_truncated}</span></div>
+  </div>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_send}" name="mode[0]" class="uk-button uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_preview}" name="mode[1]" class="uk-button"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/user/batchdelete.thtml b/public_html/layout/default/admin/user/batchdelete.thtml
new file mode 100644
index 000000000..2eab215cc
--- /dev/null
+++ b/public_html/layout/default/admin/user/batchdelete.thtml
@@ -0,0 +1,19 @@
+{# begin {templatelocation} #}
+
+{lang_instruction}
+
+<form style="display:inline" action="{site_admin_url}/user.php?mode=batchdelete" method="post" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    {options_list}
+  </div>
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="hidden" name="mode" value="batchdelete" class="uk-button uk-button-primary uk-button-large"{xhtml}>
+      <input type="submit" name="submit" value="{lang_updatelist}" class="uk-button uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/user/batchdelete_options.thtml b/public_html/layout/default/admin/user/batchdelete_options.thtml
new file mode 100644
index 000000000..207eeaa6b
--- /dev/null
+++ b/public_html/layout/default/admin/user/batchdelete_options.thtml
@@ -0,0 +1,15 @@
+{# begin {templatelocation} #}
+
+<div class="uk-form-row">
+  <div class="uk-form-controls">
+    <input type="radio" name="usr_type" value="{sel_id}"{selector}{xhtml}><span class="uk-form-help-inline">{lang_description}:</span>
+  </div>
+</div>
+<div class="uk-form-row">
+  <label class="uk-form-label">{lang_text_start}</label>
+  <div class="uk-form-controls">
+    <input class="aligncenter" type="text" name="usr_time[{sel_id}]" value="{id_value}" size="3"{selector}{xhtml}><span class="uk-form-help-inline">{lang_text_end}</span>
+  </div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/user/edituser.thtml b/public_html/layout/default/admin/user/edituser.thtml
new file mode 100644
index 000000000..2cf3b59b6
--- /dev/null
+++ b/public_html/layout/default/admin/user/edituser.thtml
@@ -0,0 +1,71 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/user.php" method="post" id="admin-edituser" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_userid}</label>
+    <div class="uk-form-controls">{user_id}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_regdate}</label>
+    <div class="uk-form-controls">{user_regdate}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_lastlogin}</label>
+    <div class="uk-form-controls">{user_lastlogin}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-edituser-username">{lang_username}</label>
+    <div class="uk-form-controls">
+      <div><input type="text" maxlength="16" value="{username}" name="username" id="admin-edituser-username" class="uk-form-width-small"{xhtml}></div>
+      <div>{remoteservice}</div>
+      <div>{user_photo}</div>
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_delete_photo}</label>
+    <div class="uk-form-controls">
+      {delete_photo_option}
+    </div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-edituser-fullname">{lang_fullname}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="80" value="{user_fullname}" name="fullname" id="admin-edituser-fullname" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+
+{password_option}
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-edituser-email">{lang_emailaddress}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="255" value="{user_email}" name="email" id="admin-edituser-email" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="admin-edituser-homepage">{lang_homepage}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="255" value="{user_homepage}" name="homepage" id="admin-edituser-homepage" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_user_status}</label>
+    <div class="uk-form-controls">{user_status}</div>
+  </div>
+
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_securitygroups}</legend>
+    {group_edit}
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="hidden" name="uid" value="{user_id}"{xhtml}>
+      <input type="hidden" name="regdate" value="{regdate_timestamp}"{xhtml}>
+      <input type="submit" value="{lang_save}" name="mode" class="uk-button uk-form-width-medium"{xhtml}>
+      {delete_option}
+      <input type="submit" value="{lang_cancel}" name="mode" class="uk-button"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/user/groupedit.thtml b/public_html/layout/default/admin/user/groupedit.thtml
new file mode 100644
index 000000000..dfb3e27c0
--- /dev/null
+++ b/public_html/layout/default/admin/user/groupedit.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+<div class="uk-form-row">
+    <p>{lang_groupinstructions}</p>
+    <div class="uk-overflow-container">{group_options}</div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/user/index.html b/public_html/layout/default/admin/user/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/admin/user/password.thtml b/public_html/layout/default/admin/user/password.thtml
new file mode 100644
index 000000000..18d1dd9c5
--- /dev/null
+++ b/public_html/layout/default/admin/user/password.thtml
@@ -0,0 +1,22 @@
+{# begin {templatelocation} #}
+
+<div class="uk-form-row">
+  <label class="uk-form-label" for="admin-edituser-passwd">{lang_password}</label>
+  <div class="uk-form-controls">
+    <div class="uk-form-password">
+      <input type="password" value="" name="passwd" id="admin-edituser-passwd"{xhtml}>
+      <a href="" class="uk-form-password-toggle" data-uk-form-password="">Show</a>
+    </div>
+  </div>
+</div>
+<div class="uk-form-row">
+  <label class="uk-form-label" for="admin-edituser-passwd_conf">{lang_password_conf}</label>
+  <div class="uk-form-controls">
+    <div class="uk-form-password">
+      <input type="password" value="" name="passwd_conf" id="admin-edituser-passwd_conf" {xhtml}>
+      <a href="" class="uk-form-password-toggle" data-uk-form-password="">Show</a>
+    </div>
+  </div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/admin/user/reminder.thtml b/public_html/layout/default/admin/user/reminder.thtml
new file mode 100644
index 000000000..4914f3e86
--- /dev/null
+++ b/public_html/layout/default/admin/user/reminder.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+<div class="uk-form-row uk-margin-large-top">
+  <div class="uk-form-controls">
+    <input type="submit" name="mode" value="{action_reminder}" aria-describedby="reminder-submit-d1" class="uk-button uk-form-width-medium"{xhtml}>
+    <span class="uk-form-help-inline" id="reminder-submit-d1">{lang_reminder}</span>
+  </div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/adminnavigation.thtml b/public_html/layout/default/adminnavigation.thtml
new file mode 100644
index 000000000..f6ea7f0ae
--- /dev/null
+++ b/public_html/layout/default/adminnavigation.thtml
@@ -0,0 +1,18 @@
+{# {templatelocation} - The Admin Navigation uses template blocks which is built into this file #}
+
+<!-- BEGIN group -->
+</ul>
+<h3 class="uk-h3">{group_label}</h3>
+<ul class="uk-list">
+<!-- END group -->
+<!-- BEGIN option -->
+<li class="adminoption sideoption"><a href="{option_url}"{target}>{option_label}{display_count}</a></li>
+<!-- END option -->
+<!-- BEGIN current -->
+<li class="adminoption_off sideoption_off">{option_label}{display_count}</li>
+<!-- END current -->
+<!-- BEGIN count -->
+<span>&nbsp;({option_count})</span>
+<!-- END count -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/archivestorybodytext.thtml b/public_html/layout/default/archivestorybodytext.thtml
new file mode 100644
index 000000000..8fba97c0f
--- /dev/null
+++ b/public_html/layout/default/archivestorybodytext.thtml
@@ -0,0 +1,3 @@
+{# begin {templatelocation} #}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/archivestorytext.thtml b/public_html/layout/default/archivestorytext.thtml
new file mode 100644
index 000000000..913a90aec
--- /dev/null
+++ b/public_html/layout/default/archivestorytext.thtml
@@ -0,0 +1,58 @@
+{# begin {templatelocation} #}
+
+<article itemscope itemtype="http://schema.org/Article" class="<?php if(SEC_inGroup('Root')){ ?>gl-edit <?php } ?>uk-article archivestorytext">
+
+  <header>
+
+    <h1 itemprop="name" class="uk-article-title uk-margin-remove">{story_title_link}</h1>
+
+    <div class="uk-grid">
+      <div class="uk-width-1-2">
+        <ul class="uk-article-meta uk-subnav uk-flex-left">
+          <li itemprop="datePublished">{story_date}</li>
+          <li>{lang_contributed_by} {start_contributedby_anchortag}<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{contributedby_author}</span></span>{end_contributedby_anchortag}</li>
+          <li>{lang_views} {story_hits}</li>
+        </ul>
+      </div>
+    <div class="uk-width-1-2">
+        <div class="uk-subnav uk-flex-right">
+          {email_icon}{print_icon}{edit_icon}
+        </div>
+      </div>
+    </div>
+
+  </header>
+
+  <div itemprop="articleBody">
+{!if story_anchortag_and_image_no_align}
+    <span class="uk-float-right uk-margin-left uk-margin-bottom">{story_anchortag_and_image_no_align}</span>
+{!endif}
+    {story_text_no_br}
+  </div>
+
+{!if story_footer}
+  <footer>
+
+    {related_topics}
+
+{!if navi_list}
+    <ul class="uk-flex uk-flex-left">
+      {!if page_selector}<li>{page_selector}</li>{!endif}
+      {!if readmore_link}<li>{readmore_link}</li>{!endif}
+      {!if post_comment_link}<li>{post_comment_link}</li>{!endif}
+    </ul>
+{!endif}
+
+{!if feedback_list}
+    <ul class="uk-flex uk-flex-left">
+      {!if plugin_itemdisplay}<li>{plugin_itemdisplay}</li>{!endif}
+      {!if comments_with_count}<li>{comments_with_count}</li>{!endif}
+      {!if trackbacks_with_count}<li>{trackbacks_with_count}</li>{!endif}
+    </ul>
+{!endif}
+
+  </footer>
+{!endif}
+</article>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/article/article.thtml b/public_html/layout/default/article/article.thtml
new file mode 100644
index 000000000..7a5c2fbde
--- /dev/null
+++ b/public_html/layout/default/article/article.thtml
@@ -0,0 +1,28 @@
+{# begin {templatelocation} #}
+
+    <ul class="uk-subnav uk-flex-right uk-margin-remove">
+      <li><g:plusone href="{site_url}/article.php/{story_id}"></g:plusone></li>
+      <li><a class="twitter-share-button" data-url="<?php echo COM_getCurrentURL(); ?>" href="https://twitter.com/intent/tweet?text={story_title}" data-lang="ja">Tweet</a></li>
+      <li><iframe src="//www.facebook.com/plugins/like.php?href=<?php echo urlencode(COM_getCurrentURL()); ?>&amp;width=150&amp;height=20&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;send=true&amp;appId={!!autotag conf:facebook_consumer_key !!}" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:20px;" allowTransparency="true"></iframe></li>
+    </ul>
+
+<div class="article">
+{formatted_article}
+</div>
+
+<div class="uk-grid uk-margin-large-top">
+    <div class="uk-width-medium-1-2">
+        {whats_related}
+    </div>
+    <div class="uk-width-medium-1-2">
+        {story_options}
+    </div>
+</div>
+<div class="uk-margin-large-top">
+{trackback}
+</div>
+<div class="uk-margin-large-top">
+{commentbar}
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/article/index.html b/public_html/layout/default/article/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/article/printable.thtml b/public_html/layout/default/article/printable.thtml
new file mode 100644
index 000000000..33618c2aa
--- /dev/null
+++ b/public_html/layout/default/article/printable.thtml
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html{lang_attribute}>
+<head>
+  <meta name="robots" content="NOINDEX">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>{page_title}</title>
+  <link rel="stylesheet" type="text/css" href="{layout_url}/css_{direction}/print.css">
+  <link rel="stylesheet" type="text/css" media="print" href="{layout_url}/css/print.css">
+  <link rel="shortcut icon" href="{layout_url}/images/favicon.ico">
+  <link rel="canonical" href="{article_url}">
+</head>
+<body id="print" dir="{direction}">
+{# begin {templatelocation} #}
+  <div id="wrapper">
+    <div id="header">
+      <h1>{story_title}</h1>
+      <p>{lang_contributedby} {story_author} {story_date}</p>
+    </div>
+    <div id="story">
+      {story_text_no_br}
+    </div>
+    <p>{comments_with_count}</p>
+    <hr class="hidden">
+    <div id="footer">
+      <p>{page_title} - {site_name}<br>{article_url}</p>
+    </div>
+  </div>
+{# end {templatelocation} #}
+</body>
+</html>
diff --git a/public_html/layout/default/blockfooter-config.thtml b/public_html/layout/default/blockfooter-config.thtml
new file mode 100644
index 000000000..d69c37be8
--- /dev/null
+++ b/public_html/layout/default/blockfooter-config.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+    </ul>
+</nav>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockfooter-left.thtml b/public_html/layout/default/blockfooter-left.thtml
new file mode 100644
index 000000000..2612c0755
--- /dev/null
+++ b/public_html/layout/default/blockfooter-left.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+      </div>
+    </section>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockfooter-list.thtml b/public_html/layout/default/blockfooter-list.thtml
new file mode 100644
index 000000000..77ccc94d7
--- /dev/null
+++ b/public_html/layout/default/blockfooter-list.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+    </ul>
+  </nav>
+</section>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockfooter-message.thtml b/public_html/layout/default/blockfooter-message.thtml
new file mode 100644
index 000000000..d55388803
--- /dev/null
+++ b/public_html/layout/default/blockfooter-message.thtml
@@ -0,0 +1,13 @@
+{# begin {templatelocation} #}
+
+    </aside>
+  </div>
+</div>
+
+<script type="text/javascript">
+$(document).ready(function(){
+$.UIkit.modal('#gl-message').show();
+});
+</script>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockfooter-related.thtml b/public_html/layout/default/blockfooter-related.thtml
new file mode 100644
index 000000000..d0fa80178
--- /dev/null
+++ b/public_html/layout/default/blockfooter-related.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+  </div>
+</aside>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockfooter-right.thtml b/public_html/layout/default/blockfooter-right.thtml
new file mode 100644
index 000000000..2612c0755
--- /dev/null
+++ b/public_html/layout/default/blockfooter-right.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+      </div>
+    </section>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockfooter-user-login.thtml b/public_html/layout/default/blockfooter-user-login.thtml
new file mode 100644
index 000000000..747b2870e
--- /dev/null
+++ b/public_html/layout/default/blockfooter-user-login.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+  </nav>
+</section>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockfooter-user.thtml b/public_html/layout/default/blockfooter-user.thtml
new file mode 100644
index 000000000..77ccc94d7
--- /dev/null
+++ b/public_html/layout/default/blockfooter-user.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+    </ul>
+  </nav>
+</section>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockfooter.thtml b/public_html/layout/default/blockfooter.thtml
new file mode 100644
index 000000000..39943645a
--- /dev/null
+++ b/public_html/layout/default/blockfooter.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+  </div>
+</section>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader-config.thtml b/public_html/layout/default/blockheader-config.thtml
new file mode 100644
index 000000000..1cc5d9bb9
--- /dev/null
+++ b/public_html/layout/default/blockheader-config.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<nav class="block-config" role="navigation">
+    <h2 class="uk-h2 block-title">{block_title}{block_help}</h2>
+    <ul class="block-config-content">
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader-left.thtml b/public_html/layout/default/blockheader-left.thtml
new file mode 100644
index 000000000..3ab595263
--- /dev/null
+++ b/public_html/layout/default/blockheader-left.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+    <section class="block-left">
+      <h2 class="block-title">{block_title}{block_help}</h2>
+      <div class="block-left-content">
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader-list.thtml b/public_html/layout/default/blockheader-list.thtml
new file mode 100644
index 000000000..bf0fdb68f
--- /dev/null
+++ b/public_html/layout/default/blockheader-list.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+<section class="block-list">
+  <h2 class="uk-h2 block-title">{block_title}{block_help}</h2>
+  <nav class="block-list-content" role="navigation">
+    <ul class="uk-list">
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader-message.thtml b/public_html/layout/default/blockheader-message.thtml
new file mode 100644
index 000000000..e284db411
--- /dev/null
+++ b/public_html/layout/default/blockheader-message.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+ <div id="gl-message" class="uk-modal">
+  <div class="uk-modal-dialog"> 
+   <a class="uk-modal-close uk-close"></a>
+
+<aside>
+    <h2 class="uk-panel-title">{showhide}{block_title}{block_help}</h2>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader-related.thtml b/public_html/layout/default/blockheader-related.thtml
new file mode 100644
index 000000000..e9bd40cec
--- /dev/null
+++ b/public_html/layout/default/blockheader-related.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<aside>
+  <h2 class="uk-h2">{block_title}{block_help}</h2>
+  <div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader-right.thtml b/public_html/layout/default/blockheader-right.thtml
new file mode 100644
index 000000000..682d62ef0
--- /dev/null
+++ b/public_html/layout/default/blockheader-right.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+    <section class="block-right">
+      <h2 class="uk-h2 block-title">{block_title}{block_help}</h2>
+      <div class="block-right-content">
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader-user-login.thtml b/public_html/layout/default/blockheader-user-login.thtml
new file mode 100644
index 000000000..0c3139327
--- /dev/null
+++ b/public_html/layout/default/blockheader-user-login.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<section class="block-list">
+  <h2 class="uk-h2 block-title">{block_title}{block_help}</h2>
+  <nav class="block-list-content">
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader-user.thtml b/public_html/layout/default/blockheader-user.thtml
new file mode 100644
index 000000000..bf0fdb68f
--- /dev/null
+++ b/public_html/layout/default/blockheader-user.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+<section class="block-list">
+  <h2 class="uk-h2 block-title">{block_title}{block_help}</h2>
+  <nav class="block-list-content" role="navigation">
+    <ul class="uk-list">
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockheader.thtml b/public_html/layout/default/blockheader.thtml
new file mode 100644
index 000000000..902025946
--- /dev/null
+++ b/public_html/layout/default/blockheader.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<section class="block-center">
+  <h1 class="uk-h1">{block_title}{block_help}</h1>
+  <div class="block-center-content">
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/blockservices.thtml b/public_html/layout/default/blockservices.thtml
new file mode 100644
index 000000000..77a8ca336
--- /dev/null
+++ b/public_html/layout/default/blockservices.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="service">{lang_service}</label>
+            <div class="uk-form-controls">{select_service}</div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/breadcrumbs.thtml b/public_html/layout/default/breadcrumbs.thtml
new file mode 100644
index 000000000..746be6c63
--- /dev/null
+++ b/public_html/layout/default/breadcrumbs.thtml
@@ -0,0 +1,25 @@
+{# begin {templatelocation} #}
+
+{breadcrumbs}
+
+<!-- BEGIN breadcrumb -->
+<ul class="uk-breadcrumb">
+  {breadcrumb_items}
+</ul>
+<!-- END breadcrumb -->
+
+<!-- BEGIN breadcrumb_item -->
+<li>
+  <a href="{url}">
+    <span>{name}</span>
+  </a>
+</li>
+<!-- END breadcrumb_item -->
+
+<!-- BEGIN breadcrumb_item_nolink -->
+<li>
+  <span>{name}</span>
+</li>
+<!-- END breadcrumb_item_nolink -->
+
+{# end {templatelocation} #}
\ No newline at end of file
diff --git a/public_html/layout/default/calendar/addevent.thtml b/public_html/layout/default/calendar/addevent.thtml
new file mode 100644
index 000000000..ff4ffb2e2
--- /dev/null
+++ b/public_html/layout/default/calendar/addevent.thtml
@@ -0,0 +1,24 @@
+{# begin {templatelocation} #}
+
+<p>{intro_msg}</p>
+<dl class="uk-description-list-horizontal">
+  <dt>{lang_event}</dt>
+  <dd>{event_title}</dd>
+  <dt>{lang_starts}</dt>
+  <dd>{event_start}</dd>
+  <dt>{lang_ends}</dt>
+  <dd>{event_end}</dd>
+  <dt>{lang_where}</dt>
+  <dd>{event_location}</dd>
+  <dt>{lang_description}</dt>
+  <dd>{event_description}</dd>
+</dl>
+
+<form name="userevent" method="post" action="{site_url}/calendar/event.php" class="uk-form uk-form-horizontal">
+  <input type="hidden" name="action" value="saveuserevent"{xhtml}>
+  <input type="hidden" name="eid" value="{event_id}"{xhtml}>
+  <input type="submit" value="{lang_addtomycalendar}" class="uk-form-width-medium"{xhtml}>
+  <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/addeventoption.thtml b/public_html/layout/default/calendar/addeventoption.thtml
new file mode 100644
index 000000000..6229fe03b
--- /dev/null
+++ b/public_html/layout/default/calendar/addeventoption.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+  <form method="post" action="{site_url}{addevent_formurl}" class="uk-form">
+    <input type="submit" name="action" value="{lang_addevent}"{xhtml}>
+    <input type="hidden" name="month" value="{cal_curmo_num}"{xhtml}>
+    <input type="hidden" name="year" value="{cal_curyr_num}"{xhtml}>
+    <input type="hidden" name="mode" value="{mode}"{xhtml}>
+    <input type="hidden" name="view" value="addentry"{xhtml}>
+  </form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/addremoveevent.thtml b/public_html/layout/default/calendar/addremoveevent.thtml
new file mode 100644
index 000000000..fd78a8ecf
--- /dev/null
+++ b/public_html/layout/default/calendar/addremoveevent.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+&nbsp;<span class="uk-text-small">[{lang_addremovefromcal}]</span>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/admin/batchdelete.thtml b/public_html/layout/default/calendar/admin/batchdelete.thtml
new file mode 100644
index 000000000..e95ab2446
--- /dev/null
+++ b/public_html/layout/default/calendar/admin/batchdelete.thtml
@@ -0,0 +1,12 @@
+{# begin {templatelocation} #}
+
+<form style="display:inline" action="{site_admin_url}/plugins/calendar/index.php?mode=batchdelete" method="post" class="uk-form">
+    <div style="display: inline;">
+        <input type="hidden" name="mode" value="batchdelete"{xhtml}>
+        <input type="hidden" name="usr_time" value="{usr_time}"{xhtml}>
+        {lang_text_start} <input class="aligncenter" type="text" name="usr_time" value="{usr_time}" size="3"{xhtml}>{lang_text_end}<br{xhtml}>
+        <input type="submit" name="submit" value="{lang_updatelist}"{xhtml}>
+    </div>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/admin/eventeditor.thtml b/public_html/layout/default/calendar/admin/eventeditor.thtml
new file mode 100644
index 000000000..39cd64873
--- /dev/null
+++ b/public_html/layout/default/calendar/admin/eventeditor.thtml
@@ -0,0 +1,200 @@
+{# begin {templatelocation} #}
+
+<form action="{site_admin_url}/plugins/calendar/index.php" name="events" method="post" id="calendar-eventeditor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-title">{lang_eventtitle}</label>
+    <div class="uk-form-controls">
+      <input type="text" maxlength="128" name="title" value="{event_title}" id="calendar-eventeditor-title" class="uk-form-width-large" required{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-event_type">{lang_eventtype}</label>
+    <div class="uk-form-controls">
+      <select name="event_type" id="calendar-eventeditor-event_type">
+        <option value="">--</option>
+              {type_options}
+      </select>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_eventstartdate}</label>
+    <div class="uk-form-controls">
+      <span dir="ltr">
+        <select name="start_month">
+            {startmonth_options}
+        </select>
+        /
+        <select name="start_day">
+            {startday_options}
+        </select>
+        /
+        <select name="start_year">
+            {startyear_options}
+        </select>&nbsp;&nbsp;
+        {lang_starttime}:
+        <select name="start_hour">
+            {starthour_options}
+        </select>
+        :
+        <select name="start_minute">
+            {startminute_options}
+        </select>
+        {startampm_selection}
+      </span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_eventenddate}</label>
+    <div class="uk-form-controls">
+      <span dir="ltr">
+        <select name="end_month">
+            {endmonth_options}
+        </select>
+        /
+        <select name="end_day">
+            {endday_options}
+        </select>
+        /
+        <select name="end_year">
+            {endyear_options}
+        </select>&nbsp;&nbsp;
+        {lang_endtime}:
+        <select name="end_hour">
+            {endhour_options}
+        </select>
+        :
+        <select name="end_minute">
+            {endminute_options}
+        </select>
+        {endampm_selection}
+      </span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-allday">{lang_alldayevent}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="allday" id="calendar-eventeditor-allday" {allday_checked}{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-location">{lang_location}</label>
+    <div class="uk-form-controls">
+      <textarea name="location" cols="45" rows="2" id="calendar-eventeditor-location" class="uk-form-width-large">{event_location}</textarea>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-address1">{lang_addressline1}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="address1" value="{event_address1}" id="calendar-eventeditor-address1" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-address2">{lang_addressline2}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="address2" value="{event_address2}" id="calendar-eventeditor-address2" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-city">{lang_city}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="city"  maxlength="60" value="{event_city}" id="calendar-eventeditor-city" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-state">{lang_state}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="state" value="{event_state}" id="calendar-eventeditor-state" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-zipcode">{lang_zipcode}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="zipcode" maxlength="16" value="{event_zipcode}" id="calendar-eventeditor-zipcode" class="uk-form-width-small"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-url">{lang_eventurl}</label>
+    <div class="uk-form-controls">
+      <input type="text" dir="ltr" name="url" maxlength="{max_url_length}" value="{event_url}" id="calendar-eventeditor-url" class="uk-form-width-large"{xhtml}>
+      <span class="uk-form-help-inline">{lang_includehttp}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-description">{lang_eventdescription}</label>
+    <div class="uk-form-controls">
+      <textarea name="description" cols="45" rows="8" id="calendar-eventeditor-description" class="uk-width-1-1" required>{event_description}</textarea>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="calendar-eventeditor-postmode">{lang_postmode}</label>
+    <div class="uk-form-controls">
+      <select name="postmode" id="calendar-eventeditor-postmode">
+        {post_options}
+      </select>
+      <span class="uk-form-help-inline">{lang_allowed_html}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_hits}</label>
+    <div class="uk-form-controls">
+      {hits}
+    </div>
+  </div>
+
+    <fieldset class="uk-margin-large-top">
+      <legend>{lang_accessrights}</legend>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_owner}</label>
+    <div class="uk-form-controls">
+      {owner_name}<input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="group_id">{lang_group}</label>
+    <div class="uk-form-controls">
+      {group_dropdown}
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_permissions}</label>
+    <div class="uk-form-controls">
+      {permissions_editor}
+      <span class="uk-form-help-inline">{lang_perm_key}</span>
+      <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+    </div>
+  </div>
+
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="mode" class="uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode"{xhtml}>
+      <input type="hidden" name="eid" value="{event_id}"{xhtml}>
+      <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
+      {delete_option}
+      {submission_option}
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/calendar.thtml b/public_html/layout/default/calendar/calendar.thtml
new file mode 100644
index 000000000..f891463d4
--- /dev/null
+++ b/public_html/layout/default/calendar/calendar.thtml
@@ -0,0 +1,99 @@
+{# begin {templatelocation} #}
+
+<div class="uk-grid uk-panel uk-panel-box" style="margin-left:0">
+  <div class="uk-width-1-3 uk-text-center uk-text-bold"><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=day">{lang_day}</a></div>
+  <div class="uk-width-1-3 uk-text-center uk-text-bold"><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=week">{lang_week}</a></div>
+  <div class="uk-width-1-3 uk-text-center uk-text-bold">{lang_month}</div>
+</div>
+
+<table style="padding:5px; width:100%; border:none" class="cal-body">
+  <tr>
+    <td colspan="8" class="uk-table-middle">
+      <div class="uk-grid" style="margin-left:0">
+        <div class="uk-width-1-3 uk-hidden-small">
+            {previous_months_calendar}
+        </div>
+        <div class="uk-width-1-3 uk-height-1-1">
+          <div class="uk-margin-large-top uk-width-medium-1-2 uk-container-center">
+                  <form method="post" action="{site_url}/calendar/index.php" class="uk-form">
+                    <div>
+                      <select name="month" onchange="this.form.submit()">
+                        <option value="1" {selected_jan}>{lang_january}</option>
+                        <option value="2" {selected_feb}>{lang_february}</option>
+                        <option value="3" {selected_mar}>{lang_march}</option>
+                        <option value="4" {selected_apr}>{lang_april}</option>
+                        <option value="5" {selected_may}>{lang_may}</option>
+                        <option value="6" {selected_jun}>{lang_june}</option>
+                        <option value="7" {selected_jul}>{lang_july}</option>
+                        <option value="8" {selected_aug}>{lang_august}</option>
+                        <option value="9" {selected_sep}>{lang_september}</option>
+                        <option value="10" {selected_oct}>{lang_october}</option>
+                        <option value="11" {selected_nov}>{lang_november}</option>
+                        <option value="12" {selected_dec}>{lang_december}</option>
+                      </select>&nbsp;
+                      <input type="hidden" name="mode" value="{mode}"{xhtml}>
+                      <select name="year" onchange="this.form.submit()">
+                        {year_options}
+                      </select>
+                    </div>
+                  </form>
+          </div>
+          <div class="uk-margin">
+                  <ul class="uk-subnav uk-flex-center">
+                    <li>{add_event_option}</li>
+                    <li>{personal_calendar_option}</li>
+                    <li>{master_calendar_option}</li>
+                  </ul>
+          </div>
+        </div>
+        <div class="uk-width-1-3 uk-hidden-small">
+              {next_months_calendar}
+        </div>
+      </div>
+    </td>
+  </tr>
+  <tr>
+    <td>&nbsp;</td>
+    <td class="cal-day" style="width:15%">{lang_sunday}</td>
+    <td class="cal-day" style="width:14%">{lang_monday}</td>
+    <td class="cal-day" style="width:14%">{lang_tuesday}</td>
+    <td class="cal-day" style="width:14%">{lang_wednesday}</td>
+    <td class="cal-day" style="width:14%">{lang_thursday}</td>
+    <td class="cal-day" style="width:14%">{lang_friday}</td>
+    <td class="cal-day" style="width:15%">{lang_saturday}</td>
+  </tr>
+  {cal_week}
+</table>
+
+<div class="uk-subnav uk-flex-center uk-margin-large-top">
+  <div>
+      <form method="post" action="{site_url}/calendar/index.php" class="uk-form">
+        <div>
+           <input type="submit" value="&lt;&lt;"{xhtml}>
+           <input type="hidden" name="month" value="{cal_prevmo_num}"{xhtml}>
+           <input type="hidden" name="year" value="{cal_prevyr_num}"{xhtml}>
+           <input type="hidden" name="mode" value="{mode}"{xhtml}>
+        </div>
+      </form>
+  </div>
+  <div>
+        {add_event_option}
+  </div>
+  <div>
+      {personal_calendar_option}
+      {master_calendar_option}
+  </div>
+  <div>
+      <form method="post" action="{site_url}/calendar/index.php" class="uk-form">
+        <div>
+           <input type="submit" value="&gt;&gt;"{xhtml}>
+           <input type="hidden" name="month" value="{cal_nextmo_num}"{xhtml}>
+           <input type="hidden" name="year" value="{cal_nextyr_num}"{xhtml}>
+           <input type="hidden" name="mode" value="{mode}"{xhtml}>
+        </div>
+      </form>
+  </div>
+</div>
+
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/calendarday.thtml b/public_html/layout/default/calendar/calendarday.thtml
new file mode 100644
index 000000000..615899314
--- /dev/null
+++ b/public_html/layout/default/calendar/calendarday.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+    <td class="uk-text-top {cal_day_style}">
+      {cal_day_anchortags}
+      {cal_day_entries}
+    </td>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/calendarevent.thtml b/public_html/layout/default/calendar/calendarevent.thtml
new file mode 100644
index 000000000..87fa49b92
--- /dev/null
+++ b/public_html/layout/default/calendar/calendarevent.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+    {event_anchortags}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/calendarweek.thtml b/public_html/layout/default/calendar/calendarweek.thtml
new file mode 100644
index 000000000..3c4e225f7
--- /dev/null
+++ b/public_html/layout/default/calendar/calendarweek.thtml
@@ -0,0 +1,9 @@
+{# begin {templatelocation} #}
+
+  <tr>
+    <td class="cal-weekpointers uk-text-center"><b><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=week&amp;month={wmonth}&amp;day={wday}&amp;year={wyear}">&gt;&gt;</a></b>
+    </td>
+    {cal_days}
+  </tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/dayview/column.thtml b/public_html/layout/default/calendar/dayview/column.thtml
new file mode 100644
index 000000000..e9fc31858
--- /dev/null
+++ b/public_html/layout/default/calendar/dayview/column.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<td class="cal-dayx-times2">{event_entry}</td>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/dayview/dayview.thtml b/public_html/layout/default/calendar/dayview/dayview.thtml
new file mode 100644
index 000000000..f5f0cd822
--- /dev/null
+++ b/public_html/layout/default/calendar/dayview/dayview.thtml
@@ -0,0 +1,126 @@
+{# begin {templatelocation} #}
+
+<div class="uk-grid uk-panel uk-panel-box" style="margin-left:0">
+  <div class="uk-width-1-3 uk-text-center uk-text-bold">{lang_day}</div>
+  <div class="uk-width-1-3 uk-text-center uk-text-bold"><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=week">{lang_week}</a></div>
+  <div class="uk-width-1-3 uk-text-center uk-text-bold"><a href="{site_url}/calendar/index.php?mode={mode}">{lang_month}</a></div>
+</div>
+
+<ul class="uk-pagination">
+  <li><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=day&amp;month={prevmonth}&amp;day={prevday}&amp;year={prevyear}">&lt;&lt;</a></li>
+  <li class="uk-disabled"><span>{currentday}</span></li>
+  <li><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=day&amp;month={nextmonth}&amp;day={nextday}&amp;year={nextyear}">&gt;&gt;</a></li>
+</ul>
+
+<ul class="uk-subnav uk-flex-center">
+  <li>{calendar_title}</li>
+  <li>{calendar_toggle}</li>
+</ul>
+
+<div>{lang_week} {week_num} {allday_events}</div>
+
+<table class="uk-table uk-width-1-1">
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=0">{0_hour}</a></div></td>
+      {0_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=1">{1_hour}</a></div></td>
+      {1_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=2">{2_hour}</a></div></td>
+      {2_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=3">{3_hour}</a></div></td>
+      {3_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=4">{4_hour}</a></div></td>
+      {4_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=5">{5_hour}</a></div></td>
+      {5_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=6">{6_hour}</a></div></td>
+      {6_cols}
+  </tr>
+
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=7">{7_hour}</a></div></td>
+      {7_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=8">{8_hour}</a></div></td>
+      {8_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=9">{9_hour}</a></div></td>
+      {9_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=10">{10_hour}</a></div></td>
+      {10_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=11">{11_hour}</a></div></td>
+      {11_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=12">{12_hour}</a></div></td>
+      {12_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=13">{13_hour}</a></div></td>
+      {13_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=14">{14_hour}</a></div></td>
+      {14_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=15">{15_hour}</a></div></td>
+      {15_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=16">{16_hour}</a></div></td>
+      {16_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=17">{17_hour}</a></div></td>
+      {17_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=18">{18_hour}</a></div></td>
+      {18_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=19">{19_hour}</a></div></td>
+      {19_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=20">{20_hour}</a></div></td>
+      {20_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=21">{21_hour}</a></div></td>
+      {21_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=22">{22_hour}</a></div></td>
+      {22_cols}
+  </tr>
+  <tr>
+      <td style="width:1%" class="cal-dayx-times"><div class="uk-text-right"><a href="{site_url}/submit.php?type=calendar&amp;mode={mode}&amp;month={month}&amp;day={day}&amp;year={year}&amp;hour=23">{23_hour}</a></div></td>
+      {23_cols}
+  </tr>
+</table>
+
+<div>
+  {quickadd_form}
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/dayview/quickaddform.thtml b/public_html/layout/default/calendar/dayview/quickaddform.thtml
new file mode 100644
index 000000000..b7e992230
--- /dev/null
+++ b/public_html/layout/default/calendar/dayview/quickaddform.thtml
@@ -0,0 +1,56 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/calendar/index.php" method="post" class="uk-form">
+  <input type="hidden" name="view" value="addentry"{xhtml}>
+  <input type="hidden" name="calendar_type" value="quickadd"{xhtml}>
+  <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
+
+  <div class="uk-panel uk-panel-box uk-margin-top" style="padding:3px">
+    <h3 class="uk-panel-title">{lang_quickadd}</h3>
+    <div class="uk-grid uk-grid-collapse" style="margin-left:0">
+      <div class="uk-width-medium-1-3">
+        <h4 class="uk-margin-remove-bottom">{lang_event}</h4>
+        <div>
+          <input type="text" size="20" maxlength="96" name="title"{xhtml}>
+        </div>
+      </div>
+      <div class="uk-width-medium-1-3">
+        <h4 class="uk-margin-remove-bottom">{lang_date}</h4>
+        <div>
+          <span dir="ltr">
+            <select name="start_month">
+                {month_options}
+            </select>
+            /
+            <select name="start_day">
+                {day_options}
+            </select>
+            /
+            <select name="start_year">
+                {year_options}
+            </select>
+          </span>
+        </div>
+      </div>
+      <div class="uk-width-medium-1-3">
+        <h4 class="uk-margin-remove-bottom">{lang_time}</h4>
+        <div>
+          <span dir="ltr">
+            <select name="start_hour">
+                {hour_options}
+            </select>
+            :
+            <select name="start_minute">
+                {minute_options}
+            </select>
+            {startampm_selection}
+          </span>
+          <input type="submit" value="{lang_add}"{xhtml}>
+          <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+        <div>
+      </div>
+    </div>
+  </div>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/dayview/singleevent.thtml b/public_html/layout/default/calendar/dayview/singleevent.thtml
new file mode 100644
index 000000000..80716c2d6
--- /dev/null
+++ b/public_html/layout/default/calendar/dayview/singleevent.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+{delete_imagelink} {event_time} <a href="{site_url}/calendar/event.php?mode={mode}&amp;eid={eid}">{event_title}</a>{br}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/editpersonalevent.thtml b/public_html/layout/default/calendar/editpersonalevent.thtml
new file mode 100644
index 000000000..fd9f55a76
--- /dev/null
+++ b/public_html/layout/default/calendar/editpersonalevent.thtml
@@ -0,0 +1,155 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/calendar/event.php" method="post" class="uk-form uk-form-horizontal">
+  <input type="hidden" name="calendar_type" value="personal"{xhtml}>
+  <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
+  <input type="hidden" name="eid" value="{eid}"{xhtml}>
+  <input type="hidden" name="uid" value="{uid}"{xhtml}>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_title}</label>
+    <div class="uk-form-controls">
+      <input type="text" size="36" maxlength="96" name="title" value="{event_title}" required{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_eventtype}</label>
+    <div class="uk-form-controls">
+      <select name="event_type">
+          <option value="">--</option>
+          {type_options}
+      </select>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_startdate}</label>
+    <div class="uk-form-controls">
+        <span dir="ltr">
+          <select name="start_month">
+                {startmonth_options}
+          </select>
+          /
+          <select name="start_day">
+                {startday_options}
+          </select>
+          /
+          <select name="start_year">
+                {startyear_options}
+          </select>&nbsp;&nbsp;
+          <b>{lang_starttime}: </b>
+          <select name="start_hour">
+                {starthour_options}
+          </select>
+          :
+          <select name="start_minute">
+                {startminute_options}
+          </select>
+            {startampm_selection}
+        </span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_enddate}</label>
+    <div class="uk-form-controls">
+      <span dir="ltr">
+        <select name="end_month">
+            {endmonth_options}
+        </select>
+        /
+        <select name="end_day">
+            {endday_options}
+        </select>
+        /
+        <select name="end_year">
+            {endyear_options}
+        </select>&nbsp;&nbsp;
+        <b>{lang_endtime}: </b>
+        <select name="end_hour">
+            {endhour_options}
+        </select>
+        :
+        <select name="end_minute">
+            {endminute_options}
+        </select>
+        {endampm_selection}
+      </span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_alldayevent}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="allday" {allday_checked}{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_location}</label>
+    <div class="uk-form-controls">
+      <textarea name="location" cols="45" rows="2">{event_location}</textarea>
+    </div>
+  </div>
+            
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_addressline1}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="address1" size="36" value="{event_address1}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_addressline2}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="address2" size="36" value="{event_address2}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_city}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="city" size="36" value="{event_city}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_state}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="state" size="36" value="{event_state}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_zipcode}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="zipcode" size="16" maxlength="16" value="{event_zipcode}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_link}</label>
+    <div class="uk-form-controls">
+      <input type="text" size="36" maxlength="128" name="url" value="{event_url}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="">{lang_description}</label>
+    <div class="uk-form-controls">
+      <textarea name="description" style="width:100%" cols="50" rows="20" required>{event_description}</textarea><span class="uk-form-help-inline">{lang_htmlnotallowed}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+        <input type="hidden" name="type" value="event"{xhtml}>
+        <input type="submit" name="action" value="{lang_submit}" class="uk-form-width-medium"{xhtml}>
+        <input type="submit" name="action" value="{lang_delete}"{xhtml}>
+        <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/eventdetails.thtml b/public_html/layout/default/calendar/eventdetails.thtml
new file mode 100644
index 000000000..e0a50e203
--- /dev/null
+++ b/public_html/layout/default/calendar/eventdetails.thtml
@@ -0,0 +1,22 @@
+{# begin {templatelocation} #}
+
+<h3 class="cal-event-title">{event_title}</h3>
+<dl class="uk-description-list-line">
+  <dt>{lang_when}</dt>
+  <dd>{event_start} - {event_end}</dd>
+  <dt>{lang_event_type}</dt>
+  <dd>{event_type}</dd>
+  <dt>{lang_where}</dt>
+  <dt>
+            {event_location}{br0}
+            {event_address1}{br1}
+            {event_address2}{br2}
+            {event_city}{event_state} {event_zip}
+  <dt>{lang_description}</dt>
+  <dd>{event_description}</dd>
+</dl>
+<ul class="uk-subnav uk-flex-center">
+  <li>{addremove_event}</li><li>{edit_icon}</li>
+</ul>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/events.thtml b/public_html/layout/default/calendar/events.thtml
new file mode 100644
index 000000000..19091c9e5
--- /dev/null
+++ b/public_html/layout/default/calendar/events.thtml
@@ -0,0 +1,9 @@
+{# begin {templatelocation} #}
+
+<div class="uk-margin">
+    [ <a href="{site_url}/submit.php?type=calendar{calendar_mode}">{lang_addevent}</a> ][ <a href="{site_url}/calendar/index.php{calendar_mode}">{lang_backtocalendar}</a> ]
+</div>
+<h2 class="uk-h2">{lang_month}&nbsp;&nbsp;{event_year}</h2>
+{event_details}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/mastercalendaroption.thtml b/public_html/layout/default/calendar/mastercalendaroption.thtml
new file mode 100644
index 000000000..ca4c7f71d
--- /dev/null
+++ b/public_html/layout/default/calendar/mastercalendaroption.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<form method="post" action="{site_url}/calendar/index.php" class="uk-form">
+  <input type="submit" name="action" value="{lang_mastercal}"{xhtml}>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/personalcalendaroption.thtml b/public_html/layout/default/calendar/personalcalendaroption.thtml
new file mode 100644
index 000000000..b047c4dbd
--- /dev/null
+++ b/public_html/layout/default/calendar/personalcalendaroption.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<form method="post" action="{site_url}/calendar/index.php?mode=personal" class="uk-form">
+  <input type="submit" name="action" value="{lang_mycalendar}"{xhtml}>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/submitevent.thtml b/public_html/layout/default/calendar/submitevent.thtml
new file mode 100644
index 000000000..7ba7c1b7c
--- /dev/null
+++ b/public_html/layout/default/calendar/submitevent.thtml
@@ -0,0 +1,157 @@
+{# begin {templatelocation} #}
+
+<p>{explanation}</p>
+<form class="uk-form uk-form-horizontal" action="{site_url}{submit_url}" method="post">
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_title}</label>
+    <div class="uk-form-controls">
+      <input type="text" size="48" maxlength="128" name="title" required{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_eventtype}</label>
+    <div class="uk-form-controls">
+      <select name="event_type">
+        <option value="">--</option>
+        {type_options}
+      </select>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_startdate}</label>
+    <div class="uk-form-controls">
+    <span dir="ltr">
+      <select name="start_month">
+          {month_options}
+      </select>
+      /
+      <select name="start_day">
+          {day_options}
+      </select>
+      /
+      <select name="start_year">
+          {year_options}
+      </select>&nbsp;&nbsp;
+      <b>{lang_starttime}: </b>
+      <select name="start_hour">
+          {hour_options}
+      </select>
+      :
+      <select name="start_minute">
+          {minute_options}
+      </select>
+      {startampm_selection}
+    </span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_enddate}</label>
+    <div class="uk-form-controls">
+    <span dir="ltr">
+      <select name="end_month">
+          {month_options}
+      </select>
+      /
+      <select name="end_day">
+          {day_options}
+      </select>
+      /
+      <select name="end_year">
+          {year_options}
+      </select>&nbsp;&nbsp;
+      <b>{lang_endtime}: </b>
+      <select name="end_hour">
+          {hour_options}
+      </select>
+      :
+      <select name="end_minute">
+          {minute_options}
+      </select>
+      {startampm_selection}
+    </span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_alldayevent}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="allday"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_location}</label>
+    <div class="uk-form-controls">
+      <textarea name="location" cols="45" rows="2"></textarea>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_addressline1}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="address1" size="40"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_addressline2}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="address2" size="40"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_city}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="city" size="40" maxlength="60"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_state}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="state" size="40"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_zipcode}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="zipcode" size="16" maxlength="16"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_link}</label>
+    <div class="uk-form-controls">
+      <input type="text" dir="ltr" size="48" maxlength="{max_url_length}" name="url" value="http://"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_description}</label>
+    <div class="uk-form-controls">
+      <textarea name="description" style="width:100%" cols="45" rows="8" required></textarea>
+      <span class="uk-form-help-inline">{lang_allowed_html}</span>
+    </div>
+  </div>
+
+  {captcha}
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="hidden" name="mode" value="{lang_submit}"{xhtml}>
+      <input type="hidden" name="type" value="calendar"{xhtml}>
+      <input type="hidden" name="calendar_type" value="{mode}"{xhtml}>
+      <input type="hidden" name="hour_mode" value="{hour_mode}"{xhtml}>
+      <input type="submit" value="{lang_submit}" class="uk-form-width-medium"{xhtml}>
+      {hidden_fields}
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/weekview/events.thtml b/public_html/layout/default/calendar/weekview/events.thtml
new file mode 100644
index 000000000..d36fc7803
--- /dev/null
+++ b/public_html/layout/default/calendar/weekview/events.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<div style="border-bottom:1px solid white;">{delete_imagelink} {event_starttime} {event_endtime} {event_title_and_link}</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/calendar/weekview/weekview.thtml b/public_html/layout/default/calendar/weekview/weekview.thtml
new file mode 100644
index 000000000..bf0be1c9c
--- /dev/null
+++ b/public_html/layout/default/calendar/weekview/weekview.thtml
@@ -0,0 +1,41 @@
+{# begin {templatelocation} #}
+
+<div class="uk-grid uk-panel uk-panel-box" style="margin-left:0">
+  <div class="uk-width-1-3 uk-text-center uk-text-bold"><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=day">{lang_day}</a></div>
+  <div class="uk-width-1-3 uk-text-center uk-text-bold">{lang_week}</div>
+  <div class="uk-width-1-3 uk-text-center uk-text-bold"><a href="{site_url}/calendar/index.php?mode={mode}">{lang_month}</a></div>
+</div>
+
+<ul class="uk-pagination">
+  <li><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=week&amp;month={prevmonth}&amp;day={prevday}&amp;year={prevyear}">&lt;&lt;</a></li>
+  <li class="uk-disabled"><span>{date_range}</span></li>
+  <li><a href="{site_url}/calendar/index.php?mode={mode}&amp;view=week&amp;month={nextmonth}&amp;day={nextday}&amp;year={nextyear}">&gt;&gt;</a></li>
+</ul>
+
+<ul class="uk-subnav uk-flex-center">
+  <li>{calendar_title}</li>
+  <li>{calendar_toggle}</li>
+</ul>
+
+<dl class="uk-description-list-line">
+  <dt>{day1}<span class="uk-float-right">{langlink_addevent1}</span></dt>
+  <dd>{events_day1}</dd>
+  <dt>{day2}<span class="uk-float-right">{langlink_addevent2}</span></dt>
+  <dd>{events_day2}</dd>
+  <dt>{day3}<span class="uk-float-right">{langlink_addevent3}</span></dt>
+  <dd>{events_day3}</dd>
+  <dt>{day4}<span class="uk-float-right">{langlink_addevent4}</span></dt>
+  <dd>{events_day4}</dd>
+  <dt>{day5}<span class="uk-float-right">{langlink_addevent5}</span></dt>
+  <dd>{events_day5}</dd>
+  <dt>{day6}<span class="uk-float-right">{langlink_addevent6}</span></dt>
+  <dd>{events_day6}</dd>
+  <dt>{day7}<span class="uk-float-right">{langlink_addevent7}</span></dt>
+  <dd>{events_day7}</dd>
+</dl>
+
+<div>
+  {quickadd_form}
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/comment/comment.thtml b/public_html/layout/default/comment/comment.thtml
new file mode 100644
index 000000000..97663df9f
--- /dev/null
+++ b/public_html/layout/default/comment/comment.thtml
@@ -0,0 +1,19 @@
+{# begin {templatelocation} #}
+
+<div class="level-{indent} uk-width-medium-2-3 uk-margin-bottom">
+  <div>
+    <div class="uk-panel uk-panel-box">
+      <h3 class="uk-panel-title">{title}</h3>
+        <ul class="uk-subnav uk-flex-right uk-text-small" style="margin-top:-20px"><li>{lang_authoredby}&nbsp;{author_link}</li><li>{lang_on} {date}</li></ul>
+      <div>{comments}</div>
+      <span class="uk-button uk-button-small uk-float-right" {hide_if_preview}>{reply_option}</span>
+    </div>
+    <div {hide_if_preview}>
+      <div class="comment_navi" role="navigation" {hide_if_preview}>[
+       <span>{reply_option} {parent_link} {delete_option} <a href="{site_url}/comment.php?mode=view&amp;cid={cid}" rel="bookmark" title="{lang_permlink}">#</a></span>
+       ]</div>
+    </div>
+  </div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/comment/commentbar.thtml b/public_html/layout/default/comment/commentbar.thtml
new file mode 100644
index 000000000..0e56eda92
--- /dev/null
+++ b/public_html/layout/default/comment/commentbar.thtml
@@ -0,0 +1,39 @@
+{# begin {templatelocation} #}
+
+<ul class="uk-subnav uk-subnav-line uk-flex-center">
+  <li>{start_storylink_anchortag}<strong>{story_title}</strong>{end_storylink_anchortag}</li>
+  <li>{num_comments} {lang_comments}</li>
+  <li>{user_nullname} <a href="{login_logout_url}" rel="nofollow">{lang_login_logout}</a></li>
+</ul>
+
+<div class="uk-panel uk-panel-box uk-width-1-1">
+  <form action="{editor_url}" method="post" class="uk-form uk-float-left">
+    <div class="uk-form-row">
+      <input type="{reply_hidden_or_submit}" name="reply" value="{lang_reply}"{xhtml}>
+      <input type="hidden" name="{nprefix}sid" value="{sid}"{xhtml}>
+      <input type="hidden" name="{nprefix}pid" value="0"{xhtml}>
+      <input type="hidden" name="{nprefix}type" value="{comment_type}"{xhtml}>
+      <input type="hidden" name="title" value="{comment_title}"{xhtml}>
+      {hidden_field_reply}
+      {jump_link_for_commenteditform}
+    </div>
+  </form>
+
+  <form action="{parent_url}" method="post" class="uk-form uk-float-right">
+    <div class="uk-form-row">
+      {order_selector} {mode_selector}
+      <input type="submit" value="{lang_refresh}"{xhtml}>
+      <input type="hidden" name="{nprefix}sid" value="{sid}"{xhtml}>
+      <input type="hidden" name="{nprefix}type" value="{comment_type}"{xhtml}>
+      {hidden_field}
+    </div>
+  </form>
+</div>
+
+<p class="uk-text-center uk-text-muted">{lang_disclaimer}</p>
+
+<!-- BEGIN commenteditform_jumplink -->
+<a class="uk-button" href="#commenteditform">{lang_reply}</a>
+<!-- END commenteditform_jumplink -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/comment/commentform.thtml b/public_html/layout/default/comment/commentform.thtml
new file mode 100644
index 000000000..381867241
--- /dev/null
+++ b/public_html/layout/default/comment/commentform.thtml
@@ -0,0 +1,75 @@
+{# begin {templatelocation} #}
+
+{start_block_postacomment}
+<div class="uk-panel uk-panel-box">
+
+  <form action="{form_url}" method="post" id="commentform" class="uk-form uk-form-horizontal">
+
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_username}</label>
+      <div class="uk-form-controls">{cid}
+          <input type="hidden" name="order" value="{order}"{xhtml}>
+          <input type="hidden" name="format" value="{format}"{xhtml}>
+          <input type="hidden" name="cpage" value="{cpage}"{xhtml}>
+          <input type="hidden" name="{nprefix}sid" value="{sid}"{xhtml}>
+          <input type="hidden" name="{nprefix}pid" value="{pid}"{xhtml}>
+          <input type="hidden" name="{nprefix}type" value="{type}"{xhtml}>
+          <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+          <input type="hidden" name="{nprefix}uid" value="{uid}"{xhtml}>{username}&nbsp;
+          <span{hidewhenediting}>[<a href="{action_url}" rel="nofollow" class="logoutorcreateaccount">{lang_logoutorcreateaccount}</a>]</span>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="commentform-title">{lang_title}</label>
+      <div class="uk-form-controls">
+        <input type="text" value="{title}" maxlength="96" name="title" id="commentform-title" class="uk-width-1-1" required{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label for="comment_text">{lang_comment}</label>
+      <div class="uk-form-controls text_editor">
+        <textarea rows="10" cols="45" name="comment" id="comment_text" class="uk-width-1-1" aria-describedby="commentform-d1" required>{comment}</textarea>
+        <span class="uk-form-help-inline" id="commentform-d1">{allowed_html}</span>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="commentform-postmode">{lang_postmode}</label>
+      <div class="uk-form-controls">
+        <select name="postmode" id="commentform-postmode">
+          {postmode_options}
+        </select>
+      </div>
+    </div>
+
+    {captcha}
+
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_importantstuff}</label>
+      <div class="uk-form-controls">
+        <ul class="uk-list">
+          <li class="li-importantstuff">{lang_instr_line1}</li>
+          <li class="li-importantstuff">{lang_instr_line2}</li>
+          <li class="li-importantstuff">{lang_instr_line3}</li>
+          <li class="li-importantstuff">{lang_instr_line4}</li>
+          <li class="li-importantstuff">{lang_instr_line5}</li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="uk-form-row uk-margin-large-top">
+      <div class="uk-form-controls">
+        <input type="submit" name="{nprefix}mode" value="{lang_preview}" class="uk-button uk-form-width-medium"{xhtml}>
+        <input type="hidden" name="formtype" value="{formtype}"{xhtml}>
+        {save_option}
+        <input type="submit" value="{lang_cancel}" name="{nprefix}mode" class="uk-button"{xhtml}>
+        {delete_option}
+        {notification}
+      </div>
+    </div>
+
+  </form>
+
+</div>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/comment/commentform_advanced.thtml b/public_html/layout/default/comment/commentform_advanced.thtml
new file mode 100644
index 000000000..6660fb6c1
--- /dev/null
+++ b/public_html/layout/default/comment/commentform_advanced.thtml
@@ -0,0 +1,78 @@
+{# begin {templatelocation} #}
+
+{noscript}
+<div id="advanced_editor" style="display:none;">
+  {start_block_postacomment}
+  <div class="uk-panel uk-panel-box">
+    <form action="{form_url}" method="post" onsubmit='set_postcontent();' id="commentform_advanced" class="uk-form uk-form-horizontal">
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_username}</label>
+        <div class="uk-form-controls">{cid}
+          <input type="hidden" name="order" value="{order}"{xhtml}>
+          <input type="hidden" name="format" value="{format}"{xhtml}>
+          <input type="hidden" name="cpage" value="{cpage}"{xhtml}>
+          <input type="hidden" name="{nprefix}sid" value="{sid}"{xhtml}>
+          <input type="hidden" name="{nprefix}pid" value="{pid}"{xhtml}>
+          <input type="hidden" name="{nprefix}type" value="{type}"{xhtml}>
+          <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+          <input type="hidden" name="{nprefix}uid" value="{uid}"{xhtml}>{username}&nbsp;
+          <span{hidewhenediting}>[<a href="{action_url}" rel="nofollow" class="logoutorcreateaccount">{lang_logoutorcreateaccount}</a>]</span>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="commentform-title">{lang_title}</label>
+        <div class="uk-form-controls">
+          <input type="text" value="{title}" maxlength="96" name="title" id="commentform-title" class="uk-width-1-1" required{xhtml}>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label>{lang_comment}</label>
+        <div id="text_editor" style="display: {show_texteditor};">
+          <textarea cols="45" rows="10" name="comment" id="comment_text" class="uk-width-1-1" aria-describedby="comment-html-d1" required>{comment}</textarea>
+        </div>
+        <div id="html_editor" style="display: {show_htmleditor};">
+          <textarea cols="45" rows="10" name="comment_html" id="comment_html" class="uk-width-1-1">{comment}</textarea>
+          <span class="uk-form-help-inline">{allowed_html}</span>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sel_editmode">{lang_postmode}</label>
+        <div class="uk-form-controls">
+          <select id="sel_editmode" name="postmode" onchange="change_editmode(this);">
+            {postmode_options}
+          </select>
+        </div>
+      </div>
+
+      {captcha}
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_importantstuff}</label>
+        <div class="uk-form-controls">
+          <ul class="uk-list">
+            <li class="li-importantstuff">{lang_instr_line1}</li>
+            <li class="li-importantstuff">{lang_instr_line2}</li>
+            <li class="li-importantstuff">{lang_instr_line3}</li>
+            <li class="li-importantstuff">{lang_instr_line4}</li>
+            <li class="li-importantstuff">{lang_instr_line5}</li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="uk-form-row uk-margin-large-top">
+        <div class="uk-form-controls">
+          <input type="submit" name="{nprefix}mode" value="{lang_preview}" class="uk-button"{xhtml}>
+          <input type="hidden" name="formtype" value="{formtype}"{xhtml}>
+          {save_option}
+          <input type="submit" value="{lang_cancel}" name="{nprefix}mode" class="uk-button"{xhtml}>
+          {delete_option}
+          {notification}
+        </div>
+      </div>
+
+    </form>
+  </div>
+  {end_block}
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/comment/index.html b/public_html/layout/default/comment/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/comment/reportcomment.thtml b/public_html/layout/default/comment/reportcomment.thtml
new file mode 100644
index 000000000..cc38b0377
--- /dev/null
+++ b/public_html/layout/default/comment/reportcomment.thtml
@@ -0,0 +1,21 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/comment.php" method="post" id="reportcomment" class="uk-form uk-form-horizontal">
+
+<div class="uk-margin">{comment}</div>
+
+  <span class="uk-form-help-inline">{lang_report_this}</span>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" name="sendit" value="{lang_send_report}" class="uk-button uk-form-width-medium"{xhtml}>
+      <input type="hidden" name="cid" value="{cid}"{xhtml}>
+      <input type="hidden" name="type" value="{type}"{xhtml}>
+      <input type="hidden" name="mode" value="sendreport"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/comment/startcomment.thtml b/public_html/layout/default/comment/startcomment.thtml
new file mode 100644
index 000000000..d6a7a2b1b
--- /dev/null
+++ b/public_html/layout/default/comment/startcomment.thtml
@@ -0,0 +1,14 @@
+{# begin {templatelocation} #}
+
+<aside id="{area_id}">
+  <div>
+    {commentbar}
+  </div>
+  <div class="uk-grid">
+    {comments}
+    <p class="uk-text-center">{pagenav}</p>
+  </div>
+  {commenteditor}
+</aside>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/comment/thread.thtml b/public_html/layout/default/comment/thread.thtml
new file mode 100644
index 000000000..d4b72f996
--- /dev/null
+++ b/public_html/layout/default/comment/thread.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+<ul class="comment_thread level-{indent}">
+  <li class="thread_title"><a href="{site_url}/comment.php?mode=display&amp;format=threaded&amp;order={order}&amp;pid={pid}">{title}</a></li>
+  <li class="thread_author">{lang_authoredby}&nbsp;{start_author_anchortag}{author}{end_author_anchortag}&nbsp;{lang_on}&nbsp;{date}</li>
+</ul>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/css_ltr/add_to_uikit.css b/public_html/layout/default/css_ltr/add_to_uikit.css
new file mode 100644
index 000000000..f88cd98d2
--- /dev/null
+++ b/public_html/layout/default/css_ltr/add_to_uikit.css
@@ -0,0 +1,1224 @@
+/*! UIkit 2.23.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   For Horizon
+ ========================================================================== */
+/* Japanize
+html {
+  font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
+} */
+
+/* Componets style */
+nav .uk-nav > li > a {
+  padding: 2px 10px;
+  font-size: 14px;
+  line-height: 1.3;
+}
+nav .uk-nav > li {
+  padding: 0;
+  margin: 0;
+}
+/*
+ * Sizes
+ */
+h1,
+.uk-h1 {
+  font-size: 32px;
+  line-height: 38px;
+}
+
+/* ========================================================================
+   Component: Advanced
+ ========================================================================== */
+.uk-dotnav {
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-left: -15px;
+  margin-top: -15px;
+  padding: 0;
+  list-style: none;
+}
+.uk-dotnav > * {
+  -ms-flex: none;
+  -webkit-flex: none;
+  flex: none;
+  padding-left: 15px;
+  margin-top: 15px;
+}
+.uk-dotnav:before,
+.uk-dotnav:after {
+  content: "";
+  display: block;
+  overflow: hidden;
+}
+.uk-dotnav:after {
+  clear: both;
+}
+.uk-dotnav > * {
+  float: left;
+}
+.uk-dotnav > * > * {
+  display: block;
+  box-sizing: content-box;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: rgba(50, 50, 50, 0.1);
+  text-indent: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+.uk-dotnav > * > :hover,
+.uk-dotnav > * > :focus {
+  background: rgba(50, 50, 50, 0.4);
+  outline: none;
+}
+.uk-dotnav > * > :active {
+  background: rgba(50, 50, 50, 0.6);
+}
+.uk-dotnav > .uk-active > * {
+  background: rgba(50, 50, 50, 0.4);
+  -webkit-transform: scale(1.3);
+  transform: scale(1.3);
+}
+.uk-dotnav-contrast > * > * {
+  background: rgba(255, 255, 255, 0.4);
+}
+.uk-dotnav-contrast > * > :hover,
+.uk-dotnav-contrast > * > :focus {
+  background: rgba(255, 255, 255, 0.7);
+}
+.uk-dotnav-contrast > * > :active {
+  background: rgba(255, 255, 255, 0.9);
+}
+.uk-dotnav-contrast > .uk-active > * {
+  background: rgba(255, 255, 255, 0.9);
+}
+.uk-dotnav-vertical {
+  -ms-flex-direction: column;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+}
+.uk-dotnav-vertical > * {
+  float: none;
+}
+.uk-slidenav {
+  display: inline-block;
+  box-sizing: border-box;
+  width: 60px;
+  height: 60px;
+  line-height: 60px;
+  color: rgba(50, 50, 50, 0.4);
+  font-size: 60px;
+  text-align: center;
+}
+.uk-slidenav:hover,
+.uk-slidenav:focus {
+  outline: none;
+  text-decoration: none;
+  color: rgba(50, 50, 50, 0.7);
+  cursor: pointer;
+}
+.uk-slidenav:active {
+  color: rgba(50, 50, 50, 0.9);
+}
+.uk-slidenav-previous:before {
+  content: "\f104";
+  font-family: FontAwesome;
+}
+.uk-slidenav-next:before {
+  content: "\f105";
+  font-family: FontAwesome;
+}
+.uk-slidenav-position {
+  position: relative;
+}
+.uk-slidenav-position .uk-slidenav {
+  display: none;
+  position: absolute;
+  top: 50%;
+  z-index: 1;
+  margin-top: -30px;
+}
+.uk-slidenav-position:hover .uk-slidenav {
+  display: block;
+}
+.uk-slidenav-position .uk-slidenav-previous {
+  left: 20px;
+}
+.uk-slidenav-position .uk-slidenav-next {
+  right: 20px;
+}
+.uk-slidenav-contrast {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-slidenav-contrast:hover,
+.uk-slidenav-contrast:focus {
+  color: rgba(255, 255, 255, 0.7);
+}
+.uk-slidenav-contrast:active {
+  color: rgba(255, 255, 255, 0.9);
+}
+.uk-form input[type="radio"],
+.uk-form input[type="checkbox"] {
+  display: inline-block;
+  height: 14px;
+  width: 14px;
+  border: 1px solid #aaaaaa;
+  overflow: hidden;
+  margin-top: -4px;
+  vertical-align: middle;
+  -webkit-appearance: none;
+  outline: 0;
+  background: transparent;
+}
+.uk-form input[type="radio"] {
+  border-radius: 50%;
+}
+.uk-form input[type=radio]:before,
+.uk-form input[type=checkbox]:before {
+  display: block;
+}
+.uk-form input[type=radio]:checked:before {
+  content: '';
+  width: 8px;
+  height: 8px;
+  margin: 2px auto 0;
+  border-radius: 50%;
+  background: #00a8e6;
+}
+.uk-form input[type=checkbox]:checked:before,
+.uk-form input[type=checkbox]:indeterminate:before {
+  content: "\f00c";
+  font-family: FontAwesome;
+  font-size: 12px;
+  -webkit-font-smoothing: antialiased;
+  text-align: center;
+  line-height: 12px;
+  color: #00a8e6;
+}
+.uk-form input[type=checkbox]:indeterminate:before {
+  content: "\f068";
+}
+.uk-form input[type=radio]:disabled,
+.uk-form input[type=checkbox]:disabled {
+  border-color: #dddddd;
+}
+.uk-form input[type=radio]:disabled:checked:before {
+  background-color: #aaaaaa;
+}
+.uk-form input[type=checkbox]:disabled:checked:before,
+.uk-form input[type=checkbox]:disabled:indeterminate:before {
+  color: #aaaaaa;
+}
+.uk-form-file {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  overflow: hidden;
+}
+.uk-form-file input[type="file"] {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  width: 100%;
+  opacity: 0;
+  cursor: pointer;
+  left: 0;
+  font-size: 500px;
+}
+.uk-form-password {
+  display: inline-block;
+  position: relative;
+  max-width: 100%;
+}
+.uk-form-password-toggle {
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  margin-top: -6px;
+  font-size: 13px;
+  line-height: 13px;
+  color: #999999;
+}
+.uk-form-password-toggle:hover {
+  color: #999999;
+  text-decoration: none;
+}
+.uk-form-password > input {
+  padding-right: 50px !important;
+}
+.uk-form-select {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  overflow: hidden;
+}
+.uk-form-select select {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+  left: 0;
+  -webkit-appearance: none;
+}
+.uk-placeholder {
+  margin-bottom: 15px;
+  padding: 15px;
+  border: 1px dashed #dddddd;
+  background: #fafafa;
+  color: #444444;
+}
+* + .uk-placeholder {
+  margin-top: 15px;
+}
+.uk-placeholder > :last-child {
+  margin-bottom: 0;
+}
+.uk-placeholder-large {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+.uk-progress {
+  box-sizing: border-box;
+  height: 20px;
+  margin-bottom: 15px;
+  background: #f7f7f7;
+  overflow: hidden;
+  line-height: 20px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
+  border-radius: 4px;
+}
+* + .uk-progress {
+  margin-top: 15px;
+}
+.uk-progress-bar {
+  width: 0;
+  height: 100%;
+  background: #009dd8;
+  float: left;
+  -webkit-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+  font-size: 12px;
+  color: #ffffff;
+  text-align: center;
+  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
+  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.uk-progress-mini {
+  height: 6px;
+}
+.uk-progress-small {
+  height: 12px;
+}
+.uk-progress-success .uk-progress-bar {
+  background-color: #82bb42;
+  background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
+  background-image: linear-gradient(to bottom, #9fd256, #6fac34);
+}
+.uk-progress-warning .uk-progress-bar {
+  background-color: #f9a124;
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
+}
+.uk-progress-danger .uk-progress-bar {
+  background-color: #d32c46;
+  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
+  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
+}
+.uk-progress-striped .uk-progress-bar {
+  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 30px 30px;
+}
+.uk-progress-striped.uk-active .uk-progress-bar {
+  -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
+  animation: uk-progress-bar-stripes 2s linear infinite;
+}
+@-webkit-keyframes uk-progress-bar-stripes {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 30px 0;
+  }
+}
+@keyframes uk-progress-bar-stripes {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 30px 0;
+  }
+}
+.uk-progress-mini,
+.uk-progress-small {
+  border-radius: 500px;
+}
+.uk-accordion-title {
+  margin-top: 0;
+  margin-bottom: 15px;
+  padding: 5px 15px;
+  background: #f7f7f7;
+  font-size: 18px;
+  line-height: 24px;
+  cursor: pointer;
+  border: 1px solid #dddddd;
+  border-radius: 4px;
+}
+.uk-accordion-content {
+  padding: 0 15px 15px 15px;
+}
+.uk-accordion-content:before,
+.uk-accordion-content:after {
+  content: "";
+  display: table;
+}
+.uk-accordion-content:after {
+  clear: both;
+}
+.uk-accordion-content > :last-child {
+  margin-bottom: 0;
+}
+.uk-autocomplete {
+  display: inline-block;
+  position: relative;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.uk-nav-autocomplete > li > a {
+  color: #444444;
+}
+.uk-nav-autocomplete > li.uk-active > a {
+  background: #009dd8;
+  color: #ffffff;
+  outline: none;
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.uk-nav-autocomplete .uk-nav-header {
+  color: #999999;
+}
+.uk-nav-autocomplete .uk-nav-divider {
+  border-top: 1px solid #dddddd;
+}
+.uk-datepicker {
+  z-index: 1050;
+  width: auto;
+  -webkit-animation: uk-fade 0.2s ease-in-out;
+  animation: uk-fade 0.2s ease-in-out;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+}
+.uk-datepicker-nav {
+  margin-bottom: 15px;
+  text-align: center;
+  line-height: 20px;
+}
+.uk-datepicker-nav:before,
+.uk-datepicker-nav:after {
+  content: "";
+  display: table;
+}
+.uk-datepicker-nav:after {
+  clear: both;
+}
+.uk-datepicker-nav a {
+  color: #444444;
+  text-decoration: none;
+}
+.uk-datepicker-nav a:hover {
+  color: #444444;
+}
+.uk-datepicker-previous {
+  float: left;
+}
+.uk-datepicker-next {
+  float: right;
+}
+.uk-datepicker-previous:after,
+.uk-datepicker-next:after {
+  width: 20px;
+  font-family: FontAwesome;
+}
+.uk-datepicker-previous:after {
+  content: "\f053";
+}
+.uk-datepicker-next:after {
+  content: "\f054";
+}
+.uk-datepicker-table {
+  width: 100%;
+}
+.uk-datepicker-table th,
+.uk-datepicker-table td {
+  padding: 2px;
+}
+.uk-datepicker-table th {
+  font-size: 12px;
+}
+.uk-datepicker-table a {
+  display: block;
+  width: 26px;
+  line-height: 24px;
+  text-align: center;
+  color: #444444;
+  text-decoration: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background-origin: border-box;
+}
+a.uk-datepicker-table-muted {
+  color: #999999;
+}
+.uk-datepicker-table a:hover,
+.uk-datepicker-table a:focus {
+  background-color: #fafafa;
+  color: #444444;
+  outline: none;
+  border-color: rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.3);
+  text-shadow: 0 1px 0 #ffffff;
+}
+.uk-datepicker-table a:active {
+  background-color: #f5f5f5;
+  color: #444444;
+  border-color: rgba(0, 0, 0, 0.2);
+  border-top-color: rgba(0, 0, 0, 0.3);
+  background-image: none;
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.uk-datepicker-table a.uk-active {
+  background: #009dd8;
+  color: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.4);
+  background-origin: border-box;
+  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
+  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.uk-htmleditor-navbar {
+  background: #f7f7f7;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  background-origin: border-box;
+  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
+  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+}
+.uk-htmleditor-navbar:before,
+.uk-htmleditor-navbar:after {
+  content: "";
+  display: table;
+}
+.uk-htmleditor-navbar:after {
+  clear: both;
+}
+.uk-htmleditor-navbar-nav {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  float: left;
+}
+.uk-htmleditor-navbar-nav > li {
+  float: left;
+}
+.uk-htmleditor-navbar-nav > li > a {
+  display: block;
+  box-sizing: border-box;
+  text-decoration: none;
+  height: 41px;
+  padding: 0 15px;
+  line-height: 40px;
+  color: #444444;
+  font-size: 11px;
+  cursor: pointer;
+  margin-top: -1px;
+  margin-left: -1px;
+  border: 1px solid transparent;
+  border-bottom-width: 0;
+  text-shadow: 0 1px 0 #ffffff;
+}
+.uk-htmleditor-navbar-nav > li:hover > a,
+.uk-htmleditor-navbar-nav > li > a:focus {
+  background-color: transparent;
+  color: #444444;
+  outline: none;
+  position: relative;
+  z-index: 1;
+  border-left-color: rgba(0, 0, 0, 0.1);
+  border-right-color: rgba(0, 0, 0, 0.1);
+  border-top-color: rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.uk-htmleditor-navbar-nav > li > a:active {
+  background-color: #f5f5f5;
+  color: #444444;
+  border-left-color: rgba(0, 0, 0, 0.1);
+  border-right-color: rgba(0, 0, 0, 0.1);
+  border-top-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.uk-htmleditor-navbar-nav > li.uk-active > a {
+  background-color: #fafafa;
+  color: #444444;
+  border-left-color: rgba(0, 0, 0, 0.1);
+  border-right-color: rgba(0, 0, 0, 0.1);
+  border-top-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.uk-htmleditor-navbar-flip {
+  float: right;
+}
+[data-mode='split'] .uk-htmleditor-button-code,
+[data-mode='split'] .uk-htmleditor-button-preview {
+  display: none;
+}
+.uk-htmleditor-content {
+  border-left: 1px solid #dddddd;
+  border-right: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd;
+  background: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.uk-htmleditor-content:before,
+.uk-htmleditor-content:after {
+  content: "";
+  display: table;
+}
+.uk-htmleditor-content:after {
+  clear: both;
+}
+.uk-htmleditor-fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 990;
+}
+.uk-htmleditor-fullscreen .uk-htmleditor-content {
+  position: absolute;
+  top: 41px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.uk-htmleditor-fullscreen .uk-icon-expand:before {
+  content: "\f066";
+}
+.uk-htmleditor-code,
+.uk-htmleditor-preview {
+  box-sizing: border-box;
+}
+.uk-htmleditor-preview {
+  padding: 20px;
+  overflow-y: scroll;
+  position: relative;
+}
+[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview,
+[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code {
+  display: none;
+}
+[data-mode='split'] .uk-htmleditor-code,
+[data-mode='split'] .uk-htmleditor-preview {
+  float: left;
+  width: 50%;
+}
+[data-mode='split'] .uk-htmleditor-code {
+  border-right: 1px solid #eeeeee;
+}
+.uk-htmleditor-iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.uk-htmleditor .CodeMirror {
+  padding: 10px;
+  box-sizing: border-box;
+}
+.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
+  border-top-left-radius: 4px;
+}
+.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
+  margin-left: 0;
+  margin-right: -1px;
+}
+.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
+  border-top-left-radius: 0;
+}
+.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
+  border-top-right-radius: 4px;
+}
+.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  border-radius: 0;
+}
+.uk-htmleditor-fullscreen .uk-htmleditor-content {
+  border: none;
+  border-radius: 0;
+}
+.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
+  border-radius: 0 !important;
+}
+.uk-slider {
+  position: relative;
+  z-index: 0;
+  touch-action: pan-y;
+}
+.uk-slider:not(.uk-grid) {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.uk-slider > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.uk-slider-container {
+  overflow: hidden;
+}
+.uk-slider:not(.uk-drag) {
+  -webkit-transition: -webkit-transform 200ms linear;
+  transition: transform 200ms linear;
+}
+.uk-slider.uk-drag {
+  cursor: col-resize;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.uk-slider a,
+.uk-slider img {
+  -webkit-user-drag: none;
+  user-drag: none;
+  -webkit-touch-callout: none;
+}
+.uk-slider img {
+  pointer-events: none;
+}
+.uk-slider-fullscreen,
+.uk-slider-fullscreen > li {
+  height: 100vh;
+}
+.uk-slideshow {
+  position: relative;
+  z-index: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow: hidden;
+  touch-action: pan-y;
+}
+.uk-slideshow > li {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+.uk-slideshow > .uk-active {
+  z-index: 10;
+  opacity: 1;
+}
+.uk-slideshow > li > img {
+  visibility: hidden;
+}
+[data-uk-slideshow-slide] {
+  cursor: pointer;
+}
+.uk-slideshow-fullscreen,
+.uk-slideshow-fullscreen > li {
+  height: 100vh;
+}
+.uk-slideshow-fade-in {
+  -webkit-animation: uk-fade 0.5s linear;
+  animation: uk-fade 0.5s linear;
+}
+.uk-slideshow-fade-out {
+  -webkit-animation: uk-fade 0.5s linear reverse;
+  animation: uk-fade 0.5s linear reverse;
+}
+.uk-slideshow-scroll-forward-in {
+  -webkit-animation: uk-slide-right 0.5s ease-in-out;
+  animation: uk-slide-right 0.5s ease-in-out;
+}
+.uk-slideshow-scroll-forward-out {
+  -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
+  animation: uk-slide-left 0.5s ease-in-out reverse;
+}
+.uk-slideshow-scroll-backward-in {
+  -webkit-animation: uk-slide-left 0.5s ease-in-out;
+  animation: uk-slide-left 0.5s ease-in-out;
+}
+.uk-slideshow-scroll-backward-out {
+  -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
+  animation: uk-slide-right 0.5s ease-in-out reverse;
+}
+.uk-slideshow-scale-out {
+  -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
+  animation: uk-fade-scale-15 0.5s ease-in-out reverse;
+}
+.uk-slideshow-swipe-forward-in {
+  -webkit-animation: uk-slide-left-33 0.5s ease-in-out;
+  animation: uk-slide-left-33 0.5s ease-in-out;
+}
+.uk-slideshow-swipe-forward-out {
+  -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
+  animation: uk-slide-left 0.5s ease-in-out reverse;
+}
+.uk-slideshow-swipe-backward-in {
+  -webkit-animation: uk-slide-right-33 0.5s ease-in-out;
+  animation: uk-slide-right-33 0.5s ease-in-out;
+}
+.uk-slideshow-swipe-backward-out {
+  -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
+  animation: uk-slide-right 0.5s ease-in-out reverse;
+}
+.uk-slideshow-swipe-forward-in:before,
+.uk-slideshow-swipe-backward-in:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  background: rgba(0, 0, 0, 0.6);
+  -webkit-animation: uk-fade 0.5s ease-in-out reverse;
+  animation: uk-fade 0.5s ease-in-out reverse;
+}
+.uk-notify {
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  z-index: 1040;
+  box-sizing: border-box;
+  width: 350px;
+}
+.uk-notify-top-right,
+.uk-notify-bottom-right {
+  left: auto;
+  right: 10px;
+}
+.uk-notify-top-center,
+.uk-notify-bottom-center {
+  left: 50%;
+  margin-left: -175px;
+}
+.uk-notify-bottom-left,
+.uk-notify-bottom-right,
+.uk-notify-bottom-center {
+  top: auto;
+  bottom: 10px;
+}
+@media (max-width: 479px) {
+  .uk-notify {
+    left: 10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+  }
+}
+.uk-notify-message {
+  position: relative;
+  margin-bottom: 10px;
+  padding: 15px;
+  background: #444444;
+  color: #ffffff;
+  font-size: 16px;
+  line-height: 22px;
+  cursor: pointer;
+  border: 1px solid #444444;
+  border-radius: 4px;
+}
+.uk-notify-message > .uk-close {
+  visibility: hidden;
+  float: right;
+}
+.uk-notify-message:hover > .uk-close {
+  visibility: visible;
+}
+.uk-notify-message-primary {
+  background: #ebf7fd;
+  color: #2d7091;
+  border-color: rgba(45, 112, 145, 0.3);
+}
+.uk-notify-message-success {
+  background: #f2fae3;
+  color: #659f13;
+  border-color: rgba(101, 159, 19, 0.3);
+}
+.uk-notify-message-warning {
+  background: #fffceb;
+  color: #e28327;
+  border-color: rgba(226, 131, 39, 0.3);
+}
+.uk-notify-message-danger {
+  background: #fff1f0;
+  color: #d85030;
+  border-color: rgba(216, 80, 48, 0.3);
+}
+.uk-search {
+  display: inline-block;
+  position: relative;
+  margin: 0;
+}
+.uk-search:before {
+  content: "\f002";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 30px;
+  line-height: 30px;
+  text-align: center;
+  font-family: FontAwesome;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.2);
+}
+.uk-search-field::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+.uk-search-field::-webkit-search-cancel-button,
+.uk-search-field::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.uk-search-field::-ms-clear {
+  display: none;
+}
+.uk-search-field::-moz-placeholder {
+  opacity: 1;
+}
+.uk-search-field {
+  box-sizing: border-box;
+  margin: 0;
+  border-radius: 0;
+  font: inherit;
+  color: #444444;
+  -webkit-appearance: none;
+  width: 120px;
+  height: 30px;
+  padding: 0 0 0 30px;
+  border: 1px solid rgba(0, 0, 0, 0);
+  background: rgba(0, 0, 0, 0);
+  -webkit-transition: all linear 0.2s;
+  transition: all linear 0.2s;
+  vertical-align: middle;
+}
+.uk-search-field:-ms-input-placeholder {
+  color: #999999 !important;
+}
+.uk-search-field::-moz-placeholder {
+  color: #999999;
+}
+.uk-search-field::-webkit-input-placeholder {
+  color: #999999;
+}
+.uk-search-field:focus {
+  outline: 0;
+}
+.uk-search-field:focus,
+.uk-search.uk-active .uk-search-field {
+  width: 180px;
+}
+.uk-dropdown-search {
+  width: 300px;
+  margin-top: 0;
+  background: #ffffff;
+  color: #444444;
+}
+.uk-open > .uk-dropdown-search {
+  -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
+  animation: uk-slide-top-fixed 0.2s ease-in-out;
+}
+.uk-navbar-flip .uk-dropdown-search {
+  margin-top: 12px;
+  margin-right: -16px;
+}
+.uk-nav-search > li > a {
+  color: #444444;
+}
+.uk-nav-search > li.uk-active > a {
+  background: #009dd8;
+  color: #ffffff;
+  outline: none;
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.uk-nav-search .uk-nav-header {
+  color: #999999;
+}
+.uk-nav-search .uk-nav-divider {
+  border-top: 1px solid #dddddd;
+}
+.uk-nav-search ul a {
+  color: #0077dd;
+}
+.uk-nav-search ul a:hover {
+  color: #005599;
+}
+.uk-offcanvas .uk-search {
+  display: block;
+  margin: 20px 15px;
+}
+.uk-offcanvas .uk-search:before {
+  color: #777777;
+}
+.uk-offcanvas .uk-search-field {
+  width: 100%;
+  border-color: rgba(0, 0, 0, 0);
+  background: #1a1a1a;
+  color: #cccccc;
+}
+.uk-offcanvas .uk-search-field:-ms-input-placeholder {
+  color: #777777 !important;
+}
+.uk-offcanvas .uk-search-field::-moz-placeholder {
+  color: #777777;
+}
+.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
+  color: #777777;
+}
+.uk-nestable {
+  padding: 0;
+  list-style: none;
+}
+.uk-nestable a,
+.uk-nestable img {
+  -webkit-touch-callout: none;
+}
+.uk-nestable-list {
+  margin: 0;
+  padding-left: 40px;
+  list-style: none;
+}
+.uk-nestable-item {
+  touch-action: none;
+}
+.uk-nestable-item + .uk-nestable-item {
+  margin-top: 10px;
+}
+.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
+  margin-top: 10px;
+}
+.uk-nestable-dragged {
+  position: absolute;
+  z-index: 1050;
+  pointer-events: none;
+  padding-left: 0;
+}
+.uk-nestable-placeholder {
+  position: relative;
+}
+.uk-nestable-placeholder > * {
+  opacity: 0;
+}
+.uk-nestable-placeholder:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border: 1px dashed #dddddd;
+  opacity: 1;
+}
+.uk-nestable-empty {
+  min-height: 30px;
+}
+.uk-nestable-handle {
+  touch-action: none;
+}
+.uk-nestable-handle:hover {
+  cursor: move;
+}
+.uk-nestable-moving,
+.uk-nestable-moving * {
+  cursor: move;
+}
+[data-nestable-action='toggle'] {
+  cursor: pointer;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.uk-nestable-toggle {
+  display: inline-block;
+  visibility: hidden;
+}
+.uk-nestable-toggle:after {
+  content: "\f147";
+  font-family: FontAwesome;
+}
+.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
+  visibility: visible;
+}
+.uk-collapsed .uk-nestable-list {
+  display: none;
+}
+.uk-collapsed .uk-nestable-toggle:after {
+  content: "\f196";
+}
+.uk-nestable-panel {
+  padding: 5px;
+  background: #f7f7f7;
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.3);
+  background-origin: border-box;
+  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
+  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+  text-shadow: 0 1px 0 #ffffff;
+}
+.uk-sortable {
+  position: relative;
+}
+.uk-sortable > * {
+  touch-action: none;
+}
+.uk-sortable a,
+.uk-sortable img {
+  -webkit-touch-callout: none;
+}
+.uk-sortable > :last-child {
+  margin-bottom: 0;
+}
+.uk-sortable-dragged {
+  position: absolute;
+  z-index: 1050;
+  pointer-events: none;
+}
+.uk-sortable-placeholder {
+  opacity: 0;
+}
+.uk-sortable-empty {
+  min-height: 30px;
+}
+.uk-sortable-handle {
+  touch-action: none;
+}
+.uk-sortable-handle:hover {
+  cursor: move;
+}
+.uk-sortable-moving,
+.uk-sortable-moving * {
+  cursor: move;
+}
+[data-uk-sticky].uk-active {
+  z-index: 980;
+  box-sizing: border-box;
+}
+.uk-sticky-placeholder > * {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+[data-uk-sticky][class*='uk-animation-'] {
+  -webkit-animation-duration: 0.2s;
+  animation-duration: 0.2s;
+}
+[data-uk-sticky].uk-animation-reverse {
+  -webkit-animation-duration: 0.2s;
+  animation-duration: 0.2s;
+}
+.uk-dragover {
+  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
+}
+.uk-tooltip {
+  display: none;
+  position: absolute;
+  z-index: 1030;
+  box-sizing: border-box;
+  max-width: 200px;
+  padding: 5px 8px;
+  background: #333333;
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 12px;
+  line-height: 18px;
+  border-radius: 3px;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+}
+.uk-tooltip:after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 5px dashed #333333;
+}
+.uk-tooltip-top:after,
+.uk-tooltip-top-left:after,
+.uk-tooltip-top-right:after {
+  bottom: -5px;
+  border-top-style: solid;
+  border-bottom: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-top-color: #333333;
+}
+.uk-tooltip-bottom:after,
+.uk-tooltip-bottom-left:after,
+.uk-tooltip-bottom-right:after {
+  top: -5px;
+  border-bottom-style: solid;
+  border-top: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: #333333;
+}
+.uk-tooltip-top:after,
+.uk-tooltip-bottom:after {
+  left: 50%;
+  margin-left: -5px;
+}
+.uk-tooltip-top-left:after,
+.uk-tooltip-bottom-left:after {
+  left: 10px;
+}
+.uk-tooltip-top-right:after,
+.uk-tooltip-bottom-right:after {
+  right: 10px;
+}
+.uk-tooltip-left:after {
+  right: -5px;
+  top: 50%;
+  margin-top: -5px;
+  border-left-style: solid;
+  border-right: none;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: #333333;
+}
+.uk-tooltip-right:after {
+  left: -5px;
+  top: 50%;
+  margin-top: -5px;
+  border-right-style: solid;
+  border-left: none;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  border-right-color: #333333;
+}
+
diff --git a/public_html/layout/default/css_ltr/ie8.css b/public_html/layout/default/css_ltr/ie8.css
new file mode 100644
index 000000000..ddc59e3a1
--- /dev/null
+++ b/public_html/layout/default/css_ltr/ie8.css
@@ -0,0 +1,64 @@
+
+/*--------------------------------------
+  Profile Notes
+--------------------------------------*/
+
+.profile_notes {
+  border: 1px solid #CCC;
+}
+
+/*--------------------------------------
+  System Message Block
+--------------------------------------*/
+
+/* Title */
+.block-message dt {
+  border: 1px solid #32567B;
+}
+
+/* Message */
+.block-message dd {
+  font-weight: bold;
+  border-bottom: 1px solid #BEBEBE;
+  border-left:   1px solid #BEBEBE;
+  border-right:  1px solid #BEBEBE;
+}
+
+/*--------------------------------------
+  Story
+--------------------------------------*/
+
+.story_icon a {
+  display: inline-block;
+}
+
+/*--------------------------------------
+  Comment Block
+--------------------------------------*/
+
+#commentbar-selector {
+  width:75%;
+  text-align: right; /* rtl */
+}
+
+#commentbar-selector div {
+  display: inline;
+  width: 100%;
+}
+
+/*--------------------------------------
+  Admin Top Menu Style
+--------------------------------------*/
+
+#admin-topmenu {
+  border: 1px solid #DDD;
+}
+
+/*--------------------------------------
+  Admin Page
+--------------------------------------*/
+
+.search-part {
+  display: inline;
+  white-space: normal;
+}
diff --git a/public_html/layout/default/css_ltr/index.html b/public_html/layout/default/css_ltr/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/css_ltr/print.css b/public_html/layout/default/css_ltr/print.css
new file mode 100644
index 000000000..01075b56f
--- /dev/null
+++ b/public_html/layout/default/css_ltr/print.css
@@ -0,0 +1,194 @@
+/* STYLESHEET FOR PRINTOUTS */
+
+body, div,
+p, blockquote, pre, code,
+dl, dt, dd,
+fieldset,
+form, legend {
+  margin: 0;
+  padding: 0;
+  text-align: left; /* rtl */
+}
+
+label {
+  text-align: left; /* rtl */
+}
+
+body {
+  background-color: #FFF;
+  border: none;
+  color: #000;
+  font-size: small; /* 10pt */
+  font-family: verdana, arial, sans-serif;
+  font-weight: normal;
+  line-height: 1.3em;
+}
+
+img {
+  border: none;
+  text-align: left; /* rtl */
+}
+
+a:link, a:visited, a:active {
+  color: #105CB6;
+  text-decoration: none;
+}
+a:hover {
+  color: #3388ff;
+  text-decoration: underline;
+}
+
+p {
+  padding-bottom: 1em;
+}
+
+ul {
+  margin: 0.5em 0 0.5em 2.5em; /* rtl */
+  padding: 0;
+}
+
+ol {
+  margin: 0.5em 0 0.5em 2.5em; /* rtl */
+  padding-left: 0.5em; /* rtl */
+}
+
+li {
+  margin: 0.5em 0;
+  padding: 0;
+}
+
+dl {
+  margin: 1em 0;
+}
+
+dt {
+  margin: 0.5em 0;
+}
+
+dd {
+  margin: 0.5em 0 0.5em 2.5em; /* rtl */
+}
+
+h1, h2, h3, h4 {
+  font-family: 'Trebuchet MS', sans-serif;
+}
+h1 {
+  font-size: 2em;
+  margin: 16px 0;
+}
+h2 {
+  font-size: 1.5em;
+  margin: 14px 0;
+  font-weight: normal;
+}
+h3 {
+  font-size: 1.2em;
+  margin: 14px 0;
+}
+h4 {
+  font-size: 1em;
+  margin: 15px 0;
+}
+h5 {
+  font-size: 0.8em;
+  margin: 16px 0;
+}
+h6 {
+  font-size: 0.7em;
+  margin: 18px 0;
+}
+
+.hidden {
+  display: none;
+}
+
+table {
+  font-family: verdana, arial, sans-serif;
+  text-align: left; /* rtl */
+  border-collapse: collapse;
+  margin: 1em 0.5em;
+}
+
+tr {
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+}
+
+th,
+td {
+  margin: 0;
+  padding: 0.2em 0.6em;
+  vertical-align: middle;
+  line-height: 160%;
+  border: 1px solid #000;
+}
+
+th {
+  text-align: left; /* rtl */
+  font-weight: bold;
+  background: #F5F5F5;
+}
+
+@media screen {
+  #wrapper {
+    margin: 100px;
+  }
+}
+
+@media print {
+  #wrapper {
+    margin: 0px;
+  }
+}
+
+#wrapper div#header {
+  width: 100%;
+}
+
+#print div#header h2 {
+  font-size: 1.5em;
+  font-weight: bold;
+  line-height: 1.5em;
+
+  padding: 5px 0px;
+  border-top: 1px solid #CCC;
+  border-bottom: 1px solid #CCC;
+}
+
+@media print {
+  #print div#header h2 {
+    border-top: 1px solid #000;
+    border-bottom: 1px solid #000;
+  }
+}
+
+#print div#header p {
+  font-size: 0.9em;
+  text-align: right; /* rtl */
+  padding: 2px 0;
+}
+
+#print div#story {
+  padding: 1em 0;
+}
+
+#print div#story:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 1px;
+  overflow: hidden;
+}
+
+#print div#footer {
+  font-size: 0.85em;
+  padding: 5px 0px;
+  border-top: 1px solid #CCC;
+}
+
+@media print {
+  #print div#footer {
+    border-top: 1px solid #000;
+  }
+}
diff --git a/public_html/layout/default/css_ltr/style.css b/public_html/layout/default/css_ltr/style.css
new file mode 100644
index 000000000..639b902f7
--- /dev/null
+++ b/public_html/layout/default/css_ltr/style.css
@@ -0,0 +1,4215 @@
+/* Geeklog Default Theme 1.0.0  | Copyright (C) 2015 by Ivy | http://www.ivywe.co.jp | License:GPLv2
+Based on Denim 1.1.0 | Copyright (C) 2012-2015 by dengen | http://www.trybese.com/~dengen/log/ | License:GPLv2 */
+
+/*--------------------------------------
+  professional Compatible Style
+--------------------------------------*/
+
+/* Menus in blocks */
+.blocklist ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+/* general alignment classes */
+.alignleft {
+  text-align: left;
+}
+
+.alignright {
+  text-align: right;
+}
+
+.aligncenter {
+  text-align: center;
+}
+
+.aligntop {
+  vertical-align: top;
+}
+
+.floatright {
+  float: right;
+}
+
+.floatleft {
+  float: left;
+}
+
+.clearboth {
+  clear: both;
+}
+
+/* clear floats by applying the clearfix class to float-encasing block! */
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 1px;
+  clear: both;
+  overflow: hidden;
+  visibility: hidden;
+}
+
+/* general formatting classes */
+.b {
+  font-weight: bold;
+}
+
+.ext-link {
+  background-color: transparent;
+  background: url("images/external.png") center right no-repeat;
+  background-attachment: scroll;
+  padding-right: 13px;
+}
+
+.feed-link {
+  background-color: transparent;
+  background: url("images/feed.png") center right no-repeat;
+  background-attachment: scroll;
+  padding: 2px 16px 2px 0;
+}
+
+.strike {
+  text-decoration: line-through;
+}
+
+.url,
+.break-word {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+  overflow: auto;
+}
+
+.fieldhelp {
+  font-size: .85em;
+  color: #666;
+  padding-left: .8em;
+  padding-right: .8em;
+}
+
+/* Forms */
+.form-description {
+  /* used with calendar plugin */
+  font-weight: bold;
+  float: left;
+  width: 100px;
+  text-align: right;
+  padding-right: 5px;
+  display: block;
+}
+
+.form-field {
+  /* used with calendar plugin */
+  padding-bottom: 5px;
+  margin-left: 105px;
+}
+
+.checkboxes-list {
+  /* this is used for example by COM_checkList */
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.checkboxes-list span {
+  /* space between the text and the checkbox */
+  padding-left: 5px;
+}
+
+.checkboxes-list .gldefault {
+  /* default blocks in the user settings block list */
+  font-weight: bold;
+}
+
+.highlight {
+  color: #000;
+  background-color: #FF0;
+  text-decoration: none;
+}
+
+.inputTable td {
+  padding: 4px;
+  vertical-align: top;
+}
+
+.inputTable label {
+  font-weight: bold;
+  float: right;
+  white-space: nowrap;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+.pagenav {
+  text-align: center;
+  line-height: 1.5;
+}
+
+.row_center td {
+  text-align: center;
+}
+
+.searchresult-byline {
+  color: #008000;
+}
+
+.sysmessage img {
+  border: none;
+  float: left;
+  margin-top: -4px;
+  padding-bottom: 3px;
+  padding-right: 5px;
+}
+
+/* Stats */
+.stats-list-count {
+  text-align: right;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.stats-header-title {
+  text-align: left;
+  width: 90%;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.stats-header-count {
+  text-align: left;
+  width: 10%;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+#token-expirynotice {
+  padding: 1em;
+  border: 1px solid #CCC;
+  background: #F7F7F7;
+}
+
+#token-expirytime {
+  font-weight: bold;
+}
+
+.warning {
+  background: transparent;
+  color: #D14;
+  font-weight: bold;
+}
+
+.warningsmall {
+  background: transparent;
+  color: #D14;
+}
+
+/* Default Plugin CSS Declarations */
+/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */
+.plugin {
+  color: #000;
+  background-color: #EFEFEF;
+  font-weight: normal;
+  border: 1px solid #CCC;
+}
+
+.plugin th {
+  color: #000;
+  background-color: #B7C1DC;
+  padding: 5px;
+  text-align: left;
+}
+
+.plugin tr {
+  vertical-align: top;
+}
+
+.plugin td {
+  padding: 2px 5px;
+}
+
+.pluginBG {
+  color: #FEFEFE;
+  background-color: #7398BA;
+}
+
+.pluginAltBG {
+  background-color: #7398BA;
+}
+
+.pluginAltBG td {
+  color: #FFF;
+}
+
+.pluginCellTitle {
+  color: #666;
+  font-weight: bold;
+  background-color: #E6E6E6;
+  padding: 5px;
+}
+
+.pluginCellFill {
+  background-color: #F8FAFD;
+}
+
+.pluginCellText {
+  color: #636363;
+  font-weight: normal;
+}
+
+.pluginHeader {
+  color: #204275;
+  font-weight: bolder;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.pluginFooter,
+.pluginFooter td {
+  background-color: #507AA1;
+  color: #FFF;
+}
+
+.pluginAlert {
+  padding: 5px 15px;
+  color: #D8010E;
+  background-color: #FEF1B4;
+  font-weight: bold;
+  margin-bottom: 1em;
+}
+
+.pluginInfo {
+  padding: 5px 15px;
+  color: #707070;
+  background-color: #FEF1B4;
+  font-weight: normal;
+}
+
+.pluginSubTable {
+  color: #000;
+  background-color: #CCC;
+  font-weight: normal;
+  border: 1px solid #CCC;
+}
+
+.pluginSubTable th {
+  color: #000;
+  background-color: #C9D1E4;
+  padding: 5px;
+  text-align: left;
+}
+
+.pluginSubTable tr {
+  vertical-align: top;
+}
+
+.pluginSolidOutline {
+  background-color: #CCC;
+}
+
+.pluginSolidFill {
+  background-color: #1A3955;
+}
+
+.pluginTitle {
+  background-color: #507AA1;
+  color: #F5F9FF;
+  padding: 4px 6px;
+}
+
+.pluginCellSubTitle {
+  background-color: #F7F7F7;
+  color: #000;
+  padding: 4px 6px;
+}
+
+.pluginTinyText {
+  font-size: .7em;
+}
+
+.pluginSmallText {
+  font-size: .8em;
+}
+
+.pluginMediumText {
+  font-size: 1em;
+}
+
+.pluginLargeText {
+  font-size: 1.25em;
+}
+
+.pluginAltText {
+  color: #FFF;
+}
+
+.pluginRow1,
+.pluginRow1 td {
+  color: #222;
+  background-color: #F7F7F7;
+  line-height: 120%;
+}
+
+.pluginRow2,
+.pluginRow2 td {
+  color: #222;
+  background-color: #E7E7E7;
+  line-height: 120%;
+}
+
+.pluginRow1 .pluginRollOver,
+.pluginRow2 .pluginRollOver,
+.pluginRollOver {
+  color: #222;
+  background-color: #FFFF8F;
+  line-height: 120%;
+}
+
+.pluginRow1 .pluginRollOut,
+.pluginRow2 .pluginRollOut,
+.pluginRollOut {
+  color: #222;
+  background-color: #F7F7F7;
+  line-height: 120%;
+}
+
+.pluginLinks a:link {
+  color: #000;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+.pluginLinks a:visited {
+  color: #000;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+.pluginLinks a:hover {
+  color: #000;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: underline;
+}
+
+.pluginBreadCrumbs,
+.pluginBreadCrumbs a:link {
+  color: #FFF;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+.pluginBreadCrumbs a:visited {
+  color: #FFF;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+.pluginBreadCrumbs a:hover {
+  color: #FFF;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+a.pluginButton:link,
+a.pluginButton:visited {
+  color: #000;
+  text-align: center;
+  padding-top: 2px;
+  display: block;
+  height: 19px;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a.pluginButton:hover {
+  color: #00F;
+  text-align: center;
+  padding-top: 2px;
+  background: center url("images/navbar/button_over.gif");
+  background-repeat: repeat-x;
+  display: block;
+  height: 19px;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+/*--------------------------------------
+  Basic Form
+--------------------------------------*/
+
+.form_block {
+  margin: 0;
+  padding: 0;
+}
+
+.form_block:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 1px;
+  overflow: hidden;
+}
+
+/* Message */
+.form_message {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+.noborder_fieldset {
+  margin: 0;
+  border: none;
+}
+
+.hidden_legend {
+  display: none;
+}
+
+/* Basic editor */
+.user_basic {
+  padding: .5em 2em;
+}
+
+@media only screen and (max-width: 962px) {
+
+  .user_basic {
+    padding: .5em 0;
+  }
+}
+
+.wide {
+  width: 98%;
+  resize: vertical;
+}
+
+.separator {
+  display: none;
+}
+
+.speech {
+  overflow: hidden;
+  position: absolute;
+  left: -999px;
+  width: 0;
+  height: 0;
+}
+
+#save_button {
+  padding-bottom: 1em;
+}
+
+.loose {
+  display: inline;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .loose {
+    display: block;
+  }
+}
+
+/* Style for legacy table layout */
+.layout,
+.layout tr,
+.layout td {
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: none;
+}
+
+.size1 {
+  width: 60px;
+}
+
+.size2 {
+  width: 120px;
+}
+
+.size3 {
+  width: 180px;
+}
+
+.size4 {
+  width: 240px;
+}
+
+.size5 {
+  width: 300px;
+}
+
+.size6 {
+  width: 360px;
+}
+
+.size7 {
+  width: 420px;
+}
+
+.size8 {
+  width: 480px;
+}
+
+.size9 {
+  width: 540px;
+}
+
+.size10 {
+  width: 600px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 962px) {
+
+  .size6 {
+    width: 75%;
+  }
+
+  .size7 {
+    width: 80%;
+  }
+
+  .size8 {
+    width: 85%;
+  }
+
+  .size9 {
+    width: 90%;
+  }
+
+  .size10 {
+    width: 95%;
+  }
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+  .size1,
+  .size2,
+  .size3,
+  .size4,
+  .size5,
+  .size6,
+  .size7,
+  .size8,
+  .size9,
+  .size10,
+  .wide {
+    width: 100%;
+  }
+}
+
+/*--------------------------------------
+  2 Culumn Form
+--------------------------------------*/
+
+.compact dt {
+  float: left;
+  clear: left;
+  width: 24%;
+  margin: 0 0 1em 0;
+  padding: 0 1% 0 0;
+  font-weight: normal;
+}
+
+.compact dd {
+  float: left;
+  width: 75%;
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+.compact dd.description {
+  margin: -.5em 0 1em 25%;
+  padding: 0;
+}
+
+.compact p.description {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+@media only screen and (max-width: 962px) {
+
+  .compact dt {
+    float: none;
+    width: auto;
+    margin: 0;
+    padding: 0;
+    font-weight: bold;
+  }
+
+  .compact dd {
+    float: none;
+    width: auto;
+    margin: 0 0 .5em 0;
+    padding: 0;
+  }
+
+  .compact dd.description {
+    margin: -.5em 0 1em 0;
+    padding: 0;
+  }
+
+  .compact p.description {
+    margin: 0 0 1em 0;
+    padding: 0;
+  }
+}
+
+/*--------------------------------------
+  1 Column Form
+--------------------------------------*/
+
+.linear dt {
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+}
+
+.linear dd {
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+.linear dd.description {
+  margin: -.5em 0 1em 0;
+  padding: 0;
+}
+
+.linear p.description {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  Profile Notes
+--------------------------------------*/
+
+.profile_notes {
+  margin: 0 0 1em 0;
+  padding: 8px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(0,0,0,.2);
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  background: #FFFFE1;
+  line-height: 1.3em;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+}
+
+.profile_notes dt {
+  margin: 0 0 .5em 0;
+  padding: 0 0 0 24px;
+  border-bottom: 1px solid #CCC;
+  background: url("images/icon_info.png") no-repeat 0 0;
+  font-weight: bold;
+  color: #666;
+}
+
+.profile_notes dd {
+  margin-bottom: 0;
+  font-size: 90%;
+  color: #666;
+}
+
+.profile_notes ul {
+  list-style-position: inside;
+  margin: 0;
+  padding: 0;
+}
+
+.profile_notes li {
+  margin: 0 0 0 5px;
+  padding: 0;
+}
+
+/*--------------------------------------
+  List Compact
+--------------------------------------*/
+
+ul.compact {
+  margin: 0;
+  padding: 0;
+}
+
+ul.compact li {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+/* 3 Columns left-center-right */
+/*==============================================================================
+  Layout Pattern:
+    * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+    * 2 Column ( Left Block * Center Block )              ...left-center
+    * 2 Column ( Center Block * Right Block )             ...center-right
+    * 1 Column ( Center Block )                           ...center
+
+  Block Width:
+    * Container Width = 100%
+    * Header Width    = 100%
+    * Site Width         [W] = 1140px
+    * Left   Block Width [L] =  180px = 160px + left padding 10px + right padding 10px
+    * Right  Block Width [R] =  280px = 260px + left padding 10px + right padding 10px
+    * Center Block Width(3 Column) = [W] - [L] - [R] =  680px = 1140px - 180px - 280px
+    * Center Block Width(2 Column) = [W] - [L]       =  960px = 1140px - 180px
+    * Center Block Width(2 Column) = [W] - [R]       =  860px = 1140px - 280px
+    * Center Block Width(1 Column) = [W]             = 1140px
+
+    800-660=140
+    1280-140=1140
+    1100-140=960
+    1000-140=860
+==============================================================================*/
+
+#container {
+  position: relative;
+  width: 100%;
+  margin: 0 auto;
+}
+
+/*--------------------------------------
+  Header Container
+--------------------------------------*/
+
+#header {
+  width: auto;
+  margin: 0 auto;
+  height: 80px;
+}
+
+#header:before {
+  width: auto;
+}
+
+#header-content {
+  width: auto;
+  max-width: $layout-site-max-width;
+  margin: 0 auto;
+  padding: 0;
+  width: 1140px;
+}
+
+/*--------------------------------------
+  Gloval Navigation Container
+--------------------------------------*/
+
+#navigation {
+  width: auto;
+  margin: 0 auto;
+}
+
+#navigation:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 1px;
+  overflow: hidden;
+  margin-bottom: -1px;
+}
+
+.navigation_content {
+  width: 1124px;
+  max-width: $layout-site-max-width;
+  margin: 0 auto;
+}
+
+/*--------------------------------------
+  Wrapper
+  Include contents Block level elements
+  (#leftblocks, #centerblocks, #rightblocks)
+--------------------------------------*/
+
+#wrapper {
+  width: 1140px;
+  max-width: $layout-site-max-width;
+  margin: 0 auto;
+}
+
+#wrapper:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 1px;
+  overflow: hidden;
+}
+
+/*--------------------------------------
+  Left Block Container
+  display if Left Block is appeared.
+--------------------------------------*/
+
+#leftblocks,
+body.js_off #leftblocks {
+  overflow: visible;
+  float: left;
+  width: 180px;
+  /* Left Margin = -[W] */
+  margin: 0 0 0 -1140px;
+  padding: 0;
+}
+
+/*--------------------------------------
+  Center Block Container
+--------------------------------------*/
+
+#centerblocks {
+  overflow: visible;
+  float: left;
+  width: 100%;
+}
+
+/* 3 Column ( left-center-right ) */
+body.left-center-right #main-content,
+body.js_off #main-content {
+  /* Main Content Width = [W] - [L] - [R] - Right Padding 10px - Left Padding 10px */
+  width: 660px;
+  /* Right Margin = [R] , Left Margin = [L] */
+  margin: 0 280px 0 180px;
+  padding: 0 10px;
+}
+
+/* 2 Column ( left-center ) */
+body.left-center #main-content {
+  /* Main Content Width = [W] - [L] - Right Padding 10px - Left Padding 10px */
+  width: 940px;
+  /* Left Margin = [L] */
+  margin: 0 0 0 180px;
+  padding: 0 10px;
+}
+
+/* 2 Column ( center-right ) */
+body.center-right #main-content {
+  /* Main Content Width = [W] - [R] - Right Padding 10px - Left Padding 10px */
+  width: 840px;
+  /* Right Margin = [R] */
+  margin: 0 280px 0 0;
+  padding: 0 10px;
+}
+
+/* 1 Column ( center ) */
+body.center #main-content {
+  width: 100%;
+}
+
+/*--------------------------------------
+  Right Block Container
+  display if Right Block is appeared.
+--------------------------------------*/
+
+#rightblocks,
+body.js_off #rightblocks {
+  overflow: visible;
+  float: left;
+  width: 280px;
+  /* Right Margin = -[R] */
+  margin: 0 0 0 -280px;
+}
+
+/*--------------------------------------
+  Footer Container
+--------------------------------------*/
+
+#footer {
+  clear: left;
+  width: auto;
+  margin: 0 auto;
+  padding: 16px 0;
+}
+
+#footer-content {
+  width: auto;
+  max-width: $layout-site-max-width;
+  margin: 0 auto;
+  width: 1140px;
+}
+
+/*--------------------------------------
+  Admin Configration Container
+--------------------------------------*/
+
+#config_menu {
+  float: left;
+  width: 280px;
+  padding: 0 10px;
+}
+
+body.center-right #config_menu {
+  width: 200px;
+}
+
+#config_content {
+  float: left;
+  width: 820px;
+  padding: 10px;
+}
+
+body.center-right #config_content {
+  width: 600px;
+}
+
+@media only screen and (min-width: 963px) and (max-width: 1199px) {
+
+  /* 2 Columns center-right */
+  /*==============================================================================
+    Layout Pattern:
+      * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+      * 2 Column ( Left Block * Center Block )              ...left-center
+      * 2 Column ( Center Block * Right Block )             ...center-right
+      * 1 Column ( Center Block )                           ...center
+  
+    Block Width:
+      * Container Width = 100%
+      * Site Width[W]         = 960px
+      * Left   Block Width[L] = 280px
+      * Right  Block Width[R] = 280px
+      * Center Block Width( 3 Column ) = [W] - [L] - [R] = 600px = 580px + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [L]       = 780px = 760px + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [R]       = 780px = 760px + left padding 10px + right padding 10px
+      * Center Block Width( 1 Column ) = [W]             = 960px
+  ==============================================================================*/
+
+  #container {
+    position: relative;
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Header Container
+  --------------------------------------*/
+
+  #header {
+    width: auto;
+    margin: 0 auto;
+    height: 80px;
+  }
+
+  #header:before {
+    width: auto;
+  }
+
+  #header-content {
+    width: auto;
+    margin: 0 auto;
+    padding: 0;
+    width: 960px;
+  }
+
+  /*--------------------------------------
+    Gloval Navigation Container
+  --------------------------------------*/
+
+  #navigation {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #navigation:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+    margin-bottom: -1px;
+  }
+
+  .navigation_content {
+    width: 944px;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Wrapper
+    Include contents Block level elements
+    (#leftblocks, #centerblocks, #rightblocks)
+  --------------------------------------*/
+
+  #wrapper {
+    width: 960px;
+    margin: 0 auto;
+  }
+
+  #wrapper:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+  }
+
+  /*--------------------------------------
+    Left Block Container
+    display if Left Block is appeared.
+  --------------------------------------*/
+
+  #leftblocks,
+  body.js_off #leftblocks {
+    overflow: visible;
+    float: right;
+    width: 280px;
+    margin: 0;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Center Block Container
+  --------------------------------------*/
+
+  #centerblocks {
+    overflow: visible;
+    float: none;
+    width: auto;
+  }
+
+  body.js_off #centerblocks {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 3 Column ( left-center-right ) */
+  body.left-center-right #main-content,
+  body.js_off #main-content {
+    float: left;
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: 660px;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /* 2 Column ( left-center ) */
+  body.left-center #main-content {
+    float: left;
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: 660px;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /* 2 Column ( center-right ) */
+  body.center-right #main-content {
+    float: left;
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: 660px;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /* 1 Column ( center ) */
+  body.center #main-content {
+    width: 100%;
+  }
+
+  /*--------------------------------------
+    Right Block Container
+    display if Right Block is appeared.
+  --------------------------------------*/
+
+  #rightblocks,
+  body.js_off #rightblocks {
+    overflow: visible;
+    clear: right;
+    float: right;
+    width: 280px;
+    margin: 0;
+  }
+
+  /*--------------------------------------
+    Footer Container
+  --------------------------------------*/
+
+  #footer {
+    clear: left;
+    width: auto;
+    margin: 0 auto;
+    padding: 16px 0;
+  }
+
+  #footer-content {
+    width: auto;
+    margin: 0 auto;
+    width: 960px;
+  }
+
+  /*--------------------------------------
+    Admin Configration Container
+  --------------------------------------*/
+
+  #config_menu {
+    float: left;
+    width: 210px;
+    padding: 0 10px;
+  }
+
+  body.center-right #config_menu {
+    width: 200px;
+  }
+
+  #config_content {
+    float: left;
+    width: 710px;
+    padding: 10px;
+  }
+
+  body.center-right #config_content {
+    width: 600px;
+  }
+}
+
+/* Smaller than standard 1280 (devices and browsers) */
+@media only screen and (min-width: 768px) and (max-width: 962px) {
+
+  /* 2 Columns center-right */
+  /*==============================================================================
+    Layout Pattern:
+      * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+      * 2 Column ( Left Block * Center Block )              ...left-center
+      * 2 Column ( Center Block * Right Block )             ...center-right
+      * 1 Column ( Center Block )                           ...center
+  
+    Block Width:
+      * Container Width = 100%
+      * Site Width[W]         = auto
+      * Left   Block Width[L] = 280px
+      * Right  Block Width[R] = 280px
+      * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [L]       = auto + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [R]       = auto + left padding 10px + right padding 10px
+      * Center Block Width( 1 Column ) = [W]             = auto
+  ==============================================================================*/
+
+  #container {
+    position: relative;
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Header Container
+  --------------------------------------*/
+
+  #header {
+    width: auto;
+    margin: 0 auto;
+    height: 80px;
+  }
+
+  #header:before {
+    width: auto;
+  }
+
+  #header-content {
+    width: auto;
+    max-width: $layout-site-max-width;
+    margin: 0 auto;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Gloval Navigation Container
+  --------------------------------------*/
+
+  #navigation {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #navigation:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+    margin-bottom: -1px;
+  }
+
+  .navigation_content {
+    width: auto;
+    max-width: $layout-site-max-width;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Wrapper
+    Include contents Block level elements
+    (#leftblocks, #centerblocks, #rightblocks)
+  --------------------------------------*/
+
+  #wrapper {
+    width: auto;
+    max-width: $layout-site-max-width;
+    margin: 0 auto;
+  }
+
+  #wrapper:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+  }
+
+  /*--------------------------------------
+    Left Block Container
+    display if Left Block is appeared.
+  --------------------------------------*/
+
+  #leftblocks,
+  body.js_off #leftblocks {
+    overflow: visible;
+    float: right;
+    width: 230px;
+    margin: 0;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Center Block Container
+  --------------------------------------*/
+
+  #centerblocks {
+    overflow: visible;
+    float: left;
+    width: 100%;
+    margin-left: -230px;
+  }
+
+  body.js_off #centerblocks {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 3 Column ( left-center-right ) */
+  body.left-center-right #main-content,
+  body.js_off #main-content {
+    float: none;
+    width: auto;
+    margin: 0;
+    margin-left: 230px;
+    padding: 0 10px;
+  }
+
+  /* 2 Column ( left-center ) */
+  body.left-center #main-content {
+    float: none;
+    width: auto;
+    margin: 0;
+    margin-left: 230px;
+    padding: 0 10px;
+  }
+
+  /* 2 Column ( center-right ) */
+  body.center-right #main-content {
+    float: none;
+    width: auto;
+    margin: 0;
+    margin-left: 230px;
+    padding: 0 10px;
+  }
+
+  /* 1 Column ( center ) */
+  body.center #main-content {
+    width: 100%;
+  }
+
+  body.center #centerblocks {
+    float: left;
+    width: auto;
+    padding: 0 10px;
+    margin: 0;
+  }
+
+  /*--------------------------------------
+    Right Block Container
+    display if Right Block is appeared.
+  --------------------------------------*/
+
+  #rightblocks,
+  body.js_off #rightblocks {
+    overflow: visible;
+    clear: right;
+    float: right;
+    width: 230px;
+    margin: 0;
+  }
+
+  /*--------------------------------------
+    Footer Container
+  --------------------------------------*/
+
+  #footer {
+    clear: left;
+    width: 100%;
+    margin: 0 auto;
+    padding: 16px 0;
+  }
+
+  #footer-content {
+    width: auto;
+    max-width: $layout-site-max-width;
+    margin: 0 auto;
+  }
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+  /* 1 Columns */
+  /*==============================================================================
+    Layout Pattern:
+      * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+      * 2 Column ( Left Block * Center Block )              ...left-center
+      * 2 Column ( Center Block * Right Block )             ...center-right
+      * 1 Column ( Center Block )                           ...center
+  
+    Block Width:
+      * Container Width = 100%
+      * Site Width[W]         = auto
+      * Left   Block Width[L] = 280px
+      * Right  Block Width[R] = 280px
+      * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [L]       = auto + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [R]       = auto + left padding 10px + right padding 10px
+      * Center Block Width( 1 Column ) = [W]             = auto
+  ==============================================================================*/
+
+  /*--------------------------------------
+    Container
+    Include All Block Level Element
+    (#header, #navigation, #wrapper, #footer)
+  --------------------------------------*/
+
+  #container {
+    position: relative;
+    width: auto;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Header Container
+  --------------------------------------*/
+
+  #header {
+    width: auto;
+    margin: 0 auto;
+    height: 60px;
+  }
+
+  #header:before {
+    width: auto;
+  }
+
+  #header-content {
+    width: auto;
+    margin: 0 auto;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Gloval Navigation Container
+  --------------------------------------*/
+
+  #navigation {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #navigation:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+    margin-bottom: -1px;
+  }
+
+  .navigation_content {
+    width: auto;
+    margin: 0 auto;
+    padding: 5px 0;
+  }
+
+  /*--------------------------------------
+    Wrapper
+    Include contents Block level elements
+    (#leftblocks, #centerblocks, #rightblocks)
+  --------------------------------------*/
+
+  #wrapper {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #wrapper:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+  }
+
+  /*--------------------------------------
+    Left Block Container
+    display if Left Block is appeared.
+  --------------------------------------*/
+
+  #leftblocks,
+  body.js_off #leftblocks {
+    overflow: visible;
+    clear: both;
+    float: left;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Center Block Container
+  --------------------------------------*/
+
+  #centerblocks {
+    overflow: visible;
+    float: none;
+    width: auto;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  body.js_off #centerblocks {
+    float: none;
+    width: auto;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /* 3 Column ( left-center-right ) */
+  body.left-center-right #main-content,
+  body.js_off #main-content {
+    float: none;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 2 Column ( left-center ) */
+  body.left-center #main-content {
+    float: none;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 2 Column ( center-right ) */
+  body.center-right #main-content {
+    float: none;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 1 Column ( center ) */
+  body.center #main-content {
+    width: 100%;
+  }
+
+  body.center #centerblocks {
+    float: left;
+    width: auto;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /*--------------------------------------
+    Right Block Container
+    display if Right Block is appeared.
+  --------------------------------------*/
+
+  #rightblocks,
+  body.js_off #rightblocks {
+    overflow: visible;
+    clear: both;
+    float: left;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Footer Container
+  --------------------------------------*/
+
+  #footer {
+    clear: left;
+    width: auto;
+    margin-top: -1px;
+    padding: 16px;
+  }
+
+  #footer-content {
+    width: auto;
+    margin: 0 auto;
+  }
+}
+
+/*--------------------------------------
+  Container
+--------------------------------------*/
+
+#container {
+  background-color: #FFF;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #container {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding: 0;
+    border: none;
+  }
+}
+
+#wrapper {
+  /* Adjust floating element */
+  overflow: visible;
+  background-color: transparent;
+  padding: 0;
+  padding-bottom: 2em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #wrapper {
+    padding: 0;
+    border: none;
+  }
+}
+
+/*--------------------------------------
+  Header Content
+--------------------------------------*/
+
+#header {
+  padding: 0;
+  background: -webkit-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  background: -moz-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  background: -o-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  background: -ms-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  background: linear-gradient(to bottom, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  height: 80px;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #header {
+    padding: 0;
+    border: none;
+  }
+}
+
+@media only screen and (max-width: 767px) {
+
+  #header {
+    -webkit-background-size: 256px auto;
+    -moz-background-size: 256px auto;
+    background-size: 256px auto;
+    height: 60px;
+    margin-top: 0;
+  }
+}
+
+/* Site Name */
+.site_name {
+  position: relative;
+  float: left;
+  font-size: 30px;
+  font-weight: bold;
+  text-shadow: 0 2px 2px rgba(0,0,0,.5);
+  line-height: 36px;
+  margin: 22px 0 0 20px;
+  padding: 0;
+}
+
+.site_name a:link,
+.site_name a:visited,
+.site_name a:hover {
+  color: #EEE;
+  text-decoration: none;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .site_name {
+    margin: 6px 0 0 8px;
+    font-size: 1.6em;
+    line-height: 1.6em;
+  }
+}
+
+/* Slogan */
+.site_slogan {
+  position: relative;
+  margin: 0;
+  padding: 16px 16px 0 16px;
+  float: right;
+  color: #FFF;
+  text-align: right;
+  text-shadow: 0 1px 1px rgba(0,0,0,.3);
+}
+
+@media only screen and (max-width: 767px) {
+
+  .site_slogan {
+    font-size: 75%;
+    clear: both;
+    float: none;
+    padding: 0 10px 0;
+    text-align: left;
+    line-height: 1.2em;
+  }
+}
+
+/*--------------------------------------
+  Gloval Navigation Content
+--------------------------------------*/
+
+/* Navigation Menu List */
+#navigation {
+  padding: 0;
+  background: #E7E7E7;
+  border-top: 1px solid #EEE;
+  border-bottom: 1px solid #C7C7C7;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  text-align: left;
+  text-shadow: 0 1px 0 #FFF;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #navigation {
+    padding: 0;
+  }
+}
+
+#navigation ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+#navigation li {
+  float: left;
+  margin: 0;
+  padding: 0;
+}
+
+#navigation li a {
+  font-size: 13px;
+  display: block;
+  line-height: 30px;
+  margin: 0;
+  padding: 0 7px;
+  border-right: 1px solid #D7D7D7;
+}
+
+#navigation li:first-child a {
+  border-left: 1px solid #D7D7D7;
+}
+
+/* Navigation Menu */
+.menuitem a,
+.menuitem a:link,
+.menuitem a:visited {
+  color: #666;
+}
+
+.menuitem a:hover,
+.menuitem a:focus,
+.menuitem a:active {
+  color: #2664A2;
+  text-decoration: none;
+  background: #DFDFDF;
+}
+
+.tinynav {
+  display: none;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .tinynav {
+    display: block;
+    width: 95%;
+    max-width: none;
+    margin: auto;
+  }
+}
+
+/*--------------------------------------
+  Center Block Content
+--------------------------------------*/
+
+/* Welcome Message */
+.welcome_msg {
+  margin: .5em 0 1.5em;
+  padding: .5em 0;
+  border-bottom: 1px solid #E7E7E7;
+  color: #888;
+}
+
+/* Block */
+#centerblocks section.block-center,
+#centerblocks div.block-center {
+  margin: 0 0 1em 0;
+  padding: 0 0 2em 0;
+}
+
+/*--------------------------------------
+  Footer Content
+--------------------------------------*/
+
+#footer {
+  border-top: 1px solid #CCC;
+  font-size: 12px;
+  color: #666;
+  background-color: transparent;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #footer {
+    border: none;
+  }
+}
+
+#footer a:link,
+#footer a:visited,
+#footer a:active {
+  color: #666;
+  text-decoration: none;
+}
+
+#footer a:hover {
+  color: #2664A2;
+  text-decoration: underline;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #footer {
+    border: none;
+    color: #999;
+    background-color: #284664;
+  }
+
+  #footer a:link,
+  #footer a:visited,
+  #footer a:active {
+    color: #999;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  }
+}
+
+/* Copyright */
+.copyright {
+  float: left;
+  margin: 0;
+  padding-left: 8px;
+  line-height: 1.4em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .copyright {
+    float: none;
+    margin: 0 0 1em 0;
+    padding-left: 0;
+    padding-right: 8px;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  }
+}
+
+/* Powered by & Page Execution Time */
+.site_info {
+  float: right;
+  margin: 0;
+  padding-right: 15px;
+  text-align: right;
+  line-height: 1.4em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .site_info {
+    float: none;
+    text-align: left;
+    margin: 0;
+    padding-left: 4px;
+    padding-right: 8px;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  }
+}
+
+/*--------------------------------------
+  Common Block Style
+--------------------------------------*/
+
+#leftblocks p,
+#rightblocks p {
+  line-height: 1.25;
+  margin: .7em 0;
+}
+
+#leftblocks ul,
+#rightblocks ul {
+  list-style-position: inside;
+  margin: .7em 0;
+  padding-left: .5em;
+}
+
+#leftblocks ol,
+#rightblocks ol {
+  list-style-position: inside;
+  margin: .7em 0;
+  padding-left: .9em;
+}
+
+#leftblocks li,
+#rightblocks li {
+  margin: 0 0 .25em 0;
+  padding: 0;
+}
+
+#leftblocks dl,
+#rightblocks dl {
+  margin: .7em 0;
+}
+
+#leftblocks input,
+#rightblocks input {
+  font-size: 95%;
+  margin-left: 0;
+  margin-right: 0;
+}
+
+#leftblocks .sideoption,
+#rightblocks .sideoption {
+  list-style: none outside;
+  color: #999;
+  margin: 0;
+  padding: 0;
+}
+
+#leftblocks .sideoption a,
+#rightblocks .sideoption a {
+  display: block;
+  color: #222;
+  height: 1.8em;
+  line-height: 1.8em;
+  overflow: hidden;
+  padding: 0 5px;
+  white-space: nowrap;
+  text-decoration: none;
+}
+
+#leftblocks .sideoption a:hover,
+#rightblocks .sideoption a:hover {
+  background-color: #F1F1F1;
+}
+
+#leftblocks .sideoption span,
+#rightblocks .sideoption span {
+  color: #999;
+  text-decoration: none;
+  margin-left: 3px;
+}
+
+#leftblocks .sideoption_off,
+#rightblocks .sideoption_off {
+  list-style: none outside;
+  color: #999;
+  display: block;
+  height: 1.8em;
+  line-height: 1.8em;
+  overflow: hidden;
+  margin: 0;
+  padding: 0 5px;
+  white-space: nowrap;
+}
+
+#leftblocks .sideoption_off span,
+#rightblocks .sideoption_off span {
+  color: #999;
+  text-decoration: none;
+  margin-left: 3px;
+}
+
+#leftblocks .sideoption_group_label,
+#rightblocks .sideoption_group_label {
+  color: #630;
+  font-size: 103%;
+  font-weight: bold;
+  height: 1.6em;
+  line-height: 1.6em;
+  overflow: hidden;
+  margin: 0;
+  padding: 0 5px;
+  white-space: nowrap;
+  border-bottom: 1px dotted #CCC;
+}
+
+#leftblocks .noliststyle,
+#rightblocks .noliststyle {
+  padding-left: 0;
+}
+
+#leftblocks .branch_level2 a,
+#rightblocks .branch_level2 a {
+  padding-left: 15px;
+}
+
+#leftblocks .branch_level3 a,
+#rightblocks .branch_level3 a {
+  padding-left: 25px;
+}
+
+#leftblocks .branch_level4 a,
+#rightblocks .branch_level4 a {
+  padding-left: 35px;
+}
+
+#leftblocks .sideoption_off.branch_level2,
+#rightblocks .sideoption_off.branch_level2 {
+  padding-left: 15px;
+}
+
+#leftblocks .sideoption_off.branch_level3,
+#rightblocks .sideoption_off.branch_level3 {
+  padding-left: 25px;
+}
+
+#leftblocks .sideoption_off.branch_level4,
+#rightblocks .sideoption_off.branch_level4 {
+  padding-left: 35px;
+}
+
+#leftblocks h3,
+#rightblocks h3,
+#leftblocks h4,
+#rightblocks h4 {
+  font-size: 100%;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #leftblocks,
+  #rightblocks {
+    background: #F7F7F7;
+  }
+
+  #leftblocks input,
+  #rightblocks input {
+    font-size: 16px;
+  }
+
+  #leftblocks input[type="submit"],
+  #rightblocks input[type="submit"] {
+    font-size: 14px;
+  }
+
+  #leftblocks .sideoption a,
+  #rightblocks .sideoption a,
+  #leftblocks .sideoption a:hover,
+  #rightblocks .sideoption a:hover,
+  #leftblocks .sideoption_off,
+  #rightblocks .sideoption_off {
+    background: url("images/arrow-right.png") no-repeat #F7F7F7;
+    -webkit-background-size: 24px auto;
+    -moz-background-size: 24px auto;
+    background-size: 24px auto;
+    background-position: right 50%;
+    border: 1px solid #CACACA;
+    color: #222;
+    display: block;
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: -1px;
+    padding: 4px 10px;
+    text-decoration: none;
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+    box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  }
+
+  #leftblocks .sideoption_off,
+  #rightblocks .sideoption_off {
+    color: #999;
+  }
+}
+
+#loginform-loginname,
+#loginform-passwd {
+  width: 50%;
+}
+
+/* Help Icon */
+h1 img,
+h2 img,
+h3 img,
+h4 img {
+  vertical-align: middle;
+}
+
+/*--------------------------------------
+  System Message Block
+--------------------------------------*/
+
+.block-message {
+  margin: 1.5em 0;
+  padding: 0;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  /* Title */
+  /* Message */
+}
+
+.block-message dl {
+  margin: 0;
+  padding: 0;
+}
+
+.block-message dt {
+  margin: 0;
+  padding: 4px 8px;
+  background: #3E6B98;
+  color: #EEEEEC;
+  text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  font-weight: bold;
+  border: 1px solid rgba(0,0,0,.2);
+  -webkit-border-radius: 6px 6px 0 0;
+  border-radius: 6px 6px 0 0;
+}
+
+.block-message dd {
+  margin: 0;
+  padding: 8px 12px;
+  background: #EEE;
+  color: #404040;
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+  border: 1px solid rgba(0,0,0,.2);
+  -webkit-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+}
+
+.block-message p {
+  margin: .2em 0;
+  line-height: 1.25;
+}
+
+/*--------------------------------------
+  Left Block and Right Block
+--------------------------------------*/
+
+/* Block */
+.block-left,
+.block-right,
+.block-list {
+  margin: 0 8px .5em 8px;
+  padding: 0 0 16px 0;
+  font-size: 13px;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .block-left,
+  .block-right,
+  .block-list {
+    font-size: 100%;
+    margin: 0 10px;
+    padding: 0;
+  }
+}
+
+/* Block Title */
+.block-title {
+  margin: 0 0 .5em 0;
+  padding: 0 0 .1em 0;
+  border-bottom: 1px solid #CCC;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 20px;
+}
+
+/*--------------------------------------
+  Search Form
+--------------------------------------*/
+
+#searchform fieldset {
+  margin-top: 15px;
+  padding: 0;
+}
+
+#searchform a {
+  line-height: 1.5em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #searchform fieldset {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    padding: 0;
+    text-align: center;
+  }
+
+  #searchform .searchform {
+    text-align: center;
+  }
+}
+
+.searchform {
+  line-height: 2.2em;
+  margin-bottom: .3em;
+}
+
+input[type="text"].search {
+  background: url("images/search.png") left center no-repeat #FFF;
+  padding-left: 24px;
+  width: 120px;
+  color: #999;
+}
+
+/*--------------------------------------
+  Login Form
+--------------------------------------*/
+
+/* authentication buttons */
+#login_facebook {
+  left: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 0;
+}
+
+#login_twitter {
+  left: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -23px;
+}
+
+#login_linkedin {
+  left: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -44px;
+}
+
+#login_google {
+  left: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -66px;
+}
+
+#login_yahoo {
+  left: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -88px;
+}
+
+#login_microsoft {
+  left: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -110px;
+}
+
+#login_github {
+  left: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -132px;
+}
+
+#login_openid {
+  left: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -154px;
+}
+
+#loginform fieldset {
+  margin-top: 15px;
+  padding: 0;
+}
+
+#loginform .submit {
+  margin-bottom: .3em;
+}
+
+#loginform a {
+  line-height: 1.5em;
+}
+
+.form_part {
+  margin-bottom: .3em;
+}
+
+.form_part label {
+  display: block;
+  line-height: 1.2em;
+  margin-bottom: .3em;
+}
+
+/* Third party login */
+form.third-party-login {
+  margin: .1em 0;
+}
+
+form.third-party-login div {
+  position: relative;
+}
+
+form.third-party-login div img {
+  position: absolute;
+  left: 6px;
+  top: 6px;
+}
+
+form.third-party-login div input {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+form.third-party-login div input.submit {
+  text-indent: 24px;
+  font-size: 12px;
+  height: 28px;
+}
+
+div.third-party-login {
+  width: 164px;
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+  #navigation_ul {
+    display: none;
+  }
+
+  .block-title,
+  #block-left-search > h2 {
+    background: #3B6998;
+    color: #EEEEEC;
+    font-weight: bold;
+    padding: 8px 5px;
+    text-align: left;
+    font-size: 16px;
+    margin-left: -10px;
+    margin-right: -10px;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+    border-top: 1px solid #6F9BC7;
+    border-bottom: 1px solid #1F374F;
+  }
+
+  h2.show,
+  #block-left-search > h2.show {
+    background: url("images/arrow-down.png") no-repeat #3B6998;
+    -webkit-background-size: 36px auto;
+    -moz-background-size: 36px auto;
+    background-size: 36px auto;
+    background-position: right 50%;
+  }
+
+  h2.hide,
+  #block-left-search > h2.hide {
+    background: url("images/arrow-up.png") no-repeat #3B6998;
+    -webkit-background-size: 36px auto;
+    -moz-background-size: 36px auto;
+    background-size: 36px auto;
+    background-position: right 50%;
+  }
+
+  h2.block-title {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  #block-left-search > h2 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  #config_menu .block-title {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+
+  #search-configuration-container label {
+    margin: 0 0 .5em 0;
+    padding: 0 0 .1em 0;
+    display: block;
+    border-bottom: 1px solid #CCC;
+    background: #3B6998;
+    color: #EEEEEC;
+    font-weight: bold;
+    padding: 8px 5px;
+    text-align: left;
+    font-size: 16px;
+    margin-left: -10px;
+    margin-right: -10px;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  }
+
+  #search-configuration {
+    font-size: 16px;
+  }
+
+  .block-left-content,
+  .block-right-content,
+  .block-list-content {
+    padding: 10px 0;
+    text-shadow: 0 1px 0 #FFF;
+  }
+
+  #block-left-search > .block-left-content {
+    background: #F7F7F7;
+    padding: 10px;
+    margin: 0;
+  }
+
+  .noliststyle {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .sideoption:first-child a,
+  .sideoption_off:first-child {
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+  }
+
+  .sideoption:last-child a,
+  .sideoption_off:last-child {
+    -webkit-border-bottom-left-radius: 8px;
+    -webkit-border-bottom-right-radius: 8px;
+  }
+}
+
+/*--------------------------------------
+  Story
+--------------------------------------*/
+
+/* Container */
+.storytext {
+  margin: 0 0 1.5em 0;
+  border-bottom: 1px solid #E7E7E7;
+  /* Table */
+}
+
+.storytext table {
+  text-align: left;
+  border-collapse: collapse;
+  margin: 1em .5em;
+}
+
+.storytext tr {
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+}
+
+.storytext th,
+.storytext td {
+  margin: 0;
+  padding: .2em .6em;
+  vertical-align: middle;
+  line-height: 160%;
+  border: 1px solid #DDD;
+}
+
+.storytext th {
+  font-weight: bold;
+  background: #F5F5F5;
+}
+
+.storytext img {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Story Title */
+.story_title {
+  float: left;
+  margin: 0 0 .5em 0;
+  font-size: 140%;
+  text-decoration: none;
+  color: #222;
+}
+
+.story_title a:link,
+.story_title a:visited {
+  color: #222;
+  text-decoration: none;
+}
+
+.story_title a:hover {
+  color: #2664A2;
+  text-decoration: underline;
+}
+
+/* Icon(email, print, pdf) */
+.story_icon {
+  float: right;
+}
+
+.story_icon img {
+  margin-left: 8px;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .story_icon {
+    display: none;
+  }
+}
+
+/* Story(Date, Auther, Display no.) */
+.story_status {
+  list-style-position: outside;
+  list-style-type: none;
+  clear: both;
+  margin: 0 0 1em 0;
+  padding-left: 1em;
+  color: #999;
+  font-size: 85%;
+  line-height: 1.25;
+}
+
+/* Story Body */
+.story_introtext {
+  margin: 0 0 2em 0;
+  line-height: 1.625;
+  zoom: 1;
+}
+
+.story_introtext:before,
+.story_introtext:after {
+  content: "";
+  display: table;
+}
+
+.story_introtext:after {
+  clear: both;
+}
+
+/* Topic Icon */
+.story_image {
+  float: right;
+  width: 48px;
+  height: 48px;
+  margin: 15px;
+}
+
+/* Navigation */
+.story_navi {
+  list-style-type: none;
+  clear: both;
+  margin: 0;
+  padding-left: 0;
+  text-align: center;
+}
+
+.story_navi li {
+  display: inline;
+  margin: 0 2px;
+}
+
+/* Comment and Trackback */
+.feedback {
+  list-style-type: none;
+  margin: 0 0 .5em 0;
+  padding-left: 0;
+  text-align: center;
+}
+
+.feedback li {
+  display: inline;
+  margin: 0 2px;
+}
+
+.article {
+  font-size: 100%;
+}
+
+/*--------------------------------------
+  Tooltips
+--------------------------------------*/
+
+.gl-tooltip span {
+  margin-left: -999em;
+  position: absolute;
+  text-align: left;
+  width: 250px;
+}
+
+.gl-tooltip:link,
+.gl-tooltip:visited {
+  color: #2664A2;
+  outline: none;
+  text-decoration: none;
+  position: relative;
+}
+
+.gl-tooltip:hover span {
+  -webkit-border-radius: 8px;
+  border-radius: 8px;
+  -webkit-box-shadow: 2px 2px 8px #666;
+  box-shadow: 2px 2px 8px #666;
+  font-size: 1em;
+  text-align: left;
+  white-space: normal;
+  position: absolute;
+  left: 2.2em;
+  top: 2.2em;
+  z-index: 99;
+  margin-left: 0;
+  width: 250px;
+}
+
+.gl-tooltip:hover img.icon {
+  border: 0;
+  margin: -15px 0 0 -51px;
+  float: left;
+  position: absolute;
+}
+
+.gl-tooltip:hover em {
+  font-size: 1.2em;
+  font-weight: bold;
+  display: block;
+  padding: .2em 0 .6em .4em;
+}
+
+#gl-tooltip-icon {
+  border: 0;
+}
+
+span.classic {
+  padding: .8em 1em;
+}
+
+span.custom {
+  padding: .5em .8em .8em 2em;
+}
+
+span.classic {
+  background: #EEEEEC;
+  border: 2px solid #555753;
+}
+
+span.critical {
+  background: #F5F0F0;
+  border: 2px solid #A40000;
+}
+
+span.critical em {
+  color: #A40000;
+}
+
+span.help {
+  background: #EDF0F2;
+  border: 2px solid #204A87;
+}
+
+span.help em {
+  color: #204A87;
+}
+
+span.info {
+  background: #EDF0F2;
+  border: 2px solid #204A87;
+}
+
+span.info em {
+  color: #204A87;
+}
+
+span.warning {
+  background: #FCF7EF;
+  border: 2px solid #CE5C00;
+  font-weight: normal;
+  color: #000;
+}
+
+span.warning em {
+  color: #CE5C00;
+}
+
+/*--------------------------------------
+  Article Page
+--------------------------------------*/
+
+/* Related Information & Story Option */
+.list-whats-related,
+.list-story-options {
+  line-height: 1.7em;
+  margin: 0 0 0 20px;
+  padding: 0;
+}
+
+/* Article Related Block */
+.block-related {
+  float: left;
+  width: 50%;
+  margin: 0 0 1.5em 0;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .block-related {
+    float: none;
+    width: auto;
+  }
+}
+
+/*--------------------------------------
+  Comment Block
+--------------------------------------*/
+
+#commentarea {
+  clear: both;
+}
+
+/* Comment Information (Story Title | Comment Number | Username) */
+.commentbar_status {
+  text-align: center;
+  margin: 1em 0;
+}
+
+.bar_separator {
+  padding-left: 5px;
+  padding-right: 5px;
+  color: #CCC;
+}
+
+#commentbar {
+  padding: 3px;
+  background: none repeat scroll 0 0 #EEE;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  zoom: 1;
+}
+
+#commentbar:before,
+#commentbar:after {
+  content: "";
+  display: table;
+}
+
+#commentbar:after {
+  clear: both;
+}
+
+/* Comment Submit Form */
+#commentbar-comment {
+  float: left;
+  padding: .3em;
+}
+
+#commentbar-selector {
+  float: right;
+  padding: .3em;
+}
+
+/* Comment NOTE */
+.disclaimer {
+  text-align: center;
+  color: #666;
+  margin: .5em 0 1em;
+}
+
+#commentpreview {
+  margin: 0;
+  background: transparent;
+  border: 1px dashed #808080;
+  padding: 5px 10px;
+}
+
+#commenteditform {
+  margin: 0;
+  background: #F7F7F7;
+  border: 1px solid #E7E7E7;
+  padding: 10px;
+}
+
+/*--------------------------------------
+  Comment Body
+--------------------------------------*/
+
+/* Individual Comment (Tree) */
+.comment_thread {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0 0 .5em 0;
+  padding: 0;
+  text-align: left;
+}
+
+/* Individual Comment (Tree) Title */
+.thread_title {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+/* Individual Comment (Tree) Auther */
+.thread_author {
+  display: inline;
+  margin: 0 0 0 8px;
+  padding: 0;
+}
+
+.thread_author:before {
+  content: " - ";
+}
+
+/* Individual Comment */
+.block-comment-content {
+  margin: 0;
+  padding: 0;
+  text-align: left;
+}
+
+/* Individual Comment Level(Nested | Tree) */
+.level-0 {
+  margin-left: 0;
+}
+
+.level-25 {
+  margin-left: 16px;
+}
+
+.level-50 {
+  margin-left: 32px;
+}
+
+.level-75 {
+  margin-left: 48px;
+}
+
+.level-100 {
+  margin-left: 64px;
+}
+
+.level-125 {
+  margin-left: 80px;
+}
+
+.level-150 {
+  margin-left: 96px;
+}
+
+.level-175 {
+  margin-left: 112px;
+}
+
+.level-200 {
+  margin-left: 128px;
+}
+
+.level-225 {
+  margin-left: 144px;
+}
+
+.level-250 {
+  margin-left: 160px;
+}
+
+.level-275 {
+  margin-left: 176px;
+}
+
+.level-300 {
+  margin-left: 192px;
+}
+
+.level-325 {
+  margin-left: 208px;
+}
+
+.level-350 {
+  margin-left: 224px;
+}
+
+.level-375 {
+  margin-left: 240px;
+}
+
+.level-400 {
+  margin-left: 256px;
+}
+
+/* Comment Information */
+.comment_status {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Comment Title */
+.comment_title {
+  display: block;
+  margin: 1em 0 .5em 0;
+  padding: 4px;
+  border: 1px solid #E7E7E7;
+  background: #F7F7F7;
+}
+
+/* Comment Auther */
+.comment_author {
+  display: block;
+  margin: 0 0 1em 0;
+  padding: 0;
+  color: #666;
+}
+
+/* Comment Content */
+.comment_content {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/* Comment Navigation */
+.comment_navi {
+  clear: both;
+  color: #666;
+}
+
+/*--------------------------------------
+  Report Comment Form
+--------------------------------------*/
+
+/* Comment */
+.reportcomment {
+  margin: 0 0 1em 0;
+  padding: 0;
+  border-bottom: 1px solid #E7E7E7;
+}
+
+/*--------------------------------------
+  Comment Submit Form
+--------------------------------------*/
+
+/* Username */
+.dt-commentform-username {
+  display: inline;
+}
+
+.logoutorcreateaccount {
+  padding: 0 3px;
+}
+
+/* NOTE */
+.importantstuff {
+  margin-top: 0;
+}
+
+.ul-importantstuff {
+  margin: 0 0 0 1em;
+  padding: 0;
+}
+
+.li-importantstuff {
+  margin: 0 0 0 8px;
+  padding: 0;
+}
+
+/*--------------------------------------
+  Breadcrumbs List
+--------------------------------------*/
+
+.navbar-breadcrumbs {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.li-navbar-breadcrumbs {
+  display: inline;
+}
+
+.a-navbar-breadcrumbs {
+  margin: 0 8px;
+}
+
+/*--------------------------------------
+  Navigation
+--------------------------------------*/
+
+#navcontainer {
+  width: 100%;
+  margin-bottom: 10px;
+  padding-bottom: 2px;
+  font-size: 90%;
+  line-height: normal;
+  border-bottom: 1px solid #DDD;
+  height: 30px;
+}
+
+#navlist {
+  display: block;
+  margin: 0 0 20px 0;
+  padding: 0;
+  list-style: none;
+  /* Clearfixing tabs for beautiful stacking */
+}
+
+#navlist:before,
+#navlist:after {
+  content: "";
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+#navlist:after {
+  clear: both;
+}
+
+.li-navlist {
+  display: block;
+  width: auto;
+  height: 30px;
+  padding: 0;
+  float: left;
+  margin: 2px -1px 0 0;
+}
+
+.li-navlist #current {
+  background: #FFF;
+  height: 29px;
+  position: relative;
+  top: -5px;
+  padding-top: 5px;
+  border-left-width: 1px;
+  margin: 0;
+  color: #111;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  border-bottom-color: #FFF;
+}
+
+.li-navlist #current:first-child a {
+  border-width: 1px;
+  border-top-left-radius: 3px;
+}
+
+.li-navlist #current:last-child a {
+  border-top-right-radius: 3px;
+}
+
+.a-navlist {
+  display: block;
+  text-decoration: none;
+  width: auto;
+  height: 29px;
+  padding: 0 12px;
+  line-height: 30px;
+  border: solid 1px #DDD;
+  border-width: 1px;
+  margin: 0;
+  background: #F5F5F5;
+}
+
+.a-navlist:link,
+.a-navlist:visited,
+.a-navlist:hover {
+  color: #555;
+  text-decoration: none;
+}
+
+/*--------------------------------------
+  Page Navigation
+--------------------------------------*/
+
+.gl-pagenav {
+  list-style: none;
+  text-align: center;
+  color: #CCC;
+  margin: 0 0 1.5em;
+  line-height: 1.4em;
+}
+
+.gl-pagenav li {
+  display: inline-block;
+}
+
+.gl-pagenav a,
+.gl-pagenav b {
+  margin: 1px 2px;
+  padding: 2px 7px;
+  background: transparent;
+  border: 1px solid #E7E7E7;
+}
+
+.gl-pagenav b {
+  color: #222;
+}
+
+.gl-pagenav a:hover {
+  background: #EEE;
+  border: 1px solid #CCC;
+}
+
+.gl-pagenav span {
+  color: #999;
+}
+
+.gl-pagenav span a {
+  margin: 0;
+  padding: 2px 0;
+  background: transparent;
+  border: none;
+}
+
+.gl-pagenav span a:hover {
+  background: transparent;
+  border: none;
+}
+
+.gl-pagenav .divider-previous,
+.gl-pagenav .divider-next {
+  margin: 0 4px;
+}
+
+.gl-pagenav .divider-previous:before,
+.gl-pagenav .divider-next:after {
+  content: "|";
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: 0 4px;
+}
+
+/*--------------------------------------
+  Breadcrumbs Navigation
+--------------------------------------*/
+
+.bc_navigation {
+  margin: -1em 0 1em;
+}
+
+/*--------------------------------------
+  My Account Page
+--------------------------------------*/
+
+#exclude_topic > .checkboxes-list > li,
+#boxesblock > .checkboxes-list > li {
+  /* display: inline */
+  margin-right: .5em;
+}
+
+/*--------------------------------------
+  Access Information Page
+--------------------------------------*/
+
+.itemstatistics {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  border-collapse: collapse;
+}
+
+.itemstatistics th {
+  margin: 0;
+  padding: 2px;
+  text-align: left;
+}
+
+.itemstatistics td {
+  margin: 0;
+  padding: 2px;
+}
+
+/*--------------------------------------
+  Trackback
+--------------------------------------*/
+
+/* Trackback Block */
+#trackback {
+  clear: both;
+}
+
+/* Trackback Content */
+.block-trackback-content {
+  border-bottom: 1px solid #E7E7E7;
+}
+
+.block-trackback-content > p {
+  margin: 0 0 1em 0;
+}
+
+/* Description */
+.trackback_comments_no_link {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/* Recept Trackback Block */
+.formattedcomment {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/* Recept Trackback Information */
+.trackback_status {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Recept Trackback Title */
+.trackback_title {
+  margin: 0 0 .5em 0;
+  padding: 4px;
+  border: 1px solid #E7E7E7;
+  background: #F7F7F7;
+}
+
+/* Recept Trackback Recept Date */
+.trackback_date {
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+/* Recept Trackback Summary */
+.trackback_excerpt_readmore {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  Profile
+--------------------------------------*/
+
+/* Account Information */
+#profile-userprofile {
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  zoom: 1;
+}
+
+#profile-userprofile:before,
+#profile-userprofile:after {
+  content: "";
+  display: table;
+}
+
+#profile-userprofile:after {
+  clear: both;
+}
+
+#profile-userprofile dt {
+  float: left;
+  clear: left;
+  width: 25%;
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+#profile-userprofile dd {
+  float: left;
+  width: 75%;
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+/* Photo */
+dd#profile-user_photo {
+  float: none;
+  width: auto;
+  margin-left: 25%;
+  margin-bottom: 1em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  dd#profile-user_photo {
+    margin-left: 50%;
+  }
+}
+
+/* Recent Submit | User Recent Comment */
+.storyrow,
+.commentrow {
+  margin: 0;
+  padding: 0;
+}
+
+.storyrow a,
+.commentrow a {
+  margin: 0 8px 0 0;
+  padding: 0;
+}
+
+/* Submit Story | Comment Total */
+#profile-postingstats {
+  margin: 0;
+  padding: 0;
+}
+
+#profile-postingstats dt {
+  float: left;
+  clear: left;
+  width: 25%;
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+#profile-postingstats dd {
+  float: left;
+  width: 75%;
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #profile-userprofile dt,
+  #profile-userprofile dd,
+  #profile-postingstats dt,
+  #profile-postingstats dd {
+    width: 50%;
+  }
+}
+
+/* User All Submit Search Link */
+#profile-all_postings_by {
+  clear: left;
+  padding-top: 1em;
+}
+
+/*--------------------------------------
+  Admin Common Style
+--------------------------------------*/
+
+/* Basic Editor */
+.admin_basic {
+  padding: .5em 2em;
+}
+
+@media only screen and (max-width: 962px) {
+
+  .admin_basic {
+    padding: .5em 0;
+  }
+}
+
+/*--------------------------------------
+  Admin Top Menu Style
+--------------------------------------*/
+
+#admin-topmenu {
+  margin-bottom: 2em;
+  border: 1px solid rgba(0,0,0,.2);
+  padding: 10px 5px;
+  line-height: 1.25;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+}
+
+.admin-menu-icon {
+  float: left;
+  padding: 5px;
+  margin-right: 10px;
+  width: 48px;
+  height: 48px;
+}
+
+#instructions {
+  padding: 5px;
+}
+
+#instructions > p {
+  margin: 0 0 5px 0;
+  line-height: 1.25;
+}
+
+#admin-menu-fields {
+  color: #CCC;
+}
+
+.admin-topic-image {
+  margin: 0 5px 0 0;
+  vertical-align: middle;
+}
+
+/*--------------------------------------
+  Group Editor
+--------------------------------------*/
+
+#rights_options {
+  width: 100%;
+  font-size: 11px;
+}
+
+/*--------------------------------------
+  Group Member Editor
+--------------------------------------*/
+
+.listmembers {
+  float: left;
+  width: 35%;
+  height: 15em;
+}
+
+#admin-groupmembers-fieldFrom,
+#admin-groupmembers-fieldTo {
+  width: 100%;
+  height: 100%;
+}
+
+.movemembers {
+  float: left;
+  width: 30%;
+  padding-top: 5em;
+  text-align: center;
+  height: 12em;
+}
+
+.movebutton {
+  margin: .5em 0;
+  text-align: center;
+}
+
+/*--------------------------------------
+  Admin Page
+--------------------------------------*/
+
+/* Admin List Table */
+.admin-list-table {
+  margin: 0;
+  width: 100%;
+  text-align: left;
+  font-size: 90%;
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 1px solid rgba(0,0,0,.2);
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+}
+
+@media only screen and (max-width: 1199px) {
+
+  .admin-list-table {
+    width: 900px;
+  }
+}
+
+.fieldset-table-wrapper > .admin-list-table {
+  width: 100%;
+}
+
+.admin-list-table tr {
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+}
+
+.admin-list-table th,
+.admin-list-table td {
+  vertical-align: middle;
+  line-height: 1.1em;
+  height: 2.3em;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.admin-list-table th {
+  color: #222;
+  background-color: #DAE0ED;
+}
+
+.admin-list-table img {
+  vertical-align: middle;
+}
+
+.admin-list-table td,
+.admin-list-table th {
+  border-left: 1px solid rgba(0,0,0,.2);
+  border-top: 1px solid rgba(0,0,0,.2);
+}
+
+.admin-list-table th {
+  background-color: #A5C3E2;
+  background-image: -webkit-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -moz-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -o-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -ms-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: linear-gradient(to bottom, hsla(210,52%,90%,1), #A5C3E2);
+  border-top: none;
+}
+
+.admin-list-table th:first-child,
+.admin-list-table td:first-child {
+  border-left: none;
+}
+
+.admin-list-table th:first-child {
+  -webkit-border-radius: 5px 0 0 0;
+  border-radius: 5px 0 0 0;
+}
+
+.admin-list-table th:last-child {
+  -webkit-border-radius: 0 5px 0 0;
+  border-radius: 0 5px 0 0;
+}
+
+.admin-list-table tr:last-child td:first-child {
+  -webkit-border-radius: 0 0 0 5px;
+  border-radius: 0 0 0 5px;
+}
+
+.admin-list-table tr:last-child td:last-child {
+  -webkit-border-radius: 0 0 5px 0;
+  border-radius: 0 0 5px 0;
+}
+
+.admin-table-changer {
+  display: none;
+  text-align: right;
+  margin-right: 2px;
+  margin-bottom: 2px;
+}
+
+@media only screen and (max-width: 1199px) {
+
+  .admin-table-changer {
+    display: block;
+  }
+}
+
+.admin-table-changer a {
+  width: 60px;
+  text-align: center;
+  font-size: 85%;
+  padding: 2px 6px;
+}
+
+.table-wrapper {
+  width: 100%;
+  overflow: auto;
+}
+
+.table-wrapper-fit {
+  width: 100%;
+  overflow: visible;
+}
+
+.table-wrapper-fit > .admin-list-table {
+  width: 100%;
+}
+
+/* Navigation */
+.admin-list-navi {
+  margin-top: .5em;
+}
+
+/* Message */
+.admin-list-message {
+  margin: 1em 0 0 0;
+  padding: 0;
+  text-align: center;
+}
+
+.admin-list-search {
+  text-align: center;
+  margin: .5em 0;
+  zoom: 1;
+}
+
+.admin-list-search:before,
+.admin-list-search:after {
+  content: "";
+  display: table;
+}
+
+.admin-list-search:after {
+  clear: both;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .admin-list-search {
+    text-align: left;
+  }
+}
+
+.admin-list-smalltable {
+  margin: 0 0 .5em 0;
+  border-collapse: separate;
+  border-spacing: 1px;
+  font-size: 13px;
+}
+
+.admin-list-headerfield {
+  padding: 4px;
+}
+
+.admin-list-field {
+  padding: 4px;
+}
+
+.admin-list-field a {
+  padding: 4px 6px;
+}
+
+.search-part {
+  display: inline-block;
+  margin-right: 5px;
+  white-space: nowrap;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .search-part {
+    display: block;
+  }
+}
+
+/*--------------------------------------
+  Permission Style
+--------------------------------------*/
+
+#admin-permissions {
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 1px solid rgba(0,0,0,.2);
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  margin: 0 0 .5em 0;
+  font-size: 13px;
+}
+
+#admin-permissions td,
+#admin-permissions th {
+  border-left: 1px solid rgba(0,0,0,.2);
+  border-top: 1px solid rgba(0,0,0,.2);
+}
+
+#admin-permissions th {
+  background-color: #A5C3E2;
+  background-image: -webkit-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -moz-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -o-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -ms-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: linear-gradient(to bottom, hsla(210,52%,90%,1), #A5C3E2);
+  border-top: none;
+}
+
+#admin-permissions th:first-child,
+#admin-permissions td:first-child {
+  border-left: none;
+}
+
+#admin-permissions th:first-child {
+  -webkit-border-radius: 5px 0 0 0;
+  border-radius: 5px 0 0 0;
+}
+
+#admin-permissions th:last-child {
+  -webkit-border-radius: 0 5px 0 0;
+  border-radius: 0 5px 0 0;
+}
+
+#admin-permissions tr:last-child td:first-child {
+  -webkit-border-radius: 0 0 0 5px;
+  border-radius: 0 0 0 5px;
+}
+
+#admin-permissions tr:last-child td:last-child {
+  -webkit-border-radius: 0 0 5px 0;
+  border-radius: 0 0 5px 0;
+}
+
+#admin-permissions th,
+#admin-permissions td {
+  font-weight: bold;
+  text-align: center;
+  padding: 4px;
+}
+
+/*--------------------------------------
+  Command and Control Page
+--------------------------------------*/
+
+.admin-commandcontrol {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.admin-commandcontrol li {
+  float: left;
+  width: 12.5%;
+  height: 8em;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+@media only screen and (max-width: 1199px) {
+
+  .admin-commandcontrol li {
+    width: 16.66%;
+  }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 962px) {
+
+  .admin-commandcontrol li {
+    width: 20%;
+  }
+}
+
+@media only screen and (max-width: 767px) {
+
+  .admin-commandcontrol li {
+    width: 25%;
+  }
+}
+
+@media only screen and (max-width: 479px) {
+
+  .admin-commandcontrol li {
+    width: 33.33%;
+  }
+}
+
+.admin-commandcontrol a {
+  display: block;
+  font-size: 90%;
+  margin: 5px 0;
+}
+
+/*--------------------------------------
+  Plugin Page
+--------------------------------------*/
+
+#admin-editor #title {
+  font-size: 13px;
+  font-weight: bold;
+  position: relative;
+  top: 10px;
+}
+
+/* Used by lib-plugin.php to display dependencies */
+b.notbold {
+  font-weight: normal;
+}
+
+b.status_red {
+  display: inline;
+  color: #A40000;
+}
+
+b.status_orange {
+  display: inline;
+  color: #B25000;
+}
+
+b.status_green {
+  display: inline;
+  color: #3D7805;
+}
+
+b.status_black {
+  display: inline;
+  color: #000;
+}
+
+/*--------------------------------------
+  Story Editor
+--------------------------------------*/
+
+.story_editor {
+  margin: 0 0 1em 0;
+  padding: 8px;
+  border: 1px solid #CCC;
+}
+
+.story_editor dl {
+  margin-bottom: 0;
+}
+
+.story_editor dt {
+  width: 14%;
+}
+
+.story_editor dd {
+  width: 85%;
+}
+
+@media only screen and (max-width: 962px) {
+
+  .story_editor dt {
+    width: auto;
+  }
+
+  .story_editor dd {
+    width: auto;
+  }
+}
+
+#text_editor dd.description {
+  margin-left: 15%;
+}
+
+#admin-storyeditor-introtext,
+#admin-storyeditor-bodytext {
+  width: 98%;
+}
+
+/* Preview */
+#preview {
+  margin: 1em 0;
+  padding: 1em 0;
+  border-top: 1px solid #CCC;
+  border-bottom: none;
+}
+
+/* Story Stats */
+.story_stats {
+  display: inline-block;
+  float: left;
+  margin-right: 2em;
+}
+
+/*--------------------------------------
+  Topic Editor
+--------------------------------------*/
+
+/* TopicList */
+#admin-topiclist {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+#admin-topiclist li {
+  float: left;
+  width: 20%;
+  height: 8em;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+#admin-topiclist a {
+  display: block;
+}
+
+/*--------------------------------------
+  Trackback
+--------------------------------------*/
+
+.trackback-message {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  User Editor
+--------------------------------------*/
+
+/* User Images */
+.userphoto {
+  margin: .5em .5em 0 0;
+}
+
+/* Security Group Instructions */
+.groupinstructions {
+  margin: 0 0 .5em 0;
+}
+
+/*--------------------------------------
+  Reminder
+--------------------------------------*/
+
+#reminder-submit {
+  margin: .5em 0;
+}
+
+/*--------------------------------------
+  Enviroment Check
+--------------------------------------*/
+
+.pathtext {
+  font-size: 11px;
+  color: #666;
+}
+
+.pathtext-status {
+  text-align: right;
+  white-space: nowrap;
+}
+
+.yes,
+.iswriteable {
+  font-weight: bold;
+  color: #46882B;
+}
+
+.no,
+.notok,
+.notwriteable {
+  font-weight: bold;
+  color: #C00;
+}
+
+/* PHPInfo Panel style and button */
+#panel_phpinfo {
+  padding: 5px;
+  width: 600px;
+  margin: auto;
+  text-align: center;
+}
+
+#toggle_phpinfo {
+  padding: 5px;
+  width: 200px;
+  margin: auto;
+  text-align: center;
+  border: solid 1px #C3C3C3;
+}
+
+#panel_phpinfo {
+  padding: 50px;
+  display: none;
+}
+
+/*--------------------------------------
+  Admin Configration
+--------------------------------------*/
+
+#config_menu {
+  float: left;
+  padding: 0 10px;
+}
+
+.block-config,
+#search-configuration-container {
+  margin: 0 0 .5em;
+  padding: 8px 0;
+  text-align: left;
+}
+
+.block-config-title,
+#search-configuration-container label {
+  margin: 0 0 .5em 0;
+  padding: 0 0 .1em 0;
+  display: block;
+  border-bottom: 1px solid #CCC;
+  font-size: 105%;
+  font-weight: bold;
+}
+
+.block-config-content {
+  padding-left: 5px;
+}
+
+.configoption {
+  list-style: none outside;
+  color: #999;
+  margin: 0;
+  padding: 0;
+}
+
+.configoption a {
+  display: block;
+  color: #222;
+  height: 1.8em;
+  line-height: 1.8em;
+  overflow: hidden;
+  padding: 0 5px;
+  white-space: nowrap;
+  text-decoration: none;
+}
+
+.configoption a:hover {
+  background-color: #F1F1F1;
+}
+
+.configoption_off {
+  list-style: none outside;
+  color: #999;
+  display: block;
+  height: 1.8em;
+  line-height: 1.8em;
+  overflow: hidden;
+  margin: 0;
+  padding: 0 5px;
+  white-space: nowrap;
+}
+
+#config_content {
+  float: left;
+  padding: 10px;
+}
+
+body.center-right #config_content {
+  width: 600px;
+}
+
+#geeklog_config_editor {
+  zoom: 1;
+}
+
+#geeklog_config_editor:before,
+#geeklog_config_editor:after {
+  content: "";
+  display: table;
+}
+
+#geeklog_config_editor:after {
+  clear: both;
+}
+
+#config_main {
+  width: 100%;
+}
+
+#search-configuration {
+  width: 90%;
+  margin: 10px 0 10px 5px;
+}
+
+.inputTable {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.config_label {
+  float: left;
+  width: 35%;
+  padding: .5em 0;
+}
+
+.restore {
+  padding: .5em 0;
+}
+
+.config_input {
+  float: left;
+  width: 53%;
+}
+
+.config_name {
+  clear: left;
+  margin: 5px 0;
+  padding: 5px;
+}
+
+.config_name input[type="text"],
+.config_name textarea {
+  width: 53%;
+}
+
+.config_name select {
+  width: 54.5%;
+  max-width: none;
+}
+
+/* Smaller than standard 1280 (devices and browsers) */
+@media only screen and (max-width: 962px) {
+
+  body.center #config_menu {
+    width: 100%;
+    padding: 0;
+  }
+
+  body.center #config_content {
+    float: left;
+    width: 100%;
+    padding: 10px 0;
+  }
+
+  .configoption {
+    display: inline-block;
+    border: 1px solid #666;
+    border-color: #BEDAF3;
+    -webkit-border-radius: 2px 2px 2px 2px;
+    border-radius: 2px 2px 2px 2px;
+    background: #E4EDF5;
+    color: #369;
+    margin: .2em 0;
+    margin-right: .4em;
+  }
+
+  .configoption a {
+    overflow: visible;
+    padding: 0 10px;
+    height: 1.8em;
+    line-height: 1.8em;
+    color: #369;
+  }
+
+  .configoption_off {
+    display: inline-block;
+    border: 1px solid #666;
+    border-color: #79B1E7;
+    -webkit-border-radius: 2px 2px 2px 2px;
+    border-radius: 2px 2px 2px 2px;
+    background: #A8C4E0;
+    color: #2A527A;
+    font-weight: bold;
+    overflow: visible;
+    margin: .2em 0;
+    margin-right: .4em;
+    padding: 0 10px;
+    height: 1.8em;
+    line-height: 1.8em;
+  }
+
+  #text_editor dd.description {
+    margin-left: 0;
+  }
+}
+
+/* Tablet Portrait size to standard 960 (devices and browsers) */
+@media only screen and (min-width: 768px) and (max-width: 962px) {
+
+  #config_menu {
+    float: left;
+    width: 728px;
+    padding: 0 10px;
+  }
+
+  body.center-right #config_menu {
+    width: 508px;
+  }
+
+  #config_content {
+    float: left;
+    width: 728px;
+    padding: 10px;
+  }
+
+  body.center-right #config_content {
+    width: 508px;
+  }
+
+  .block-config,
+  #search-configuration-container {
+    margin: 0;
+    padding: 5px 0;
+  }
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+  #geeklog_config_editor {
+    padding: 0;
+  }
+
+  #config_menu {
+    float: left;
+    width: 100%;
+    padding: 0;
+  }
+
+  body.center-right #config_menu {
+    width: 100%;
+  }
+
+  #config_content {
+    float: left;
+    width: 100%;
+    padding: 10px 0;
+  }
+
+  body.center-right #config_content {
+    width: 100%;
+  }
+
+  .config_label {
+    float: left;
+    width: 100%;
+    padding: 0;
+    font-weight: bold;
+  }
+
+  .restore {
+    padding: .5em 0;
+  }
+
+  .config_input {
+    float: left;
+    width: 90%;
+  }
+
+  .config_name {
+    margin: 5px 0;
+    padding: 5px;
+  }
+
+  .config_name input[type="text"],
+  .config_name textarea {
+    width: 95%;
+  }
+
+  .config_name select {
+    max-width: none;
+    width: 98%;
+  }
+
+  .block-config,
+  #search-configuration-container {
+    margin: 0;
+    padding: 5px 0;
+  }
+}
diff --git a/public_html/layout/default/css_ltr/style.min.css b/public_html/layout/default/css_ltr/style.min.css
new file mode 100644
index 000000000..4b26af3cc
--- /dev/null
+++ b/public_html/layout/default/css_ltr/style.min.css
@@ -0,0 +1,3 @@
+/* Geeklog Default Theme 1.0.0  | Copyright (C) 2015 by Ivy | http://www.ivywe.co.jp | License:GPLv2
+Based on Denim 1.1.0 | Copyright (C) 2012-2015 by dengen | http://www.trybese.com/~dengen/log/ | License:GPLv2 */
+address,blockquote,dl,fieldset,figure,ol,p,pre,ul{margin-top:0}h1,h2{font-size:20px;margin:.3em 0}h3,h4,h5,h6{margin:.5em 0}address{font-style:normal;font-weight:400}q:before{content:open-quote}q:after{content:close-quote}cite,dfn,em,var{font-style:italic}code,kbd,samp{font-family:monospace}abbr[title],acronym[title]{border-bottom:1px dotted}a{color:#2664A2;outline:0}a:hover{color:#2664A2;text-decoration:underline}dl,ol,ul{margin:1em 0}dt{font-weight:700;margin-left:20px}dd{margin-left:20px}ins{text-decoration:underline}del{text-decoration:line-through}textarea{font-size:100%;width:75%;min-height:60px}hr{height:1px;border:none;border-top:1px solid #CCC;margin:.5em auto}sub{vertical-align:sub;font-size:.83em;line-height:normal}sup{vertical-align:super;font-size:.83em;line-height:normal}fieldset{margin:0 0 1em;padding:8px 12px;border:1px solid #CCC;-webkit-border-radius:4px;border-radius:4px}legend{padding:2px 4px}iframe[width="100%"]{width:99%}em{font-weight:700}img{border:none;vertical-align:bottom}table img{vertical-align:middle}@media only screen and (max-width:479px){select{max-width:270px}}select{height:28px;line-height:28px}select.multiple,select[multiple=multiple]{height:auto}option{padding-right:4px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{border:1px solid #AAA;color:#222;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}input[type=submit]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner{border:0;padding:0}input[type=submit],input[type=button],input[type=reset]{-webkit-appearance:none;margin:0;border:none;overflow:visible;font:inherit;color:#444;text-transform:none;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 12px;background:#F7F7F7;vertical-align:middle;line-height:28px;min-height:30px;font-size:1rem;text-decoration:none;text-align:center;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);-webkit-background-origin:border;-moz-background-origin:border;background-origin:border-box;background-image:-webkit--webkit-linear-gradient(top,#FFF,#EEE);background-image:-webkit--moz-linear-gradient(top,#FFF,#EEE);background-image:-webkit--o-linear-gradient(top,#FFF,#EEE);background-image:-webkit--ms-linear-gradient(top,#FFF,#EEE);background-image:-webkit-linear-gradient(top,#FFF,#EEE);background-image:-moz-linear-gradient(top,#FFF,#EEE);background-image:-o-linear-gradient(top,#FFF,#EEE);background-image:-ms-linear-gradient(top,#FFF,#EEE);background-image:linear-gradient(to bottom,#FFF,#EEE);-webkit-border-radius:4px;border-radius:4px;text-shadow:0 1px 0 #FFF}input[type=submit]:not(:disabled),input[type=button]:not(:disabled),input[type=reset]:not(:disabled){cursor:pointer}input[type=submit]:focus,input[type=submit]:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover{background-color:#FAFAFA;color:#444;outline:0;text-decoration:none;background-image:none}input[type=submit].uk-active,input[type=submit]:active,input[type=button].uk-active,input[type=button]:active,input[type=reset].uk-active,input[type=reset]:active{background-color:#F5F5F5;color:#444;border-color:rgba(0,0,0,.3) rgba(0,0,0,.2) rgba(0,0,0,.2);background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled{background-color:#FAFAFA;color:#999;border-color:rgba(0,0,0,.2);background-image:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:0 1px 0 #FFF}.uk-button-group input[type=submit],.uk-button-group input[type=button],.uk-button-group input[type=reset]{vertical-align:top}.uk-button-group>div:not(:first-child):not(:last-child) input[type=submit],.uk-button-group>div:not(:first-child):not(:last-child) input[type=button],.uk-button-group>div:not(:first-child):not(:last-child) input[type=reset]{-webkit-border-radius:0;border-radius:0}.uk-button-group>div:first-child input[type=submit],.uk-button-group>div:first-child input[type=button],.uk-button-group>div:first-child input[type=reset]{border-top-right-radius:0;border-bottom-right-radius:0}.uk-button-group>div:last-child input[type=submit],.uk-button-group>div:last-child input[type=button],.uk-button-group>div:last-child input[type=reset]{border-top-left-radius:0;border-bottom-left-radius:0}.uk-button-group>div:nth-child(n+2) input[type=submit],.uk-button-group>div:nth-child(n+2) input[type=button],.uk-button-group>div:nth-child(n+2) input[type=reset]{margin-left:-1px}.uk-contrast input[type=submit],.uk-contrast input[type=button],.uk-contrast input[type=reset]{color:#444;background:#FFF;border-color:transparent}.uk-contrast input[type=submit]:focus,.uk-contrast input[type=submit]:hover,.uk-contrast input[type=button]:focus,.uk-contrast input[type=button]:hover,.uk-contrast input[type=reset]:focus,.uk-contrast input[type=reset]:hover{background-color:rgba(255,255,255,.8);color:#444;border-color:transparent}.uk-contrast input[type=submit].uk-active,.uk-contrast input[type=submit]:active,.uk-contrast input[type=button].uk-active,.uk-contrast input[type=button]:active,.uk-contrast input[type=reset].uk-active,.uk-contrast input[type=reset]:active{background-color:rgba(255,255,255,.7);color:#444;-webkit-box-shadow:none;box-shadow:none}.uk-form button,.uk-form input,.uk-form select,.uk-form textarea{margin:0 1px 2px}.uk-form>.admin-list-search{margin-bottom:.5em}.blocklist ul{list-style:none;padding:0;margin:0}.alignleft{text-align:left}.alignright{text-align:right}.aligncenter{text-align:center}.aligntop{vertical-align:top}.floatright{float:right}.floatleft{float:left}.clearboth{clear:both}.clearfix:after{content:".";display:block;height:1px;clear:both;overflow:hidden;visibility:hidden}.b{font-weight:700}.ext-link{background:url(../images/external.png) center right no-repeat;padding-right:13px}.feed-link{background:url(../images/feed.png) center right no-repeat;padding:2px 16px 2px 0}.strike{text-decoration:line-through}.break-word,.url{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow:auto}.fieldhelp{font-size:.85em;color:#666;padding-left:.8em;padding-right:.8em}.form-description{font-weight:700;float:left;width:100px;text-align:right;padding-right:5px;display:block}.form-field{padding-bottom:5px;margin-left:105px}.checkboxes-list{list-style:none;padding:0;margin:0}.checkboxes-list span{padding-left:5px}.checkboxes-list .gldefault{font-weight:700}.highlight{color:#000;background-color:#FF0;text-decoration:none}.inputTable td{padding:4px;vertical-align:top}.inputTable label{font-weight:700;float:right;white-space:nowrap}.nowrap{white-space:nowrap}.pagenav{text-align:center;line-height:1.5}.row_center td{text-align:center}.searchresult-byline{color:green}.sysmessage img{border:none;float:left;margin-top:-4px;padding-bottom:3px;padding-right:5px}.stats-list-count{text-align:right;padding-left:5px;padding-right:5px}.stats-header-title{text-align:left;width:90%;padding-left:5px;padding-right:5px}.stats-header-count{text-align:left;width:10%;padding-left:5px;padding-right:5px}#token-expirynotice{padding:1em;border:1px solid #CCC;background:#F7F7F7}#token-expirytime{font-weight:700}.warning{background:0 0;color:#D14;font-weight:700}.warningsmall{background:0 0;color:#D14}.plugin{color:#000;background-color:#EFEFEF;font-weight:400;border:1px solid #CCC}.plugin th{color:#000;background-color:#B7C1DC;padding:5px;text-align:left}.plugin tr{vertical-align:top}.plugin td{padding:2px 5px}.pluginBG{color:#FEFEFE;background-color:#7398BA}.pluginAltBG{background-color:#7398BA}.pluginAltBG td{color:#FFF}.pluginCellTitle{color:#666;font-weight:700;background-color:#E6E6E6;padding:5px}.pluginCellFill{background-color:#F8FAFD}.pluginCellText{color:#636363;font-weight:400}.pluginHeader{color:#204275;font-weight:bolder;padding-top:3px;padding-bottom:3px}.pluginFooter,.pluginFooter td{background-color:#507AA1;color:#FFF}.pluginAlert{padding:5px 15px;color:#D8010E;background-color:#FEF1B4;font-weight:700;margin-bottom:1em}.pluginInfo{padding:5px 15px;color:#707070;background-color:#FEF1B4;font-weight:400}.pluginSubTable{color:#000;background-color:#CCC;font-weight:400;border:1px solid #CCC}.pluginSubTable th{color:#000;background-color:#C9D1E4;padding:5px;text-align:left}.pluginSubTable tr{vertical-align:top}.pluginSolidOutline{background-color:#CCC}.pluginSolidFill{background-color:#1A3955}.pluginTitle{background-color:#507AA1;color:#F5F9FF;padding:4px 6px}.pluginCellSubTitle{background-color:#F7F7F7;color:#000;padding:4px 6px}.pluginTinyText{font-size:.7em}.pluginSmallText{font-size:.8em}.pluginMediumText{font-size:1em}.pluginLargeText{font-size:1.25em}.pluginAltText{color:#FFF}.pluginRow1,.pluginRow1 td{color:#222;background-color:#F7F7F7;line-height:120%}.pluginRow2,.pluginRow2 td{color:#222;background-color:#E7E7E7;line-height:120%}.pluginRollOver,.pluginRow1 .pluginRollOver,.pluginRow2 .pluginRollOver{color:#222;background-color:#FFFF8F;line-height:120%}.pluginRollOut,.pluginRow1 .pluginRollOut,.pluginRow2 .pluginRollOut{color:#222;background-color:#F7F7F7;line-height:120%}.pluginLinks a:link,.pluginLinks a:visited{color:#000;font-style:normal;font-weight:400;text-decoration:none}.pluginLinks a:hover{color:#000;font-style:normal;font-weight:400;text-decoration:underline}.pluginBreadCrumbs,.pluginBreadCrumbs a:hover,.pluginBreadCrumbs a:link,.pluginBreadCrumbs a:visited{color:#FFF;font-style:normal;font-weight:400;text-decoration:none}a.pluginButton:link,a.pluginButton:visited{color:#000;text-align:center;padding-top:2px;display:block;height:19px;text-decoration:none;background-color:transparent}a.pluginButton:hover{color:#00F;text-align:center;padding-top:2px;background:url(../images/navbar/button_over.gif) center repeat-x;display:block;height:19px;text-decoration:none}.form_block{margin:0;padding:0}.form_block:after{content:"";display:block;clear:both;height:1px;overflow:hidden}.form_message{margin:0 0 1em;padding:0}.noborder_fieldset{margin:0;border:none}.hidden_legend{display:none}.user_basic{padding:.5em 2em}@media only screen and (max-width:962px){.user_basic{padding:.5em 0}}.wide{width:98%;resize:vertical}.separator{display:none}.speech{overflow:hidden;position:absolute;left:-999px;width:0;height:0}#save_button{padding-bottom:1em}.loose{display:inline}@media only screen and (max-width:767px){.loose{display:block}}.layout,.layout td,.layout tr{margin:0;padding:0;border:none;background:0 0}.size1{width:60px}.size2{width:120px}.size3{width:180px}.size4{width:240px}.size5{width:300px}.size6{width:360px}.size7{width:420px}.size8{width:480px}.size9{width:540px}.size10{width:600px}@media only screen and (min-width:768px) and (max-width:962px){.size6{width:75%}.size7{width:80%}.size8{width:85%}.size9{width:90%}.size10{width:95%}}@media only screen and (max-width:767px){.size1,.size10,.size2,.size3,.size4,.size5,.size6,.size7,.size8,.size9,.wide{width:100%}}.compact dt{float:left;clear:left;width:24%;margin:0 0 1em;padding:0 1% 0 0;font-weight:400}.compact dd{float:left;width:75%;margin:0 0 1em;padding:0}.compact dd.description{margin:-.5em 0 1em 25%;padding:0}.compact p.description{margin:0 0 1em;padding:0}@media only screen and (max-width:962px){.compact dt{float:none;width:auto;margin:0;padding:0;font-weight:700}.compact dd{float:none;width:auto;margin:0 0 .5em;padding:0}.compact dd.description{margin:-.5em 0 1em;padding:0}.compact p.description{margin:0 0 1em;padding:0}}.linear dt{margin:0;padding:0;font-weight:700}.linear dd{margin:0 0 .5em;padding:0}.linear dd.description{margin:-.5em 0 1em;padding:0}.linear p.description{margin:0 0 1em;padding:0}.profile_notes{margin:0 0 1em;padding:8px;border-style:solid;border-width:1px;border-color:rgba(0,0,0,.2);-webkit-border-radius:6px;border-radius:6px;background:#FFFFE1;line-height:1.3em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);text-shadow:0 1px 0 rgba(255,255,255,.5)}.profile_notes dt{margin:0 0 .5em;padding:0 0 0 24px;border-bottom:1px solid #CCC;background:url(../images/icon_info.png) no-repeat;font-weight:700;color:#666}.profile_notes dd{margin-bottom:0;font-size:90%;color:#666}.profile_notes ul{list-style-position:inside;margin:0;padding:0}.profile_notes li{margin:0 0 0 5px;padding:0}ul.compact{margin:0;padding:0}ul.compact li{display:inline;margin:0;padding:0}#container{position:relative;width:100%;margin:0 auto}#header{width:auto;margin:0 auto}#header:before{width:auto}#header-content{max-width:$layout-site-max-width;margin:0 auto;padding:0;width:1140px}#navigation{width:auto;margin:0 auto}#navigation:after{content:"";display:block;clear:both;height:1px;overflow:hidden;margin-bottom:-1px}.navigation_content{width:1124px;max-width:$layout-site-max-width;margin:0 auto}#wrapper{width:1140px;max-width:$layout-site-max-width;margin:0 auto}#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#leftblocks,body.js_off #leftblocks{overflow:visible;float:left;width:180px;margin:0 0 0 -1140px;padding:0}#centerblocks{overflow:visible;float:left;width:100%}body.js_off #main-content,body.left-center-right #main-content{width:660px;margin:0 280px 0 180px;padding:0 10px}body.left-center #main-content{width:940px;margin:0 0 0 180px;padding:0 10px}body.center-right #main-content{width:840px;margin:0 280px 0 0;padding:0 10px}body.center #main-content{width:100%}#rightblocks,body.js_off #rightblocks{overflow:visible;float:left;width:280px;margin:0 0 0 -280px}#footer{clear:left;width:auto;margin:0 auto;padding:16px 0}#footer-content{max-width:$layout-site-max-width;margin:0 auto;width:1140px}#config_menu{width:280px}body.center-right #config_menu{width:200px}#config_content{width:820px}@media only screen and (min-width:963px) and (max-width:1199px){#container{position:relative;width:100%;margin:0 auto}#header{width:auto;margin:0 auto;height:80px}#header:before{width:auto}#header-content{margin:0 auto;padding:0;width:960px}#navigation{width:auto;margin:0 auto}#navigation:after{content:"";display:block;clear:both;height:1px;overflow:hidden;margin-bottom:-1px}.navigation_content{width:944px;margin:0 auto}#wrapper{width:960px;margin:0 auto}#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#leftblocks,body.js_off #leftblocks{overflow:visible;float:right;width:280px;margin:0;padding:0}#centerblocks{overflow:visible;float:none;width:auto}body.js_off #centerblocks{width:100%;margin:0;padding:0}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:left;width:660px;margin:0;padding:0 10px}body.center #main-content{width:100%}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:right;float:right;width:280px;margin:0}#footer{clear:left;width:auto;margin:0 auto;padding:16px 0}#footer-content{margin:0 auto;width:960px}#config_menu{float:left;width:210px;padding:0 10px}body.center-right #config_menu{width:200px}#config_content{float:left;width:710px;padding:10px}body.center-right #config_content{width:600px}}@media only screen and (min-width:768px) and (max-width:962px){#container{position:relative;width:100%;margin:0 auto}#header{width:auto;margin:0 auto;height:80px}#header:before{width:auto}#header-content{width:auto;max-width:$layout-site-max-width;margin:0 auto;padding:0}#navigation{width:auto;margin:0 auto}#navigation:after{content:"";display:block;clear:both;height:1px;overflow:hidden;margin-bottom:-1px}#wrapper,.navigation_content{width:auto;max-width:$layout-site-max-width;margin:0 auto}#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#leftblocks,body.js_off #leftblocks{overflow:visible;float:right;width:230px;margin:0;padding:0}#centerblocks{overflow:visible;float:left;width:100%;margin-left:-230px}body.js_off #centerblocks{width:100%;margin:0;padding:0}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:none;width:auto;margin:0 0 0 230px;padding:0 10px}body.center #main-content{width:100%}body.center #centerblocks{float:left;width:auto;padding:0 10px;margin:0}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:right;float:right;width:230px;margin:0}#footer{clear:left;width:100%;margin:0 auto;padding:16px 0}#footer-content{width:auto;max-width:$layout-site-max-width;margin:0 auto}}@media only screen and (max-width:767px){#container{position:relative;width:auto;margin:0 auto}#header{width:auto;margin:0 auto;height:60px}#header:before{width:auto}#header-content{width:auto;margin:0 auto;padding:0}#navigation{width:auto;margin:0 auto}#navigation:after{content:"";display:block;clear:both;height:1px;overflow:hidden;margin-bottom:-1px}.navigation_content{width:auto;margin:0 auto;padding:5px 0}#wrapper{width:auto;margin:0 auto}#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#leftblocks,body.js_off #leftblocks{overflow:visible;clear:both;float:left;width:100%;margin:0;padding:0}#centerblocks{overflow:visible;float:none;width:auto;margin:0;padding:0 10px}body.js_off #centerblocks{float:none;width:auto;margin:0;padding:0 10px}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:none;width:100%;margin:0;padding:0}body.center #main-content{width:100%}body.center #centerblocks{float:left;width:auto;margin:0;padding:0 10px}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:both;float:left;width:100%;margin:0;padding:0}#footer{clear:left;width:auto;margin-top:-1px;padding:16px}#footer-content{width:auto;margin:0 auto}}#container{background-color:#FFF;margin-top:0;margin-bottom:0;padding:0}@media only screen and (max-width:767px){#container{margin-top:0;margin-bottom:0;padding:0;border:none}}#wrapper{overflow:visible;background-color:transparent;padding:0 0 2em}@media only screen and (max-width:767px){#wrapper{padding:0;border:none}}#header{padding:0;background:-webkit-linear-gradient(top,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);background:-moz-linear-gradient(top,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);background:-o-linear-gradient(top,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);background:-ms-linear-gradient(top,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);background:linear-gradient(to bottom,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);height:80px}@media only screen and (max-width:767px){#header{padding:0;border:none}}@media only screen and (max-width:767px){#header{-webkit-background-size:256px auto;-moz-background-size:256px auto;background-size:256px auto;height:60px;margin-top:0}}.site_name{position:relative;float:left;font-size:30px;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,.5);line-height:36px;margin:22px 0 0 20px;padding:0}.site_name a:hover,.site_name a:link,.site_name a:visited{color:#EEE;text-decoration:none}@media only screen and (max-width:767px){.site_name{margin:6px 0 0 8px;font-size:1.6em;line-height:1.6em}}.site_slogan{position:relative;margin:0;padding:16px 16px 0;float:right;color:#FFF;text-align:right;text-shadow:0 1px 1px rgba(0,0,0,.3)}@media only screen and (max-width:767px){.site_slogan{font-size:75%;clear:both;float:none;padding:0 10px;text-align:left;line-height:1.2em}}#navigation{padding:0;background:#E7E7E7;border-top:1px solid #EEE;border-bottom:1px solid #C7C7C7;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);text-align:left;text-shadow:0 1px 0 #FFF}@media only screen and (max-width:767px){#navigation{padding:0}}#navigation ul{list-style:none;margin:0;padding:0}#navigation li{float:left;margin:0;padding:0}#navigation li a{font-size:13px;display:block;line-height:30px;margin:0;padding:0 7px;border-right:1px solid #D7D7D7}#navigation li:first-child a{border-left:1px solid #D7D7D7}.menuitem a,.menuitem a:link,.menuitem a:visited{color:#666}.menuitem a:active,.menuitem a:focus,.menuitem a:hover{color:#2664A2;text-decoration:none;background:#DFDFDF}.tinynav{display:none}@media only screen and (max-width:767px){.tinynav{display:block;width:95%;max-width:none;margin:auto}}.welcome_msg{margin:.5em 0 1.5em;padding:.5em 0;border-bottom:1px solid #E7E7E7;color:#888}#centerblocks div.block-center,#centerblocks section.block-center{margin:0 0 1em;padding:0 0 2em}#footer{border-top:1px solid #CCC;font-size:12px;color:#666;background-color:transparent}@media only screen and (max-width:767px){#footer{border:none}}#footer a:active,#footer a:link,#footer a:visited{color:#666;text-decoration:none}#footer a:hover{color:#2664A2;text-decoration:underline}@media only screen and (max-width:767px){#footer{border:none;color:#999;background-color:#284664}#footer a:active,#footer a:link,#footer a:visited{color:#999;text-shadow:0 1px 1px rgba(0,0,0,.3)}}.copyright{float:left;margin:0;padding-left:8px;line-height:1.4em}@media only screen and (max-width:767px){.copyright{float:none;margin:0 0 1em;padding-left:0;padding-right:8px;text-shadow:0 1px 1px rgba(0,0,0,.3)}}.site_info{float:right;margin:0;padding-right:15px;text-align:right;line-height:1.4em}@media only screen and (max-width:767px){.site_info{float:none;text-align:left;margin:0;padding-left:4px;padding-right:8px;text-shadow:0 1px 1px rgba(0,0,0,.3)}}#leftblocks p,#rightblocks p{line-height:1.25;margin:.7em 0}#leftblocks ul,#rightblocks ul{list-style-position:inside;margin:.7em 0;padding-left:.5em}#leftblocks ol,#rightblocks ol{list-style-position:inside;margin:.7em 0;padding-left:.9em}#leftblocks li,#rightblocks li{margin:0 0 .25em;padding:0}#leftblocks dl,#rightblocks dl{margin:.7em 0}#leftblocks input,#rightblocks input{font-size:95%;margin-left:0;margin-right:0}#leftblocks .sideoption,#rightblocks .sideoption{list-style:none;color:#999;margin:0;padding:0}#leftblocks .sideoption a,#rightblocks .sideoption a{display:block;color:#222;height:1.8em;line-height:1.8em;overflow:hidden;padding:0 5px;white-space:nowrap;text-decoration:none}#leftblocks .sideoption a:hover,#rightblocks .sideoption a:hover{background-color:#F1F1F1}#leftblocks .sideoption span,#rightblocks .sideoption span{color:#999;text-decoration:none;margin-left:3px}#leftblocks .sideoption_off,#rightblocks .sideoption_off{list-style:none;color:#999;display:block;height:1.8em;line-height:1.8em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap}#leftblocks .sideoption_off span,#rightblocks .sideoption_off span{color:#999;text-decoration:none;margin-left:3px}#leftblocks .sideoption_group_label,#rightblocks .sideoption_group_label{color:#630;font-size:103%;font-weight:700;height:1.6em;line-height:1.6em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap;border-bottom:1px dotted #CCC}#leftblocks .noliststyle,#rightblocks .noliststyle{padding-left:0}#leftblocks .branch_level2 a,#rightblocks .branch_level2 a{padding-left:15px}#leftblocks .branch_level3 a,#rightblocks .branch_level3 a{padding-left:25px}#leftblocks .branch_level4 a,#rightblocks .branch_level4 a{padding-left:35px}#leftblocks .sideoption_off.branch_level2,#rightblocks .sideoption_off.branch_level2{padding-left:15px}#leftblocks .sideoption_off.branch_level3,#rightblocks .sideoption_off.branch_level3{padding-left:25px}#leftblocks .sideoption_off.branch_level4,#rightblocks .sideoption_off.branch_level4{padding-left:35px}#leftblocks h3,#leftblocks h4,#rightblocks h3,#rightblocks h4{font-size:100%}@media only screen and (max-width:767px){#leftblocks,#rightblocks{background:#F7F7F7}#leftblocks input,#rightblocks input{font-size:16px}#leftblocks input[type=submit],#rightblocks input[type=submit]{font-size:14px}#leftblocks .sideoption a,#leftblocks .sideoption a:hover,#leftblocks .sideoption_off,#rightblocks .sideoption a,#rightblocks .sideoption a:hover,#rightblocks .sideoption_off{background:url(../images/arrow-right.png) right 50% no-repeat #F7F7F7;-webkit-background-size:24px auto;-moz-background-size:24px auto;background-size:24px auto;border:1px solid #CACACA;color:#222;display:block;font-size:16px;font-weight:700;margin-bottom:-1px;padding:4px 10px;text-decoration:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}#leftblocks .sideoption_off,#rightblocks .sideoption_off{color:#999}}#loginform-loginname,#loginform-passwd{width:50%}h1 img,h2 img,h3 img,h4 img{vertical-align:middle}.block-message{margin:1.5em 0;padding:0;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.block-message dl{margin:0;padding:0}.block-message dt{margin:0;padding:4px 8px;background:#3E6B98;color:#EEEEEC;text-shadow:0 1px 1px rgba(0,0,0,.3);font-weight:700;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.block-message dd{margin:0;padding:8px 12px;background:#EEE;color:#404040;text-shadow:0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.2);-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.block-message p{margin:.2em 0;line-height:1.25}.block-left,.block-list,.block-right{margin:0 8px .5em;padding:8px 0;font-size:13px}@media only screen and (max-width:767px){.block-left,.block-list,.block-right{font-size:100%;margin:0 10px;padding:0}}.block-title{margin:0 0 .5em;padding:0 0 .1em;border-bottom:1px solid #CCC;font-size:14px;font-weight:700;line-height:20px}#searchform fieldset{margin-top:15px;padding:0}#searchform a{line-height:1.5em}@media only screen and (max-width:767px){#searchform fieldset{margin-top:10px;margin-bottom:10px;padding:0;text-align:center}#searchform .searchform{text-align:center}}.searchform{line-height:2.2em;margin-bottom:.3em}input[type=text].search{background:url(../images/search.png) left center no-repeat #FFF;padding-left:24px;width:120px;color:#999}#login_facebook{left:0;width:141px;background:url(/images/oauth-login-with-sprite.png) no-repeat}#login_twitter{left:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -23px no-repeat}#login_linkedin{left:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -44px no-repeat}#login_google{left:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -66px no-repeat}#login_yahoo{left:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -88px no-repeat}#login_microsoft{left:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -110px no-repeat}#login_github{left:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -132px no-repeat}#login_openid{left:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -154px no-repeat}#loginform fieldset{margin-top:15px;padding:0}#loginform .submit{margin-bottom:.3em}#loginform a{line-height:1.5em}.form_part{margin-bottom:.3em}.form_part label{display:block;line-height:1.2em;margin-bottom:.3em}form.third-party-login{margin:.1em 0}form.third-party-login div{position:relative}form.third-party-login div img{position:absolute;left:6px;top:6px}form.third-party-login div input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}form.third-party-login div input.submit{text-indent:24px;font-size:12px;height:28px}div.third-party-login{width:164px}@media only screen and (max-width:767px){#navigation_ul{display:none}#block-left-search>h2,.block-title{background:#3B6998;color:#EEEEEC;font-weight:700;padding:8px 5px;text-align:left;font-size:16px;margin-left:-10px;margin-right:-10px;text-shadow:0 1px 1px rgba(0,0,0,.3);border-top:1px solid #6F9BC7;border-bottom:1px solid #1F374F}#block-left-search>h2.show,h2.show{background:url(../images/arrow-down.png) right 50% no-repeat #3B6998;-webkit-background-size:36px auto;-moz-background-size:36px auto;background-size:36px auto}#block-left-search>h2.hide,h2.hide{background:url(../images/arrow-up.png) right 50% no-repeat #3B6998;-webkit-background-size:36px auto;-moz-background-size:36px auto;background-size:36px auto}#block-left-search>h2,h2.block-title{margin-top:0;margin-bottom:0}#config_menu .block-title{margin-left:-10px;margin-right:-10px}#search-configuration-container label{margin:0 -10px .5em;display:block;border-bottom:1px solid #CCC;background:#3B6998;color:#EEEEEC;font-weight:700;padding:8px 5px;text-align:left;font-size:16px;text-shadow:0 1px 1px rgba(0,0,0,.3)}#search-configuration{font-size:16px}.block-left-content,.block-list-content,.block-right-content{padding:10px 0;text-shadow:0 1px 0 #FFF}#block-left-search>.block-left-content{background:#F7F7F7;padding:10px;margin:0}.noliststyle{list-style:none;padding:0;margin:0}.sideoption:first-child a,.sideoption_off:first-child{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px}.sideoption:last-child a,.sideoption_off:last-child{-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px}}.storytext{margin:0 0 1.5em;border-bottom:1px solid #E7E7E7}.storytext table{text-align:left;border-collapse:collapse;margin:1em .5em}.storytext tr{margin:0;padding:0;vertical-align:middle}.storytext td,.storytext th{margin:0;padding:.2em .6em;vertical-align:middle;line-height:160%;border:1px solid #DDD}.storytext th{font-weight:700;background:#F5F5F5}.storytext img{max-width:100%;height:auto}.story_title{float:left;margin:0 0 .5em;font-size:140%;text-decoration:none;color:#222}.story_title a:link,.story_title a:visited{color:#222;text-decoration:none}.story_title a:hover{color:#2664A2;text-decoration:underline}.story_icon{float:right}.story_icon img{margin-left:8px}@media only screen and (max-width:767px){.story_icon{display:none}}.story_status{list-style-position:outside;list-style-type:none;clear:both;margin:0 0 1em;padding-left:1em;color:#999;font-size:85%;line-height:1.25}.story_introtext{margin:0 0 2em;line-height:1.625;zoom:1}.story_introtext:after,.story_introtext:before{content:"";display:table}.story_introtext:after{clear:both}.story_image{float:right;width:48px;height:48px;margin:15px}.story_navi{list-style-type:none;clear:both;margin:0;padding-left:0;text-align:center}.story_navi li{display:inline;margin:0 2px}.feedback{list-style-type:none;margin:0 0 .5em;padding-left:0;text-align:center}.feedback li{display:inline;margin:0 2px}.article{font-size:100%}.gl-tooltip span{margin-left:-999em;position:absolute;text-align:left;width:250px}.gl-tooltip:link,.gl-tooltip:visited{color:#2664A2;outline:0;text-decoration:none;position:relative}.gl-tooltip:hover span{-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:2px 2px 8px #666;box-shadow:2px 2px 8px #666;font-size:1em;text-align:left;white-space:normal;font-family:Calibri,Tahoma,Geneva,sans,sans-serif;position:absolute;left:2.2em;top:2.2em;z-index:99;margin-left:0;width:250px}.gl-tooltip:hover img.icon{border:0;margin:-15px 0 0 -51px;float:left;position:absolute}.gl-tooltip:hover em{font-family:Candara,Tahoma,Geneva,sans,sans-serif;font-size:1.2em;font-weight:700;display:block;padding:.2em 0 .6em .4em}#gl-tooltip-icon{border:0}span.classic{padding:.8em 1em}span.custom{padding:.5em .8em .8em 2em}span.classic{background:#EEEEEC;border:2px solid #555753}span.critical{background:#F5F0F0;border:2px solid #A40000}span.critical em{color:#A40000}span.help{background:#EDF0F2;border:2px solid #204A87}span.help em{color:#204A87}span.info{background:#EDF0F2;border:2px solid #204A87}span.info em{color:#204A87}span.warning{background:#FCF7EF;border:2px solid #CE5C00;font-weight:400;color:#000}span.warning em{color:#CE5C00}.list-story-options,.list-whats-related{line-height:1.7em;margin:0 0 0 20px;padding:0}.block-related{float:left;width:50%;margin:0 0 1.5em}@media only screen and (max-width:767px){.block-related{float:none;width:auto}}#commentarea{clear:both}.commentbar_status{text-align:center;margin:1em 0}.bar_separator{padding-left:5px;padding-right:5px;color:#CCC}#commentbar{padding:3px;background:#EEE;-webkit-border-radius:4px;border-radius:4px;zoom:1}#commentbar:after,#commentbar:before{content:"";display:table}#commentbar:after{clear:both}#commentbar-comment{float:left;padding:.3em}#commentbar-selector{float:right;padding:.3em}.disclaimer{text-align:center;color:#666;margin:.5em 0 1em}#commentpreview{margin:0;background:0 0;border:1px dashed grey;padding:5px 10px}#commenteditform{margin:0;background:#F7F7F7;border:1px solid #E7E7E7;padding:10px}.comment_thread{list-style-position:outside;list-style-type:none;margin:0 0 .5em;padding:0;text-align:left}.thread_title{display:inline;margin:0;padding:0}.thread_author{display:inline;margin:0 0 0 8px;padding:0}.thread_author:before{content:" - "}.block-comment-content{margin:0;padding:0;text-align:left}.level-0{margin-left:0}.level-25{margin-left:16px}.level-50{margin-left:32px}.level-75{margin-left:48px}.level-100{margin-left:64px}.level-125{margin-left:80px}.level-150{margin-left:96px}.level-175{margin-left:112px}.level-200{margin-left:128px}.level-225{margin-left:144px}.level-250{margin-left:160px}.level-275{margin-left:176px}.level-300{margin-left:192px}.level-325{margin-left:208px}.level-350{margin-left:224px}.level-375{margin-left:240px}.level-400{margin-left:256px}.comment_status{list-style-position:outside;list-style-type:none;margin:0;padding:0}.comment_title{display:block;margin:1em 0 .5em;padding:4px;border:1px solid #E7E7E7;background:#F7F7F7}.comment_author{display:block;margin:0 0 1em;padding:0;color:#666}.comment_content{margin:0 0 1em;padding:0}.comment_navi{clear:both;color:#666}.reportcomment{margin:0 0 1em;padding:0;border-bottom:1px solid #E7E7E7}.dt-commentform-username{display:inline}.logoutorcreateaccount{padding:0 3px}.importantstuff{margin-top:0}.ul-importantstuff{margin:0 0 0 1em;padding:0}.li-importantstuff{margin:0 0 0 8px;padding:0}.navbar-breadcrumbs{list-style-position:outside;list-style-type:none;margin:0;padding:0}.li-navbar-breadcrumbs{display:inline}.a-navbar-breadcrumbs{margin:0 8px}#navcontainer{width:100%;margin-bottom:10px;padding-bottom:2px;font-size:90%;line-height:normal;border-bottom:1px solid #DDD;height:30px}#navlist{display:block;margin:0 0 20px;padding:0;list-style:none}#navlist:after,#navlist:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}#navlist:after{clear:both}.li-navlist{display:block;width:auto;height:30px;padding:0;float:left;margin:2px -1px 0 0}.li-navlist #current{background:#FFF;height:29px;position:relative;top:-5px;padding-top:5px;border-left-width:1px;margin:0;color:#111;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-color:#FFF}.li-navlist #current:first-child a{border-width:1px;border-top-left-radius:3px}.li-navlist #current:last-child a{border-top-right-radius:3px}.a-navlist{display:block;text-decoration:none;width:auto;height:29px;padding:0 12px;line-height:30px;border:1px solid #DDD;border-width:1px;margin:0;background:#F5F5F5}.a-navlist:hover,.a-navlist:link,.a-navlist:visited{color:#555;text-decoration:none}.gl-pagenav{text-align:center;color:#CCC;margin:0 0 1.5em;line-height:1.4em}.gl-pagenav a,.gl-pagenav b{display:inline-block;margin:1px 2px;padding:2px 7px;background:0 0;border:1px solid #E7E7E7}.gl-pagenav b{color:#222}.gl-pagenav a:hover{background:#EEE;border:1px solid #CCC}.gl-pagenav span{display:inline-block;color:#999}.gl-pagenav span a{margin:0;padding:2px 0;background:0 0;border:none}.gl-pagenav span a:hover{background:0 0;border:none}.gl-pagenav .divider{padding:0;margin:0 4px}.bc_navigation{margin:-1em 0 1em}#boxesblock>.checkboxes-list>li,#exclude_topic>.checkboxes-list>li{margin-right:.5em}.itemstatistics{width:100%;margin:0;padding:0;border-collapse:collapse}.itemstatistics th{margin:0;padding:2px;text-align:left}.itemstatistics td{margin:0;padding:2px}#trackback{clear:both}.block-trackback-content{border-bottom:1px solid #E7E7E7}.block-trackback-content>p{margin:0 0 1em}.formattedcomment,.trackback_comments_no_link{margin:0 0 1em;padding:0}.trackback_status{list-style-position:outside;list-style-type:none;margin:0;padding:0}.trackback_title{margin:0 0 .5em;padding:4px;border:1px solid #E7E7E7;background:#F7F7F7}.trackback_date{margin:0 0 .5em;padding:0}.trackback_excerpt_readmore{margin:0 0 1em;padding:0}#profile-userprofile{overflow:hidden;margin:0;padding:0;zoom:1}#profile-userprofile:after,#profile-userprofile:before{content:"";display:table}#profile-userprofile:after{clear:both}#profile-userprofile dt{float:left;clear:left;width:25%;margin:0 0 .5em;padding:0}#profile-userprofile dd{float:left;width:75%;margin:0 0 .5em;padding:0}dd#profile-user_photo{float:none;width:auto;margin-left:25%;margin-bottom:1em}@media only screen and (max-width:767px){dd#profile-user_photo{margin-left:50%}}.commentrow,.storyrow{margin:0;padding:0}.commentrow a,.storyrow a{margin:0 8px 0 0;padding:0}#profile-postingstats{margin:0;padding:0}#profile-postingstats dt{float:left;clear:left;width:25%;margin:0 0 .5em;padding:0}#profile-postingstats dd{float:left;width:75%;margin:0 0 .5em;padding:0}@media only screen and (max-width:767px){#profile-postingstats dd,#profile-postingstats dt,#profile-userprofile dd,#profile-userprofile dt{width:50%}}#profile-all_postings_by{clear:left;padding-top:1em}.admin_basic{padding:.5em 2em}@media only screen and (max-width:962px){.admin_basic{padding:.5em 0}}#admin-topmenu{margin-bottom:2em;border:1px solid rgba(0,0,0,.2);padding:10px 5px;line-height:1.25;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.admin-menu-icon{float:left;padding:5px;margin-right:10px;width:48px;height:48px}#instructions{padding:5px}#instructions>p{margin:0 0 5px;line-height:1.25}#admin-menu-fields{color:#CCC}.admin-topic-image{margin:0 5px 0 0;vertical-align:middle}#rights_options{width:100%;font-size:11px}.listmembers{float:left;width:35%;height:15em}#admin-groupmembers-fieldFrom,#admin-groupmembers-fieldTo{width:100%;height:100%}.movemembers{float:left;width:30%;padding-top:5em;text-align:center;height:12em}.movebutton{margin:.5em 0;text-align:center}.admin-list-table{margin:0;width:100%;text-align:left;font-size:90%;border-collapse:separate;border-spacing:0;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}@media only screen and (max-width:1199px){.admin-list-table{width:900px}}.fieldset-table-wrapper>.admin-list-table{width:100%}.admin-list-table tr{margin:0;padding:0;vertical-align:middle}.admin-list-table td,.admin-list-table th{vertical-align:middle;line-height:1.1em;height:2.3em;padding-top:2px;padding-bottom:2px}.admin-list-table th{color:#222}.admin-list-table img{vertical-align:middle}.admin-list-table td,.admin-list-table th{border-left:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.admin-list-table th{background-color:#A5C3E2;background-image:-webkit-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-moz-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-o-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-ms-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:linear-gradient(to bottom,hsla(210,52%,90%,1),#A5C3E2);border-top:none}.admin-list-table td:first-child,.admin-list-table th:first-child{border-left:none}.admin-list-table th:first-child{-webkit-border-radius:5px 0 0;border-radius:5px 0 0}.admin-list-table th:last-child{-webkit-border-radius:0 5px 0 0;border-radius:0 5px 0 0}.admin-list-table tr:last-child td:first-child{-webkit-border-radius:0 0 0 5px;border-radius:0 0 0 5px}.admin-list-table tr:last-child td:last-child{-webkit-border-radius:0 0 5px;border-radius:0 0 5px}.admin-table-changer{display:none;text-align:right;margin-right:2px;margin-bottom:2px}@media only screen and (max-width:1199px){.admin-table-changer{display:block}}.admin-table-changer a{width:60px;text-align:center;font-size:85%;padding:2px 6px}.table-wrapper{width:100%;overflow:scroll}.table-wrapper-fit{width:100%;overflow:visible}.table-wrapper-fit>.admin-list-table{width:100%}.admin-list-navi{margin-top:.5em}.admin-list-message{margin:1em 0 0;padding:0;text-align:center}.admin-list-search{text-align:center;margin:.5em 0;zoom:1}.admin-list-search:after,.admin-list-search:before{content:"";display:table}.admin-list-search:after{clear:both}@media only screen and (max-width:767px){.admin-list-search{text-align:left}}.admin-list-smalltable{margin:0 0 .5em;border-collapse:separate;border-spacing:1px;font-size:13px}.admin-list-field,.admin-list-headerfield{padding:4px}.admin-list-field a{padding:4px 6px}.search-part{display:inline-block;margin-right:5px;white-space:nowrap}@media only screen and (max-width:767px){.search-part{display:block}}#admin-permissions{border-collapse:separate;border-spacing:0;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);margin:0 0 .5em;font-size:13px}#admin-permissions td,#admin-permissions th{border-left:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}#admin-permissions th{background-color:#A5C3E2;background-image:-webkit-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-moz-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-o-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-ms-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:linear-gradient(to bottom,hsla(210,52%,90%,1),#A5C3E2);border-top:none}#admin-permissions td:first-child,#admin-permissions th:first-child{border-left:none}#admin-permissions th:first-child{-webkit-border-radius:5px 0 0;border-radius:5px 0 0}#admin-permissions th:last-child{-webkit-border-radius:0 5px 0 0;border-radius:0 5px 0 0}#admin-permissions tr:last-child td:first-child{-webkit-border-radius:0 0 0 5px;border-radius:0 0 0 5px}#admin-permissions tr:last-child td:last-child{-webkit-border-radius:0 0 5px;border-radius:0 0 5px}#admin-permissions td,#admin-permissions th{font-weight:700;text-align:center;padding:4px}.admin-commandcontrol{list-style-position:outside;list-style-type:none;margin:0;padding:0}.admin-commandcontrol li{float:left;width:12.5%;height:8em;margin:0;padding:0;text-align:center}@media only screen and (max-width:1199px){.admin-commandcontrol li{width:16.66%}}@media only screen and (min-width:768px) and (max-width:962px){.admin-commandcontrol li{width:20%}}@media only screen and (max-width:767px){.admin-commandcontrol li{width:25%}}@media only screen and (max-width:479px){.admin-commandcontrol li{width:33.33%}}.admin-commandcontrol a{display:block;font-size:90%;margin:5px 0}#admin-editor #title{font-size:13px;font-weight:700;position:relative;top:10px}b.notbold{font-weight:400}b.status_red{display:inline;color:#A40000}b.status_orange{display:inline;color:#B25000}b.status_green{display:inline;color:#3D7805}b.status_black{display:inline;color:#000}.story_editor{margin:0 0 1em;padding:8px;border:1px solid #CCC}.story_editor dl{margin-bottom:0}.story_editor dt{width:14%}.story_editor dd{width:85%}@media only screen and (max-width:962px){.story_editor dd,.story_editor dt{width:auto}}#text_editor dd.description{margin-left:15%}#admin-storyeditor-bodytext,#admin-storyeditor-introtext{width:98%}#preview{margin:1em 0;padding:1em 0;border-top:1px solid #CCC;border-bottom:none}.story_stats{display:inline-block;float:left;margin-right:2em}#admin-topiclist{list-style-position:outside;list-style-type:none;margin:0;padding:0}#admin-topiclist li{float:left;width:20%;height:8em;margin:0;padding:0;text-align:center}#admin-topiclist a{display:block}.trackback-message{margin:0 0 1em;padding:0}.userphoto{margin:.5em .5em 0 0}.groupinstructions{margin:0 0 .5em}#reminder-submit{margin:.5em 0}.pathtext{font-size:11px;color:#666}.pathtext-status{text-align:right;white-space:nowrap}.iswriteable,.yes{font-weight:700;color:#46882B}.no,.notok,.notwriteable{font-weight:700;color:#C00}#panel_phpinfo{width:600px;margin:auto;text-align:center}#toggle_phpinfo{padding:5px;width:200px;margin:auto;text-align:center;border:1px solid #C3C3C3}#panel_phpinfo{padding:50px;display:none}#config_menu{float:left;padding:0 10px}#search-configuration-container,.block-config{margin:0 0 .5em;padding:8px 0;text-align:left}#search-configuration-container label,.block-config-title{margin:0 0 .5em;padding:0 0 .1em;display:block;border-bottom:1px solid #CCC;font-size:105%;font-weight:700}.block-config-content{padding-left:5px}.configoption{list-style:none;color:#999;margin:0;padding:0}.configoption a{display:block;color:#222;height:1.8em;line-height:1.8em;overflow:hidden;padding:0 5px;white-space:nowrap;text-decoration:none}.configoption a:hover{background-color:#F1F1F1}.configoption_off{list-style:none;color:#999;display:block;height:1.8em;line-height:1.8em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap}#config_content{float:left;padding:10px}body.center-right #config_content{width:600px}#geeklog_config_editor{zoom:1}#geeklog_config_editor:after,#geeklog_config_editor:before{content:"";display:table}#geeklog_config_editor:after{clear:both}#config_main{width:100%}#search-configuration{width:90%;margin:10px 0 10px 5px}.inputTable{width:100%;margin:0;padding:0}.config_label{float:left;width:35%;padding:.5em 0}.restore{padding:.5em 0}.config_input{float:left;width:53%}.config_name{clear:left;margin:5px 0;padding:5px}.config_name input[type=text],.config_name textarea{width:53%}.config_name select{width:54.5%;max-width:none}@media only screen and (max-width:962px){body.center #config_menu{width:100%;padding:0}body.center #config_content{float:left;width:100%;padding:10px 0}.configoption{display:inline-block;border:1px solid #666;border-color:#BEDAF3;-webkit-border-radius:2px;border-radius:2px;background:#E4EDF5;color:#369;margin:.2em .4em .2em 0}.configoption a{overflow:visible;padding:0 10px;height:1.8em;line-height:1.8em;color:#369}.configoption_off{display:inline-block;border:1px solid #666;border-color:#79B1E7;-webkit-border-radius:2px;border-radius:2px;background:#A8C4E0;color:#2A527A;font-weight:700;overflow:visible;margin:.2em .4em .2em 0;padding:0 10px;height:1.8em;line-height:1.8em}#text_editor dd.description{margin-left:0}}@media only screen and (min-width:768px) and (max-width:962px){#config_menu{float:left;width:728px;padding:0 10px}body.center-right #config_menu{width:508px}#config_content{float:left;width:728px;padding:10px}body.center-right #config_content{width:508px}#search-configuration-container,.block-config{margin:0;padding:5px 0}}@media only screen and (max-width:767px){#geeklog_config_editor{padding:0}#config_menu{float:left;width:100%;padding:0}body.center-right #config_menu{width:100%}#config_content{float:left;width:100%;padding:10px 0}body.center-right #config_content{width:100%}.config_label{float:left;width:100%;padding:0;font-weight:700}.restore{padding:.5em 0}.config_input{float:left;width:90%}.config_name{margin:5px 0;padding:5px}.config_name input[type=text],.config_name textarea{width:95%}.config_name select{max-width:none;width:98%}#search-configuration-container,.block-config{margin:0;padding:5px 0}}
\ No newline at end of file
diff --git a/public_html/layout/default/css_ltr/theme.css b/public_html/layout/default/css_ltr/theme.css
new file mode 100644
index 000000000..7e5fe5da2
--- /dev/null
+++ b/public_html/layout/default/css_ltr/theme.css
@@ -0,0 +1,13 @@
+/* Geeklog Horizon Theme 1.0 | Copyright (C) 2012-2015 by Ivy | http://www.ivywe.co.jp | License:GPLv2 */
+
+.gl-edit:hover {
+  border: 1px solid #e8e8e8 !important;
+  border-radius: 4px;
+}
+
+.uk-form-row + .uk-form-row {margin-top: 8px;}
+
+.uk-navbar-nav > li > a[href='#'],
+.uk-navbar-nav > li > a[href=''] {
+  cursor: default;
+}
diff --git a/public_html/layout/default/css_rtl/add_to_uikit.css b/public_html/layout/default/css_rtl/add_to_uikit.css
new file mode 100644
index 000000000..f88cd98d2
--- /dev/null
+++ b/public_html/layout/default/css_rtl/add_to_uikit.css
@@ -0,0 +1,1224 @@
+/*! UIkit 2.23.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   For Horizon
+ ========================================================================== */
+/* Japanize
+html {
+  font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
+} */
+
+/* Componets style */
+nav .uk-nav > li > a {
+  padding: 2px 10px;
+  font-size: 14px;
+  line-height: 1.3;
+}
+nav .uk-nav > li {
+  padding: 0;
+  margin: 0;
+}
+/*
+ * Sizes
+ */
+h1,
+.uk-h1 {
+  font-size: 32px;
+  line-height: 38px;
+}
+
+/* ========================================================================
+   Component: Advanced
+ ========================================================================== */
+.uk-dotnav {
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-left: -15px;
+  margin-top: -15px;
+  padding: 0;
+  list-style: none;
+}
+.uk-dotnav > * {
+  -ms-flex: none;
+  -webkit-flex: none;
+  flex: none;
+  padding-left: 15px;
+  margin-top: 15px;
+}
+.uk-dotnav:before,
+.uk-dotnav:after {
+  content: "";
+  display: block;
+  overflow: hidden;
+}
+.uk-dotnav:after {
+  clear: both;
+}
+.uk-dotnav > * {
+  float: left;
+}
+.uk-dotnav > * > * {
+  display: block;
+  box-sizing: content-box;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: rgba(50, 50, 50, 0.1);
+  text-indent: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+.uk-dotnav > * > :hover,
+.uk-dotnav > * > :focus {
+  background: rgba(50, 50, 50, 0.4);
+  outline: none;
+}
+.uk-dotnav > * > :active {
+  background: rgba(50, 50, 50, 0.6);
+}
+.uk-dotnav > .uk-active > * {
+  background: rgba(50, 50, 50, 0.4);
+  -webkit-transform: scale(1.3);
+  transform: scale(1.3);
+}
+.uk-dotnav-contrast > * > * {
+  background: rgba(255, 255, 255, 0.4);
+}
+.uk-dotnav-contrast > * > :hover,
+.uk-dotnav-contrast > * > :focus {
+  background: rgba(255, 255, 255, 0.7);
+}
+.uk-dotnav-contrast > * > :active {
+  background: rgba(255, 255, 255, 0.9);
+}
+.uk-dotnav-contrast > .uk-active > * {
+  background: rgba(255, 255, 255, 0.9);
+}
+.uk-dotnav-vertical {
+  -ms-flex-direction: column;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+}
+.uk-dotnav-vertical > * {
+  float: none;
+}
+.uk-slidenav {
+  display: inline-block;
+  box-sizing: border-box;
+  width: 60px;
+  height: 60px;
+  line-height: 60px;
+  color: rgba(50, 50, 50, 0.4);
+  font-size: 60px;
+  text-align: center;
+}
+.uk-slidenav:hover,
+.uk-slidenav:focus {
+  outline: none;
+  text-decoration: none;
+  color: rgba(50, 50, 50, 0.7);
+  cursor: pointer;
+}
+.uk-slidenav:active {
+  color: rgba(50, 50, 50, 0.9);
+}
+.uk-slidenav-previous:before {
+  content: "\f104";
+  font-family: FontAwesome;
+}
+.uk-slidenav-next:before {
+  content: "\f105";
+  font-family: FontAwesome;
+}
+.uk-slidenav-position {
+  position: relative;
+}
+.uk-slidenav-position .uk-slidenav {
+  display: none;
+  position: absolute;
+  top: 50%;
+  z-index: 1;
+  margin-top: -30px;
+}
+.uk-slidenav-position:hover .uk-slidenav {
+  display: block;
+}
+.uk-slidenav-position .uk-slidenav-previous {
+  left: 20px;
+}
+.uk-slidenav-position .uk-slidenav-next {
+  right: 20px;
+}
+.uk-slidenav-contrast {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-slidenav-contrast:hover,
+.uk-slidenav-contrast:focus {
+  color: rgba(255, 255, 255, 0.7);
+}
+.uk-slidenav-contrast:active {
+  color: rgba(255, 255, 255, 0.9);
+}
+.uk-form input[type="radio"],
+.uk-form input[type="checkbox"] {
+  display: inline-block;
+  height: 14px;
+  width: 14px;
+  border: 1px solid #aaaaaa;
+  overflow: hidden;
+  margin-top: -4px;
+  vertical-align: middle;
+  -webkit-appearance: none;
+  outline: 0;
+  background: transparent;
+}
+.uk-form input[type="radio"] {
+  border-radius: 50%;
+}
+.uk-form input[type=radio]:before,
+.uk-form input[type=checkbox]:before {
+  display: block;
+}
+.uk-form input[type=radio]:checked:before {
+  content: '';
+  width: 8px;
+  height: 8px;
+  margin: 2px auto 0;
+  border-radius: 50%;
+  background: #00a8e6;
+}
+.uk-form input[type=checkbox]:checked:before,
+.uk-form input[type=checkbox]:indeterminate:before {
+  content: "\f00c";
+  font-family: FontAwesome;
+  font-size: 12px;
+  -webkit-font-smoothing: antialiased;
+  text-align: center;
+  line-height: 12px;
+  color: #00a8e6;
+}
+.uk-form input[type=checkbox]:indeterminate:before {
+  content: "\f068";
+}
+.uk-form input[type=radio]:disabled,
+.uk-form input[type=checkbox]:disabled {
+  border-color: #dddddd;
+}
+.uk-form input[type=radio]:disabled:checked:before {
+  background-color: #aaaaaa;
+}
+.uk-form input[type=checkbox]:disabled:checked:before,
+.uk-form input[type=checkbox]:disabled:indeterminate:before {
+  color: #aaaaaa;
+}
+.uk-form-file {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  overflow: hidden;
+}
+.uk-form-file input[type="file"] {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  width: 100%;
+  opacity: 0;
+  cursor: pointer;
+  left: 0;
+  font-size: 500px;
+}
+.uk-form-password {
+  display: inline-block;
+  position: relative;
+  max-width: 100%;
+}
+.uk-form-password-toggle {
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  margin-top: -6px;
+  font-size: 13px;
+  line-height: 13px;
+  color: #999999;
+}
+.uk-form-password-toggle:hover {
+  color: #999999;
+  text-decoration: none;
+}
+.uk-form-password > input {
+  padding-right: 50px !important;
+}
+.uk-form-select {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+  overflow: hidden;
+}
+.uk-form-select select {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+  left: 0;
+  -webkit-appearance: none;
+}
+.uk-placeholder {
+  margin-bottom: 15px;
+  padding: 15px;
+  border: 1px dashed #dddddd;
+  background: #fafafa;
+  color: #444444;
+}
+* + .uk-placeholder {
+  margin-top: 15px;
+}
+.uk-placeholder > :last-child {
+  margin-bottom: 0;
+}
+.uk-placeholder-large {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+.uk-progress {
+  box-sizing: border-box;
+  height: 20px;
+  margin-bottom: 15px;
+  background: #f7f7f7;
+  overflow: hidden;
+  line-height: 20px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07);
+  border-radius: 4px;
+}
+* + .uk-progress {
+  margin-top: 15px;
+}
+.uk-progress-bar {
+  width: 0;
+  height: 100%;
+  background: #009dd8;
+  float: left;
+  -webkit-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+  font-size: 12px;
+  color: #ffffff;
+  text-align: center;
+  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
+  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.uk-progress-mini {
+  height: 6px;
+}
+.uk-progress-small {
+  height: 12px;
+}
+.uk-progress-success .uk-progress-bar {
+  background-color: #82bb42;
+  background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
+  background-image: linear-gradient(to bottom, #9fd256, #6fac34);
+}
+.uk-progress-warning .uk-progress-bar {
+  background-color: #f9a124;
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
+}
+.uk-progress-danger .uk-progress-bar {
+  background-color: #d32c46;
+  background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
+  background-image: linear-gradient(to bottom, #ee465a, #c11a39);
+}
+.uk-progress-striped .uk-progress-bar {
+  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 30px 30px;
+}
+.uk-progress-striped.uk-active .uk-progress-bar {
+  -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
+  animation: uk-progress-bar-stripes 2s linear infinite;
+}
+@-webkit-keyframes uk-progress-bar-stripes {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 30px 0;
+  }
+}
+@keyframes uk-progress-bar-stripes {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 30px 0;
+  }
+}
+.uk-progress-mini,
+.uk-progress-small {
+  border-radius: 500px;
+}
+.uk-accordion-title {
+  margin-top: 0;
+  margin-bottom: 15px;
+  padding: 5px 15px;
+  background: #f7f7f7;
+  font-size: 18px;
+  line-height: 24px;
+  cursor: pointer;
+  border: 1px solid #dddddd;
+  border-radius: 4px;
+}
+.uk-accordion-content {
+  padding: 0 15px 15px 15px;
+}
+.uk-accordion-content:before,
+.uk-accordion-content:after {
+  content: "";
+  display: table;
+}
+.uk-accordion-content:after {
+  clear: both;
+}
+.uk-accordion-content > :last-child {
+  margin-bottom: 0;
+}
+.uk-autocomplete {
+  display: inline-block;
+  position: relative;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.uk-nav-autocomplete > li > a {
+  color: #444444;
+}
+.uk-nav-autocomplete > li.uk-active > a {
+  background: #009dd8;
+  color: #ffffff;
+  outline: none;
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.uk-nav-autocomplete .uk-nav-header {
+  color: #999999;
+}
+.uk-nav-autocomplete .uk-nav-divider {
+  border-top: 1px solid #dddddd;
+}
+.uk-datepicker {
+  z-index: 1050;
+  width: auto;
+  -webkit-animation: uk-fade 0.2s ease-in-out;
+  animation: uk-fade 0.2s ease-in-out;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+}
+.uk-datepicker-nav {
+  margin-bottom: 15px;
+  text-align: center;
+  line-height: 20px;
+}
+.uk-datepicker-nav:before,
+.uk-datepicker-nav:after {
+  content: "";
+  display: table;
+}
+.uk-datepicker-nav:after {
+  clear: both;
+}
+.uk-datepicker-nav a {
+  color: #444444;
+  text-decoration: none;
+}
+.uk-datepicker-nav a:hover {
+  color: #444444;
+}
+.uk-datepicker-previous {
+  float: left;
+}
+.uk-datepicker-next {
+  float: right;
+}
+.uk-datepicker-previous:after,
+.uk-datepicker-next:after {
+  width: 20px;
+  font-family: FontAwesome;
+}
+.uk-datepicker-previous:after {
+  content: "\f053";
+}
+.uk-datepicker-next:after {
+  content: "\f054";
+}
+.uk-datepicker-table {
+  width: 100%;
+}
+.uk-datepicker-table th,
+.uk-datepicker-table td {
+  padding: 2px;
+}
+.uk-datepicker-table th {
+  font-size: 12px;
+}
+.uk-datepicker-table a {
+  display: block;
+  width: 26px;
+  line-height: 24px;
+  text-align: center;
+  color: #444444;
+  text-decoration: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background-origin: border-box;
+}
+a.uk-datepicker-table-muted {
+  color: #999999;
+}
+.uk-datepicker-table a:hover,
+.uk-datepicker-table a:focus {
+  background-color: #fafafa;
+  color: #444444;
+  outline: none;
+  border-color: rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.3);
+  text-shadow: 0 1px 0 #ffffff;
+}
+.uk-datepicker-table a:active {
+  background-color: #f5f5f5;
+  color: #444444;
+  border-color: rgba(0, 0, 0, 0.2);
+  border-top-color: rgba(0, 0, 0, 0.3);
+  background-image: none;
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.uk-datepicker-table a.uk-active {
+  background: #009dd8;
+  color: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.4);
+  background-origin: border-box;
+  background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
+  background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.uk-htmleditor-navbar {
+  background: #f7f7f7;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  background-origin: border-box;
+  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
+  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+}
+.uk-htmleditor-navbar:before,
+.uk-htmleditor-navbar:after {
+  content: "";
+  display: table;
+}
+.uk-htmleditor-navbar:after {
+  clear: both;
+}
+.uk-htmleditor-navbar-nav {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  float: left;
+}
+.uk-htmleditor-navbar-nav > li {
+  float: left;
+}
+.uk-htmleditor-navbar-nav > li > a {
+  display: block;
+  box-sizing: border-box;
+  text-decoration: none;
+  height: 41px;
+  padding: 0 15px;
+  line-height: 40px;
+  color: #444444;
+  font-size: 11px;
+  cursor: pointer;
+  margin-top: -1px;
+  margin-left: -1px;
+  border: 1px solid transparent;
+  border-bottom-width: 0;
+  text-shadow: 0 1px 0 #ffffff;
+}
+.uk-htmleditor-navbar-nav > li:hover > a,
+.uk-htmleditor-navbar-nav > li > a:focus {
+  background-color: transparent;
+  color: #444444;
+  outline: none;
+  position: relative;
+  z-index: 1;
+  border-left-color: rgba(0, 0, 0, 0.1);
+  border-right-color: rgba(0, 0, 0, 0.1);
+  border-top-color: rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.uk-htmleditor-navbar-nav > li > a:active {
+  background-color: #f5f5f5;
+  color: #444444;
+  border-left-color: rgba(0, 0, 0, 0.1);
+  border-right-color: rgba(0, 0, 0, 0.1);
+  border-top-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.uk-htmleditor-navbar-nav > li.uk-active > a {
+  background-color: #fafafa;
+  color: #444444;
+  border-left-color: rgba(0, 0, 0, 0.1);
+  border-right-color: rgba(0, 0, 0, 0.1);
+  border-top-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.uk-htmleditor-navbar-flip {
+  float: right;
+}
+[data-mode='split'] .uk-htmleditor-button-code,
+[data-mode='split'] .uk-htmleditor-button-preview {
+  display: none;
+}
+.uk-htmleditor-content {
+  border-left: 1px solid #dddddd;
+  border-right: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd;
+  background: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.uk-htmleditor-content:before,
+.uk-htmleditor-content:after {
+  content: "";
+  display: table;
+}
+.uk-htmleditor-content:after {
+  clear: both;
+}
+.uk-htmleditor-fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 990;
+}
+.uk-htmleditor-fullscreen .uk-htmleditor-content {
+  position: absolute;
+  top: 41px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.uk-htmleditor-fullscreen .uk-icon-expand:before {
+  content: "\f066";
+}
+.uk-htmleditor-code,
+.uk-htmleditor-preview {
+  box-sizing: border-box;
+}
+.uk-htmleditor-preview {
+  padding: 20px;
+  overflow-y: scroll;
+  position: relative;
+}
+[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview,
+[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code {
+  display: none;
+}
+[data-mode='split'] .uk-htmleditor-code,
+[data-mode='split'] .uk-htmleditor-preview {
+  float: left;
+  width: 50%;
+}
+[data-mode='split'] .uk-htmleditor-code {
+  border-right: 1px solid #eeeeee;
+}
+.uk-htmleditor-iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.uk-htmleditor .CodeMirror {
+  padding: 10px;
+  box-sizing: border-box;
+}
+.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
+  border-top-left-radius: 4px;
+}
+.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
+  margin-left: 0;
+  margin-right: -1px;
+}
+.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
+  border-top-left-radius: 0;
+}
+.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
+  border-top-right-radius: 4px;
+}
+.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  border-radius: 0;
+}
+.uk-htmleditor-fullscreen .uk-htmleditor-content {
+  border: none;
+  border-radius: 0;
+}
+.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
+  border-radius: 0 !important;
+}
+.uk-slider {
+  position: relative;
+  z-index: 0;
+  touch-action: pan-y;
+}
+.uk-slider:not(.uk-grid) {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.uk-slider > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.uk-slider-container {
+  overflow: hidden;
+}
+.uk-slider:not(.uk-drag) {
+  -webkit-transition: -webkit-transform 200ms linear;
+  transition: transform 200ms linear;
+}
+.uk-slider.uk-drag {
+  cursor: col-resize;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.uk-slider a,
+.uk-slider img {
+  -webkit-user-drag: none;
+  user-drag: none;
+  -webkit-touch-callout: none;
+}
+.uk-slider img {
+  pointer-events: none;
+}
+.uk-slider-fullscreen,
+.uk-slider-fullscreen > li {
+  height: 100vh;
+}
+.uk-slideshow {
+  position: relative;
+  z-index: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow: hidden;
+  touch-action: pan-y;
+}
+.uk-slideshow > li {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+.uk-slideshow > .uk-active {
+  z-index: 10;
+  opacity: 1;
+}
+.uk-slideshow > li > img {
+  visibility: hidden;
+}
+[data-uk-slideshow-slide] {
+  cursor: pointer;
+}
+.uk-slideshow-fullscreen,
+.uk-slideshow-fullscreen > li {
+  height: 100vh;
+}
+.uk-slideshow-fade-in {
+  -webkit-animation: uk-fade 0.5s linear;
+  animation: uk-fade 0.5s linear;
+}
+.uk-slideshow-fade-out {
+  -webkit-animation: uk-fade 0.5s linear reverse;
+  animation: uk-fade 0.5s linear reverse;
+}
+.uk-slideshow-scroll-forward-in {
+  -webkit-animation: uk-slide-right 0.5s ease-in-out;
+  animation: uk-slide-right 0.5s ease-in-out;
+}
+.uk-slideshow-scroll-forward-out {
+  -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
+  animation: uk-slide-left 0.5s ease-in-out reverse;
+}
+.uk-slideshow-scroll-backward-in {
+  -webkit-animation: uk-slide-left 0.5s ease-in-out;
+  animation: uk-slide-left 0.5s ease-in-out;
+}
+.uk-slideshow-scroll-backward-out {
+  -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
+  animation: uk-slide-right 0.5s ease-in-out reverse;
+}
+.uk-slideshow-scale-out {
+  -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
+  animation: uk-fade-scale-15 0.5s ease-in-out reverse;
+}
+.uk-slideshow-swipe-forward-in {
+  -webkit-animation: uk-slide-left-33 0.5s ease-in-out;
+  animation: uk-slide-left-33 0.5s ease-in-out;
+}
+.uk-slideshow-swipe-forward-out {
+  -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
+  animation: uk-slide-left 0.5s ease-in-out reverse;
+}
+.uk-slideshow-swipe-backward-in {
+  -webkit-animation: uk-slide-right-33 0.5s ease-in-out;
+  animation: uk-slide-right-33 0.5s ease-in-out;
+}
+.uk-slideshow-swipe-backward-out {
+  -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
+  animation: uk-slide-right 0.5s ease-in-out reverse;
+}
+.uk-slideshow-swipe-forward-in:before,
+.uk-slideshow-swipe-backward-in:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  background: rgba(0, 0, 0, 0.6);
+  -webkit-animation: uk-fade 0.5s ease-in-out reverse;
+  animation: uk-fade 0.5s ease-in-out reverse;
+}
+.uk-notify {
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  z-index: 1040;
+  box-sizing: border-box;
+  width: 350px;
+}
+.uk-notify-top-right,
+.uk-notify-bottom-right {
+  left: auto;
+  right: 10px;
+}
+.uk-notify-top-center,
+.uk-notify-bottom-center {
+  left: 50%;
+  margin-left: -175px;
+}
+.uk-notify-bottom-left,
+.uk-notify-bottom-right,
+.uk-notify-bottom-center {
+  top: auto;
+  bottom: 10px;
+}
+@media (max-width: 479px) {
+  .uk-notify {
+    left: 10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+  }
+}
+.uk-notify-message {
+  position: relative;
+  margin-bottom: 10px;
+  padding: 15px;
+  background: #444444;
+  color: #ffffff;
+  font-size: 16px;
+  line-height: 22px;
+  cursor: pointer;
+  border: 1px solid #444444;
+  border-radius: 4px;
+}
+.uk-notify-message > .uk-close {
+  visibility: hidden;
+  float: right;
+}
+.uk-notify-message:hover > .uk-close {
+  visibility: visible;
+}
+.uk-notify-message-primary {
+  background: #ebf7fd;
+  color: #2d7091;
+  border-color: rgba(45, 112, 145, 0.3);
+}
+.uk-notify-message-success {
+  background: #f2fae3;
+  color: #659f13;
+  border-color: rgba(101, 159, 19, 0.3);
+}
+.uk-notify-message-warning {
+  background: #fffceb;
+  color: #e28327;
+  border-color: rgba(226, 131, 39, 0.3);
+}
+.uk-notify-message-danger {
+  background: #fff1f0;
+  color: #d85030;
+  border-color: rgba(216, 80, 48, 0.3);
+}
+.uk-search {
+  display: inline-block;
+  position: relative;
+  margin: 0;
+}
+.uk-search:before {
+  content: "\f002";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 30px;
+  line-height: 30px;
+  text-align: center;
+  font-family: FontAwesome;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.2);
+}
+.uk-search-field::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+.uk-search-field::-webkit-search-cancel-button,
+.uk-search-field::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.uk-search-field::-ms-clear {
+  display: none;
+}
+.uk-search-field::-moz-placeholder {
+  opacity: 1;
+}
+.uk-search-field {
+  box-sizing: border-box;
+  margin: 0;
+  border-radius: 0;
+  font: inherit;
+  color: #444444;
+  -webkit-appearance: none;
+  width: 120px;
+  height: 30px;
+  padding: 0 0 0 30px;
+  border: 1px solid rgba(0, 0, 0, 0);
+  background: rgba(0, 0, 0, 0);
+  -webkit-transition: all linear 0.2s;
+  transition: all linear 0.2s;
+  vertical-align: middle;
+}
+.uk-search-field:-ms-input-placeholder {
+  color: #999999 !important;
+}
+.uk-search-field::-moz-placeholder {
+  color: #999999;
+}
+.uk-search-field::-webkit-input-placeholder {
+  color: #999999;
+}
+.uk-search-field:focus {
+  outline: 0;
+}
+.uk-search-field:focus,
+.uk-search.uk-active .uk-search-field {
+  width: 180px;
+}
+.uk-dropdown-search {
+  width: 300px;
+  margin-top: 0;
+  background: #ffffff;
+  color: #444444;
+}
+.uk-open > .uk-dropdown-search {
+  -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
+  animation: uk-slide-top-fixed 0.2s ease-in-out;
+}
+.uk-navbar-flip .uk-dropdown-search {
+  margin-top: 12px;
+  margin-right: -16px;
+}
+.uk-nav-search > li > a {
+  color: #444444;
+}
+.uk-nav-search > li.uk-active > a {
+  background: #009dd8;
+  color: #ffffff;
+  outline: none;
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.uk-nav-search .uk-nav-header {
+  color: #999999;
+}
+.uk-nav-search .uk-nav-divider {
+  border-top: 1px solid #dddddd;
+}
+.uk-nav-search ul a {
+  color: #0077dd;
+}
+.uk-nav-search ul a:hover {
+  color: #005599;
+}
+.uk-offcanvas .uk-search {
+  display: block;
+  margin: 20px 15px;
+}
+.uk-offcanvas .uk-search:before {
+  color: #777777;
+}
+.uk-offcanvas .uk-search-field {
+  width: 100%;
+  border-color: rgba(0, 0, 0, 0);
+  background: #1a1a1a;
+  color: #cccccc;
+}
+.uk-offcanvas .uk-search-field:-ms-input-placeholder {
+  color: #777777 !important;
+}
+.uk-offcanvas .uk-search-field::-moz-placeholder {
+  color: #777777;
+}
+.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
+  color: #777777;
+}
+.uk-nestable {
+  padding: 0;
+  list-style: none;
+}
+.uk-nestable a,
+.uk-nestable img {
+  -webkit-touch-callout: none;
+}
+.uk-nestable-list {
+  margin: 0;
+  padding-left: 40px;
+  list-style: none;
+}
+.uk-nestable-item {
+  touch-action: none;
+}
+.uk-nestable-item + .uk-nestable-item {
+  margin-top: 10px;
+}
+.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
+  margin-top: 10px;
+}
+.uk-nestable-dragged {
+  position: absolute;
+  z-index: 1050;
+  pointer-events: none;
+  padding-left: 0;
+}
+.uk-nestable-placeholder {
+  position: relative;
+}
+.uk-nestable-placeholder > * {
+  opacity: 0;
+}
+.uk-nestable-placeholder:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border: 1px dashed #dddddd;
+  opacity: 1;
+}
+.uk-nestable-empty {
+  min-height: 30px;
+}
+.uk-nestable-handle {
+  touch-action: none;
+}
+.uk-nestable-handle:hover {
+  cursor: move;
+}
+.uk-nestable-moving,
+.uk-nestable-moving * {
+  cursor: move;
+}
+[data-nestable-action='toggle'] {
+  cursor: pointer;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.uk-nestable-toggle {
+  display: inline-block;
+  visibility: hidden;
+}
+.uk-nestable-toggle:after {
+  content: "\f147";
+  font-family: FontAwesome;
+}
+.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
+  visibility: visible;
+}
+.uk-collapsed .uk-nestable-list {
+  display: none;
+}
+.uk-collapsed .uk-nestable-toggle:after {
+  content: "\f196";
+}
+.uk-nestable-panel {
+  padding: 5px;
+  background: #f7f7f7;
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.3);
+  background-origin: border-box;
+  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
+  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
+  text-shadow: 0 1px 0 #ffffff;
+}
+.uk-sortable {
+  position: relative;
+}
+.uk-sortable > * {
+  touch-action: none;
+}
+.uk-sortable a,
+.uk-sortable img {
+  -webkit-touch-callout: none;
+}
+.uk-sortable > :last-child {
+  margin-bottom: 0;
+}
+.uk-sortable-dragged {
+  position: absolute;
+  z-index: 1050;
+  pointer-events: none;
+}
+.uk-sortable-placeholder {
+  opacity: 0;
+}
+.uk-sortable-empty {
+  min-height: 30px;
+}
+.uk-sortable-handle {
+  touch-action: none;
+}
+.uk-sortable-handle:hover {
+  cursor: move;
+}
+.uk-sortable-moving,
+.uk-sortable-moving * {
+  cursor: move;
+}
+[data-uk-sticky].uk-active {
+  z-index: 980;
+  box-sizing: border-box;
+}
+.uk-sticky-placeholder > * {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+[data-uk-sticky][class*='uk-animation-'] {
+  -webkit-animation-duration: 0.2s;
+  animation-duration: 0.2s;
+}
+[data-uk-sticky].uk-animation-reverse {
+  -webkit-animation-duration: 0.2s;
+  animation-duration: 0.2s;
+}
+.uk-dragover {
+  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
+}
+.uk-tooltip {
+  display: none;
+  position: absolute;
+  z-index: 1030;
+  box-sizing: border-box;
+  max-width: 200px;
+  padding: 5px 8px;
+  background: #333333;
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 12px;
+  line-height: 18px;
+  border-radius: 3px;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+}
+.uk-tooltip:after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 5px dashed #333333;
+}
+.uk-tooltip-top:after,
+.uk-tooltip-top-left:after,
+.uk-tooltip-top-right:after {
+  bottom: -5px;
+  border-top-style: solid;
+  border-bottom: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-top-color: #333333;
+}
+.uk-tooltip-bottom:after,
+.uk-tooltip-bottom-left:after,
+.uk-tooltip-bottom-right:after {
+  top: -5px;
+  border-bottom-style: solid;
+  border-top: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: #333333;
+}
+.uk-tooltip-top:after,
+.uk-tooltip-bottom:after {
+  left: 50%;
+  margin-left: -5px;
+}
+.uk-tooltip-top-left:after,
+.uk-tooltip-bottom-left:after {
+  left: 10px;
+}
+.uk-tooltip-top-right:after,
+.uk-tooltip-bottom-right:after {
+  right: 10px;
+}
+.uk-tooltip-left:after {
+  right: -5px;
+  top: 50%;
+  margin-top: -5px;
+  border-left-style: solid;
+  border-right: none;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: #333333;
+}
+.uk-tooltip-right:after {
+  left: -5px;
+  top: 50%;
+  margin-top: -5px;
+  border-right-style: solid;
+  border-left: none;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  border-right-color: #333333;
+}
+
diff --git a/public_html/layout/default/css_rtl/ie8.css b/public_html/layout/default/css_rtl/ie8.css
new file mode 100644
index 000000000..73772eb27
--- /dev/null
+++ b/public_html/layout/default/css_rtl/ie8.css
@@ -0,0 +1,64 @@
+
+/*--------------------------------------
+  Profile Notes
+--------------------------------------*/
+
+.profile_notes {
+  border: 1px solid #CCC;
+}
+
+/*--------------------------------------
+  System Message Block
+--------------------------------------*/
+
+/* Title */
+.block-message dt {
+  border: 1px solid #32567B;
+}
+
+/* Message */
+.block-message dd {
+  font-weight: bold;
+  border-bottom: 1px solid #BEBEBE;
+  border-left:   1px solid #BEBEBE;
+  border-right:  1px solid #BEBEBE;
+}
+
+/*--------------------------------------
+  Story
+--------------------------------------*/
+
+.story_icon a {
+  display: inline-block;
+}
+
+/*--------------------------------------
+  Comment Block
+--------------------------------------*/
+
+#commentbar-selector {
+  width:75%;
+  text-align: left; /* rtl */
+}
+
+#commentbar-selector div {
+  display: inline;
+  width: 100%;
+}
+
+/*--------------------------------------
+  Admin Top Menu Style
+--------------------------------------*/
+
+#admin-topmenu {
+  border: 1px solid #DDD;
+}
+
+/*--------------------------------------
+  Admin Page
+--------------------------------------*/
+
+.search-part {
+  display: inline;
+  white-space: normal;
+}
diff --git a/public_html/layout/default/css_rtl/index.html b/public_html/layout/default/css_rtl/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/css_rtl/print.css b/public_html/layout/default/css_rtl/print.css
new file mode 100644
index 000000000..af0301c1d
--- /dev/null
+++ b/public_html/layout/default/css_rtl/print.css
@@ -0,0 +1,194 @@
+/* STYLESHEET FOR PRINTOUTS */
+
+body, div,
+p, blockquote, pre, code,
+dl, dt, dd,
+fieldset,
+form, legend {
+  margin: 0;
+  padding: 0;
+  text-align: right; /* rtl */
+}
+
+label {
+  text-align: right; /* rtl */
+}
+
+body {
+  background-color: #FFF;
+  border: none;
+  color: #000;
+  font-size: small; /* 10pt */
+  font-family: verdana, arial, sans-serif;
+  font-weight: normal;
+  line-height: 1.3em;
+}
+
+img {
+  border: none;
+  text-align: right; /* rtl */
+}
+
+a:link, a:visited, a:active {
+  color: #105CB6;
+  text-decoration: none;
+}
+a:hover {
+  color: #3388ff;
+  text-decoration: underline;
+}
+
+p {
+  padding-bottom: 1em;
+}
+
+ul {
+  margin: 0.5em 2.5em 0.5em 0; /* rtl */
+  padding: 0;
+}
+
+ol {
+  margin: 0.5em 2.5em 0.5em 0; /* rtl */
+  padding-right: 0.5em; /* rtl */
+}
+
+li {
+  margin: 0.5em 0;
+  padding: 0;
+}
+
+dl {
+  margin: 1em 0;
+}
+
+dt {
+  margin: 0.5em 0;
+}
+
+dd {
+  margin: 0.5em 2.5em 0.5em 0; /* rtl */
+}
+
+h1, h2, h3, h4 {
+  font-family: 'Trebuchet MS', sans-serif;
+}
+h1 {
+  font-size: 2em;
+  margin: 16px 0;
+}
+h2 {
+  font-size: 1.5em;
+  margin: 14px 0;
+  font-weight: normal;
+}
+h3 {
+  font-size: 1.2em;
+  margin: 14px 0;
+}
+h4 {
+  font-size: 1em;
+  margin: 15px 0;
+}
+h5 {
+  font-size: 0.8em;
+  margin: 16px 0;
+}
+h6 {
+  font-size: 0.7em;
+  margin: 18px 0;
+}
+
+.hidden {
+  display: none;
+}
+
+table {
+  font-family: verdana, arial, sans-serif;
+  text-align: right; /* rtl */
+  border-collapse: collapse;
+  margin: 1em 0.5em;
+}
+
+tr {
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+}
+
+th,
+td {
+  margin: 0;
+  padding: 0.2em 0.6em;
+  vertical-align: middle;
+  line-height: 160%;
+  border: 1px solid #000;
+}
+
+th {
+  text-align: right; /* rtl */
+  font-weight: bold;
+  background: #F5F5F5;
+}
+
+@media screen {
+  #wrapper {
+    margin: 100px;
+  }
+}
+
+@media print {
+  #wrapper {
+    margin: 0px;
+  }
+}
+
+#wrapper div#header {
+  width: 100%;
+}
+
+#print div#header h2 {
+  font-size: 1.5em;
+  font-weight: bold;
+  line-height: 1.5em;
+
+  padding: 5px 0px;
+  border-top: 1px solid #CCC;
+  border-bottom: 1px solid #CCC;
+}
+
+@media print {
+  #print div#header h2 {
+    border-top: 1px solid #000;
+    border-bottom: 1px solid #000;
+  }
+}
+
+#print div#header p {
+  font-size: 0.9em;
+  text-align: left; /* rtl */
+  padding: 2px 0;
+}
+
+#print div#story {
+  padding: 1em 0;
+}
+
+#print div#story:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 1px;
+  overflow: hidden;
+}
+
+#print div#footer {
+  font-size: 0.85em;
+  padding: 5px 0px;
+  border-top: 1px solid #CCC;
+}
+
+@media print {
+  #print div#footer {
+    border-top: 1px solid #000;
+  }
+}
diff --git a/public_html/layout/default/css_rtl/style.css b/public_html/layout/default/css_rtl/style.css
new file mode 100644
index 000000000..53c2b26e2
--- /dev/null
+++ b/public_html/layout/default/css_rtl/style.css
@@ -0,0 +1,4205 @@
+/* Geeklog Default Theme 1.0.0  | Copyright (C) 2015 by Ivy | http://www.ivywe.co.jp | License:GPLv2
+Based on Denim 1.1.0 | Copyright (C) 2012-2015 by dengen | http://www.trybese.com/~dengen/log/ | License:GPLv2 */
+
+/*--------------------------------------
+  professional Compatible Style
+--------------------------------------*/
+
+/* Menus in blocks */
+.blocklist ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+/* general alignment classes */
+.alignleft {
+  text-align: right;
+}
+
+.alignright {
+  text-align: left;
+}
+
+.aligncenter {
+  text-align: center;
+}
+
+.aligntop {
+  vertical-align: top;
+}
+
+.floatright {
+  float: left;
+}
+
+.floatleft {
+  float: right;
+}
+
+.clearboth {
+  clear: both;
+}
+
+/* clear floats by applying the clearfix class to float-encasing block! */
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 1px;
+  clear: both;
+  overflow: hidden;
+  visibility: hidden;
+}
+
+/* general formatting classes */
+.b {
+  font-weight: bold;
+}
+
+.ext-link {
+  background-color: transparent;
+  background: url("images/external.png") center right no-repeat;
+  background-attachment: scroll;
+  padding-left: 13px;
+}
+
+.feed-link {
+  background-color: transparent;
+  background: url("images/feed.png") center right no-repeat;
+  background-attachment: scroll;
+  padding: 2px 0 2px 16px;
+}
+
+.strike {
+  text-decoration: line-through;
+}
+
+.url,
+.break-word {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+  overflow: auto;
+}
+
+.fieldhelp {
+  font-size: .85em;
+  color: #666;
+  padding-right: .8em;
+  padding-left: .8em;
+}
+
+/* Forms */
+.form-description {
+  /* used with calendar plugin */
+  font-weight: bold;
+  float: right;
+  width: 100px;
+  text-align: left;
+  padding-left: 5px;
+  display: block;
+}
+
+.form-field {
+  /* used with calendar plugin */
+  padding-bottom: 5px;
+  margin-right: 105px;
+}
+
+.checkboxes-list {
+  /* this is used for example by COM_checkList */
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.checkboxes-list span {
+  /* space between the text and the checkbox */
+  padding-right: 5px;
+}
+
+.checkboxes-list .gldefault {
+  /* default blocks in the user settings block list */
+  font-weight: bold;
+}
+
+.highlight {
+  color: #000;
+  background-color: #FF0;
+  text-decoration: none;
+}
+
+.inputTable td {
+  padding: 4px;
+  vertical-align: top;
+}
+
+.inputTable label {
+  font-weight: bold;
+  float: left;
+  white-space: nowrap;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+.pagenav {
+  text-align: center;
+  line-height: 1.5;
+}
+
+.row_center td {
+  text-align: center;
+}
+
+.searchresult-byline {
+  color: #008000;
+}
+
+.sysmessage img {
+  border: none;
+  float: right;
+  margin-top: -4px;
+  padding-bottom: 3px;
+  padding-left: 5px;
+}
+
+/* Stats */
+.stats-list-count {
+  text-align: left;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.stats-header-title {
+  text-align: right;
+  width: 90%;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.stats-header-count {
+  text-align: right;
+  width: 10%;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+#token-expirynotice {
+  padding: 1em;
+  border: 1px solid #CCC;
+  background: #F7F7F7;
+}
+
+#token-expirytime {
+  font-weight: bold;
+}
+
+.warning {
+  background: transparent;
+  color: #D14;
+  font-weight: bold;
+}
+
+.warningsmall {
+  background: transparent;
+  color: #D14;
+}
+
+/* Default Plugin CSS Declarations */
+/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */
+.plugin {
+  color: #000;
+  background-color: #EFEFEF;
+  font-weight: normal;
+  border: 1px solid #CCC;
+}
+
+.plugin th {
+  color: #000;
+  background-color: #B7C1DC;
+  padding: 5px;
+  text-align: right;
+}
+
+.plugin tr {
+  vertical-align: top;
+}
+
+.plugin td {
+  padding: 2px 5px;
+}
+
+.pluginBG {
+  color: #FEFEFE;
+  background-color: #7398BA;
+}
+
+.pluginAltBG {
+  background-color: #7398BA;
+}
+
+.pluginAltBG td {
+  color: #FFF;
+}
+
+.pluginCellTitle {
+  color: #666;
+  font-weight: bold;
+  background-color: #E6E6E6;
+  padding: 5px;
+}
+
+.pluginCellFill {
+  background-color: #F8FAFD;
+}
+
+.pluginCellText {
+  color: #636363;
+  font-weight: normal;
+}
+
+.pluginHeader {
+  color: #204275;
+  font-weight: bolder;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.pluginFooter,
+.pluginFooter td {
+  background-color: #507AA1;
+  color: #FFF;
+}
+
+.pluginAlert {
+  padding: 5px 15px;
+  color: #D8010E;
+  background-color: #FEF1B4;
+  font-weight: bold;
+  margin-bottom: 1em;
+}
+
+.pluginInfo {
+  padding: 5px 15px;
+  color: #707070;
+  background-color: #FEF1B4;
+  font-weight: normal;
+}
+
+.pluginSubTable {
+  color: #000;
+  background-color: #CCC;
+  font-weight: normal;
+  border: 1px solid #CCC;
+}
+
+.pluginSubTable th {
+  color: #000;
+  background-color: #C9D1E4;
+  padding: 5px;
+  text-align: right;
+}
+
+.pluginSubTable tr {
+  vertical-align: top;
+}
+
+.pluginSolidOutline {
+  background-color: #CCC;
+}
+
+.pluginSolidFill {
+  background-color: #1A3955;
+}
+
+.pluginTitle {
+  background-color: #507AA1;
+  color: #F5F9FF;
+  padding: 4px 6px;
+}
+
+.pluginCellSubTitle {
+  background-color: #F7F7F7;
+  color: #000;
+  padding: 4px 6px;
+}
+
+.pluginTinyText {
+  font-size: .7em;
+}
+
+.pluginSmallText {
+  font-size: .8em;
+}
+
+.pluginMediumText {
+  font-size: 1em;
+}
+
+.pluginLargeText {
+  font-size: 1.25em;
+}
+
+.pluginAltText {
+  color: #FFF;
+}
+
+.pluginRow1,
+.pluginRow1 td {
+  color: #222;
+  background-color: #F7F7F7;
+  line-height: 120%;
+}
+
+.pluginRow2,
+.pluginRow2 td {
+  color: #222;
+  background-color: #E7E7E7;
+  line-height: 120%;
+}
+
+.pluginRow1 .pluginRollOver,
+.pluginRow2 .pluginRollOver,
+.pluginRollOver {
+  color: #222;
+  background-color: #FFFF8F;
+  line-height: 120%;
+}
+
+.pluginRow1 .pluginRollOut,
+.pluginRow2 .pluginRollOut,
+.pluginRollOut {
+  color: #222;
+  background-color: #F7F7F7;
+  line-height: 120%;
+}
+
+.pluginLinks a:link {
+  color: #000;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+.pluginLinks a:visited {
+  color: #000;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+.pluginLinks a:hover {
+  color: #000;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: underline;
+}
+
+.pluginBreadCrumbs,
+.pluginBreadCrumbs a:link {
+  color: #FFF;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+.pluginBreadCrumbs a:visited {
+  color: #FFF;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+.pluginBreadCrumbs a:hover {
+  color: #FFF;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+a.pluginButton:link,
+a.pluginButton:visited {
+  color: #000;
+  text-align: center;
+  padding-top: 2px;
+  display: block;
+  height: 19px;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a.pluginButton:hover {
+  color: #00F;
+  text-align: center;
+  padding-top: 2px;
+  background: center url("images/navbar/button_over.gif");
+  background-repeat: repeat-x;
+  display: block;
+  height: 19px;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+/*--------------------------------------
+  Basic Form
+--------------------------------------*/
+
+.form_block {
+  margin: 0;
+  padding: 0;
+}
+
+.form_block:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 1px;
+  overflow: hidden;
+}
+
+/* Message */
+.form_message {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+.noborder_fieldset {
+  margin: 0;
+  border: none;
+}
+
+.hidden_legend {
+  display: none;
+}
+
+/* Basic editor */
+.user_basic {
+  padding: .5em 2em;
+}
+
+@media only screen and (max-width: 962px) {
+
+  .user_basic {
+    padding: .5em 0;
+  }
+}
+
+.wide {
+  width: 98%;
+  resize: vertical;
+}
+
+.separator {
+  display: none;
+}
+
+.speech {
+  overflow: hidden;
+  position: absolute;
+  right: -999px;
+  width: 0;
+  height: 0;
+}
+
+#save_button {
+  padding-bottom: 1em;
+}
+
+.loose {
+  display: inline;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .loose {
+    display: block;
+  }
+}
+
+/* Style for legacy table layout */
+.layout,
+.layout tr,
+.layout td {
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: none;
+}
+
+.size1 {
+  width: 60px;
+}
+
+.size2 {
+  width: 120px;
+}
+
+.size3 {
+  width: 180px;
+}
+
+.size4 {
+  width: 240px;
+}
+
+.size5 {
+  width: 300px;
+}
+
+.size6 {
+  width: 360px;
+}
+
+.size7 {
+  width: 420px;
+}
+
+.size8 {
+  width: 480px;
+}
+
+.size9 {
+  width: 540px;
+}
+
+.size10 {
+  width: 600px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 962px) {
+
+  .size6 {
+    width: 75%;
+  }
+
+  .size7 {
+    width: 80%;
+  }
+
+  .size8 {
+    width: 85%;
+  }
+
+  .size9 {
+    width: 90%;
+  }
+
+  .size10 {
+    width: 95%;
+  }
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+  .size1,
+  .size2,
+  .size3,
+  .size4,
+  .size5,
+  .size6,
+  .size7,
+  .size8,
+  .size9,
+  .size10,
+  .wide {
+    width: 100%;
+  }
+}
+
+/*--------------------------------------
+  2 Culumn Form
+--------------------------------------*/
+
+.compact dt {
+  float: right;
+  clear: right;
+  width: 24%;
+  margin: 0 0 1em 0;
+  padding: 0 0 0 1%;
+  font-weight: normal;
+}
+
+.compact dd {
+  float: right;
+  width: 75%;
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+.compact dd.description {
+  margin: -.5em 25% 1em 0;
+  padding: 0;
+}
+
+.compact p.description {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+@media only screen and (max-width: 962px) {
+
+  .compact dt {
+    float: none;
+    width: auto;
+    margin: 0;
+    padding: 0;
+    font-weight: bold;
+  }
+
+  .compact dd {
+    float: none;
+    width: auto;
+    margin: 0 0 .5em 0;
+    padding: 0;
+  }
+
+  .compact dd.description {
+    margin: -.5em 0 1em 0;
+    padding: 0;
+  }
+
+  .compact p.description {
+    margin: 0 0 1em 0;
+    padding: 0;
+  }
+}
+
+/*--------------------------------------
+  1 Column Form
+--------------------------------------*/
+
+.linear dt {
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+}
+
+.linear dd {
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+.linear dd.description {
+  margin: -.5em 0 1em 0;
+  padding: 0;
+}
+
+.linear p.description {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  Profile Notes
+--------------------------------------*/
+
+.profile_notes {
+  margin: 0 0 1em 0;
+  padding: 8px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(0,0,0,.2);
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  background: #FFFFE1;
+  line-height: 1.3em;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+}
+
+.profile_notes dt {
+  margin: 0 0 .5em 0;
+  padding: 0 24px 0 0;
+  border-bottom: 1px solid #CCC;
+  background: url("images/icon_info.png") no-repeat 0 0;
+  font-weight: bold;
+  color: #666;
+}
+
+.profile_notes dd {
+  margin-bottom: 0;
+  font-size: 90%;
+  color: #666;
+}
+
+.profile_notes ul {
+  list-style-position: inside;
+  margin: 0;
+  padding: 0;
+}
+
+.profile_notes li {
+  margin: 0 5px 0 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  List Compact
+--------------------------------------*/
+
+ul.compact {
+  margin: 0;
+  padding: 0;
+}
+
+ul.compact li {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+/* 3 Columns left-center-right */
+/*==============================================================================
+  Layout Pattern:
+    * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+    * 2 Column ( Left Block * Center Block )              ...left-center
+    * 2 Column ( Center Block * Right Block )             ...center-right
+    * 1 Column ( Center Block )                           ...center
+
+  Block Width:
+    * Container Width = 100%
+    * Header Width    = 100%
+    * Site Width         [W] = 1140px
+    * Left   Block Width [L] =  180px = 160px + left padding 10px + right padding 10px
+    * Right  Block Width [R] =  280px = 260px + left padding 10px + right padding 10px
+    * Center Block Width(3 Column) = [W] - [L] - [R] =  680px = 1140px - 180px - 280px
+    * Center Block Width(2 Column) = [W] - [L]       =  960px = 1140px - 180px
+    * Center Block Width(2 Column) = [W] - [R]       =  860px = 1140px - 280px
+    * Center Block Width(1 Column) = [W]             = 1140px
+
+    800-660=140
+    1280-140=1140
+    1100-140=960
+    1000-140=860
+==============================================================================*/
+
+#container {
+  position: relative;
+  width: 100%;
+  margin: 0 auto;
+}
+
+/*--------------------------------------
+  Header Container
+--------------------------------------*/
+
+#header {
+  width: auto;
+  margin: 0 auto;
+  height: 80px;
+}
+
+#header:before {
+  width: auto;
+}
+
+#header-content {
+  width: auto;
+  max-width: $layout-site-max-width;
+  margin: 0 auto;
+  padding: 0;
+  width: 1140px;
+}
+
+/*--------------------------------------
+  Gloval Navigation Container
+--------------------------------------*/
+
+#navigation {
+  width: auto;
+  margin: 0 auto;
+}
+
+#navigation:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 1px;
+  overflow: hidden;
+  margin-bottom: -1px;
+}
+
+.navigation_content {
+  width: 1124px;
+  max-width: $layout-site-max-width;
+  margin: 0 auto;
+}
+
+/*--------------------------------------
+  Wrapper
+  Include contents Block level elements
+  (#leftblocks, #centerblocks, #rightblocks)
+--------------------------------------*/
+
+#wrapper {
+  width: 1140px;
+  max-width: $layout-site-max-width;
+  margin: 0 auto;
+}
+
+#wrapper:after {
+  content: "";
+  display: block;
+  clear: both;
+  height: 1px;
+  overflow: hidden;
+}
+
+/*--------------------------------------
+  Left Block Container
+  display if Left Block is appeared.
+--------------------------------------*/
+
+#leftblocks,
+body.js_off #leftblocks {
+  overflow: visible;
+  float: right;
+  width: 180px;
+  /* Left Margin = -[W] */
+  margin: 0 -1140px 0 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  Center Block Container
+--------------------------------------*/
+
+#centerblocks {
+  overflow: visible;
+  float: right;
+  width: 100%;
+}
+
+/* 3 Column ( left-center-right ) */
+body.left-center-right #main-content,
+body.js_off #main-content {
+  /* Main Content Width = [W] - [L] - [R] - Right Padding 10px - Left Padding 10px */
+  width: 660px;
+  /* Right Margin = [R] , Left Margin = [L] */
+  margin: 0 180px 0 280px;
+  padding: 0 10px;
+}
+
+/* 2 Column ( left-center ) */
+body.left-center #main-content {
+  /* Main Content Width = [W] - [L] - Right Padding 10px - Left Padding 10px */
+  width: 940px;
+  /* Left Margin = [L] */
+  margin: 0 180px 0 0;
+  padding: 0 10px;
+}
+
+/* 2 Column ( center-right ) */
+body.center-right #main-content {
+  /* Main Content Width = [W] - [R] - Right Padding 10px - Left Padding 10px */
+  width: 840px;
+  /* Right Margin = [R] */
+  margin: 0 0 0 280px;
+  padding: 0 10px;
+}
+
+/* 1 Column ( center ) */
+body.center #main-content {
+  width: 100%;
+}
+
+/*--------------------------------------
+  Right Block Container
+  display if Right Block is appeared.
+--------------------------------------*/
+
+#rightblocks,
+body.js_off #rightblocks {
+  overflow: visible;
+  float: right;
+  width: 280px;
+  /* Right Margin = -[R] */
+  margin: 0 -280px 0 0;
+}
+
+/*--------------------------------------
+  Footer Container
+--------------------------------------*/
+
+#footer {
+  clear: right;
+  width: auto;
+  margin: 0 auto;
+  padding: 16px 0;
+}
+
+#footer-content {
+  width: auto;
+  max-width: $layout-site-max-width;
+  margin: 0 auto;
+  width: 1140px;
+}
+
+/*--------------------------------------
+  Admin Configration Container
+--------------------------------------*/
+
+#config_menu {
+  float: right;
+  width: 280px;
+  padding: 0 10px;
+}
+
+body.center-right #config_menu {
+  width: 200px;
+}
+
+#config_content {
+  float: right;
+  width: 820px;
+  padding: 10px;
+}
+
+body.center-right #config_content {
+  width: 600px;
+}
+
+@media only screen and (min-width: 963px) and (max-width: 1199px) {
+
+  /* 2 Columns center-right */
+  /*==============================================================================
+    Layout Pattern:
+      * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+      * 2 Column ( Left Block * Center Block )              ...left-center
+      * 2 Column ( Center Block * Right Block )             ...center-right
+      * 1 Column ( Center Block )                           ...center
+  
+    Block Width:
+      * Container Width = 100%
+      * Site Width[W]         = 960px
+      * Left   Block Width[L] = 280px
+      * Right  Block Width[R] = 280px
+      * Center Block Width( 3 Column ) = [W] - [L] - [R] = 600px = 580px + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [L]       = 780px = 760px + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [R]       = 780px = 760px + left padding 10px + right padding 10px
+      * Center Block Width( 1 Column ) = [W]             = 960px
+  ==============================================================================*/
+
+  #container {
+    position: relative;
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Header Container
+  --------------------------------------*/
+
+  #header {
+    width: auto;
+    margin: 0 auto;
+    height: 80px;
+  }
+
+  #header:before {
+    width: auto;
+  }
+
+  #header-content {
+    width: auto;
+    margin: 0 auto;
+    padding: 0;
+    width: 960px;
+  }
+
+  /*--------------------------------------
+    Gloval Navigation Container
+  --------------------------------------*/
+
+  #navigation {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #navigation:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+    margin-bottom: -1px;
+  }
+
+  .navigation_content {
+    width: 944px;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Wrapper
+    Include contents Block level elements
+    (#leftblocks, #centerblocks, #rightblocks)
+  --------------------------------------*/
+
+  #wrapper {
+    width: 960px;
+    margin: 0 auto;
+  }
+
+  #wrapper:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+  }
+
+  /*--------------------------------------
+    Left Block Container
+    display if Left Block is appeared.
+  --------------------------------------*/
+
+  #leftblocks,
+  body.js_off #leftblocks {
+    overflow: visible;
+    float: left;
+    width: 280px;
+    margin: 0;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Center Block Container
+  --------------------------------------*/
+
+  #centerblocks {
+    overflow: visible;
+    float: none;
+    width: auto;
+  }
+
+  body.js_off #centerblocks {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 3 Column ( left-center-right ) */
+  body.left-center-right #main-content,
+  body.js_off #main-content {
+    float: right;
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: 660px;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /* 2 Column ( left-center ) */
+  body.left-center #main-content {
+    float: right;
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: 660px;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /* 2 Column ( center-right ) */
+  body.center-right #main-content {
+    float: right;
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: 660px;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /* 1 Column ( center ) */
+  body.center #main-content {
+    width: 100%;
+  }
+
+  /*--------------------------------------
+    Right Block Container
+    display if Right Block is appeared.
+  --------------------------------------*/
+
+  #rightblocks,
+  body.js_off #rightblocks {
+    overflow: visible;
+    clear: left;
+    float: left;
+    width: 280px;
+    margin: 0;
+  }
+
+  /*--------------------------------------
+    Footer Container
+  --------------------------------------*/
+
+  #footer {
+    clear: right;
+    width: auto;
+    margin: 0 auto;
+    padding: 16px 0;
+  }
+
+  #footer-content {
+    width: auto;
+    margin: 0 auto;
+    width: 960px;
+  }
+
+  /*--------------------------------------
+    Admin Configration Container
+  --------------------------------------*/
+
+  #config_menu {
+    float: right;
+    width: 210px;
+    padding: 0 10px;
+  }
+
+  body.center-right #config_menu {
+    width: 200px;
+  }
+
+  #config_content {
+    float: right;
+    width: 710px;
+    padding: 10px;
+  }
+
+  body.center-right #config_content {
+    width: 600px;
+  }
+}
+
+/* Smaller than standard 1280 (devices and browsers) */
+@media only screen and (min-width: 768px) and (max-width: 962px) {
+
+  /* 2 Columns center-right */
+  /*==============================================================================
+    Layout Pattern:
+      * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+      * 2 Column ( Left Block * Center Block )              ...left-center
+      * 2 Column ( Center Block * Right Block )             ...center-right
+      * 1 Column ( Center Block )                           ...center
+  
+    Block Width:
+      * Container Width = 100%
+      * Site Width[W]         = auto
+      * Left   Block Width[L] = 280px
+      * Right  Block Width[R] = 280px
+      * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [L]       = auto + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [R]       = auto + left padding 10px + right padding 10px
+      * Center Block Width( 1 Column ) = [W]             = auto
+  ==============================================================================*/
+
+  #container {
+    position: relative;
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Header Container
+  --------------------------------------*/
+
+  #header {
+    width: auto;
+    margin: 0 auto;
+    height: 80px;
+  }
+
+  #header:before {
+    width: auto;
+  }
+
+  #header-content {
+    width: auto;
+    max-width: $layout-site-max-width;
+    margin: 0 auto;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Gloval Navigation Container
+  --------------------------------------*/
+
+  #navigation {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #navigation:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+    margin-bottom: -1px;
+  }
+
+  .navigation_content {
+    width: auto;
+    max-width: $layout-site-max-width;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Wrapper
+    Include contents Block level elements
+    (#leftblocks, #centerblocks, #rightblocks)
+  --------------------------------------*/
+
+  #wrapper {
+    width: auto;
+    max-width: $layout-site-max-width;
+    margin: 0 auto;
+  }
+
+  #wrapper:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+  }
+
+  /*--------------------------------------
+    Left Block Container
+    display if Left Block is appeared.
+  --------------------------------------*/
+
+  #leftblocks,
+  body.js_off #leftblocks {
+    overflow: visible;
+    float: left;
+    width: 230px;
+    margin: 0;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Center Block Container
+  --------------------------------------*/
+
+  #centerblocks {
+    overflow: visible;
+    float: right;
+    width: 100%;
+    margin-right: -230px;
+  }
+
+  body.js_off #centerblocks {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 3 Column ( left-center-right ) */
+  body.left-center-right #main-content,
+  body.js_off #main-content {
+    float: none;
+    width: auto;
+    margin: 0;
+    margin-right: 230px;
+    padding: 0 10px;
+  }
+
+  /* 2 Column ( left-center ) */
+  body.left-center #main-content {
+    float: none;
+    width: auto;
+    margin: 0;
+    margin-right: 230px;
+    padding: 0 10px;
+  }
+
+  /* 2 Column ( center-right ) */
+  body.center-right #main-content {
+    float: none;
+    width: auto;
+    margin: 0;
+    margin-right: 230px;
+    padding: 0 10px;
+  }
+
+  /* 1 Column ( center ) */
+  body.center #main-content {
+    width: 100%;
+  }
+
+  body.center #centerblocks {
+    float: right;
+    width: auto;
+    padding: 0 10px;
+    margin: 0;
+  }
+
+  /*--------------------------------------
+    Right Block Container
+    display if Right Block is appeared.
+  --------------------------------------*/
+
+  #rightblocks,
+  body.js_off #rightblocks {
+    overflow: visible;
+    clear: left;
+    float: left;
+    width: 230px;
+    margin: 0;
+  }
+
+  /*--------------------------------------
+    Footer Container
+  --------------------------------------*/
+
+  #footer {
+    clear: right;
+    width: 100%;
+    margin: 0 auto;
+    padding: 16px 0;
+  }
+
+  #footer-content {
+    width: auto;
+    max-width: $layout-site-max-width;
+    margin: 0 auto;
+  }
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+  /* 1 Columns */
+  /*==============================================================================
+    Layout Pattern:
+      * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+      * 2 Column ( Left Block * Center Block )              ...left-center
+      * 2 Column ( Center Block * Right Block )             ...center-right
+      * 1 Column ( Center Block )                           ...center
+  
+    Block Width:
+      * Container Width = 100%
+      * Site Width[W]         = auto
+      * Left   Block Width[L] = 280px
+      * Right  Block Width[R] = 280px
+      * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [L]       = auto + left padding 10px + right padding 10px
+      * Center Block Width( 2 Column ) = [W] - [R]       = auto + left padding 10px + right padding 10px
+      * Center Block Width( 1 Column ) = [W]             = auto
+  ==============================================================================*/
+
+  /*--------------------------------------
+    Container
+    Include All Block Level Element
+    (#header, #navigation, #wrapper, #footer)
+  --------------------------------------*/
+
+  #container {
+    position: relative;
+    width: auto;
+    margin: 0 auto;
+  }
+
+  /*--------------------------------------
+    Header Container
+  --------------------------------------*/
+
+  #header {
+    width: auto;
+    margin: 0 auto;
+    height: 60px;
+  }
+
+  #header:before {
+    width: auto;
+  }
+
+  #header-content {
+    width: auto;
+    margin: 0 auto;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Gloval Navigation Container
+  --------------------------------------*/
+
+  #navigation {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #navigation:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+    margin-bottom: -1px;
+  }
+
+  .navigation_content {
+    width: auto;
+    margin: 0 auto;
+    padding: 5px 0;
+  }
+
+  /*--------------------------------------
+    Wrapper
+    Include contents Block level elements
+    (#leftblocks, #centerblocks, #rightblocks)
+  --------------------------------------*/
+
+  #wrapper {
+    width: auto;
+    margin: 0 auto;
+  }
+
+  #wrapper:after {
+    content: "";
+    display: block;
+    clear: both;
+    height: 1px;
+    overflow: hidden;
+  }
+
+  /*--------------------------------------
+    Left Block Container
+    display if Left Block is appeared.
+  --------------------------------------*/
+
+  #leftblocks,
+  body.js_off #leftblocks {
+    overflow: visible;
+    clear: both;
+    float: right;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Center Block Container
+  --------------------------------------*/
+
+  #centerblocks {
+    overflow: visible;
+    float: none;
+    width: auto;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  body.js_off #centerblocks {
+    float: none;
+    width: auto;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /* 3 Column ( left-center-right ) */
+  body.left-center-right #main-content,
+  body.js_off #main-content {
+    float: none;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 2 Column ( left-center ) */
+  body.left-center #main-content {
+    float: none;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 2 Column ( center-right ) */
+  body.center-right #main-content {
+    float: none;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /* 1 Column ( center ) */
+  body.center #main-content {
+    width: 100%;
+  }
+
+  body.center #centerblocks {
+    float: right;
+    width: auto;
+    margin: 0;
+    padding: 0 10px;
+  }
+
+  /*--------------------------------------
+    Right Block Container
+    display if Right Block is appeared.
+  --------------------------------------*/
+
+  #rightblocks,
+  body.js_off #rightblocks {
+    overflow: visible;
+    clear: both;
+    float: right;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  /*--------------------------------------
+    Footer Container
+  --------------------------------------*/
+
+  #footer {
+    clear: right;
+    width: auto;
+    margin-top: -1px;
+    padding: 16px;
+  }
+
+  #footer-content {
+    width: auto;
+    margin: 0 auto;
+  }
+}
+
+/*--------------------------------------
+  Container
+--------------------------------------*/
+
+#container {
+  background-color: #FFF;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #container {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding: 0;
+    border: none;
+  }
+}
+
+#wrapper {
+  /* Adjust floating element */
+  overflow: visible;
+  background-color: transparent;
+  padding: 0;
+  padding-bottom: 2em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #wrapper {
+    padding: 0;
+    border: none;
+  }
+}
+
+/*--------------------------------------
+  Header Content
+--------------------------------------*/
+
+#header {
+  padding: 0;
+  background: -webkit-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  background: -moz-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  background: -o-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  background: -ms-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  background: linear-gradient(to bottom, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
+  height: 80px;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #header {
+    padding: 0;
+    border: none;
+  }
+}
+
+@media only screen and (max-width: 767px) {
+
+  #header {
+    -webkit-background-size: 256px auto;
+    -moz-background-size: 256px auto;
+    background-size: 256px auto;
+    height: 60px;
+    margin-top: 0;
+  }
+}
+
+/* Site Name */
+.site_name {
+  position: relative;
+  float: right;
+  font-size: 30px;
+  font-weight: bold;
+  text-shadow: 0 2px 2px rgba(0,0,0,.5);
+  line-height: 36px;
+  margin: 22px 20px 0 0;
+  padding: 0;
+}
+
+.site_name a:link,
+.site_name a:visited,
+.site_name a:hover {
+  color: #EEE;
+  text-decoration: none;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .site_name {
+    margin: 6px 8px 0 0;
+    font-size: 1.6em;
+    line-height: 1.6em;
+  }
+}
+
+/* Slogan */
+.site_slogan {
+  position: relative;
+  margin: 0;
+  padding: 16px 16px 0 16px;
+  float: left;
+  color: #FFF;
+  text-align: left;
+  text-shadow: 0 1px 1px rgba(0,0,0,.3);
+}
+
+@media only screen and (max-width: 767px) {
+
+  .site_slogan {
+    font-size: 75%;
+    clear: both;
+    float: none;
+    padding: 0 10px 0;
+    text-align: right;
+    line-height: 1.2em;
+  }
+}
+
+/*--------------------------------------
+  Gloval Navigation Content
+--------------------------------------*/
+
+/* Navigation Menu List */
+#navigation {
+  padding: 0;
+  background: #E7E7E7;
+  border-top: 1px solid #EEE;
+  border-bottom: 1px solid #C7C7C7;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  text-align: right;
+  text-shadow: 0 1px 0 #FFF;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #navigation {
+    padding: 0;
+  }
+}
+
+#navigation ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+#navigation li {
+  float: right;
+  margin: 0;
+  padding: 0;
+}
+
+#navigation li a {
+  font-size: 13px;
+  display: block;
+  line-height: 30px;
+  margin: 0;
+  padding: 0 7px;
+  border-left: 1px solid #D7D7D7;
+}
+
+#navigation li:first-child a {
+  border-right: 1px solid #D7D7D7;
+}
+
+/* Navigation Menu */
+.menuitem a,
+.menuitem a:link,
+.menuitem a:visited {
+  color: #666;
+}
+
+.menuitem a:hover,
+.menuitem a:focus,
+.menuitem a:active {
+  color: #2664A2;
+  text-decoration: none;
+  background: #DFDFDF;
+}
+
+.tinynav {
+  display: none;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .tinynav {
+    display: block;
+    width: 95%;
+    max-width: none;
+    margin: auto;
+  }
+}
+
+/*--------------------------------------
+  Center Block Content
+--------------------------------------*/
+
+/* Welcome Message */
+.welcome_msg {
+  margin: .5em 0 1.5em;
+  padding: .5em 0;
+  border-bottom: 1px solid #E7E7E7;
+  color: #888;
+}
+
+/* Block */
+#centerblocks section.block-center,
+#centerblocks div.block-center {
+  margin: 0 0 1em 0;
+  padding: 0 0 2em 0;
+}
+
+/*--------------------------------------
+  Footer Content
+--------------------------------------*/
+
+#footer {
+  border-top: 1px solid #CCC;
+  font-size: 12px;
+  color: #666;
+  background-color: transparent;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #footer {
+    border: none;
+  }
+}
+
+#footer a:link,
+#footer a:visited,
+#footer a:active {
+  color: #666;
+  text-decoration: none;
+}
+
+#footer a:hover {
+  color: #2664A2;
+  text-decoration: underline;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #footer {
+    border: none;
+    color: #999;
+    background-color: #284664;
+  }
+
+  #footer a:link,
+  #footer a:visited,
+  #footer a:active {
+    color: #999;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  }
+}
+
+/* Copyright */
+.copyright {
+  float: right;
+  margin: 0;
+  padding-right: 8px;
+  line-height: 1.4em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .copyright {
+    float: none;
+    margin: 0 0 1em 0;
+    padding-right: 0;
+    padding-left: 8px;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  }
+}
+
+/* Powered by & Page Execution Time */
+.site_info {
+  float: left;
+  margin: 0;
+  padding-left: 15px;
+  text-align: left;
+  line-height: 1.4em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .site_info {
+    float: none;
+    text-align: right;
+    margin: 0;
+    padding-right: 4px;
+    padding-left: 8px;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  }
+}
+
+/*--------------------------------------
+  Common Block Style
+--------------------------------------*/
+
+#leftblocks p,
+#rightblocks p {
+  line-height: 1.25;
+  margin: .7em 0;
+}
+
+#leftblocks ul,
+#rightblocks ul {
+  list-style-position: inside;
+  margin: .7em 0;
+  padding-right: .5em;
+}
+
+#leftblocks ol,
+#rightblocks ol {
+  list-style-position: inside;
+  margin: .7em 0;
+  padding-right: .9em;
+}
+
+#leftblocks li,
+#rightblocks li {
+  margin: 0 0 .25em 0;
+  padding: 0;
+}
+
+#leftblocks dl,
+#rightblocks dl {
+  margin: .7em 0;
+}
+
+#leftblocks input,
+#rightblocks input {
+  font-size: 95%;
+  margin-right: 0;
+  margin-left: 0;
+}
+
+#leftblocks .sideoption,
+#rightblocks .sideoption {
+  list-style: none outside;
+  color: #999;
+  margin: 0;
+  padding: 0;
+}
+
+#leftblocks .sideoption a,
+#rightblocks .sideoption a {
+  display: block;
+  color: #222;
+  height: 1.8em;
+  line-height: 1.8em;
+  overflow: hidden;
+  padding: 0 5px;
+  white-space: nowrap;
+  text-decoration: none;
+}
+
+#leftblocks .sideoption a:hover,
+#rightblocks .sideoption a:hover {
+  background-color: #F1F1F1;
+}
+
+#leftblocks .sideoption span,
+#rightblocks .sideoption span {
+  color: #999;
+  text-decoration: none;
+  margin-right: 3px;
+}
+
+#leftblocks .sideoption_off,
+#rightblocks .sideoption_off {
+  list-style: none outside;
+  color: #999;
+  display: block;
+  height: 1.8em;
+  line-height: 1.8em;
+  overflow: hidden;
+  margin: 0;
+  padding: 0 5px;
+  white-space: nowrap;
+}
+
+#leftblocks .sideoption_off span,
+#rightblocks .sideoption_off span {
+  color: #999;
+  text-decoration: none;
+  margin-right: 3px;
+}
+
+#leftblocks .sideoption_group_label,
+#rightblocks .sideoption_group_label {
+  color: #630;
+  font-size: 103%;
+  font-weight: bold;
+  height: 1.6em;
+  line-height: 1.6em;
+  overflow: hidden;
+  margin: 0;
+  padding: 0 5px;
+  white-space: nowrap;
+  border-bottom: 1px dotted #CCC;
+}
+
+#leftblocks .noliststyle,
+#rightblocks .noliststyle {
+  padding-right: 0;
+}
+
+#leftblocks .branch_level2 a,
+#rightblocks .branch_level2 a {
+  padding-right: 15px;
+}
+
+#leftblocks .branch_level3 a,
+#rightblocks .branch_level3 a {
+  padding-right: 25px;
+}
+
+#leftblocks .branch_level4 a,
+#rightblocks .branch_level4 a {
+  padding-right: 35px;
+}
+
+#leftblocks .sideoption_off.branch_level2,
+#rightblocks .sideoption_off.branch_level2 {
+  padding-right: 15px;
+}
+
+#leftblocks .sideoption_off.branch_level3,
+#rightblocks .sideoption_off.branch_level3 {
+  padding-right: 25px;
+}
+
+#leftblocks .sideoption_off.branch_level4,
+#rightblocks .sideoption_off.branch_level4 {
+  padding-right: 35px;
+}
+
+#leftblocks h3,
+#rightblocks h3,
+#leftblocks h4,
+#rightblocks h4 {
+  font-size: 100%;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #leftblocks,
+  #rightblocks {
+    background: #F7F7F7;
+  }
+
+  #leftblocks input,
+  #rightblocks input {
+    font-size: 16px;
+  }
+
+  #leftblocks input[type="submit"],
+  #rightblocks input[type="submit"] {
+    font-size: 14px;
+  }
+
+  #leftblocks .sideoption a,
+  #rightblocks .sideoption a,
+  #leftblocks .sideoption a:hover,
+  #rightblocks .sideoption a:hover,
+  #leftblocks .sideoption_off,
+  #rightblocks .sideoption_off {
+    background: url("images/arrow-right.png") no-repeat #F7F7F7;
+    -webkit-background-size: 24px auto;
+    -moz-background-size: 24px auto;
+    background-size: 24px auto;
+    background-position: left 50%;
+    border: 1px solid #CACACA;
+    color: #222;
+    display: block;
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: -1px;
+    padding: 4px 10px;
+    text-decoration: none;
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+    box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  }
+
+  #leftblocks .sideoption_off,
+  #rightblocks .sideoption_off {
+    color: #999;
+  }
+}
+
+#loginform-loginname,
+#loginform-passwd {
+  width: 50%;
+}
+
+/* Help Icon */
+h1 img,
+h2 img,
+h3 img,
+h4 img {
+  vertical-align: middle;
+}
+
+/*--------------------------------------
+  System Message Block
+--------------------------------------*/
+
+.block-message {
+  margin: 1.5em 0;
+  padding: 0;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  /* Title */
+  /* Message */
+}
+
+.block-message dl {
+  margin: 0;
+  padding: 0;
+}
+
+.block-message dt {
+  margin: 0;
+  padding: 4px 8px;
+  background: #3E6B98;
+  color: #EEEEEC;
+  text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  font-weight: bold;
+  border: 1px solid rgba(0,0,0,.2);
+  -webkit-border-radius: 6px 6px 0 0;
+  border-radius: 6px 6px 0 0;
+}
+
+.block-message dd {
+  margin: 0;
+  padding: 8px 12px;
+  background: #EEE;
+  color: #404040;
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+  border: 1px solid rgba(0,0,0,.2);
+  -webkit-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+}
+
+.block-message p {
+  margin: .2em 0;
+  line-height: 1.25;
+}
+
+/*--------------------------------------
+  Left Block and Right Block
+--------------------------------------*/
+
+/* Block */
+.block-left,
+.block-right,
+.block-list {
+  margin: 0 8px .5em 8px;
+  padding: 0 0 16px 0;
+  font-size: 13px;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .block-left,
+  .block-right,
+  .block-list {
+    font-size: 100%;
+    margin: 0 10px;
+    padding: 0;
+  }
+}
+
+/* Block Title */
+.block-title {
+  margin: 0 0 .5em 0;
+  padding: 0 0 .1em 0;
+  border-bottom: 1px solid #CCC;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 20px;
+}
+
+/*--------------------------------------
+  Search Form
+--------------------------------------*/
+
+#searchform fieldset {
+  margin-top: 15px;
+  padding: 0;
+}
+
+#searchform a {
+  line-height: 1.5em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #searchform fieldset {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    padding: 0;
+    text-align: center;
+  }
+
+  #searchform .searchform {
+    text-align: center;
+  }
+}
+
+.searchform {
+  line-height: 2.2em;
+  margin-bottom: .3em;
+}
+
+input[type="text"].search {
+  background: url("images/search.png") left center no-repeat #FFF;
+  padding-right: 24px;
+  width: 120px;
+  color: #999;
+}
+
+/*--------------------------------------
+  Login Form
+--------------------------------------*/
+
+/* authentication buttons */
+#login_facebook {
+  right: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 0;
+}
+
+#login_twitter {
+  right: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -23px;
+}
+
+#login_linkedin {
+  right: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -44px;
+}
+
+#login_google {
+  right: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -66px;
+}
+
+#login_yahoo {
+  right: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -88px;
+}
+
+#login_microsoft {
+  right: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -110px;
+}
+
+#login_github {
+  right: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -132px;
+}
+
+#login_openid {
+  right: 0;
+  width: 141px;
+  background: url("/images/oauth-login-with-sprite.png") no-repeat;
+  background-position: 0 -154px;
+}
+
+#loginform fieldset {
+  margin-top: 15px;
+  padding: 0;
+}
+
+#loginform .submit {
+  margin-bottom: .3em;
+}
+
+#loginform a {
+  line-height: 1.5em;
+}
+
+.form_part {
+  margin-bottom: .3em;
+}
+
+.form_part label {
+  display: block;
+  line-height: 1.2em;
+  margin-bottom: .3em;
+}
+
+/* Third party login */
+form.third-party-login {
+  margin: .1em 0;
+}
+
+form.third-party-login div {
+  position: relative;
+}
+
+form.third-party-login div img {
+  position: absolute;
+  right: 6px;
+  top: 6px;
+}
+
+form.third-party-login div input {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+form.third-party-login div input.submit {
+  text-indent: 24px;
+  font-size: 12px;
+  height: 28px;
+}
+
+div.third-party-login {
+  width: 164px;
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+  #navigation_ul {
+    display: none;
+  }
+
+  .block-title,
+  #block-left-search > h2 {
+    background: #3B6998;
+    color: #EEEEEC;
+    font-weight: bold;
+    padding: 8px 5px;
+    text-align: right;
+    font-size: 16px;
+    margin-right: -10px;
+    margin-left: -10px;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+    border-top: 1px solid #6F9BC7;
+    border-bottom: 1px solid #1F374F;
+  }
+
+  h2.show,
+  #block-left-search > h2.show {
+    background: url("images/arrow-down.png") no-repeat #3B6998;
+    -webkit-background-size: 36px auto;
+    -moz-background-size: 36px auto;
+    background-size: 36px auto;
+    background-position: left 50%;
+  }
+
+  h2.hide,
+  #block-left-search > h2.hide {
+    background: url("images/arrow-up.png") no-repeat #3B6998;
+    -webkit-background-size: 36px auto;
+    -moz-background-size: 36px auto;
+    background-size: 36px auto;
+    background-position: left 50%;
+  }
+
+  h2.block-title {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  #block-left-search > h2 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  #config_menu .block-title {
+    margin-right: -10px;
+    margin-left: -10px;
+  }
+
+  #search-configuration-container label {
+    margin: 0 0 .5em 0;
+    padding: 0 0 .1em 0;
+    display: block;
+    border-bottom: 1px solid #CCC;
+    background: #3B6998;
+    color: #EEEEEC;
+    font-weight: bold;
+    padding: 8px 5px;
+    text-align: right;
+    font-size: 16px;
+    margin-right: -10px;
+    margin-left: -10px;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  }
+
+  #search-configuration {
+    font-size: 16px;
+  }
+
+  .block-left-content,
+  .block-right-content,
+  .block-list-content {
+    padding: 10px 0;
+    text-shadow: 0 1px 0 #FFF;
+  }
+
+  #block-left-search > .block-left-content {
+    background: #F7F7F7;
+    padding: 10px;
+    margin: 0;
+  }
+
+  .noliststyle {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .sideoption:first-child a,
+  .sideoption_off:first-child {
+    -webkit-border-top-right-radius: 8px;
+    -webkit-border-top-left-radius: 8px;
+  }
+
+  .sideoption:last-child a,
+  .sideoption_off:last-child {
+    -webkit-border-bottom-right-radius: 8px;
+    -webkit-border-bottom-left-radius: 8px;
+  }
+}
+
+/*--------------------------------------
+  Story
+--------------------------------------*/
+
+/* Container */
+.storytext {
+  margin: 0 0 1.5em 0;
+  border-bottom: 1px solid #E7E7E7;
+  /* Table */
+}
+
+.storytext table {
+  text-align: right;
+  border-collapse: collapse;
+  margin: 1em .5em;
+}
+
+.storytext tr {
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+}
+
+.storytext th,
+.storytext td {
+  margin: 0;
+  padding: .2em .6em;
+  vertical-align: middle;
+  line-height: 160%;
+  border: 1px solid #DDD;
+}
+
+.storytext th {
+  font-weight: bold;
+  background: #F5F5F5;
+}
+
+.storytext img {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Story Title */
+.story_title {
+  float: right;
+  margin: 0 0 .5em 0;
+  font-size: 140%;
+  text-decoration: none;
+  color: #222;
+}
+
+.story_title a:link,
+.story_title a:visited {
+  color: #222;
+  text-decoration: none;
+}
+
+.story_title a:hover {
+  color: #2664A2;
+  text-decoration: underline;
+}
+
+/* Icon(email, print, pdf) */
+.story_icon {
+  float: left;
+}
+
+.story_icon img {
+  margin-right: 8px;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .story_icon {
+    display: none;
+  }
+}
+
+/* Story(Date, Auther, Display no.) */
+.story_status {
+  list-style-position: outside;
+  list-style-type: none;
+  clear: both;
+  margin: 0 0 1em 0;
+  padding-right: 1em;
+  color: #999;
+  font-size: 85%;
+  line-height: 1.25;
+}
+
+/* Story Body */
+.story_introtext {
+  margin: 0 0 2em 0;
+  line-height: 1.625;
+  zoom: 1;
+}
+
+.story_introtext:before,
+.story_introtext:after {
+  content: "";
+  display: table;
+}
+
+.story_introtext:after {
+  clear: both;
+}
+
+/* Topic Icon */
+.story_image {
+  float: left;
+  width: 48px;
+  height: 48px;
+  margin: 15px;
+}
+
+/* Navigation */
+.story_navi {
+  list-style-type: none;
+  clear: both;
+  margin: 0;
+  padding-right: 0;
+  text-align: center;
+}
+
+.story_navi li {
+  display: inline;
+  margin: 0 2px;
+}
+
+/* Comment and Trackback */
+.feedback {
+  list-style-type: none;
+  margin: 0 0 .5em 0;
+  padding-right: 0;
+  text-align: center;
+}
+
+.feedback li {
+  display: inline;
+  margin: 0 2px;
+}
+
+.article {
+  font-size: 100%;
+}
+
+/*--------------------------------------
+  Tooltips
+--------------------------------------*/
+
+.gl-tooltip span {
+  margin-left: -999em;
+  position: absolute;
+  text-align: right;
+  width: 250px;
+}
+
+.gl-tooltip:link,
+.gl-tooltip:visited {
+  color: #2664A2;
+  outline: none;
+  text-decoration: none;
+  position: relative;
+}
+
+.gl-tooltip:hover span {
+  -webkit-border-radius: 8px;
+  border-radius: 8px;
+  -webkit-box-shadow: 2px 2px 8px #666;
+  box-shadow: 2px 2px 8px #666;
+  font-size: 1em;
+  text-align: right;
+  white-space: normal;
+  font-family: Calibri, Tahoma, Geneva, sans, sans-serif;
+  position: absolute;
+  right: 2.2em;
+  top: 2.2em;
+  z-index: 99;
+  margin-left: 0;
+  width: 250px;
+}
+
+.gl-tooltip:hover img.icon {
+  border: 0;
+  margin: -15px -51px 0 0;
+  float: right;
+  position: absolute;
+}
+
+.gl-tooltip:hover em {
+  font-family: Candara, Tahoma, Geneva, sans, sans-serif;
+  font-size: 1.2em;
+  font-weight: bold;
+  display: block;
+  padding: .2em .4em .6em 0;
+}
+
+#gl-tooltip-icon {
+  border: 0;
+}
+
+span.classic {
+  padding: .8em 1em;
+}
+
+span.custom {
+  padding: .5em 2em .8em .8em;
+}
+
+span.classic {
+  background: #EEEEEC;
+  border: 2px solid #555753;
+}
+
+span.critical {
+  background: #F5F0F0;
+  border: 2px solid #A40000;
+}
+
+span.critical em {
+  color: #A40000;
+}
+
+span.help {
+  background: #EDF0F2;
+  border: 2px solid #204A87;
+}
+
+span.help em {
+  color: #204A87;
+}
+
+span.info {
+  background: #EDF0F2;
+  border: 2px solid #204A87;
+}
+
+span.info em {
+  color: #204A87;
+}
+
+span.warning {
+  background: #FCF7EF;
+  border: 2px solid #CE5C00;
+  font-weight: normal;
+  color: #000;
+}
+
+span.warning em {
+  color: #CE5C00;
+}
+
+/*--------------------------------------
+  Article Page
+--------------------------------------*/
+
+/* Related Information & Story Option */
+.list-whats-related,
+.list-story-options {
+  line-height: 1.7em;
+  margin: 0 20px 0 0;
+  padding: 0;
+}
+
+/* Article Related Block */
+.block-related {
+  float: right;
+  width: 50%;
+  margin: 0 0 1.5em 0;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .block-related {
+    float: none;
+    width: auto;
+  }
+}
+
+/*--------------------------------------
+  Comment Block
+--------------------------------------*/
+
+#commentarea {
+  clear: both;
+}
+
+/* Comment Information (Story Title | Comment Number | Username) */
+.commentbar_status {
+  text-align: center;
+  margin: 1em 0;
+}
+
+.bar_separator {
+  padding-right: 5px;
+  padding-left: 5px;
+  color: #CCC;
+}
+
+#commentbar {
+  padding: 3px;
+  background: none repeat scroll 0 0 #EEE;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  zoom: 1;
+}
+
+#commentbar:before,
+#commentbar:after {
+  content: "";
+  display: table;
+}
+
+#commentbar:after {
+  clear: both;
+}
+
+/* Comment Submit Form */
+#commentbar-comment {
+  float: right;
+  padding: .3em;
+}
+
+#commentbar-selector {
+  float: left;
+  padding: .3em;
+}
+
+/* Comment NOTE */
+.disclaimer {
+  text-align: center;
+  color: #666;
+  margin: .5em 0 1em;
+}
+
+#commentpreview {
+  margin: 0;
+  background: transparent;
+  border: 1px dashed #808080;
+  padding: 5px 10px;
+}
+
+#commenteditform {
+  margin: 0;
+  background: #F7F7F7;
+  border: 1px solid #E7E7E7;
+  padding: 10px;
+}
+
+/*--------------------------------------
+  Comment Body
+--------------------------------------*/
+
+/* Individual Comment (Tree) */
+.comment_thread {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0 0 .5em 0;
+  padding: 0;
+  text-align: right;
+}
+
+/* Individual Comment (Tree) Title */
+.thread_title {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+/* Individual Comment (Tree) Auther */
+.thread_author {
+  display: inline;
+  margin: 0 8px 0 0;
+  padding: 0;
+}
+
+.thread_author:before {
+  content: " - ";
+}
+
+/* Individual Comment */
+.block-comment-content {
+  margin: 0;
+  padding: 0;
+  text-align: right;
+}
+
+/* Individual Comment Level(Nested | Tree) */
+.level-0 {
+  margin-right: 0;
+}
+
+.level-25 {
+  margin-right: 16px;
+}
+
+.level-50 {
+  margin-right: 32px;
+}
+
+.level-75 {
+  margin-right: 48px;
+}
+
+.level-100 {
+  margin-right: 64px;
+}
+
+.level-125 {
+  margin-right: 80px;
+}
+
+.level-150 {
+  margin-right: 96px;
+}
+
+.level-175 {
+  margin-right: 112px;
+}
+
+.level-200 {
+  margin-right: 128px;
+}
+
+.level-225 {
+  margin-right: 144px;
+}
+
+.level-250 {
+  margin-right: 160px;
+}
+
+.level-275 {
+  margin-right: 176px;
+}
+
+.level-300 {
+  margin-right: 192px;
+}
+
+.level-325 {
+  margin-right: 208px;
+}
+
+.level-350 {
+  margin-right: 224px;
+}
+
+.level-375 {
+  margin-right: 240px;
+}
+
+.level-400 {
+  margin-right: 256px;
+}
+
+/* Comment Information */
+.comment_status {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Comment Title */
+.comment_title {
+  display: block;
+  margin: 1em 0 .5em 0;
+  padding: 4px;
+  border: 1px solid #E7E7E7;
+  background: #F7F7F7;
+}
+
+/* Comment Auther */
+.comment_author {
+  display: block;
+  margin: 0 0 1em 0;
+  padding: 0;
+  color: #666;
+}
+
+/* Comment Content */
+.comment_content {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/* Comment Navigation */
+.comment_navi {
+  clear: both;
+  color: #666;
+}
+
+/*--------------------------------------
+  Report Comment Form
+--------------------------------------*/
+
+/* Comment */
+.reportcomment {
+  margin: 0 0 1em 0;
+  padding: 0;
+  border-bottom: 1px solid #E7E7E7;
+}
+
+/*--------------------------------------
+  Comment Submit Form
+--------------------------------------*/
+
+/* Username */
+.dt-commentform-username {
+  display: inline;
+}
+
+.logoutorcreateaccount {
+  padding: 0 3px;
+}
+
+/* NOTE */
+.importantstuff {
+  margin-top: 0;
+}
+
+.ul-importantstuff {
+  margin: 0 1em 0 0;
+  padding: 0;
+}
+
+.li-importantstuff {
+  margin: 0 8px 0 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  Breadcrumbs List
+--------------------------------------*/
+
+.navbar-breadcrumbs {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.li-navbar-breadcrumbs {
+  display: inline;
+}
+
+.a-navbar-breadcrumbs {
+  margin: 0 8px;
+}
+
+/*--------------------------------------
+  Navigation
+--------------------------------------*/
+
+#navcontainer {
+  width: 100%;
+  margin-bottom: 10px;
+  padding-bottom: 2px;
+  font-size: 90%;
+  line-height: normal;
+  border-bottom: 1px solid #DDD;
+  height: 30px;
+}
+
+#navlist {
+  display: block;
+  margin: 0 0 20px 0;
+  padding: 0;
+  list-style: none;
+  /* Clearfixing tabs for beautiful stacking */
+}
+
+#navlist:before,
+#navlist:after {
+  content: "";
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+#navlist:after {
+  clear: both;
+}
+
+.li-navlist {
+  display: block;
+  width: auto;
+  height: 30px;
+  padding: 0;
+  float: right;
+  margin: 2px 0 0 -1px;
+}
+
+.li-navlist #current {
+  background: #FFF;
+  height: 29px;
+  position: relative;
+  top: -5px;
+  padding-top: 5px;
+  border-right-width: 1px;
+  margin: 0;
+  color: #111;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+  border-bottom-color: #FFF;
+}
+
+.li-navlist #current:first-child a {
+  border-width: 1px;
+  border-top-right-radius: 3px;
+}
+
+.li-navlist #current:last-child a {
+  border-top-left-radius: 3px;
+}
+
+.a-navlist {
+  display: block;
+  text-decoration: none;
+  width: auto;
+  height: 29px;
+  padding: 0 12px;
+  line-height: 30px;
+  border: solid 1px #DDD;
+  border-width: 1px;
+  margin: 0;
+  background: #F5F5F5;
+}
+
+.a-navlist:link,
+.a-navlist:visited,
+.a-navlist:hover {
+  color: #555;
+  text-decoration: none;
+}
+
+/*--------------------------------------
+  Page Navigation
+--------------------------------------*/
+
+.gl-pagenav {
+  text-align: center;
+  color: #CCC;
+  margin: 0 0 1.5em;
+  line-height: 1.4em;
+}
+
+.gl-pagenav a,
+.gl-pagenav b {
+  display: inline-block;
+  margin: 1px 2px;
+  padding: 2px 7px;
+  background: transparent;
+  border: 1px solid #E7E7E7;
+}
+
+.gl-pagenav b {
+  color: #222;
+}
+
+.gl-pagenav a:hover {
+  background: #EEE;
+  border: 1px solid #CCC;
+}
+
+.gl-pagenav span {
+  display: inline-block;
+  color: #999;
+}
+
+.gl-pagenav span a {
+  margin: 0;
+  padding: 2px 0;
+  background: transparent;
+  border: none;
+}
+
+.gl-pagenav span a:hover {
+  background: transparent;
+  border: none;
+}
+
+.gl-pagenav .divider {
+  padding: 0;
+  margin: 0 4px;
+}
+
+/*--------------------------------------
+  Breadcrumbs Navigation
+--------------------------------------*/
+
+.bc_navigation {
+  margin: -1em 0 1em;
+}
+
+/*--------------------------------------
+  My Account Page
+--------------------------------------*/
+
+#exclude_topic > .checkboxes-list > li,
+#boxesblock > .checkboxes-list > li {
+  /* display: inline */
+  margin-left: .5em;
+}
+
+/*--------------------------------------
+  Access Information Page
+--------------------------------------*/
+
+.itemstatistics {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  border-collapse: collapse;
+}
+
+.itemstatistics th {
+  margin: 0;
+  padding: 2px;
+  text-align: right;
+}
+
+.itemstatistics td {
+  margin: 0;
+  padding: 2px;
+}
+
+/*--------------------------------------
+  Trackback
+--------------------------------------*/
+
+/* Trackback Block */
+#trackback {
+  clear: both;
+}
+
+/* Trackback Content */
+.block-trackback-content {
+  border-bottom: 1px solid #E7E7E7;
+}
+
+.block-trackback-content > p {
+  margin: 0 0 1em 0;
+}
+
+/* Description */
+.trackback_comments_no_link {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/* Recept Trackback Block */
+.formattedcomment {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/* Recept Trackback Information */
+.trackback_status {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Recept Trackback Title */
+.trackback_title {
+  margin: 0 0 .5em 0;
+  padding: 4px;
+  border: 1px solid #E7E7E7;
+  background: #F7F7F7;
+}
+
+/* Recept Trackback Recept Date */
+.trackback_date {
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+/* Recept Trackback Summary */
+.trackback_excerpt_readmore {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  Profile
+--------------------------------------*/
+
+/* Account Information */
+#profile-userprofile {
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  zoom: 1;
+}
+
+#profile-userprofile:before,
+#profile-userprofile:after {
+  content: "";
+  display: table;
+}
+
+#profile-userprofile:after {
+  clear: both;
+}
+
+#profile-userprofile dt {
+  float: right;
+  clear: right;
+  width: 25%;
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+#profile-userprofile dd {
+  float: right;
+  width: 75%;
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+/* Photo */
+dd#profile-user_photo {
+  float: none;
+  width: auto;
+  margin-right: 25%;
+  margin-bottom: 1em;
+}
+
+@media only screen and (max-width: 767px) {
+
+  dd#profile-user_photo {
+    margin-right: 50%;
+  }
+}
+
+/* Recent Submit | User Recent Comment */
+.storyrow,
+.commentrow {
+  margin: 0;
+  padding: 0;
+}
+
+.storyrow a,
+.commentrow a {
+  margin: 0 0 0 8px;
+  padding: 0;
+}
+
+/* Submit Story | Comment Total */
+#profile-postingstats {
+  margin: 0;
+  padding: 0;
+}
+
+#profile-postingstats dt {
+  float: right;
+  clear: right;
+  width: 25%;
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+#profile-postingstats dd {
+  float: right;
+  width: 75%;
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+
+@media only screen and (max-width: 767px) {
+
+  #profile-userprofile dt,
+  #profile-userprofile dd,
+  #profile-postingstats dt,
+  #profile-postingstats dd {
+    width: 50%;
+  }
+}
+
+/* User All Submit Search Link */
+#profile-all_postings_by {
+  clear: right;
+  padding-top: 1em;
+}
+
+/*--------------------------------------
+  Admin Common Style
+--------------------------------------*/
+
+/* Basic Editor */
+.admin_basic {
+  padding: .5em 2em;
+}
+
+@media only screen and (max-width: 962px) {
+
+  .admin_basic {
+    padding: .5em 0;
+  }
+}
+
+/*--------------------------------------
+  Admin Top Menu Style
+--------------------------------------*/
+
+#admin-topmenu {
+  margin-bottom: 2em;
+  border: 1px solid rgba(0,0,0,.2);
+  padding: 10px 5px;
+  line-height: 1.25;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+}
+
+.admin-menu-icon {
+  float: right;
+  padding: 5px;
+  margin-left: 10px;
+  width: 48px;
+  height: 48px;
+}
+
+#instructions {
+  padding: 5px;
+}
+
+#instructions > p {
+  margin: 0 0 5px 0;
+  line-height: 1.25;
+}
+
+#admin-menu-fields {
+  color: #CCC;
+}
+
+.admin-topic-image {
+  margin: 0 0 0 5px;
+  vertical-align: middle;
+}
+
+/*--------------------------------------
+  Group Editor
+--------------------------------------*/
+
+#rights_options {
+  width: 100%;
+  font-size: 11px;
+}
+
+/*--------------------------------------
+  Group Member Editor
+--------------------------------------*/
+
+.listmembers {
+  float: right;
+  width: 35%;
+  height: 15em;
+}
+
+#admin-groupmembers-fieldFrom,
+#admin-groupmembers-fieldTo {
+  width: 100%;
+  height: 100%;
+}
+
+.movemembers {
+  float: right;
+  width: 30%;
+  padding-top: 5em;
+  text-align: center;
+  height: 12em;
+}
+
+.movebutton {
+  margin: .5em 0;
+  text-align: center;
+}
+
+/*--------------------------------------
+  Admin Page
+--------------------------------------*/
+
+/* Admin List Table */
+.admin-list-table {
+  margin: 0;
+  width: 100%;
+  text-align: right;
+  font-size: 90%;
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 1px solid rgba(0,0,0,.2);
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+}
+
+@media only screen and (max-width: 1199px) {
+
+  .admin-list-table {
+    width: 900px;
+  }
+}
+
+.fieldset-table-wrapper > .admin-list-table {
+  width: 100%;
+}
+
+.admin-list-table tr {
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+}
+
+.admin-list-table th,
+.admin-list-table td {
+  vertical-align: middle;
+  line-height: 1.1em;
+  height: 2.3em;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.admin-list-table th {
+  color: #222;
+  background-color: #DAE0ED;
+}
+
+.admin-list-table img {
+  vertical-align: middle;
+}
+
+.admin-list-table td,
+.admin-list-table th {
+  border-right: 1px solid rgba(0,0,0,.2);
+  border-top: 1px solid rgba(0,0,0,.2);
+}
+
+.admin-list-table th {
+  background-color: #A5C3E2;
+  background-image: -webkit-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -moz-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -o-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -ms-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: linear-gradient(to bottom, hsla(210,52%,90%,1), #A5C3E2);
+  border-top: none;
+}
+
+.admin-list-table th:first-child,
+.admin-list-table td:first-child {
+  border-right: none;
+}
+
+.admin-list-table th:first-child {
+  -webkit-border-radius: 0 5px 0 0;
+  border-radius: 0 5px 0 0;
+}
+
+.admin-list-table th:last-child {
+  -webkit-border-radius: 5px 0 0 0;
+  border-radius: 5px 0 0 0;
+}
+
+.admin-list-table tr:last-child td:first-child {
+  -webkit-border-radius: 0 0 5px 0;
+  border-radius: 0 0 5px 0;
+}
+
+.admin-list-table tr:last-child td:last-child {
+  -webkit-border-radius: 0 0 0 5px;
+  border-radius: 0 0 0 5px;
+}
+
+.admin-table-changer {
+  display: none;
+  text-align: left;
+  margin-left: 2px;
+  margin-bottom: 2px;
+}
+
+@media only screen and (max-width: 1199px) {
+
+  .admin-table-changer {
+    display: block;
+  }
+}
+
+.admin-table-changer a {
+  width: 60px;
+  text-align: center;
+  font-size: 85%;
+  padding: 2px 6px;
+}
+
+.table-wrapper {
+  width: 100%;
+  overflow: scroll;
+}
+
+.table-wrapper-fit {
+  width: 100%;
+  overflow: visible;
+}
+
+.table-wrapper-fit > .admin-list-table {
+  width: 100%;
+}
+
+/* Navigation */
+.admin-list-navi {
+  margin-top: .5em;
+}
+
+/* Message */
+.admin-list-message {
+  margin: 1em 0 0 0;
+  padding: 0;
+  text-align: center;
+}
+
+.admin-list-search {
+  text-align: center;
+  margin: .5em 0;
+  zoom: 1;
+}
+
+.admin-list-search:before,
+.admin-list-search:after {
+  content: "";
+  display: table;
+}
+
+.admin-list-search:after {
+  clear: both;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .admin-list-search {
+    text-align: right;
+  }
+}
+
+.admin-list-smalltable {
+  margin: 0 0 .5em 0;
+  border-collapse: separate;
+  border-spacing: 1px;
+  font-size: 13px;
+}
+
+.admin-list-headerfield {
+  padding: 4px;
+}
+
+.admin-list-field {
+  padding: 4px;
+}
+
+.admin-list-field a {
+  padding: 4px 6px;
+}
+
+.search-part {
+  display: inline-block;
+  margin-left: 5px;
+  white-space: nowrap;
+}
+
+@media only screen and (max-width: 767px) {
+
+  .search-part {
+    display: block;
+  }
+}
+
+/*--------------------------------------
+  Permission Style
+--------------------------------------*/
+
+#admin-permissions {
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 1px solid rgba(0,0,0,.2);
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  margin: 0 0 .5em 0;
+  font-size: 13px;
+}
+
+#admin-permissions td,
+#admin-permissions th {
+  border-right: 1px solid rgba(0,0,0,.2);
+  border-top: 1px solid rgba(0,0,0,.2);
+}
+
+#admin-permissions th {
+  background-color: #A5C3E2;
+  background-image: -webkit-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -moz-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -o-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: -ms-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
+  background-image: linear-gradient(to bottom, hsla(210,52%,90%,1), #A5C3E2);
+  border-top: none;
+}
+
+#admin-permissions th:first-child,
+#admin-permissions td:first-child {
+  border-right: none;
+}
+
+#admin-permissions th:first-child {
+  -webkit-border-radius: 0 5px 0 0;
+  border-radius: 0 5px 0 0;
+}
+
+#admin-permissions th:last-child {
+  -webkit-border-radius: 5px 0 0 0;
+  border-radius: 5px 0 0 0;
+}
+
+#admin-permissions tr:last-child td:first-child {
+  -webkit-border-radius: 0 0 5px 0;
+  border-radius: 0 0 5px 0;
+}
+
+#admin-permissions tr:last-child td:last-child {
+  -webkit-border-radius: 0 0 0 5px;
+  border-radius: 0 0 0 5px;
+}
+
+#admin-permissions th,
+#admin-permissions td {
+  font-weight: bold;
+  text-align: center;
+  padding: 4px;
+}
+
+/*--------------------------------------
+  Command and Control Page
+--------------------------------------*/
+
+.admin-commandcontrol {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.admin-commandcontrol li {
+  float: right;
+  width: 12.5%;
+  height: 8em;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+@media only screen and (max-width: 1199px) {
+
+  .admin-commandcontrol li {
+    width: 16.66%;
+  }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 962px) {
+
+  .admin-commandcontrol li {
+    width: 20%;
+  }
+}
+
+@media only screen and (max-width: 767px) {
+
+  .admin-commandcontrol li {
+    width: 25%;
+  }
+}
+
+@media only screen and (max-width: 479px) {
+
+  .admin-commandcontrol li {
+    width: 33.33%;
+  }
+}
+
+.admin-commandcontrol a {
+  display: block;
+  font-size: 90%;
+  margin: 5px 0;
+}
+
+/*--------------------------------------
+  Plugin Page
+--------------------------------------*/
+
+#admin-editor #title {
+  font-size: 13px;
+  font-weight: bold;
+  position: relative;
+  top: 10px;
+}
+
+/* Used by lib-plugin.php to display dependencies */
+b.notbold {
+  font-weight: normal;
+}
+
+b.status_red {
+  display: inline;
+  color: #A40000;
+}
+
+b.status_orange {
+  display: inline;
+  color: #B25000;
+}
+
+b.status_green {
+  display: inline;
+  color: #3D7805;
+}
+
+b.status_black {
+  display: inline;
+  color: #000;
+}
+
+/*--------------------------------------
+  Story Editor
+--------------------------------------*/
+
+.story_editor {
+  margin: 0 0 1em 0;
+  padding: 8px;
+  border: 1px solid #CCC;
+}
+
+.story_editor dl {
+  margin-bottom: 0;
+}
+
+.story_editor dt {
+  width: 14%;
+}
+
+.story_editor dd {
+  width: 85%;
+}
+
+@media only screen and (max-width: 962px) {
+
+  .story_editor dt {
+    width: auto;
+  }
+
+  .story_editor dd {
+    width: auto;
+  }
+}
+
+#text_editor dd.description {
+  margin-right: 15%;
+}
+
+#admin-storyeditor-introtext,
+#admin-storyeditor-bodytext {
+  width: 98%;
+}
+
+/* Preview */
+#preview {
+  margin: 1em 0;
+  padding: 1em 0;
+  border-top: 1px solid #CCC;
+  border-bottom: none;
+}
+
+/* Story Stats */
+.story_stats {
+  display: inline-block;
+  float: right;
+  margin-left: 2em;
+}
+
+/*--------------------------------------
+  Topic Editor
+--------------------------------------*/
+
+/* TopicList */
+#admin-topiclist {
+  list-style-position: outside;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+#admin-topiclist li {
+  float: right;
+  width: 20%;
+  height: 8em;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+#admin-topiclist a {
+  display: block;
+}
+
+/*--------------------------------------
+  Trackback
+--------------------------------------*/
+
+.trackback-message {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/*--------------------------------------
+  User Editor
+--------------------------------------*/
+
+/* User Images */
+.userphoto {
+  margin: .5em 0 0 .5em;
+}
+
+/* Security Group Instructions */
+.groupinstructions {
+  margin: 0 0 .5em 0;
+}
+
+/*--------------------------------------
+  Reminder
+--------------------------------------*/
+
+#reminder-submit {
+  margin: .5em 0;
+}
+
+/*--------------------------------------
+  Enviroment Check
+--------------------------------------*/
+
+.pathtext {
+  font-size: 11px;
+  color: #666;
+}
+
+.pathtext-status {
+  text-align: left;
+  white-space: nowrap;
+}
+
+.yes,
+.iswriteable {
+  font-weight: bold;
+  color: #46882B;
+}
+
+.no,
+.notok,
+.notwriteable {
+  font-weight: bold;
+  color: #C00;
+}
+
+/* PHPInfo Panel style and button */
+#panel_phpinfo {
+  padding: 5px;
+  width: 600px;
+  margin: auto;
+  text-align: center;
+}
+
+#toggle_phpinfo {
+  padding: 5px;
+  width: 200px;
+  margin: auto;
+  text-align: center;
+  border: solid 1px #C3C3C3;
+}
+
+#panel_phpinfo {
+  padding: 50px;
+  display: none;
+}
+
+/*--------------------------------------
+  Admin Configration
+--------------------------------------*/
+
+#config_menu {
+  float: right;
+  padding: 0 10px;
+}
+
+.block-config,
+#search-configuration-container {
+  margin: 0 0 .5em;
+  padding: 8px 0;
+  text-align: right;
+}
+
+.block-config-title,
+#search-configuration-container label {
+  margin: 0 0 .5em 0;
+  padding: 0 0 .1em 0;
+  display: block;
+  border-bottom: 1px solid #CCC;
+  font-size: 105%;
+  font-weight: bold;
+}
+
+.block-config-content {
+  padding-right: 5px;
+}
+
+.configoption {
+  list-style: none outside;
+  color: #999;
+  margin: 0;
+  padding: 0;
+}
+
+.configoption a {
+  display: block;
+  color: #222;
+  height: 1.8em;
+  line-height: 1.8em;
+  overflow: hidden;
+  padding: 0 5px;
+  white-space: nowrap;
+  text-decoration: none;
+}
+
+.configoption a:hover {
+  background-color: #F1F1F1;
+}
+
+.configoption_off {
+  list-style: none outside;
+  color: #999;
+  display: block;
+  height: 1.8em;
+  line-height: 1.8em;
+  overflow: hidden;
+  margin: 0;
+  padding: 0 5px;
+  white-space: nowrap;
+}
+
+#config_content {
+  float: right;
+  padding: 10px;
+}
+
+body.center-right #config_content {
+  width: 600px;
+}
+
+#geeklog_config_editor {
+  zoom: 1;
+}
+
+#geeklog_config_editor:before,
+#geeklog_config_editor:after {
+  content: "";
+  display: table;
+}
+
+#geeklog_config_editor:after {
+  clear: both;
+}
+
+#config_main {
+  width: 100%;
+}
+
+#search-configuration {
+  width: 90%;
+  margin: 10px 5px 10px 0;
+}
+
+.inputTable {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.config_label {
+  float: right;
+  width: 35%;
+  padding: .5em 0;
+}
+
+.restore {
+  padding: .5em 0;
+}
+
+.config_input {
+  float: right;
+  width: 53%;
+}
+
+.config_name {
+  clear: right;
+  margin: 5px 0;
+  padding: 5px;
+}
+
+.config_name input[type="text"],
+.config_name textarea {
+  width: 53%;
+}
+
+.config_name select {
+  width: 54.5%;
+  max-width: none;
+}
+
+/* Smaller than standard 1280 (devices and browsers) */
+@media only screen and (max-width: 962px) {
+
+  body.center #config_menu {
+    width: 100%;
+    padding: 0;
+  }
+
+  body.center #config_content {
+    float: right;
+    width: 100%;
+    padding: 10px 0;
+  }
+
+  .configoption {
+    display: inline-block;
+    border: 1px solid #666;
+    border-color: #BEDAF3;
+    -webkit-border-radius: 2px 2px 2px 2px;
+    border-radius: 2px 2px 2px 2px;
+    background: #E4EDF5;
+    color: #369;
+    margin: .2em 0;
+    margin-left: .4em;
+  }
+
+  .configoption a {
+    overflow: visible;
+    padding: 0 10px;
+    height: 1.8em;
+    line-height: 1.8em;
+    color: #369;
+  }
+
+  .configoption_off {
+    display: inline-block;
+    border: 1px solid #666;
+    border-color: #79B1E7;
+    -webkit-border-radius: 2px 2px 2px 2px;
+    border-radius: 2px 2px 2px 2px;
+    background: #A8C4E0;
+    color: #2A527A;
+    font-weight: bold;
+    overflow: visible;
+    margin: .2em 0;
+    margin-left: .4em;
+    padding: 0 10px;
+    height: 1.8em;
+    line-height: 1.8em;
+  }
+
+  #text_editor dd.description {
+    margin-right: 0;
+  }
+}
+
+/* Tablet Portrait size to standard 960 (devices and browsers) */
+@media only screen and (min-width: 768px) and (max-width: 962px) {
+
+  #config_menu {
+    float: right;
+    width: 728px;
+    padding: 0 10px;
+  }
+
+  body.center-right #config_menu {
+    width: 508px;
+  }
+
+  #config_content {
+    float: right;
+    width: 728px;
+    padding: 10px;
+  }
+
+  body.center-right #config_content {
+    width: 508px;
+  }
+
+  .block-config,
+  #search-configuration-container {
+    margin: 0;
+    padding: 5px 0;
+  }
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+
+  #geeklog_config_editor {
+    padding: 0;
+  }
+
+  #config_menu {
+    float: right;
+    width: 100%;
+    padding: 0;
+  }
+
+  body.center-right #config_menu {
+    width: 100%;
+  }
+
+  #config_content {
+    float: right;
+    width: 100%;
+    padding: 10px 0;
+  }
+
+  body.center-right #config_content {
+    width: 100%;
+  }
+
+  .config_label {
+    float: right;
+    width: 100%;
+    padding: 0;
+    font-weight: bold;
+  }
+
+  .restore {
+    padding: .5em 0;
+  }
+
+  .config_input {
+    float: right;
+    width: 90%;
+  }
+
+  .config_name {
+    margin: 5px 0;
+    padding: 5px;
+  }
+
+  .config_name input[type="text"],
+  .config_name textarea {
+    width: 95%;
+  }
+
+  .config_name select {
+    max-width: none;
+    width: 98%;
+  }
+
+  .block-config,
+  #search-configuration-container {
+    margin: 0;
+    padding: 5px 0;
+  }
+}
diff --git a/public_html/layout/default/css_rtl/style.min.css b/public_html/layout/default/css_rtl/style.min.css
new file mode 100644
index 000000000..59c3de4a2
--- /dev/null
+++ b/public_html/layout/default/css_rtl/style.min.css
@@ -0,0 +1,2 @@
+/* Geeklog Denim Theme 1.1.0 | Copyright (C) 2012-2015 by dengen | http://www.trybese.com/~dengen/log/ | License:GPLv2 */
+address,blockquote,dl,fieldset,figure,ol,p,pre,ul{margin-top:0}h1,h2{font-size:20px;margin:.3em 0}h3,h4,h5,h6{margin:.5em 0}address{font-style:normal;font-weight:400}q:before{content:open-quote}q:after{content:close-quote}cite,dfn,em,var{font-style:italic}code,kbd,samp{font-family:monospace}abbr[title],acronym[title]{border-bottom:1px dotted}a{color:#2664A2;outline:0}a:hover{color:#2664A2;text-decoration:underline}dl,ol,ul{margin:1em 0}dt{font-weight:700;margin-right:20px}dd{margin-right:20px}ins{text-decoration:underline}del{text-decoration:line-through}textarea{font-size:100%;width:75%;min-height:60px}hr{height:1px;border:none;border-top:1px solid #CCC;margin:.5em auto}sub{vertical-align:sub;font-size:.83em;line-height:normal}sup{vertical-align:super;font-size:.83em;line-height:normal}fieldset{margin:0 0 1em;padding:8px 12px;border:1px solid #CCC;-webkit-border-radius:4px;border-radius:4px}legend{padding:2px 4px}iframe[width="100%"]{width:99%}em{font-weight:700}img{border:none;vertical-align:bottom}table img{vertical-align:middle}@media only screen and (max-width:479px){select{max-width:270px}}select{height:28px;line-height:28px}select.multiple,select[multiple=multiple]{height:auto}option{padding-left:4px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{border:1px solid #AAA;color:#222;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}input[type=submit]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner{border:0;padding:0}input[type=submit],input[type=button],input[type=reset]{-webkit-appearance:none;margin:0;border:none;overflow:visible;font:inherit;color:#444;text-transform:none;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 12px;background:#F7F7F7;vertical-align:middle;line-height:28px;min-height:30px;font-size:1rem;text-decoration:none;text-align:center;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);-webkit-background-origin:border;-moz-background-origin:border;background-origin:border-box;background-image:-webkit--webkit-linear-gradient(top,#FFF,#EEE);background-image:-webkit--moz-linear-gradient(top,#FFF,#EEE);background-image:-webkit--o-linear-gradient(top,#FFF,#EEE);background-image:-webkit--ms-linear-gradient(top,#FFF,#EEE);background-image:-webkit-linear-gradient(top,#FFF,#EEE);background-image:-moz-linear-gradient(top,#FFF,#EEE);background-image:-o-linear-gradient(top,#FFF,#EEE);background-image:-ms-linear-gradient(top,#FFF,#EEE);background-image:linear-gradient(to bottom,#FFF,#EEE);-webkit-border-radius:4px;border-radius:4px;text-shadow:0 1px 0 #FFF}input[type=submit]:not(:disabled),input[type=button]:not(:disabled),input[type=reset]:not(:disabled){cursor:pointer}input[type=submit]:focus,input[type=submit]:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover{background-color:#FAFAFA;color:#444;outline:0;text-decoration:none;background-image:none}input[type=submit].uk-active,input[type=submit]:active,input[type=button].uk-active,input[type=button]:active,input[type=reset].uk-active,input[type=reset]:active{background-color:#F5F5F5;color:#444;border-color:rgba(0,0,0,.3) rgba(0,0,0,.2) rgba(0,0,0,.2);background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled{background-color:#FAFAFA;color:#999;border-color:rgba(0,0,0,.2);background-image:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:0 1px 0 #FFF}.uk-button-group input[type=submit],.uk-button-group input[type=button],.uk-button-group input[type=reset]{vertical-align:top}.uk-button-group>div:not(:first-child):not(:last-child) input[type=submit],.uk-button-group>div:not(:first-child):not(:last-child) input[type=button],.uk-button-group>div:not(:first-child):not(:last-child) input[type=reset]{-webkit-border-radius:0;border-radius:0}.uk-button-group>div:first-child input[type=submit],.uk-button-group>div:first-child input[type=button],.uk-button-group>div:first-child input[type=reset]{border-top-left-radius:0;border-bottom-left-radius:0}.uk-button-group>div:last-child input[type=submit],.uk-button-group>div:last-child input[type=button],.uk-button-group>div:last-child input[type=reset]{border-top-right-radius:0;border-bottom-right-radius:0}.uk-button-group>div:nth-child(n+2) input[type=submit],.uk-button-group>div:nth-child(n+2) input[type=button],.uk-button-group>div:nth-child(n+2) input[type=reset]{margin-right:-1px}.uk-contrast input[type=submit],.uk-contrast input[type=button],.uk-contrast input[type=reset]{color:#444;background:#FFF;border-color:transparent}.uk-contrast input[type=submit]:focus,.uk-contrast input[type=submit]:hover,.uk-contrast input[type=button]:focus,.uk-contrast input[type=button]:hover,.uk-contrast input[type=reset]:focus,.uk-contrast input[type=reset]:hover{background-color:rgba(255,255,255,.8);color:#444;border-color:transparent}.uk-contrast input[type=submit].uk-active,.uk-contrast input[type=submit]:active,.uk-contrast input[type=button].uk-active,.uk-contrast input[type=button]:active,.uk-contrast input[type=reset].uk-active,.uk-contrast input[type=reset]:active{background-color:rgba(255,255,255,.7);color:#444;-webkit-box-shadow:none;box-shadow:none}.uk-form button,.uk-form input,.uk-form select,.uk-form textarea{margin:0 1px 2px}.uk-form>.admin-list-search{margin-bottom:.5em}.blocklist ul{list-style:none;padding:0;margin:0}.alignleft{text-align:right}.alignright{text-align:left}.aligncenter{text-align:center}.aligntop{vertical-align:top}.floatright{float:left}.floatleft{float:right}.clearboth{clear:both}.clearfix:after{content:".";display:block;height:1px;clear:both;overflow:hidden;visibility:hidden}.b{font-weight:700}.ext-link{background:url(../images/external.png) center right no-repeat;padding-left:13px}.feed-link{background:url(../images/feed.png) center right no-repeat;padding:2px 0 2px 16px}.strike{text-decoration:line-through}.break-word,.url{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow:auto}.fieldhelp{font-size:.85em;color:#666;padding-right:.8em;padding-left:.8em}.form-description{font-weight:700;float:right;width:100px;text-align:left;padding-left:5px;display:block}.form-field{padding-bottom:5px;margin-right:105px}.checkboxes-list{list-style:none;padding:0;margin:0}.checkboxes-list span{padding-right:5px}.checkboxes-list .gldefault{font-weight:700}.highlight{color:#000;background-color:#FF0;text-decoration:none}.inputTable td{padding:4px;vertical-align:top}.inputTable label{font-weight:700;float:left;white-space:nowrap}.nowrap{white-space:nowrap}.pagenav{text-align:center;line-height:1.5}.row_center td{text-align:center}.searchresult-byline{color:green}.sysmessage img{border:none;float:right;margin-top:-4px;padding-bottom:3px;padding-left:5px}.stats-list-count{text-align:left;padding-right:5px;padding-left:5px}.stats-header-title{text-align:right;width:90%;padding-right:5px;padding-left:5px}.stats-header-count{text-align:right;width:10%;padding-right:5px;padding-left:5px}#token-expirynotice{padding:1em;border:1px solid #CCC;background:#F7F7F7}#token-expirytime{font-weight:700}.warning{background:0 0;color:#D14;font-weight:700}.warningsmall{background:0 0;color:#D14}.plugin{color:#000;background-color:#EFEFEF;font-weight:400;border:1px solid #CCC}.plugin th{color:#000;background-color:#B7C1DC;padding:5px;text-align:right}.plugin tr{vertical-align:top}.plugin td{padding:2px 5px}.pluginBG{color:#FEFEFE;background-color:#7398BA}.pluginAltBG{background-color:#7398BA}.pluginAltBG td{color:#FFF}.pluginCellTitle{color:#666;font-weight:700;background-color:#E6E6E6;padding:5px}.pluginCellFill{background-color:#F8FAFD}.pluginCellText{color:#636363;font-weight:400}.pluginHeader{color:#204275;font-weight:bolder;padding-top:3px;padding-bottom:3px}.pluginFooter,.pluginFooter td{background-color:#507AA1;color:#FFF}.pluginAlert{padding:5px 15px;color:#D8010E;background-color:#FEF1B4;font-weight:700;margin-bottom:1em}.pluginInfo{padding:5px 15px;color:#707070;background-color:#FEF1B4;font-weight:400}.pluginSubTable{color:#000;background-color:#CCC;font-weight:400;border:1px solid #CCC}.pluginSubTable th{color:#000;background-color:#C9D1E4;padding:5px;text-align:right}.pluginSubTable tr{vertical-align:top}.pluginSolidOutline{background-color:#CCC}.pluginSolidFill{background-color:#1A3955}.pluginTitle{background-color:#507AA1;color:#F5F9FF;padding:4px 6px}.pluginCellSubTitle{background-color:#F7F7F7;color:#000;padding:4px 6px}.pluginTinyText{font-size:.7em}.pluginSmallText{font-size:.8em}.pluginMediumText{font-size:1em}.pluginLargeText{font-size:1.25em}.pluginAltText{color:#FFF}.pluginRow1,.pluginRow1 td{color:#222;background-color:#F7F7F7;line-height:120%}.pluginRow2,.pluginRow2 td{color:#222;background-color:#E7E7E7;line-height:120%}.pluginRollOver,.pluginRow1 .pluginRollOver,.pluginRow2 .pluginRollOver{color:#222;background-color:#FFFF8F;line-height:120%}.pluginRollOut,.pluginRow1 .pluginRollOut,.pluginRow2 .pluginRollOut{color:#222;background-color:#F7F7F7;line-height:120%}.pluginLinks a:link,.pluginLinks a:visited{color:#000;font-style:normal;font-weight:400;text-decoration:none}.pluginLinks a:hover{color:#000;font-style:normal;font-weight:400;text-decoration:underline}.pluginBreadCrumbs,.pluginBreadCrumbs a:hover,.pluginBreadCrumbs a:link,.pluginBreadCrumbs a:visited{color:#FFF;font-style:normal;font-weight:400;text-decoration:none}a.pluginButton:link,a.pluginButton:visited{color:#000;text-align:center;padding-top:2px;display:block;height:19px;text-decoration:none;background-color:transparent}a.pluginButton:hover{color:#00F;text-align:center;padding-top:2px;background:url(../images/navbar/button_over.gif) center repeat-x;display:block;height:19px;text-decoration:none}.form_block{margin:0;padding:0}.form_block:after{content:"";display:block;clear:both;height:1px;overflow:hidden}.form_message{margin:0 0 1em;padding:0}.noborder_fieldset{margin:0;border:none}.hidden_legend{display:none}.user_basic{padding:.5em 2em}@media only screen and (max-width:962px){.user_basic{padding:.5em 0}}.wide{width:98%;resize:vertical}.separator{display:none}.speech{overflow:hidden;position:absolute;right:-999px;width:0;height:0}#save_button{padding-bottom:1em}.loose{display:inline}@media only screen and (max-width:767px){.loose{display:block}}.layout,.layout td,.layout tr{margin:0;padding:0;border:none;background:0 0}.size1{width:60px}.size2{width:120px}.size3{width:180px}.size4{width:240px}.size5{width:300px}.size6{width:360px}.size7{width:420px}.size8{width:480px}.size9{width:540px}.size10{width:600px}@media only screen and (min-width:768px) and (max-width:962px){.size6{width:75%}.size7{width:80%}.size8{width:85%}.size9{width:90%}.size10{width:95%}}@media only screen and (max-width:767px){.size1,.size10,.size2,.size3,.size4,.size5,.size6,.size7,.size8,.size9,.wide{width:100%}}.compact dt{float:right;clear:right;width:24%;margin:0 0 1em;padding:0 0 0 1%;font-weight:400}.compact dd{float:right;width:75%;margin:0 0 1em;padding:0}.compact dd.description{margin:-.5em 25% 1em 0;padding:0}.compact p.description{margin:0 0 1em;padding:0}@media only screen and (max-width:962px){.compact dt{float:none;width:auto;margin:0;padding:0;font-weight:700}.compact dd{float:none;width:auto;margin:0 0 .5em;padding:0}.compact dd.description{margin:-.5em 0 1em;padding:0}.compact p.description{margin:0 0 1em;padding:0}}.linear dt{margin:0;padding:0;font-weight:700}.linear dd{margin:0 0 .5em;padding:0}.linear dd.description{margin:-.5em 0 1em;padding:0}.linear p.description{margin:0 0 1em;padding:0}.profile_notes{margin:0 0 1em;padding:8px;border-style:solid;border-width:1px;border-color:rgba(0,0,0,.2);-webkit-border-radius:6px;border-radius:6px;background:#FFFFE1;line-height:1.3em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);text-shadow:0 1px 0 rgba(255,255,255,.5)}.profile_notes dt{margin:0 0 .5em;padding:0 24px 0 0;border-bottom:1px solid #CCC;background:url(../images/icon_info.png) no-repeat;font-weight:700;color:#666}.profile_notes dd{margin-bottom:0;font-size:90%;color:#666}.profile_notes ul{list-style-position:inside;margin:0;padding:0}.profile_notes li{margin:0 5px 0 0;padding:0}ul.compact{margin:0;padding:0}ul.compact li{display:inline;margin:0;padding:0}#container{position:relative;width:100%;margin:0 auto}#header{width:auto;margin:0 auto}#header:before{width:auto}#header-content{max-width:$layout-site-max-width;margin:0 auto;padding:0;width:1140px}#navigation{width:auto;margin:0 auto}#navigation:after{content:"";display:block;clear:both;height:1px;overflow:hidden;margin-bottom:-1px}.navigation_content{width:1124px;max-width:$layout-site-max-width;margin:0 auto}#wrapper{width:1140px;max-width:$layout-site-max-width;margin:0 auto}#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#leftblocks,body.js_off #leftblocks{overflow:visible;float:right;width:180px;margin:0 -1140px 0 0;padding:0}#centerblocks{overflow:visible;float:right;width:100%}body.js_off #main-content,body.left-center-right #main-content{width:660px;margin:0 180px 0 280px;padding:0 10px}body.left-center #main-content{width:940px;margin:0 180px 0 0;padding:0 10px}body.center-right #main-content{width:840px;margin:0 0 0 280px;padding:0 10px}body.center #main-content{width:100%}#rightblocks,body.js_off #rightblocks{overflow:visible;float:right;width:280px;margin:0 -280px 0 0}#footer{clear:right;width:auto;margin:0 auto;padding:16px 0}#footer-content{max-width:$layout-site-max-width;margin:0 auto;width:1140px}#config_menu{width:280px}body.center-right #config_menu{width:200px}#config_content{width:820px}@media only screen and (min-width:963px) and (max-width:1199px){#container{position:relative;width:100%;margin:0 auto}#header{width:auto;margin:0 auto;height:80px}#header:before{width:auto}#header-content{margin:0 auto;padding:0;width:960px}#navigation{width:auto;margin:0 auto}#navigation:after{content:"";display:block;clear:both;height:1px;overflow:hidden;margin-bottom:-1px}.navigation_content{width:944px;margin:0 auto}#wrapper{width:960px;margin:0 auto}#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#leftblocks,body.js_off #leftblocks{overflow:visible;float:left;width:280px;margin:0;padding:0}#centerblocks{overflow:visible;float:none;width:auto}body.js_off #centerblocks{width:100%;margin:0;padding:0}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:right;width:660px;margin:0;padding:0 10px}body.center #main-content{width:100%}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:left;float:left;width:280px;margin:0}#footer{clear:right;width:auto;margin:0 auto;padding:16px 0}#footer-content{margin:0 auto;width:960px}#config_menu{float:right;width:210px;padding:0 10px}body.center-right #config_menu{width:200px}#config_content{float:right;width:710px;padding:10px}body.center-right #config_content{width:600px}}@media only screen and (min-width:768px) and (max-width:962px){#container{position:relative;width:100%;margin:0 auto}#header{width:auto;margin:0 auto;height:80px}#header:before{width:auto}#header-content{width:auto;max-width:$layout-site-max-width;margin:0 auto;padding:0}#navigation{width:auto;margin:0 auto}#navigation:after{content:"";display:block;clear:both;height:1px;overflow:hidden;margin-bottom:-1px}#wrapper,.navigation_content{width:auto;max-width:$layout-site-max-width;margin:0 auto}#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#leftblocks,body.js_off #leftblocks{overflow:visible;float:left;width:230px;margin:0;padding:0}#centerblocks{overflow:visible;float:right;width:100%;margin-right:-230px}body.js_off #centerblocks{width:100%;margin:0;padding:0}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:none;width:auto;margin:0 230px 0 0;padding:0 10px}body.center #main-content{width:100%}body.center #centerblocks{float:right;width:auto;padding:0 10px;margin:0}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:left;float:left;width:230px;margin:0}#footer{clear:right;width:100%;margin:0 auto;padding:16px 0}#footer-content{width:auto;max-width:$layout-site-max-width;margin:0 auto}}@media only screen and (max-width:767px){#container{position:relative;width:auto;margin:0 auto}#header{width:auto;margin:0 auto;height:60px}#header:before{width:auto}#header-content{width:auto;margin:0 auto;padding:0}#navigation{width:auto;margin:0 auto}#navigation:after{content:"";display:block;clear:both;height:1px;overflow:hidden;margin-bottom:-1px}.navigation_content{width:auto;margin:0 auto;padding:5px 0}#wrapper{width:auto;margin:0 auto}#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#leftblocks,body.js_off #leftblocks{overflow:visible;clear:both;float:right;width:100%;margin:0;padding:0}#centerblocks{overflow:visible;float:none;width:auto;margin:0;padding:0 10px}body.js_off #centerblocks{float:none;width:auto;margin:0;padding:0 10px}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:none;width:100%;margin:0;padding:0}body.center #main-content{width:100%}body.center #centerblocks{float:right;width:auto;margin:0;padding:0 10px}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:both;float:right;width:100%;margin:0;padding:0}#footer{clear:right;width:auto;margin-top:-1px;padding:16px}#footer-content{width:auto;margin:0 auto}}#container{background-color:#FFF;margin-top:0;margin-bottom:0;padding:0}@media only screen and (max-width:767px){#container{margin-top:0;margin-bottom:0;padding:0;border:none}}#wrapper{overflow:visible;background-color:transparent;padding:0 0 2em}@media only screen and (max-width:767px){#wrapper{padding:0;border:none}}#header{padding:0;background:-webkit-linear-gradient(top,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);background:-moz-linear-gradient(top,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);background:-o-linear-gradient(top,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);background:-ms-linear-gradient(top,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);background:linear-gradient(to bottom,#224F7C,#426F9C 50%,#426F9C 90%,#224F7C);height:80px}@media only screen and (max-width:767px){#header{padding:0;border:none}}@media only screen and (max-width:767px){#header{-webkit-background-size:256px auto;-moz-background-size:256px auto;background-size:256px auto;height:60px;margin-top:0}}.site_name{position:relative;float:right;font-size:30px;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,.5);line-height:36px;margin:22px 20px 0 0;padding:0}.site_name a:hover,.site_name a:link,.site_name a:visited{color:#EEE;text-decoration:none}@media only screen and (max-width:767px){.site_name{margin:6px 8px 0 0;font-size:1.6em;line-height:1.6em}}.site_slogan{position:relative;margin:0;padding:16px 16px 0;float:left;color:#FFF;text-align:left;text-shadow:0 1px 1px rgba(0,0,0,.3)}@media only screen and (max-width:767px){.site_slogan{font-size:75%;clear:both;float:none;padding:0 10px;text-align:right;line-height:1.2em}}#navigation{padding:0;background:#E7E7E7;border-top:1px solid #EEE;border-bottom:1px solid #C7C7C7;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);text-align:right;text-shadow:0 1px 0 #FFF}@media only screen and (max-width:767px){#navigation{padding:0}}#navigation ul{list-style:none;margin:0;padding:0}#navigation li{float:right;margin:0;padding:0}#navigation li a{font-size:13px;display:block;line-height:30px;margin:0;padding:0 7px;border-left:1px solid #D7D7D7}#navigation li:first-child a{border-right:1px solid #D7D7D7}.menuitem a,.menuitem a:link,.menuitem a:visited{color:#666}.menuitem a:active,.menuitem a:focus,.menuitem a:hover{color:#2664A2;text-decoration:none;background:#DFDFDF}.tinynav{display:none}@media only screen and (max-width:767px){.tinynav{display:block;width:95%;max-width:none;margin:auto}}.welcome_msg{margin:.5em 0 1.5em;padding:.5em 0;border-bottom:1px solid #E7E7E7;color:#888}#centerblocks div.block-center,#centerblocks section.block-center{margin:0 0 1em;padding:0 0 2em;border-bottom:1px solid #CCC}#footer{border-top:1px solid #CCC;font-size:12px;color:#666;background-color:transparent}@media only screen and (max-width:767px){#footer{border:none}}#footer a:active,#footer a:link,#footer a:visited{color:#666;text-decoration:none}#footer a:hover{color:#2664A2;text-decoration:underline}@media only screen and (max-width:767px){#footer{border:none;color:#999;background-color:#284664}#footer a:active,#footer a:link,#footer a:visited{color:#999;text-shadow:0 1px 1px rgba(0,0,0,.3)}}.copyright{float:right;margin:0;padding-right:8px;line-height:1.4em}@media only screen and (max-width:767px){.copyright{float:none;margin:0 0 1em;padding-right:0;padding-left:8px;text-shadow:0 1px 1px rgba(0,0,0,.3)}}.site_info{float:left;margin:0;padding-left:15px;text-align:left;line-height:1.4em}@media only screen and (max-width:767px){.site_info{float:none;text-align:right;margin:0;padding-right:4px;padding-left:8px;text-shadow:0 1px 1px rgba(0,0,0,.3)}}#leftblocks p,#rightblocks p{line-height:1.25;margin:.7em 0}#leftblocks ul,#rightblocks ul{list-style-position:inside;margin:.7em 0;padding-right:.5em}#leftblocks ol,#rightblocks ol{list-style-position:inside;margin:.7em 0;padding-right:.9em}#leftblocks li,#rightblocks li{margin:0 0 .25em;padding:0}#leftblocks dl,#rightblocks dl{margin:.7em 0}#leftblocks input,#rightblocks input{font-size:95%;margin-right:0;margin-left:0}#leftblocks .sideoption,#rightblocks .sideoption{list-style:none;color:#999;margin:0;padding:0}#leftblocks .sideoption a,#rightblocks .sideoption a{display:block;color:#222;height:1.8em;line-height:1.8em;overflow:hidden;padding:0 5px;white-space:nowrap;text-decoration:none}#leftblocks .sideoption a:hover,#rightblocks .sideoption a:hover{background-color:#F1F1F1}#leftblocks .sideoption span,#rightblocks .sideoption span{color:#999;text-decoration:none;margin-right:3px}#leftblocks .sideoption_off,#rightblocks .sideoption_off{list-style:none;color:#999;display:block;height:1.8em;line-height:1.8em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap}#leftblocks .sideoption_off span,#rightblocks .sideoption_off span{color:#999;text-decoration:none;margin-right:3px}#leftblocks .sideoption_group_label,#rightblocks .sideoption_group_label{color:#630;font-size:103%;font-weight:700;height:1.6em;line-height:1.6em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap;border-bottom:1px dotted #CCC}#leftblocks .noliststyle,#rightblocks .noliststyle{padding-right:0}#leftblocks .branch_level2 a,#rightblocks .branch_level2 a{padding-right:15px}#leftblocks .branch_level3 a,#rightblocks .branch_level3 a{padding-right:25px}#leftblocks .branch_level4 a,#rightblocks .branch_level4 a{padding-right:35px}#leftblocks .sideoption_off.branch_level2,#rightblocks .sideoption_off.branch_level2{padding-right:15px}#leftblocks .sideoption_off.branch_level3,#rightblocks .sideoption_off.branch_level3{padding-right:25px}#leftblocks .sideoption_off.branch_level4,#rightblocks .sideoption_off.branch_level4{padding-right:35px}#leftblocks h3,#leftblocks h4,#rightblocks h3,#rightblocks h4{font-size:100%}@media only screen and (max-width:767px){#leftblocks,#rightblocks{background:#F7F7F7}#leftblocks input,#rightblocks input{font-size:16px}#leftblocks input[type=submit],#rightblocks input[type=submit]{font-size:14px}#leftblocks .sideoption a,#leftblocks .sideoption a:hover,#leftblocks .sideoption_off,#rightblocks .sideoption a,#rightblocks .sideoption a:hover,#rightblocks .sideoption_off{background:url(../images/arrow-right.png) left 50% no-repeat #F7F7F7;-webkit-background-size:24px auto;-moz-background-size:24px auto;background-size:24px auto;border:1px solid #CACACA;color:#222;display:block;font-size:16px;font-weight:700;margin-bottom:-1px;padding:4px 10px;text-decoration:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}#leftblocks .sideoption_off,#rightblocks .sideoption_off{color:#999}}#loginform-loginname,#loginform-passwd{width:50%}h1 img,h2 img,h3 img,h4 img{vertical-align:middle}.block-message{margin:1.5em 0;padding:0;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.block-message dl{margin:0;padding:0}.block-message dt{margin:0;padding:4px 8px;background:#3E6B98;color:#EEEEEC;text-shadow:0 1px 1px rgba(0,0,0,.3);font-weight:700;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.block-message dd{margin:0;padding:8px 12px;background:#EEE;color:#404040;text-shadow:0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.2);-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.block-message p{margin:.2em 0;line-height:1.25}.block-left,.block-list,.block-right{margin:0 8px .5em;padding:8px 0;font-size:13px}@media only screen and (max-width:767px){.block-left,.block-list,.block-right{font-size:100%;margin:0 10px;padding:0}}.block-title{margin:0 0 .5em;padding:0 0 .1em;border-bottom:1px solid #CCC;font-size:14px;font-weight:700;line-height:20px}#searchform fieldset{margin-top:15px;padding:0}#searchform a{line-height:1.5em}@media only screen and (max-width:767px){#searchform fieldset{margin-top:10px;margin-bottom:10px;padding:0;text-align:center}#searchform .searchform{text-align:center}}.searchform{line-height:2.2em;margin-bottom:.3em}input[type=text].search{background:url(../images/search.png) left center no-repeat #FFF;padding-right:24px;width:120px;color:#999}#login_facebook{right:0;width:141px;background:url(/images/oauth-login-with-sprite.png) no-repeat}#login_twitter{right:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -23px no-repeat}#login_linkedin{right:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -44px no-repeat}#login_google{right:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -66px no-repeat}#login_yahoo{right:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -88px no-repeat}#login_microsoft{right:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -110px no-repeat}#login_github{right:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -132px no-repeat}#login_openid{right:0;width:141px;background:url(/images/oauth-login-with-sprite.png) 0 -154px no-repeat}#loginform fieldset{margin-top:15px;padding:0}#loginform .submit{margin-bottom:.3em}#loginform a{line-height:1.5em}.form_part{margin-bottom:.3em}.form_part label{display:block;line-height:1.2em;margin-bottom:.3em}form.third-party-login{margin:.1em 0}form.third-party-login div{position:relative}form.third-party-login div img{position:absolute;right:6px;top:6px}form.third-party-login div input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}form.third-party-login div input.submit{text-indent:24px;font-size:12px;height:28px}div.third-party-login{width:164px}@media only screen and (max-width:767px){#navigation_ul{display:none}#block-left-search>h2,.block-title{background:#3B6998;color:#EEEEEC;font-weight:700;padding:8px 5px;text-align:right;font-size:16px;margin-right:-10px;margin-left:-10px;text-shadow:0 1px 1px rgba(0,0,0,.3);border-top:1px solid #6F9BC7;border-bottom:1px solid #1F374F}#block-left-search>h2.show,h2.show{background:url(../images/arrow-down.png) left 50% no-repeat #3B6998;-webkit-background-size:36px auto;-moz-background-size:36px auto;background-size:36px auto}#block-left-search>h2.hide,h2.hide{background:url(../images/arrow-up.png) left 50% no-repeat #3B6998;-webkit-background-size:36px auto;-moz-background-size:36px auto;background-size:36px auto}#block-left-search>h2,h2.block-title{margin-top:0;margin-bottom:0}#config_menu .block-title{margin-right:-10px;margin-left:-10px}#search-configuration-container label{margin:0 -10px .5em;display:block;border-bottom:1px solid #CCC;background:#3B6998;color:#EEEEEC;font-weight:700;padding:8px 5px;text-align:right;font-size:16px;text-shadow:0 1px 1px rgba(0,0,0,.3)}#search-configuration{font-size:16px}.block-left-content,.block-list-content,.block-right-content{padding:10px 0;text-shadow:0 1px 0 #FFF}#block-left-search>.block-left-content{background:#F7F7F7;padding:10px;margin:0}.noliststyle{list-style:none;padding:0;margin:0}.sideoption:first-child a,.sideoption_off:first-child{-webkit-border-top-right-radius:8px;-webkit-border-top-left-radius:8px}.sideoption:last-child a,.sideoption_off:last-child{-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px}}.storytext{margin:0 0 1.5em;border-bottom:1px solid #E7E7E7}.storytext table{text-align:right;border-collapse:collapse;margin:1em .5em}.storytext tr{margin:0;padding:0;vertical-align:middle}.storytext td,.storytext th{margin:0;padding:.2em .6em;vertical-align:middle;line-height:160%;border:1px solid #DDD}.storytext th{font-weight:700;background:#F5F5F5}.storytext img{max-width:100%;height:auto}.story_title{float:right;margin:0 0 .5em;font-size:140%;text-decoration:none;color:#222}.story_title a:link,.story_title a:visited{color:#222;text-decoration:none}.story_title a:hover{color:#2664A2;text-decoration:underline}.story_icon{float:left}.story_icon img{margin-right:8px}@media only screen and (max-width:767px){.story_icon{display:none}}.story_status{list-style-position:outside;list-style-type:none;clear:both;margin:0 0 1em;padding-right:1em;color:#999;font-size:85%;line-height:1.25}.story_introtext{margin:0 0 2em;line-height:1.625;zoom:1}.story_introtext:after,.story_introtext:before{content:"";display:table}.story_introtext:after{clear:both}.story_image{float:left;width:48px;height:48px;margin:15px}.story_navi{list-style-type:none;clear:both;margin:0;padding-right:0;text-align:center}.story_navi li{display:inline;margin:0 2px}.feedback{list-style-type:none;margin:0 0 .5em;padding-right:0;text-align:center}.feedback li{display:inline;margin:0 2px}.article{font-size:100%}.gl-tooltip span{margin-left:-999em;position:absolute;text-align:right;width:250px}.gl-tooltip:link,.gl-tooltip:visited{color:#2664A2;outline:0;text-decoration:none;position:relative}.gl-tooltip:hover span{-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:2px 2px 8px #666;box-shadow:2px 2px 8px #666;font-size:1em;text-align:right;white-space:normal;font-family:Calibri,Tahoma,Geneva,sans,sans-serif;position:absolute;right:2.2em;top:2.2em;z-index:99;margin-left:0;width:250px}.gl-tooltip:hover img.icon{border:0;margin:-15px -51px 0 0;float:right;position:absolute}.gl-tooltip:hover em{font-family:Candara,Tahoma,Geneva,sans,sans-serif;font-size:1.2em;font-weight:700;display:block;padding:.2em .4em .6em 0}#gl-tooltip-icon{border:0}span.classic{padding:.8em 1em}span.custom{padding:.5em 2em .8em .8em}span.classic{background:#EEEEEC;border:2px solid #555753}span.critical{background:#F5F0F0;border:2px solid #A40000}span.critical em{color:#A40000}span.help{background:#EDF0F2;border:2px solid #204A87}span.help em{color:#204A87}span.info{background:#EDF0F2;border:2px solid #204A87}span.info em{color:#204A87}span.warning{background:#FCF7EF;border:2px solid #CE5C00;font-weight:400;color:#000}span.warning em{color:#CE5C00}.list-story-options,.list-whats-related{line-height:1.7em;margin:0 20px 0 0;padding:0}.block-related{float:right;width:50%;margin:0 0 1.5em}@media only screen and (max-width:767px){.block-related{float:none;width:auto}}#commentarea{clear:both}.commentbar_status{text-align:center;margin:1em 0}.bar_separator{padding-right:5px;padding-left:5px;color:#CCC}#commentbar{padding:3px;background:#EEE;-webkit-border-radius:4px;border-radius:4px;zoom:1}#commentbar:after,#commentbar:before{content:"";display:table}#commentbar:after{clear:both}#commentbar-comment{float:right;padding:.3em}#commentbar-selector{float:left;padding:.3em}.disclaimer{text-align:center;color:#666;margin:.5em 0 1em}#commentpreview{margin:0;background:0 0;border:1px dashed grey;padding:5px 10px}#commenteditform{margin:0;background:#F7F7F7;border:1px solid #E7E7E7;padding:10px}.comment_thread{list-style-position:outside;list-style-type:none;margin:0 0 .5em;padding:0;text-align:right}.thread_title{display:inline;margin:0;padding:0}.thread_author{display:inline;margin:0 8px 0 0;padding:0}.thread_author:before{content:" - "}.block-comment-content{margin:0;padding:0;text-align:right}.level-0{margin-right:0}.level-25{margin-right:16px}.level-50{margin-right:32px}.level-75{margin-right:48px}.level-100{margin-right:64px}.level-125{margin-right:80px}.level-150{margin-right:96px}.level-175{margin-right:112px}.level-200{margin-right:128px}.level-225{margin-right:144px}.level-250{margin-right:160px}.level-275{margin-right:176px}.level-300{margin-right:192px}.level-325{margin-right:208px}.level-350{margin-right:224px}.level-375{margin-right:240px}.level-400{margin-right:256px}.comment_status{list-style-position:outside;list-style-type:none;margin:0;padding:0}.comment_title{display:block;margin:1em 0 .5em;padding:4px;border:1px solid #E7E7E7;background:#F7F7F7}.comment_author{display:block;margin:0 0 1em;padding:0;color:#666}.comment_content{margin:0 0 1em;padding:0}.comment_navi{clear:both;color:#666}.reportcomment{margin:0 0 1em;padding:0;border-bottom:1px solid #E7E7E7}.dt-commentform-username{display:inline}.logoutorcreateaccount{padding:0 3px}.importantstuff{margin-top:0}.ul-importantstuff{margin:0 1em 0 0;padding:0}.li-importantstuff{margin:0 8px 0 0;padding:0}.navbar-breadcrumbs{list-style-position:outside;list-style-type:none;margin:0;padding:0}.li-navbar-breadcrumbs{display:inline}.a-navbar-breadcrumbs{margin:0 8px}#navcontainer{width:100%;margin-bottom:10px;padding-bottom:2px;font-size:90%;line-height:normal;border-bottom:1px solid #DDD;height:30px}#navlist{display:block;margin:0 0 20px;padding:0;list-style:none}#navlist:after,#navlist:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}#navlist:after{clear:both}.li-navlist{display:block;width:auto;height:30px;padding:0;float:right;margin:2px 0 0 -1px}.li-navlist #current{background:#FFF;height:29px;position:relative;top:-5px;padding-top:5px;border-right-width:1px;margin:0;color:#111;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-color:#FFF}.li-navlist #current:first-child a{border-width:1px;border-top-right-radius:3px}.li-navlist #current:last-child a{border-top-left-radius:3px}.a-navlist{display:block;text-decoration:none;width:auto;height:29px;padding:0 12px;line-height:30px;border:1px solid #DDD;border-width:1px;margin:0;background:#F5F5F5}.a-navlist:hover,.a-navlist:link,.a-navlist:visited{color:#555;text-decoration:none}.gl-pagenav{text-align:center;color:#CCC;margin:0 0 1.5em;line-height:1.4em}.gl-pagenav a,.gl-pagenav b{display:inline-block;margin:1px 2px;padding:2px 7px;background:0 0;border:1px solid #E7E7E7}.gl-pagenav b{color:#222}.gl-pagenav a:hover{background:#EEE;border:1px solid #CCC}.gl-pagenav span{display:inline-block;color:#999}.gl-pagenav span a{margin:0;padding:2px 0;background:0 0;border:none}.gl-pagenav span a:hover{background:0 0;border:none}.gl-pagenav .divider{padding:0;margin:0 4px}.bc_navigation{margin:-1em 0 1em}#boxesblock>.checkboxes-list>li,#exclude_topic>.checkboxes-list>li{margin-left:.5em}.itemstatistics{width:100%;margin:0;padding:0;border-collapse:collapse}.itemstatistics th{margin:0;padding:2px;text-align:right}.itemstatistics td{margin:0;padding:2px}#trackback{clear:both}.block-trackback-content{border-bottom:1px solid #E7E7E7}.block-trackback-content>p{margin:0 0 1em}.formattedcomment,.trackback_comments_no_link{margin:0 0 1em;padding:0}.trackback_status{list-style-position:outside;list-style-type:none;margin:0;padding:0}.trackback_title{margin:0 0 .5em;padding:4px;border:1px solid #E7E7E7;background:#F7F7F7}.trackback_date{margin:0 0 .5em;padding:0}.trackback_excerpt_readmore{margin:0 0 1em;padding:0}#profile-userprofile{overflow:hidden;margin:0;padding:0;zoom:1}#profile-userprofile:after,#profile-userprofile:before{content:"";display:table}#profile-userprofile:after{clear:both}#profile-userprofile dt{float:right;clear:right;width:25%;margin:0 0 .5em;padding:0}#profile-userprofile dd{float:right;width:75%;margin:0 0 .5em;padding:0}dd#profile-user_photo{float:none;width:auto;margin-right:25%;margin-bottom:1em}@media only screen and (max-width:767px){dd#profile-user_photo{margin-right:50%}}.commentrow,.storyrow{margin:0;padding:0}.commentrow a,.storyrow a{margin:0 0 0 8px;padding:0}#profile-postingstats{margin:0;padding:0}#profile-postingstats dt{float:right;clear:right;width:25%;margin:0 0 .5em;padding:0}#profile-postingstats dd{float:right;width:75%;margin:0 0 .5em;padding:0}@media only screen and (max-width:767px){#profile-postingstats dd,#profile-postingstats dt,#profile-userprofile dd,#profile-userprofile dt{width:50%}}#profile-all_postings_by{clear:right;padding-top:1em}.admin_basic{padding:.5em 2em}@media only screen and (max-width:962px){.admin_basic{padding:.5em 0}}#admin-topmenu{margin-bottom:2em;border:1px solid rgba(0,0,0,.2);padding:10px 5px;line-height:1.25;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.admin-menu-icon{float:right;padding:5px;margin-left:10px;width:48px;height:48px}#instructions{padding:5px}#instructions>p{margin:0 0 5px;line-height:1.25}#admin-menu-fields{color:#CCC}.admin-topic-image{margin:0 0 0 5px;vertical-align:middle}#rights_options{width:100%;font-size:11px}.listmembers{float:right;width:35%;height:15em}#admin-groupmembers-fieldFrom,#admin-groupmembers-fieldTo{width:100%;height:100%}.movemembers{float:right;width:30%;padding-top:5em;text-align:center;height:12em}.movebutton{margin:.5em 0;text-align:center}.admin-list-table{margin:0;width:100%;text-align:right;font-size:90%;border-collapse:separate;border-spacing:0;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}@media only screen and (max-width:1199px){.admin-list-table{width:900px}}.fieldset-table-wrapper>.admin-list-table{width:100%}.admin-list-table tr{margin:0;padding:0;vertical-align:middle}.admin-list-table td,.admin-list-table th{vertical-align:middle;line-height:1.1em;height:2.3em;padding-top:2px;padding-bottom:2px}.admin-list-table th{color:#222}.admin-list-table img{vertical-align:middle}.admin-list-table td,.admin-list-table th{border-right:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}.admin-list-table th{background-color:#A5C3E2;background-image:-webkit-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-moz-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-o-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-ms-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:linear-gradient(to bottom,hsla(210,52%,90%,1),#A5C3E2);border-top:none}.admin-list-table td:first-child,.admin-list-table th:first-child{border-right:none}.admin-list-table th:first-child{-webkit-border-radius:0 5px 0 0;border-radius:0 5px 0 0}.admin-list-table th:last-child{-webkit-border-radius:5px 0 0;border-radius:5px 0 0}.admin-list-table tr:last-child td:first-child{-webkit-border-radius:0 0 5px;border-radius:0 0 5px}.admin-list-table tr:last-child td:last-child{-webkit-border-radius:0 0 0 5px;border-radius:0 0 0 5px}.admin-table-changer{display:none;text-align:left;margin-left:2px;margin-bottom:2px}@media only screen and (max-width:1199px){.admin-table-changer{display:block}}.admin-table-changer a{width:60px;text-align:center;font-size:85%;padding:2px 6px}.table-wrapper{width:100%;overflow:scroll}.table-wrapper-fit{width:100%;overflow:visible}.table-wrapper-fit>.admin-list-table{width:100%}.admin-list-navi{margin-top:.5em}.admin-list-message{margin:1em 0 0;padding:0;text-align:center}.admin-list-search{text-align:center;margin:.5em 0;zoom:1}.admin-list-search:after,.admin-list-search:before{content:"";display:table}.admin-list-search:after{clear:both}@media only screen and (max-width:767px){.admin-list-search{text-align:right}}.admin-list-smalltable{margin:0 0 .5em;border-collapse:separate;border-spacing:1px;font-size:13px}.admin-list-field,.admin-list-headerfield{padding:4px}.admin-list-field a{padding:4px 6px}.search-part{display:inline-block;margin-left:5px;white-space:nowrap}@media only screen and (max-width:767px){.search-part{display:block}}#admin-permissions{border-collapse:separate;border-spacing:0;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);margin:0 0 .5em;font-size:13px}#admin-permissions td,#admin-permissions th{border-right:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2)}#admin-permissions th{background-color:#A5C3E2;background-image:-webkit-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-moz-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-o-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:-ms-linear-gradient(top,hsla(210,52%,90%,1),#A5C3E2);background-image:linear-gradient(to bottom,hsla(210,52%,90%,1),#A5C3E2);border-top:none}#admin-permissions td:first-child,#admin-permissions th:first-child{border-right:none}#admin-permissions th:first-child{-webkit-border-radius:0 5px 0 0;border-radius:0 5px 0 0}#admin-permissions th:last-child{-webkit-border-radius:5px 0 0;border-radius:5px 0 0}#admin-permissions tr:last-child td:first-child{-webkit-border-radius:0 0 5px;border-radius:0 0 5px}#admin-permissions tr:last-child td:last-child{-webkit-border-radius:0 0 0 5px;border-radius:0 0 0 5px}#admin-permissions td,#admin-permissions th{font-weight:700;text-align:center;padding:4px}.admin-commandcontrol{list-style-position:outside;list-style-type:none;margin:0;padding:0}.admin-commandcontrol li{float:right;width:12.5%;height:8em;margin:0;padding:0;text-align:center}@media only screen and (max-width:1199px){.admin-commandcontrol li{width:16.66%}}@media only screen and (min-width:768px) and (max-width:962px){.admin-commandcontrol li{width:20%}}@media only screen and (max-width:767px){.admin-commandcontrol li{width:25%}}@media only screen and (max-width:479px){.admin-commandcontrol li{width:33.33%}}.admin-commandcontrol a{display:block;font-size:90%;margin:5px 0}#admin-editor #title{font-size:13px;font-weight:700;position:relative;top:10px}b.notbold{font-weight:400}b.status_red{display:inline;color:#A40000}b.status_orange{display:inline;color:#B25000}b.status_green{display:inline;color:#3D7805}b.status_black{display:inline;color:#000}.story_editor{margin:0 0 1em;padding:8px;border:1px solid #CCC}.story_editor dl{margin-bottom:0}.story_editor dt{width:14%}.story_editor dd{width:85%}@media only screen and (max-width:962px){.story_editor dd,.story_editor dt{width:auto}}#text_editor dd.description{margin-right:15%}#admin-storyeditor-bodytext,#admin-storyeditor-introtext{width:98%}#preview{margin:1em 0;padding:1em 0;border-top:1px solid #CCC;border-bottom:none}.story_stats{display:inline-block;float:right;margin-left:2em}#admin-topiclist{list-style-position:outside;list-style-type:none;margin:0;padding:0}#admin-topiclist li{float:right;width:20%;height:8em;margin:0;padding:0;text-align:center}#admin-topiclist a{display:block}.trackback-message{margin:0 0 1em;padding:0}.userphoto{margin:.5em 0 0 .5em}.groupinstructions{margin:0 0 .5em}#reminder-submit{margin:.5em 0}.pathtext{font-size:11px;color:#666}.pathtext-status{text-align:left;white-space:nowrap}.iswriteable,.yes{font-weight:700;color:#46882B}.no,.notok,.notwriteable{font-weight:700;color:#C00}#panel_phpinfo{width:600px;margin:auto;text-align:center}#toggle_phpinfo{padding:5px;width:200px;margin:auto;text-align:center;border:1px solid #C3C3C3}#panel_phpinfo{padding:50px;display:none}#config_menu{float:right;padding:0 10px}#search-configuration-container,.block-config{margin:0 0 .5em;padding:8px 0;text-align:right}#search-configuration-container label,.block-config-title{margin:0 0 .5em;padding:0 0 .1em;display:block;border-bottom:1px solid #CCC;font-size:105%;font-weight:700}.block-config-content{padding-right:5px}.configoption{list-style:none;color:#999;margin:0;padding:0}.configoption a{display:block;color:#222;height:1.8em;line-height:1.8em;overflow:hidden;padding:0 5px;white-space:nowrap;text-decoration:none}.configoption a:hover{background-color:#F1F1F1}.configoption_off{list-style:none;color:#999;display:block;height:1.8em;line-height:1.8em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap}#config_content{float:right;padding:10px}body.center-right #config_content{width:600px}#geeklog_config_editor{zoom:1}#geeklog_config_editor:after,#geeklog_config_editor:before{content:"";display:table}#geeklog_config_editor:after{clear:both}#config_main{width:100%}#search-configuration{width:90%;margin:10px 5px 10px 0}.inputTable{width:100%;margin:0;padding:0}.config_label{float:right;width:35%;padding:.5em 0}.restore{padding:.5em 0}.config_input{float:right;width:53%}.config_name{clear:right;margin:5px 0;padding:5px}.config_name input[type=text],.config_name textarea{width:53%}.config_name select{width:54.5%;max-width:none}@media only screen and (max-width:962px){body.center #config_menu{width:100%;padding:0}body.center #config_content{float:right;width:100%;padding:10px 0}.configoption{display:inline-block;border:1px solid #666;border-color:#BEDAF3;-webkit-border-radius:2px;border-radius:2px;background:#E4EDF5;color:#369;margin:.2em 0 .2em .4em}.configoption a{overflow:visible;padding:0 10px;height:1.8em;line-height:1.8em;color:#369}.configoption_off{display:inline-block;border:1px solid #666;border-color:#79B1E7;-webkit-border-radius:2px;border-radius:2px;background:#A8C4E0;color:#2A527A;font-weight:700;overflow:visible;margin:.2em 0 .2em .4em;padding:0 10px;height:1.8em;line-height:1.8em}#text_editor dd.description{margin-right:0}}@media only screen and (min-width:768px) and (max-width:962px){#config_menu{float:right;width:728px;padding:0 10px}body.center-right #config_menu{width:508px}#config_content{float:right;width:728px;padding:10px}body.center-right #config_content{width:508px}#search-configuration-container,.block-config{margin:0;padding:5px 0}}@media only screen and (max-width:767px){#geeklog_config_editor{padding:0}#config_menu{float:right;width:100%;padding:0}body.center-right #config_menu{width:100%}#config_content{float:right;width:100%;padding:10px 0}body.center-right #config_content{width:100%}.config_label{float:right;width:100%;padding:0;font-weight:700}.restore{padding:.5em 0}.config_input{float:right;width:90%}.config_name{margin:5px 0;padding:5px}.config_name input[type=text],.config_name textarea{width:95%}.config_name select{max-width:none;width:98%}#search-configuration-container,.block-config{margin:0;padding:5px 0}}
\ No newline at end of file
diff --git a/public_html/layout/default/css_rtl/theme.css b/public_html/layout/default/css_rtl/theme.css
new file mode 100644
index 000000000..01e662d67
--- /dev/null
+++ b/public_html/layout/default/css_rtl/theme.css
@@ -0,0 +1,8 @@
+/* Geeklog Horizon Theme 1.0 | Copyright (C) 2012-2015 by Ivy | http://www.ivywe.co.jp | License:GPLv2 */
+
+.uk-form-row + .uk-form-row {margin-top: 8px;}
+
+.uk-navbar-nav > li > a[href='#'],
+.uk-navbar-nav > li > a[href=''] {
+  cursor: default;
+}
diff --git a/public_html/layout/default/css_src/.csscomb.json b/public_html/layout/default/css_src/.csscomb.json
new file mode 100644
index 000000000..c84d3065e
--- /dev/null
+++ b/public_html/layout/default/css_src/.csscomb.json
@@ -0,0 +1,23 @@
+{
+    "remove-empty-rulesets": true,
+    "color-case": "upper",
+    "block-indent": "  ",
+    "color-shorthand": true,
+    "element-case": "lower",
+    "eof-newline": true,
+    "leading-zero": false,
+    "quotes": "double",
+    "space-before-colon": "",
+    "space-after-colon": " ",
+    "space-before-combinator": " ",
+    "space-after-combinator": " ",
+    "space-between-declarations": "\n",
+    "space-before-opening-brace": " ",
+    "space-after-opening-brace": "\n",
+    "space-after-selector-delimiter": "\n",
+    "space-before-selector-delimiter": "",
+    "space-before-closing-brace": "\n",
+    "strip-spaces": true,
+    "tab-size": 2,
+    "unitless-zero": true
+}
\ No newline at end of file
diff --git a/public_html/layout/default/css_src/README b/public_html/layout/default/css_src/README
new file mode 100644
index 000000000..b672889d7
--- /dev/null
+++ b/public_html/layout/default/css_src/README
@@ -0,0 +1,15 @@
+Building style.css for Denim theme
+-----------------------------------
+1) First of all, install Node.
+   https://nodejs.org/
+
+2) Open shell.
+
+3) Install the Node dependencies.
+
+   $ cd css_src
+   $ npm install
+
+4) Build and deploy style.css.
+
+   $ npm run build
diff --git a/public_html/layout/default/css_src/gulpfile.js b/public_html/layout/default/css_src/gulpfile.js
new file mode 100644
index 000000000..f3dc08186
--- /dev/null
+++ b/public_html/layout/default/css_src/gulpfile.js
@@ -0,0 +1,165 @@
+var pkg         = require('./package.json'),
+    fs          = require('fs'),
+    path        = require('path'),
+    glob        = require('glob'),
+    gulp        = require('gulp'),
+    stylus      = require('gulp-stylus'),
+    runSequence = require('run-sequence').use(gulp),
+    shell       = require('gulp-shell'),
+    rename      = require('gulp-rename'),
+    minifycss   = require('gulp-minify-css'),
+    csscomb     = require('gulp-csscomb'),
+    //cmq         = require('gulp-combine-media-queries'),
+    //csso        = require('gulp-csso'),
+    header      = require('gulp-header'),
+    replace     = require('gulp-replace'),
+    watch       = require('gulp-watch'),
+    nib         = require('nib'),
+    browserSync = require('browser-sync');
+
+//var site_url  = 'http://localhost:8000/your_site'; // set the same value as the $_CONF['site_url']
+
+var banner = "<%= pkg.title %> <%= pkg.version %> | Copyright (C) 2012-2015 by <%= pkg.author %> | <%= pkg.homepage %> | License:<%= pkg.license %>";
+
+gulp.task('default', ['build'], function() {
+
+});
+
+gulp.task('watch', function() {
+    if (site_url !== '') {
+        browserSync({
+            proxy: site_url
+        });
+    }
+    watch(['./src/stylus/**/*.styl', './src/stylus/*.json'], function() {
+        gulp.start('build');
+    });
+});
+
+gulp.task('bs-reload', function () {
+    browserSync.reload();
+});
+
+gulp.task('build', function() {
+    runSequence('stylus', 'copy_LR', 'swap_LR', 'fix_issue', 'minify', 'modify', 'deploy', function() {
+        browserSync.reload();
+    });
+});
+
+gulp.task('stylus', function() {
+    return gulp.src('./src/stylus/style.styl')
+        .pipe(stylus({
+            use: nib(),
+            compress: false
+        }))
+        //.pipe(cmq())
+        .pipe(csscomb())
+        .pipe(header("/* " + banner + " */\n", { 'pkg' : pkg } ))
+        .pipe(gulp.dest('./dest/css_ltr'));
+});
+
+gulp.task('minify', function() {
+    return gulp.src(['!./dest/**/*.min.css', './dest/**/*.css'])
+        .pipe(rename({ suffix: '.min' }))
+        //.pipe(cmq())
+        //.pipe(csso())
+        .pipe(minifycss())
+        .pipe(header("/* " + banner + " */\n", { 'pkg' : pkg } ))
+        .pipe(gulp.dest('./dest/'));
+});
+
+gulp.task('deploy', function() {
+    return gulp.src('./dest/**')
+        .pipe(gulp.dest('./../'));
+});
+
+gulp.task('copy_LR', function() {
+    return gulp.src('./dest/css_ltr/*')
+        .pipe(gulp.dest('./dest/css_rtl/'));
+});
+
+gulp.task('swap_LR', function() {
+    return shell.task('r2 ./dest/css_rtl/style.css ./dest/css_rtl/style.css --no-compress')();
+});
+
+gulp.task('fix_issue', function() {
+    return gulp.src('./dest/css_rtl/style.css')
+        .pipe(replace(/\.gl-tooltip span((?:\n|.)+?)margin-right/mg,
+            function(str, p1, offset, s) {
+                return '.gl-tooltip span' + p1 + 'margin-left';
+            }))
+        .pipe(replace(/\.gl-tooltip:hover span((?:\n|.)+?)margin-right/mg,
+            function(str, p1, offset, s) {
+                return '.gl-tooltip:hover span' + p1 + 'margin-left';
+            }))
+        .pipe(gulp.dest('./dest/css_rtl/'));
+});
+
+gulp.task('modify', function(done) {
+
+    var regex = /(\/\*\/?(?:\n|[^\/]|[^\*]\/)*\*\/)|(^@media\s+[^\n]+\{\n(?:\n|.)*?\n\})|(^(?:#|\.|\w)(?:\n|.)+?\{\n(?:\n|.)*?\n\})/mg;
+
+    var files = glob.sync('./dest/css_?t?/style.css');
+
+    files.forEach(function(file) {
+
+        var str = [];
+
+        fs.readFile(file, {encoding: 'utf-8'}, function(err, content) {
+
+            if (err) throw err;
+
+            var matches, tmp;
+
+            while (matches = regex.exec(content)) {
+                if (matches[1] !== undefined) { // comment
+                    tmp = matches[1];
+                    if (tmp.indexOf('\n') != -1) {
+                        tmp += '\n';
+                    }
+                    str.push(tmp);
+                }
+                if (matches[2] !== undefined) { // @media
+                    tmp = modifyMedia(matches[2]);
+                    tmp += '\n';
+                    str.push(tmp);
+                }
+                if (matches[3] !== undefined) { // CSS rule set
+                    str.push(matches[3] + '\n');
+                }
+            }
+            fs.writeFile(file, str.join('\n'), function(err) {
+                if (err) throw err;
+            });
+        });
+    });
+    done();
+});
+
+function modifyMedia(content) {
+
+    var regex = /^(@media\s+[^\n]+\{\n)((?:\n|.)*?)(\n\})/mg;
+
+    var matches = regex.exec(content);
+
+    var regex2 = /(\/\*\/?(?:\n|[^\/]|[^\*]\/)*\*\/)|(^  (?:#|\.|\w)(?:\n|.)+?\{\n(?:\n|.)*?\n  \})/mg;
+
+    var ms, str = '', tmp;
+
+    while (ms = regex2.exec(matches[2])) {
+        if (ms[1] !== undefined) {
+            tmp = ms[1];
+            if (tmp.indexOf('\n') != -1) {
+                tmp = tmp.replace(/\n/g, '\n  ');
+                tmp += '\n';
+            }
+            str = str + '  ' + tmp + '\n';
+        }
+        if (ms[2] !== undefined) {
+            str = str + ms[2] + '\n\n';
+        }
+    }
+    str = '\n  ' + str.trim();
+
+    return matches[1] + str + matches[3];
+}
diff --git a/public_html/layout/default/css_src/package.json b/public_html/layout/default/css_src/package.json
new file mode 100644
index 000000000..01d3ccb3c
--- /dev/null
+++ b/public_html/layout/default/css_src/package.json
@@ -0,0 +1,39 @@
+{
+  "name": "Denim",
+  "title": "Geeklog Denim Theme",
+  "version": "1.1.0",
+  "homepage": "http://www.trybese.com/~dengen/log/",
+  "description": "Geeklog Denim Theme Project",
+  "main": "index.js",
+  "scripts": {
+    "build": "gulp build",
+    "watch": "gulp watch"
+  },
+  "keywords": [
+    "geeklog",
+    "denim",
+    "theme"
+  ],
+  "author": "dengen",
+  "license": "GPLv2",
+  "devDependencies": {
+    "R2": "^1.4.3",
+    "browser-sync": "^2.2.4",
+    "glob": "^5.0.3",
+    "gulp": "^3.8.10",
+    "gulp-combine-media-queries": "^0.2.0",
+    "gulp-csscomb": "^3.0.3",
+    "gulp-csso": "^0.2.9",
+    "gulp-header": "^1.2.2",
+    "gulp-minify-css": "^0.3.11",
+    "gulp-rename": "^1.2.0",
+    "gulp-replace": "^0.5.3",
+    "gulp-shell": "^0.2.11",
+    "gulp-stylus": "^2.0.0",
+    "gulp-watch": "^4.2.1",
+    "mkdirp": "^0.5.0",
+    "nib": "^1.1.0",
+    "run-sequence": "^1.0.2",
+    "stylus": "^0.49.3"
+  }
+}
diff --git a/public_html/layout/default/css_src/src/stylus/config.json b/public_html/layout/default/css_src/src/stylus/config.json
new file mode 100644
index 000000000..924c43a36
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/config.json
@@ -0,0 +1,63 @@
+{
+    "$var": {
+        "name": "default",
+        "style-mode": "1",
+        "header-style": "normal",
+        "sitename-style": "text",
+        "base-color": "#426F9C",
+        "adjust-hue": "true",
+        "global-navigation-style": "default",
+        "flip-horizontal": "false",
+        "uikit-theme": "gradient"
+    },
+    "$base": {
+        "text-color": "#222",
+        "anker-color": "#2664A2"
+    },
+    "$container": {
+        "background": "#FFF",
+        "margin": {
+            "top": "0",
+            "bottom": "0"
+        },
+        "padding": "0",
+        "border": {
+            "size": "0",
+            "color": "#000",
+            "style": "solid"
+        }
+    },
+    "$wrapper": {
+        "background": "#FFF",
+        "padding": "0",
+        "border": {
+            "size": "0",
+            "color": "#000",
+            "style": "solid"
+        }
+    },
+    "$header": {
+        "background": "default",
+        "background-design-type": "gradation",
+        "height": "80px",
+        "padding": "0",
+        "border": {
+            "size": "0",
+            "color": "#000",
+            "style": "solid"
+        }
+    },
+    "$footer": {
+        "background": "transparent",
+        "padding": "0",
+        "border": {
+            "size": "0",
+            "color": "#000",
+            "style": "solid"
+        }
+    },
+    "$story": {
+        "title-color": "default",
+        "status-color": "default"
+    }
+}
diff --git a/public_html/layout/default/css_src/src/stylus/config2.json b/public_html/layout/default/css_src/src/stylus/config2.json
new file mode 100644
index 000000000..b84c7afb4
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/config2.json
@@ -0,0 +1,63 @@
+{
+    "$var": {
+        "name": "2",
+        "style-mode": "2",
+        "header-style": "normal",
+        "sitename-style": "image",
+        "base-color": "#426F9C",
+        "adjust-hue": "true",
+        "global-navigation-style": "default",
+        "flip-horizontal": "false",
+        "uikit-theme": "gradient"
+    },
+    "$base": {
+        "text-color": "#222",
+        "anker-color": "#2664A2"
+    },
+    "$container": {
+        "background": "#FFF",
+        "margin": {
+            "top": "12px",
+            "bottom": "12px"
+        },
+        "padding": "10px",
+        "border": {
+            "size": "1px",
+            "color": "#555",
+            "style": "solid"
+        }
+    },
+    "$wrapper": {
+        "background": "#FFF",
+        "padding": "0",
+        "border": {
+            "size": "0",
+            "color": "#000",
+            "style": "solid"
+        }
+    },
+    "$header": {
+        "background": "#426F9C",
+        "background-design-type": "gradation",
+        "height": "160px",
+        "padding": "0",
+        "border": {
+            "size": "0",
+            "color": "#000",
+            "style": "solid"
+        }
+    },
+    "$footer": {
+        "background": "transparent",
+        "padding": "0",
+        "border": {
+            "size": "0",
+            "color": "#000",
+            "style": "solid"
+        }
+    },
+    "$story": {
+        "title-color": "default",
+        "status-color": "default"
+    }
+}
diff --git a/public_html/layout/default/css_src/src/stylus/style.styl b/public_html/layout/default/css_src/src/stylus/style.styl
new file mode 100644
index 000000000..513d0e37d
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/style.styl
@@ -0,0 +1,15 @@
+json("config.json")
+
+@import "nib";
+@import "sub/mixins";
+@import "sub/variables";
+@import "sub/theme_" + $var-name;
+@import "sub/variables_default";
+@import "sub/base";
+@import "sub/compatible";
+@import "sub/form_basic";
+@import "sub/layout_" + $var-name;
+@import "sub/block_contents";
+@import "sub/main_contents";
+@import "sub/admin";
+@import "sub/admin_config";
diff --git a/public_html/layout/default/css_src/src/stylus/sub/admin.styl b/public_html/layout/default/css_src/src/stylus/sub/admin.styl
new file mode 100644
index 000000000..19c5464a8
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/admin.styl
@@ -0,0 +1,384 @@
+
+$stage = 'admin'
+
+/*!--------------------------------------
+  Admin Common Style
+--------------------------------------*/
+
+/*! Basic Editor */
+.admin_basic
+    padding: 0.5em 2em
+    @media only screen and (max-width: $breakpoint-medium-max)
+        padding: 0.5em 0
+
+/*!--------------------------------------
+  Admin Top Menu Style
+--------------------------------------*/
+
+#admin-topmenu
+    margin-bottom: 2em
+    border: 1px solid rgba(0, 0, 0, 0.2)
+    padding: 10px 5px
+    line-height: 1.25
+    border-radius: 4px
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+
+.admin-menu-icon
+    float: left
+    padding: 5px
+    margin-right: 10px
+    width: 48px
+    height: 48px
+
+#instructions
+    padding: 5px
+    > p
+        margin: 0 0 5px 0
+        line-height: 1.25
+
+#admin-menu-fields
+    color: #CCC
+
+.admin-topic-image
+    margin: 0 5px 0 0
+    vertical-align: middle
+
+/*!--------------------------------------
+  Group Editor
+--------------------------------------*/
+
+#rights_options
+    width: 100%
+    font-size: 11px
+
+/*!--------------------------------------
+  Group Member Editor
+--------------------------------------*/
+
+.listmembers
+    float: left
+    width: 35%
+    height: 15em
+
+#admin-groupmembers-fieldFrom,
+#admin-groupmembers-fieldTo
+    width: 100%
+    height: 100%
+
+.movemembers
+    float: left
+    width: 30%
+    padding-top: 5em
+    text-align: center
+    height: 12em
+
+.movebutton
+    margin: 0.5em 0
+    text-align: center
+
+/*!--------------------------------------
+  Admin Page
+--------------------------------------*/
+
+/*! Admin List Table */
+.admin-list-table
+    margin: 0
+    width: 100%
+    @media only screen and (max-width: $breakpoint-large-max)
+        width: 900px
+    .fieldset-table-wrapper > &
+        width: 100%
+    text-align: left
+    // border-collapse: separate
+    // border-spacing: 1px
+    // border: none
+    font-size: 90%
+    tr
+        margin: 0
+        padding: 0
+        vertical-align: middle
+    th,
+    td
+        vertical-align: middle
+        line-height: 1.1em
+        height: 2.3em
+        padding-top: 2px
+        padding-bottom: 2px
+        // border: none
+    th
+        color: $admin-list-table-th-color
+        background-color: $admin-list-table-th-background
+    img
+        vertical-align: middle
+    admin-table()
+
+.admin-table-changer
+    display: none
+    @media only screen and (max-width: $breakpoint-large-max)
+        display: block
+    text-align: right
+    margin-right: 2px
+    margin-bottom: 2px
+    a
+        width: 60px
+        text-align: center
+        font-size: 85%
+        padding: 2px 6px
+
+.table-wrapper
+    width: 100%
+    overflow: scroll
+
+.table-wrapper-fit
+    width: 100%
+    overflow: visible
+    > .admin-list-table
+        width: 100%
+
+/*! Navigation */
+.admin-list-navi
+    margin-top: 0.5em
+
+/*! Message */
+.admin-list-message
+    margin: 1em 0 0 0
+    padding: 0
+    text-align: center
+
+.admin-list-search
+    text-align: center
+    margin: 0.5em 0
+    clearfix()
+    // All Mobile Sizes (devices and browser)
+    @media only screen and (max-width: $breakpoint-small-max)
+        text-align: left
+
+.admin-list-smalltable
+    margin: 0 0 0.5em 0
+    border-collapse: separate
+    border-spacing: 1px
+    font-size: 13px
+
+.admin-list-headerfield
+    padding: 4px
+
+.admin-list-field
+    padding: 4px
+    a
+        padding: 4px 6px
+
+.search-part
+    display: inline-block
+    margin-right: 5px
+    white-space: nowrap
+    // All Mobile Sizes (devices and browser)
+    @media only screen and (max-width: $breakpoint-small-max)
+        display: block
+
+/*!--------------------------------------
+  Permission Style
+--------------------------------------*/
+
+#admin-permissions
+    admin-table()
+    margin: 0 0 0.5em 0
+    font-size: 13px
+    th, td
+        font-weight: bold
+        text-align: center
+        padding: 4px
+
+/*!--------------------------------------
+  Command and Control Page
+--------------------------------------*/
+
+.admin-commandcontrol
+    list-style-position: outside
+    list-style-type: none
+    margin: 0
+    padding: 0
+    li
+        float: left
+        width: 12.5%
+        height: 8em
+        margin: 0
+        padding: 0
+        text-align: center
+        // Smaller than standard 1280 (devices and browsers)
+        @media only screen and (max-width: $breakpoint-large-max)
+            width: 16.66%
+
+        // Tablet Portrait size to standard 960 (devices and browsers)
+        @media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max)
+            width: 20%
+
+        // All Mobile Sizes (devices and browser)
+        @media only screen and (max-width: $breakpoint-small-max)
+            width: 25%
+
+        // Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
+        @media only screen and (max-width: $breakpoint-mini-max)
+            width: 33.33%
+    a
+        display: block
+        font-size: 90%
+        margin: 5px 0
+
+/*!--------------------------------------
+  Plugin Page
+--------------------------------------*/
+
+#admin-editor #title
+    font-size: 13px
+    font-weight: bold
+    position: relative
+    top: 10px
+
+
+/*! Used by lib-plugin.php to display dependencies */
+b.notbold /*! hack for HTML compliance inside tooltips */
+    font-weight: normal
+
+b.status_red
+    display: inline
+    color: #a40000
+
+b.status_orange
+    display: inline
+    color: #b25000
+
+b.status_green
+    display: inline
+    color: #3d7805
+
+b.status_black
+    display: inline
+    color: black
+
+/*!--------------------------------------
+  Story Editor
+--------------------------------------*/
+
+.story_editor
+    margin: 0 0 1em 0
+    padding: 8px
+    border: 1px solid #CCC
+    dl
+        margin-bottom: 0
+    dt
+        width: 14%
+    dd
+        width: 85%
+    @media only screen and (max-width: $breakpoint-medium-max)
+        dt
+            width: auto
+        dd
+            width: auto
+
+#text_editor dd.description
+    margin-left: 15%
+
+#admin-storyeditor-introtext,
+#admin-storyeditor-bodytext
+    width: 98%
+
+/*! Preview */
+#preview
+    margin: 1em 0
+    padding: 1em 0
+    border-top: 1px solid #CCC
+    border-bottom: none
+
+/*! Story Stats */
+.story_stats
+    display: inline-block
+    float: left
+    margin-right: 2em
+
+/*!--------------------------------------
+  Topic Editor
+--------------------------------------*/
+
+/*! TopicList */
+#admin-topiclist
+    list-style-position: outside
+    list-style-type: none
+    margin: 0
+    padding: 0
+    li
+        float: left
+        width: 20%
+        height: 8em
+        margin: 0
+        padding: 0
+        text-align: center
+    a
+        display: block
+
+/*!--------------------------------------
+  Trackback
+--------------------------------------*/
+
+.trackback-message
+    margin: 0 0 1em 0
+    padding: 0
+
+/*!--------------------------------------
+  User Editor
+--------------------------------------*/
+
+/*! User Images */
+.userphoto
+    margin: 0.5em 0.5em 0 0
+
+
+/*! Security Group Instructions */
+.groupinstructions
+    margin: 0 0 0.5em 0
+
+/*!--------------------------------------
+  Reminder
+--------------------------------------*/
+
+#reminder-submit
+    margin: 0.5em 0
+
+/*!--------------------------------------
+  Enviroment Check
+--------------------------------------*/
+
+.pathtext
+    font-size: 11px
+    color: #666
+
+.pathtext-status
+    text-align: right
+    white-space: nowrap
+
+.yes, .iswriteable
+    font-weight: bold
+    color: #46882b
+
+.no, .notok, .notwriteable
+    font-weight: bold
+    color: #cc0000
+
+/*! PHPInfo Panel style and button */
+#panel_phpinfo
+    padding: 5px
+    width: 600px
+    margin: auto
+    text-align: center
+
+#toggle_phpinfo
+    padding: 5px
+    width: 200px
+    margin: auto
+    text-align: center
+    border: solid 1px #c3c3c3
+
+#panel_phpinfo
+    padding: 50px
+    display: none
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/admin_config.styl b/public_html/layout/default/css_src/src/stylus/sub/admin_config.styl
new file mode 100644
index 000000000..22ea2e198
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/admin_config.styl
@@ -0,0 +1,247 @@
+
+$stage = 'admin_config'
+
+/*!--------------------------------------
+  Admin Configration
+--------------------------------------*/
+
+#config_menu
+    float: left
+    //width: 280px
+    padding: 0 10px
+    //body.center-right &
+    //    width: 200px
+
+.block-config
+    margin: 0 0 0.5em
+    padding: 8px 0
+    text-align: left
+
+.block-config-title
+    margin: 0 0 0.5em 0
+    padding: 0 0 0.1em 0
+    display: block
+    border-bottom: 1px solid #CCC
+    font-size: 105%
+    font-weight: bold
+
+#search-configuration-container
+    @extend .block-config
+    label
+        @extend .block-config-title
+
+.block-config-content
+    padding-left: 5px
+
+.configoption
+    list-style: none outside
+    color: #999
+    margin: 0
+    padding: 0
+    a
+        display: block
+        color: #222
+        height: 1.8em
+        line-height: 1.8em
+        overflow: hidden
+        padding: 0 5px
+        white-space: nowrap
+        text-decoration: none
+        &:hover
+            background-color: #F1F1F1
+
+.configoption_off
+    list-style: none outside
+    color: #999
+    display: block
+    height: 1.8em
+    line-height: 1.8em
+    overflow: hidden
+    margin: 0
+    padding: 0 5px
+    white-space: nowrap
+
+#config_content
+    float: left
+    //width: 820px
+    padding: 10px
+    body.center-right &
+        width: 600px
+
+#geeklog_config_editor
+    clearfix()
+
+#config_main
+    width: 100%
+
+#search-configuration
+    width: 90%
+    margin: 10px 0 10px 5px
+
+.inputTable
+    width: 100%
+    margin: 0
+    padding: 0
+
+.config_label
+    float: left
+    width: 35%
+    padding: .5em 0
+
+.restore
+    padding: .5em 0
+
+.config_input
+    float: left
+    width: 53%
+
+.config_name
+    clear: left
+    margin: 5px 0
+    padding: 5px
+    input[type="text"],
+    textarea
+        width: 53%
+    select
+        width: 54.5%
+        max-width: none
+
+/*! Smaller than standard 1280 (devices and browsers) */
+/*
+@media only screen and (max-width: $breakpoint-large-max)
+
+    #config_menu
+        width: 210px
+        body.center-right &
+            width: 150px
+        body.center &
+            width: 25%
+
+    #config_content
+        width: 710px
+        body.center-right &
+            width: 470px
+
+        body.center &
+            float: left
+            width: 70%
+            padding: 10px 0
+
+*/
+
+@media only screen and (max-width: $breakpoint-medium-max)
+
+    body.center #config_menu
+        width: 100%
+        padding: 0
+
+    body.center #config_content
+        float: left
+        width: 100%
+        padding: 10px 0
+
+    .configoption
+        display: inline-block
+        border: 1px solid #666
+        border-color: #BEDAF3
+        border-radius: 2px 2px 2px 2px
+        background: #E4EDF5
+        color: #336699
+        margin: 0.2em 0
+        margin-right: 0.4em
+        a
+            overflow: visible
+            padding: 0 10px
+            height: 1.8em
+            line-height: 1.8em
+            color: #336699
+
+    .configoption_off
+        display: inline-block
+        border: 1px solid #666
+        border-color: #79B1E7
+        border-radius: 2px 2px 2px 2px
+        background: #A8C4E0
+        color: #2A527A
+        font-weight: bold
+        overflow: visible
+        margin: 0.2em 0
+        margin-right: 0.4em
+        padding: 0 10px
+        height: 1.8em
+        line-height: 1.8em
+
+    #text_editor dd.description
+        margin-left: 0
+
+/*! Tablet Portrait size to standard 960 (devices and browsers) */
+@media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max)
+
+    #config_menu
+        float: left
+        width: 728px
+        padding: 0 10px
+        body.center-right &
+            width: 508px
+
+    #config_content
+        float: left
+        width: 728px
+        padding: 10px
+        body.center-right &
+            width: 508px
+
+    .block-config,
+    #search-configuration-container
+        margin: 0
+        padding: 5px 0
+
+/*! All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: $breakpoint-small-max)
+
+    #geeklog_config_editor
+        padding: 0
+
+    #config_menu
+        float: left
+        width: 100%
+        padding: 0
+        body.center-right &
+            width: 100%
+
+    #config_content
+        float: left
+        width: 100%
+        padding: 10px 0
+        body.center-right &
+            width: 100%
+
+    .config_label
+        float: left
+        width: 100%
+        padding: 0
+        font-weight: bold
+
+    .restore
+        padding: .5em 0
+
+    .config_input
+        float: left
+        width: 90%
+
+    .config_name
+        margin: 5px 0
+        padding: 5px
+        input[type="text"],
+        textarea
+            width: 95%
+        select
+            max-width: none
+            width: 98%
+
+    .block-config,
+    #search-configuration-container
+        margin: 0
+        padding: 5px 0
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/base.styl b/public_html/layout/default/css_src/src/stylus/sub/base.styl
new file mode 100644
index 000000000..660a18873
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/base.styl
@@ -0,0 +1,447 @@
+
+$stage = 'base'
+
+p,
+ul,
+ol,
+dl,
+blockquote,
+pre,
+address,
+fieldset,
+figure
+    margin-top: 0;
+
+h1, h2
+    font-size: 20px
+    margin: 0.3em 0
+
+h3, h4, h5, h6
+    margin: 0.5em 0
+
+address
+    font-style: normal
+    font-weight: normal
+
+q:before
+    content: open-quote
+
+q:after
+    content: close-quote
+
+cite, em, var, dfn
+    font-style: italic
+
+code, samp, kbd
+    font-family: monospace
+
+abbr[title], acronym[title]
+    border-bottom: 1px dotted
+
+a
+    color: $base-anker-color
+    outline: 0
+
+a:hover
+    color: $base-anker-color
+    text-decoration: underline
+
+ul, ol, dl
+    margin: 1em 0
+
+dt
+    font-weight: bold
+    margin-left: 20px
+
+dd
+    margin-left: 20px
+
+ins
+    text-decoration: underline
+
+del
+    text-decoration: line-through
+
+textarea
+    font-size: 100%
+    width: 75%
+    min-height: 60px
+
+hr
+    height: 1px
+    border: none
+    border-top: 1px solid #CCC
+    margin: 0.5em auto
+
+sub
+    vertical-align: sub
+    font-size: 0.83em
+    line-height: normal
+
+sup
+    vertical-align: super
+    font-size: 0.83em
+    line-height: normal
+
+fieldset
+    margin: 0 0 1em 0
+    padding: 8px 12px
+    border: 1px solid #CCC
+    border-radius: 4px
+
+legend
+    padding: 2px 4px
+
+iframe[width="100%"]
+    width: 99%
+
+em
+    font-weight: bold
+
+img
+    border: none
+    vertical-align: bottom
+
+/* Table */
+/*
+table
+    text-align: left
+    border-collapse: collapse
+    margin: 1em 0.5em
+
+tr
+    margin: 0
+    padding: 0
+    vertical-align: middle
+
+th,
+td
+    margin: 0
+    padding: 0.2em 0.6em
+    vertical-align: middle
+    line-height: 160%
+    border: 1px solid #DDD
+
+th
+    text-align: left
+    font-weight: bold
+    background: #F5F5F5
+*/
+
+table img
+    vertical-align: middle
+
+/*! Forms */
+
+// Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
+//@media only screen and (max-width: 479px)
+@media only screen and (max-width: $breakpoint-mini-max)
+    select
+        max-width: 270px
+
+select
+    height: 28px
+    line-height: 28px
+
+select.multiple,
+select[multiple="multiple"]
+    height: auto
+
+option
+    padding-right: 4px    /*! for Firefox */
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+textarea:focus
+    border: 1px solid #aaa
+    color: $base-text-color
+    box-shadow: 0 0 3px rgba(0,0,0,.2)
+
+/* ========================================================================
+   Component: Button for Geeklog
+ ========================================================================== */
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+input[type="submit"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner
+    border: 0
+    padding: 0
+
+/*
+ * 1. Correct inability to style clickable `input` types in iOS.
+ * 2. Remove margins in Chrome, Safari and Opera.
+ * 3. Remove borders for `button`.
+ * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
+ * 5. Correct `font` properties and `color` not being inherited for `button`.
+ * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
+ * 7. Style
+ * 8. `line-height` is used to create a height
+ * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
+ * 10. Reset button group whitespace hack
+ * 11. Required for `a`.
+ */
+input[type="submit"],
+input[type="button"],
+input[type="reset"]
+    /* 1 */
+    -webkit-appearance: none
+    /* 2 */
+    margin: 0
+    /* 3 */
+    border: none
+    /* 4 */
+    overflow: visible
+    /* 5 */
+    font: inherit
+    color: #444444
+    /* 6 */
+    text-transform: none
+    /* 7 */
+    display: inline-block
+    -moz-box-sizing: border-box
+    box-sizing: border-box
+    padding: 0 12px
+    if $var-uikit-theme == 'default'
+        background: #eeeeee
+    if $var-uikit-theme == 'gradient'
+        background: #f7f7f7
+    if $var-uikit-theme == 'almost-flat'
+        background: #f5f5f5
+    vertical-align: middle
+    /* 8 */
+    line-height: 28px
+    /* 9 */
+    min-height: 30px
+    /* 10 */
+    font-size: 1rem
+    /* 11 */
+    text-decoration: none
+    text-align: center
+    if $var-uikit-theme == 'gradient'
+        border: 1px solid rgba(0, 0, 0, 0.2)
+        border-bottom-color: rgba(0, 0, 0, 0.3)
+        background-origin: border-box
+        background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee)
+        background-image: linear-gradient(to bottom, #ffffff, #eeeeee)
+        border-radius: 4px
+        text-shadow: 0 1px 0 #ffffff
+    if $var-uikit-theme == 'almost-flat'
+        border: 1px solid rgba(0, 0, 0, 0.06)
+        border-radius: 4px
+        text-shadow: 0 1px 0 #ffffff
+
+
+
+input[type="submit"]:not(:disabled),
+input[type="button"]:not(:disabled),
+input[type="reset"]:not(:disabled)
+    cursor: pointer
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ * 3. Required for `a` elements
+ */
+input[type="submit"]:hover,
+input[type="button"]:hover,
+input[type="reset"]:hover,
+input[type="submit"]:focus,
+input[type="button"]:focus,
+input[type="reset"]:focus
+    if $var-uikit-theme == 'default'
+        background-color: #f5f5f5
+    if $var-uikit-theme == 'gradient'
+        background-color: #fafafa
+    if $var-uikit-theme == 'almost-flat'
+        background-color: #fafafa
+    color: #444444
+    /* 2 */
+    outline: none
+    /* 3 */
+    text-decoration: none
+    if $var-uikit-theme == 'gradient'
+        background-image: none
+    if $var-uikit-theme == 'almost-flat'
+        border-color: rgba(0, 0, 0, 0.16)
+
+/* Active */
+input[type="submit"]:active,
+input[type="button"]:active,
+input[type="reset"]:active,
+input[type="submit"].uk-active,
+input[type="button"].uk-active,
+input[type="reset"].uk-active
+    if $var-uikit-theme == 'default'
+        background-color: #dddddd
+    if $var-uikit-theme == 'gradient'
+        background-color: #f5f5f5
+    if $var-uikit-theme == 'almost-flat'
+        background-color: #eeeeee
+    color: #444444
+    if $var-uikit-theme == 'gradient'
+        border-color: rgba(0, 0, 0, 0.2)
+        border-top-color: rgba(0, 0, 0, 0.3)
+        background-image: none
+        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1)
+
+/* Disabled state
+ * Overrides also the color modifiers
+ ========================================================================== */
+/* Equal for all button types */
+input[type="submit"]:disabled,
+input[type="button"]:disabled,
+input[type="reset"]:disabled
+    if $var-uikit-theme == 'default'
+        background-color: #f5f5f5
+    if $var-uikit-theme == 'gradient'
+        background-color: #fafafa
+    if $var-uikit-theme == 'almost-flat'
+        background-color: #fafafa
+    color: #999999
+    if $var-uikit-theme == 'gradient'
+        border-color: rgba(0, 0, 0, 0.2)
+        background-image: none
+        box-shadow: none
+        text-shadow: 0 1px 0 #ffffff
+    if $var-uikit-theme == 'almost-flat'
+        border-color: rgba(0, 0, 0, 0.06);
+        box-shadow: none;
+        text-shadow: 0 1px 0 #ffffff;
+
+/* Sub-object `uk-button-group`
+ ========================================================================== */
+/*
+ * Remove whitespace between child elements when using `inline-block`
+ */
+.uk-button-group input[type="submit"],
+.uk-button-group input[type="button"],
+.uk-button-group input[type="reset"]
+    vertical-align: top
+
+if $var-uikit-theme == 'gradient'
+
+    /* Sub-object `uk-button-group`
+     ========================================================================== */
+    /*
+     * Reset border-radius
+     */
+    .uk-button-group > div:not(:first-child):not(:last-child) input[type="submit"],
+    .uk-button-group > div:not(:first-child):not(:last-child) input[type="button"],
+    .uk-button-group > div:not(:first-child):not(:last-child) input[type="reset"]
+        border-radius: 0
+
+    .uk-button-group > div:first-child input[type="submit"],
+    .uk-button-group > div:first-child input[type="button"],
+    .uk-button-group > div:first-child input[type="reset"]
+        border-top-right-radius: 0
+        border-bottom-right-radius: 0
+
+    .uk-button-group > div:last-child input[type="submit"],
+    .uk-button-group > div:last-child input[type="button"],
+    .uk-button-group > div:last-child input[type="reset"]
+        border-top-left-radius: 0
+        border-bottom-left-radius: 0
+
+    /*
+     * Collapse border
+     */
+    .uk-button-group > div:nth-child(n+2) input[type="submit"],
+    .uk-button-group > div:nth-child(n+2) input[type="button"],
+    .uk-button-group > div:nth-child(n+2) input[type="reset"]
+        margin-left: -1px
+
+if $var-uikit-theme == 'almost-flat'
+
+    /* Sub-object `uk-button-group`
+     ========================================================================== */
+    /*
+     * Reset border-radius
+     */
+    .uk-button-group > div:not(:first-child):not(:last-child) input[type="submit"],
+    .uk-button-group > div:not(:first-child):not(:last-child) input[type="button"],
+    .uk-button-group > div:not(:first-child):not(:last-child) input[type="reset"]
+        border-left-color: rgba(0,0,0,0.1)
+        border-right-color: rgba(0,0,0,0.1)
+        border-radius: 0
+
+    .uk-button-group > div:first-child input[type="submit"],
+    .uk-button-group > div:first-child input[type="button"],
+    .uk-button-group > div:first-child input[type="reset"]
+        border-right-color: rgba(0,0,0,0.1)
+        border-top-right-radius: 0
+        border-bottom-right-radius: 0
+
+    .uk-button-group > div:last-child input[type="submit"],
+    .uk-button-group > div:last-child input[type="button"],
+    .uk-button-group > div:last-child input[type="reset"]
+        border-left-color: rgba(0,0,0,0.1)
+        border-top-left-radius: 0
+        border-bottom-left-radius: 0
+
+    /*
+     * Collapse border
+     */
+    .uk-button-group > div:nth-child(n+2) input[type="submit"],
+    .uk-button-group > div:nth-child(n+2) input[type="button"],
+    .uk-button-group > div:nth-child(n+2) input[type="reset"]
+        margin-left: -1px
+
+/* ========================================================================
+   Component: Contrast for Geeklog
+ ========================================================================== */
+
+.uk-contrast input[type="submit"],
+.uk-contrast input[type="button"],
+.uk-contrast input[type="reset"]
+    color: #444444
+    background: #ffffff
+    if $var-uikit-theme == 'gradient'
+        border-color: transparent
+    if $var-uikit-theme == 'almost-flat'
+        border-color: transparent
+
+.uk-contrast input[type="submit"]:hover,
+.uk-contrast input[type="button"]:hover,
+.uk-contrast input[type="reset"]:hover,
+.uk-contrast input[type="submit"]:focus,
+.uk-contrast input[type="button"]:focus,
+.uk-contrast input[type="reset"]:focus
+    background-color: rgba(255, 255, 255, 0.8)
+    color: #444444
+    if $var-uikit-theme == 'gradient'
+        border-color: transparent
+    if $var-uikit-theme == 'almost-flat'
+        border-color: transparent
+
+.uk-contrast input[type="submit"]:active,
+.uk-contrast input[type="button"]:active,
+.uk-contrast input[type="reset"]:active,
+.uk-contrast input[type="submit"].uk-active,
+.uk-contrast input[type="button"].uk-active,
+.uk-contrast input[type="reset"].uk-active
+    background-color: rgba(255, 255, 255, 0.7)
+    color: #444444
+    if $var-uikit-theme == 'gradient'
+        box-shadow: none
+
+
+
+/*! Modify UIkit */
+.uk-form input,
+.uk-form button,
+.uk-form select,
+.uk-form textarea
+    margin 0 1px 2px
+
+.uk-form > .admin-list-search
+    margin-bottom: 0.5em
+
+
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/block_contents.styl b/public_html/layout/default/css_src/src/stylus/sub/block_contents.styl
new file mode 100644
index 000000000..b057703cb
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/block_contents.styl
@@ -0,0 +1,771 @@
+
+$stage = 'block_contents'
+
+/*!--------------------------------------
+  Container
+--------------------------------------*/
+
+#container
+    background-color: $container-background
+    margin-top: $container-margin-top
+    margin-bottom: $container-margin-bottom
+    padding: $container-padding
+    build-border("$container")
+    @media only screen and (max-width: $breakpoint-small-max)
+        margin-top: 0
+        margin-bottom: 0
+        padding: 0
+        border: none
+    hook-selector($stage, "" + selector())
+
+#wrapper
+    /*! Adjust floating element */
+    overflow: visible;
+    background-color: $wrapper-background
+    padding: $wrapper-padding
+    padding-bottom: 2em;
+    build-border("$wrapper")
+    @media only screen and (max-width: $breakpoint-small-max)
+        padding: 0;
+        border: none
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Header Content
+--------------------------------------*/
+
+$denim_logo ?= "../images/logo2.png"
+
+$logo-height = 0
+$logo-width  = 0
+if $var-sitename-style == 'image'
+    $logo-height = img-height("../../../" + $denim_logo)
+    $logo-width  = img-width( "../../../" + $denim_logo)
+
+$logo-top ?= 12px
+if ($logo-height + 24px) > $header-height
+    $header-height = $logo-height + 24px
+else
+    $logo-top = ($header-height - $logo-height) / 2
+
+
+$header_texture ?= "../images/texture.jpg"
+$texture-height = img-height("../../../" + $header_texture)
+$texture-width  = img-width( "../../../" + $header_texture)
+
+$header-height-mobile = 60px
+
+#header
+    padding: $header-padding
+    build-border("$header")
+    @media only screen and (max-width: $breakpoint-small-max)
+        padding: 0
+        border: none
+
+    if $var-header-style == 'normal'
+        background: linear-gradient(top, $header-background-dark, 50% $header-background, 90% $header-background, $header-background-dark)
+        height: $header-height
+        // All Mobile Sizes
+        @media only screen and (max-width: $breakpoint-small-max)
+            background-size: 256px auto
+            height: $header-height-mobile
+            margin-top: 0
+
+    if $var-header-style == 'texture'
+        position: relative
+        background-color: $header-background
+        background-image: url($header_texture)
+        background-position: center
+        background-repeat: repeat-x
+        height: $header-height
+        &:before
+            position: absolute
+            content: ""
+            height: $header-height
+            //background: linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.2) 100%)
+            background: linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%)
+            top: 0px
+        // All Mobile Sizes
+        @media only screen and (max-width: $breakpoint-small-max)
+            background-size: ($texture-width / 2) auto
+            height: $header-height-mobile
+            margin-top: 0
+            &:before
+                height: $header-height-mobile
+
+    hook-selector($stage, "" + selector())
+
+/*! Site Name */
+.site_name
+    if $var-sitename-style == 'text'
+        position: relative
+        float: left
+        font-size: 30px
+        font-weight: bold
+        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
+        line-height: @font-size + 6px
+        margin: (($header-height - @line-height) / 2) 0 0 20px
+        padding: 0
+        a:link,
+        a:visited,
+        a:hover
+            color: #EEEEEE
+            text-decoration: none
+        // All Mobile Sizes
+        @media only screen and (max-width: $breakpoint-small-max)
+            margin: 6px 0 0 8px
+            font-size: 1.6em
+            line-height: 1.6em
+
+    if $var-sitename-style == 'image'
+        position: relative
+        //margin: 12px 0 0 16px
+        margin: $logo-top 0 0 16px
+        padding: 0
+        float: left
+        width: $logo-width
+        height: $logo-height
+        a
+            background: url($denim_logo) 0 0 no-repeat
+            text-indent: -3000px
+            display: block
+            //width: 151px
+            //height: 56px
+            width: 100%
+            height: 100%
+        // All Mobile Sizes
+        @media only screen and (max-width: $breakpoint-small-max)
+            $percentage = ($header-height-mobile - 10px) / $logo-height
+            $h = $header-height-mobile - 10px
+            $w = $logo-width * $percentage
+            //margin: 9px 0 0 7px
+            margin: 5px 0 0 7px
+            padding: 0
+            float: left
+            width: $w
+            height: $h
+            a
+                background-size: $w auto
+
+    hook-selector($stage, "" + selector())
+
+/*! Slogan */
+.site_slogan
+    position: relative
+    margin: 0
+    padding: 16px 16px 0 16px
+    float: right
+    color: #FFF
+    text-align: right
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
+    // All Mobile Sizes
+    @media only screen and (max-width: $breakpoint-small-max)
+        font-size: 75%
+        if $var-sitename-style == 'text'
+            clear: both
+            float: none
+            padding: 0px 10px 0
+            text-align: left
+            line-height: 1.2em
+
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Gloval Navigation Content
+--------------------------------------*/
+
+// variables
+$bg = $navigation-background // #E7E7E7
+$navigation-border-top        = lighten($bg, 28%) // $EEE
+$navigation-border-bottom     = darken($bg, 14%)  // #C7C7C7
+$navigation-border-right      = darken($bg, 7%)   // #D7D7D7
+$navigation-background-active = darken($bg, 3.5%) // #DFDFDF
+
+/*! Navigation Menu List */
+first-child-border-left(mode, bl) // mixin
+    if mode == 1
+        border-left: 1px solid bl
+
+#navigation
+    padding: $navigation-padding
+    @media only screen and (max-width: $breakpoint-small-max)
+        padding: 0
+
+    if $var-global-navigation-style == 'normal'
+        background: $navigation-background
+        border-top:    1px solid $navigation-border-top
+        border-bottom: 1px solid $navigation-border-bottom
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+        text-align: left
+        text-shadow: 0 1px 0 #FFF
+        ul
+            list-style: none
+            margin: 0
+            padding: 0
+            //font-weight: bold
+        li
+            float: left
+            margin: 0
+            padding: 0
+            a
+                font-size: 13px
+                display: block
+                line-height: 30px
+                margin: 0
+                padding: 0 7px
+                border-right: 1px solid $navigation-border-right
+            &:first-child a
+                first-child-border-left($var-style-mode, $navigation-border-right)
+
+    if $var-global-navigation-style == 'frame'
+        build-border("$navigation")
+        @media only screen and (max-width: $breakpoint-small-max)
+            border: none
+
+        background: $navigation-background
+        //border-top:    1px solid $navigation-border-top
+        //border-bottom: 1px solid $navigation-border-bottom
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+        text-align: left
+        text-shadow: 0 1px 0 #FFF
+        ul
+            list-style: none
+            margin: 0
+            padding: 0
+            font-weight: bold
+        li
+            float: left
+            margin: 0
+            padding: 0
+            a
+                font-size: 13px
+                display: block
+                line-height: 30px
+                margin: 0
+                padding: 0 7px
+                border-right: 1px solid $navigation-border-right
+            &:first-child a
+                first-child-border-left($var-style-mode, $navigation-border-right)
+
+    hook-selector($stage, "" + selector())
+
+/*! Navigation Menu */
+.menuitem
+    a,
+    a:link,
+    a:visited
+        color: #666
+    a:hover,
+    a:focus,
+    a:active
+        color: $base-anker-color
+        text-decoration: none
+        background: $navigation-background-active
+
+.tinynav
+    display: none
+    // All Mobile Sizes
+    @media only screen and (max-width: $breakpoint-small-max)
+        display: block
+        width: 95%
+        max-width:none
+        margin: auto
+
+/*!--------------------------------------
+  Center Block Content
+--------------------------------------*/
+
+#centerblocks
+    //line-height: 1.5em
+    hook-selector($stage, "" + selector())
+
+/*! Welcome Message */
+.welcome_msg
+    margin: 0.5em 0 1.5em
+    padding: 0.5em 0
+    border-bottom: 1px solid $center-separator-color
+    color: #888
+
+/*! Block */
+#centerblocks section.block-center,
+#centerblocks div.block-center
+    margin: 0 0 1em 0
+    padding: 0 0 2em 0
+    border-bottom: 1px solid #CCC
+
+/*!--------------------------------------
+  Footer Content
+--------------------------------------*/
+
+#footer
+    border-top: 1px solid #CCC
+    build-border("$footer")
+    @media only screen and (max-width: $breakpoint-small-max)
+        border: none
+
+    font-size: 12px
+    color: #666
+    background-color: $footer-background
+    a:link,
+    a:visited,
+    a:active
+        color: #666
+        text-decoration: none
+    a:hover
+        color: $base-anker-color
+        text-decoration: underline
+    // All Mobile Sizes
+    @media only screen and (max-width: $breakpoint-small-max)
+        border: none
+        color: #999
+        background-color: $mobile-footer-background
+        a:link,
+        a:visited,
+        a:active
+            color: #999
+            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
+    hook-selector($stage, "" + selector())
+
+/*! Copyright */
+.copyright
+    float: left
+    margin: 0
+    padding-left: 8px
+    line-height: 1.4em
+    // All Mobile Sizes
+    @media only screen and (max-width: $breakpoint-small-max)
+        float: none
+        margin: 0 0 1em 0
+        padding-left: 0px
+        padding-right: 8px
+        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
+    hook-selector($stage, "" + selector())
+
+/*! Powered by & Page Execution Time */
+.site_info
+    float: right
+    margin: 0
+    padding-right: 15px
+    text-align: right
+    line-height: 1.4em
+    // All Mobile Sizes
+    @media only screen and (max-width: $breakpoint-small-max)
+        float: none
+        text-align: left
+        margin: 0
+        padding-left: 4px
+        padding-right: 8px
+        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Common Block Style
+--------------------------------------*/
+
+#leftblocks,
+#rightblocks
+    p
+        line-height: 1.25
+        margin: 0.7em 0
+    ul
+        list-style-position: inside
+        margin: 0.7em 0
+        padding-left: 0.5em
+    ol
+        list-style-position: inside
+        margin: 0.7em 0
+        padding-left: 0.9em
+    li
+        margin: 0 0 0.25em 0
+        padding: 0
+    dl
+        margin: 0.7em 0
+    input
+        font-size: 95%
+        margin-left: 0
+        margin-right: 0
+
+    /*--------------------------------------
+      Admin Option
+      Topic Menu
+      User Menu
+    --------------------------------------*/
+
+    /* Menu Enabled */
+    .sideoption
+        list-style: none outside
+        color: #999
+        margin: 0
+        padding: 0
+        a
+            display: block
+            color: #222
+            height: 1.8em
+            line-height: 1.8em
+            overflow: hidden
+            padding: 0 5px
+            white-space: nowrap
+            text-decoration: none
+            &:hover
+                background-color: #F1F1F1
+        span
+            color: #999
+            text-decoration: none
+            margin-left: 3px
+
+    /* Menu Disabled */
+    .sideoption_off
+        list-style: none outside
+        color: #999
+        display: block
+        height: 1.8em
+        line-height: 1.8em
+        overflow: hidden
+        margin: 0
+        padding: 0 5px
+        white-space: nowrap
+        span
+            color: #999
+            text-decoration: none
+            margin-left: 3px
+
+    /* Group Label */
+    .sideoption_group_label
+        color: #630
+        font-size: 103%
+        font-weight: bold
+        height: 1.6em
+        line-height: 1.6em
+        overflow: hidden
+        margin: 0
+        padding: 0 5px
+        white-space: nowrap
+        border-bottom: 1px dotted #ccc
+    .noliststyle
+        padding-left: 0
+    .branch_level2 a
+        padding-left: 15px
+    .branch_level3 a
+        padding-left: 25px
+    .branch_level4 a
+        padding-left: 35px
+    .sideoption_off.branch_level2
+        padding-left: 15px
+    .sideoption_off.branch_level3
+        padding-left: 25px
+    .sideoption_off.branch_level4
+        padding-left: 35px
+
+    /* Block Title */
+    h3, h4
+        font-size: 100%
+
+    // All Mobile Sizes
+    @media only screen and (max-width: $breakpoint-small-max)
+        background: $mobile-blocks-background //#E7E7E7
+        input
+            font-size: 16px
+        input[type="submit"]
+            font-size: 14px
+
+        .sideoption a,
+        .sideoption a:hover,
+        .sideoption_off
+            background: url(../images/arrow-right.png) no-repeat #F7F7F7
+            background-size: 24px auto
+            background-position: right 50%
+            border: 1px solid #CACACA
+            color: #222
+            display: block
+            font-size: 16px
+            font-weight: bold
+            margin-bottom: -1px
+            padding: 4px 10px
+            text-decoration: none
+            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+
+        .sideoption_off
+            color: #999
+
+#leftblocks
+    hook-selector($stage, "" + selector())
+
+#rightblocks
+    hook-selector($stage, "" + selector())
+
+#loginform-loginname,
+#loginform-passwd
+    width: 50%
+
+/*! Help Icon */
+h1 img,
+h2 img,
+h3 img,
+h4 img
+    vertical-align: middle
+
+/*!--------------------------------------
+  System Message Block
+--------------------------------------*/
+
+.block-message
+    // variables
+    $rd = $msgbox-border-radius
+    $bd = $msgbox-border-size
+
+    margin: 1.5em 0
+    padding: 0
+    border-radius: $rd
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+    dl
+        margin: 0
+        padding: 0
+
+    /*! Title */
+    dt
+        margin: 0
+        padding: 4px 8px
+        background: $msgbox-title-background // #3E6C9A
+        color: $msgbox-title-color // #EEEEEC
+        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
+        font-weight: bold
+        border: $bd solid rgba(0, 0, 0, 0.2)
+        border-radius: $rd $rd 0px 0px
+
+    /*! Message */
+    dd
+        margin: 0
+        padding: 8px 12px
+        background: $msgbox-message-background // #EEE
+        color: $msgbox-message-color // #404040
+        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
+        border: $bd solid rgba(0, 0, 0, 0.2)
+        //border-top: 2px
+        border-radius: 0px 0px $rd $rd
+    p
+        margin: 0.2em 0
+        line-height: 1.25
+
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Left Block and Right Block
+--------------------------------------*/
+
+/*! Block */
+.block-left,
+.block-right,
+.block-list
+    margin: 0 8px 0.5em 8px
+    padding: 8px 0
+    font-size: 13px
+    // All Mobile Sizes
+    @media only screen and (max-width: $breakpoint-small-max)
+        font-size: 100%
+        margin: 0 10px
+        padding: 0
+
+
+/*! Block Title */
+.block-title
+    margin: 0 0 0.5em 0
+    padding: 0 0 0.1em 0
+    border-bottom: 1px solid #CCC
+    font-size: 14px
+    font-weight: bold
+    line-height: 20px
+
+/*!--------------------------------------
+  Search Form
+--------------------------------------*/
+
+#searchform
+    fieldset
+        margin-top: 15px
+        padding: 0px
+    a
+        line-height: 1.5em
+    // All Mobile Sizes
+    @media only screen and (max-width: $breakpoint-small-max)
+        fieldset
+            margin-top: 10px
+            margin-bottom: 10px
+            padding: 0px
+            text-align: center
+        .searchform
+            text-align: center
+
+.searchform
+    line-height: 2.2em
+    margin-bottom: 0.3em
+
+input[type="text"].search
+    background: url(../images/search.png) left center no-repeat #FFF
+    padding-left: 24px
+    width: 120px
+    color: #999
+
+/*!--------------------------------------
+  Login Form
+--------------------------------------*/
+
+/*! authentication buttons */
+login_form(pos) // mixin
+    left: 0px
+    width: 141px
+    background: url('/images/oauth-login-with-sprite.png') no-repeat
+    background-position: 0 pos
+
+#login
+    &_facebook
+        login_form(0)
+    &_twitter
+        login_form(-23px)
+    &_linkedin
+        login_form(-44px)
+    &_google
+        login_form(-66px)
+    &_yahoo
+        login_form(-88px)
+    &_microsoft
+        login_form(-110px)
+    &_github
+        login_form(-132px)
+    &_openid
+        login_form(-154px)
+
+#loginform
+    fieldset
+        margin-top: 15px
+        padding: 0px
+    .submit
+        margin-bottom: 0.3em
+    a
+        line-height: 1.5em
+
+.form_part
+    margin-bottom: 0.3em
+    label
+        display: block
+        line-height: 1.2em
+        margin-bottom: 0.3em
+
+/*! Third party login */
+form.third-party-login
+    margin: 0.1em 0
+    div
+        position: relative
+        img
+            position: absolute
+            left: 6px
+            top: 6px
+        input
+            box-sizing: border-box
+            &.submit
+                text-indent: 24px
+                font-size: 12px
+                height: 28px
+
+div.third-party-login
+    width: 164px
+
+/*! All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: $breakpoint-small-max)
+
+    /*--------------------------------------
+      Gloval Navigation Content
+    --------------------------------------*/
+
+    #navigation_ul
+        display: none
+
+    /*--------------------------------------
+      Left And Right Block
+    --------------------------------------*/
+
+    $hue = hue($mobile-block-title-background)
+
+    .block-title,
+    #block-left-search > h2
+        background: $mobile-block-title-background
+        color: #EEEEEC
+        font-weight: bold
+        padding: 8px 5px
+        text-align: left
+        font-size: 16px
+        margin-left: -10px
+        margin-right: -10px
+        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
+        border-top: 1px solid hue(#6F99C7, $hue)
+        border-bottom: 1px solid hue(#1F364F, $hue)
+
+    h2.show,
+    #block-left-search > h2.show
+        background: url(../images/arrow-down.png) no-repeat $mobile-block-title-background
+        background-size: 36px auto
+        background-position: right 50%
+
+    h2.hide,
+    #block-left-search > h2.hide
+        background: url(../images/arrow-up.png) no-repeat $mobile-block-title-background
+        background-size: 36px auto
+        background-position: right 50%
+
+    h2.block-title
+        margin-top: 0
+        margin-bottom: 0
+
+    #block-left-search > h2
+        margin-top: 0
+        margin-bottom: 0
+
+    #config_menu .block-title
+        margin-left: -10px
+        margin-right: -10px
+
+    #search-configuration-container label
+        margin: 0 0 0.5em 0
+        padding: 0 0 0.1em 0
+        display: block
+        border-bottom: 1px solid #CCC
+        background: $mobile-block-title-background
+        color: #EEEEEC
+        font-weight: bold
+        padding: 8px 5px
+        text-align: left
+        font-size: 16px
+        margin-left: -10px
+        margin-right: -10px
+        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
+
+    #search-configuration
+        font-size: 16px
+
+    .block-left-content,
+    .block-right-content,
+    .block-list-content
+        padding: 10px 0
+        text-shadow: 0 1px 0 #FFF
+
+
+    #block-left-search > .block-left-content
+        background: $mobile-blocks-background // #E7E7E7
+        padding: 10px
+        margin: 0px
+
+    .noliststyle
+        list-style: none
+        padding: 0px
+        margin: 0px
+
+    .sideoption:first-child a,
+    .sideoption_off:first-child
+        -webkit-border-top-left-radius: 8px
+        -webkit-border-top-right-radius: 8px
+
+    .sideoption:last-child a,
+    .sideoption_off:last-child
+        -webkit-border-bottom-left-radius: 8px
+        -webkit-border-bottom-right-radius: 8px
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/compatible.styl b/public_html/layout/default/css_src/src/stylus/sub/compatible.styl
new file mode 100644
index 000000000..80082d861
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/compatible.styl
@@ -0,0 +1,374 @@
+
+$stage = 'compatible'
+
+/*!--------------------------------------
+  professional Compatible Style
+--------------------------------------*/
+
+/*! Menus in blocks */
+
+.blocklist ul
+    list-style: none
+    padding: 0
+    margin: 0
+
+/*! general alignment classes */
+
+.alignleft
+    text-align: left
+
+.alignright
+    text-align: right
+
+.aligncenter
+    text-align: center
+
+.aligntop
+    vertical-align: top
+
+.floatright
+    float: right
+
+.floatleft
+    float: left
+
+.clearboth
+    clear: both
+
+/*! clear floats by applying the clearfix class to float-encasing block! */
+
+.clearfix:after
+    content: "."
+    display: block
+    height: 1px
+    clear: both
+    overflow: hidden
+    visibility: hidden
+
+/*! general formatting classes */
+
+.b
+    font-weight: bold
+
+.ext-link
+    background-color: transparent
+    background: url(../images/external.png) center right no-repeat
+    background-attachment: scroll
+    padding-right: 13px
+
+.feed-link
+    background-color: transparent
+    background: url(../images/feed.png) center right no-repeat
+    background-attachment: scroll
+    padding: 2px 16px 2px 0px
+
+.strike
+    text-decoration: line-through
+
+.url,
+.break-word
+    white-space: pre-wrap
+    word-wrap: break-word
+    word-break: break-all
+    overflow: auto
+
+.fieldhelp
+    font-size: 0.85em
+    color: #666
+    padding-left: 0.8em
+    padding-right: 0.8em
+
+/*! Forms */
+
+.form-description
+    /*! used with calendar plugin */
+    font-weight: bold
+    float: left
+    width: 100px
+    text-align: right
+    padding-right: 5px
+    display: block
+
+.form-field
+    /*! used with calendar plugin */
+    padding-bottom: 5px
+    margin-left: 105px
+
+.checkboxes-list
+    /*! this is used for example by COM_checkList */
+    list-style: none
+    padding: 0
+    margin: 0
+
+.checkboxes-list span
+    /*! space between the text and the checkbox */
+    padding-left: 5px
+
+.checkboxes-list .gldefault
+    /*! default blocks in the user settings block list */
+    font-weight: bold
+
+.highlight
+    color: #000
+    background-color: yellow
+    text-decoration: none
+
+.inputTable td
+    padding: 4px
+    vertical-align: top
+
+.inputTable label
+    font-weight: bold
+    float: right
+    white-space: nowrap
+
+.nowrap
+    white-space: nowrap
+
+.pagenav
+    text-align: center
+    line-height: 1.5
+
+.row_center td
+    text-align: center
+
+.searchresult-byline
+    color: green
+
+.sysmessage img
+    border: none
+    float: left
+    margin-top: -4px
+    padding-bottom: 3px
+    padding-right: 5px
+
+/*! Stats */
+
+.stats-list-count
+    text-align: right
+    padding-left: 5px
+    padding-right: 5px
+
+.stats-header-title
+    text-align: left
+    width: 90%
+    padding-left: 5px
+    padding-right: 5px
+
+.stats-header-count
+    text-align: left
+    width: 10%
+    padding-left: 5px
+    padding-right: 5px
+
+#token-expirynotice
+    padding: 1em
+    border: 1px solid #CCC
+    background: #F7F7F7
+
+#token-expirytime
+    font-weight: bold
+
+.warning
+    background: transparent
+    color: #D14
+    font-weight: bold
+
+.warningsmall
+    background: transparent
+    color: #D14
+
+/*! Default Plugin CSS Declarations */
+/*! Recommended CSS to be used by Plugin Authors - allows easier site themeing */
+
+.plugin
+    color: #000
+    background-color: #EFEFEF
+    font-weight: normal
+    border:1px solid #CCC
+    th
+        color: #000
+        background-color: #B7C1DC
+        padding: 5px
+        text-align: left
+    tr
+        vertical-align: top
+    td
+        padding: 2px 5px
+
+.pluginBG
+    color: #FEFEFE
+    background-color: #7398BA
+
+.pluginAltBG
+    background-color: #7398BA
+
+.pluginAltBG td
+    color: #FFF
+
+.pluginCellTitle
+    color: #666
+    font-weight: bold
+    background-color: #E6E6E6
+    padding: 5px
+
+.pluginCellFill
+    background-color: #F8FAFD
+
+.pluginCellText
+    color: #636363
+    font-weight: normal
+
+.pluginHeader
+    color: #204275
+    font-weight: bolder
+    padding-top: 3px
+    padding-bottom: 3px
+
+.pluginFooter,
+.pluginFooter td
+    background-color: #507AA1
+    color: #FFF
+
+.pluginAlert
+    padding: 5px 15px
+    color: #D8010E
+    background-color: #FEF1B4
+    font-weight: bold
+    margin-bottom: 1em
+
+.pluginInfo
+    padding: 5px 15px
+    color: #707070
+    background-color: #FEF1B4
+    font-weight: normal
+
+.pluginSubTable
+    color: #000
+    background-color: #CCC
+    font-weight: normal
+    border:1px solid #CCC
+
+.pluginSubTable th
+    color: #000
+    background-color: #C9D1E4
+    padding: 5px
+    text-align: left
+
+.pluginSubTable tr
+    vertical-align: top
+
+.pluginSolidOutline
+    background-color: #CCC
+
+.pluginSolidFill
+    background-color: #1A3955
+
+.pluginTitle
+    background-color: #507AA1
+    color: #F5F9FF
+    padding: 4px 6px
+
+.pluginCellSubTitle
+    background-color: #F7F7F7
+    color: #000
+    padding: 4px 6px
+
+.pluginTinyText
+    font-size: 0.70em
+
+.pluginSmallText
+    font-size: 0.8em
+
+.pluginMediumText
+    font-size: 1em
+
+.pluginLargeText
+    font-size: 1.25em
+
+.pluginAltText
+    color: #FFF
+
+.pluginRow1,
+.pluginRow1 td
+    color: $admin-list-table-td-color
+    background-color: $admin-list-table-td1-background // #F7F7F7
+    line-height: 120%
+
+.pluginRow2,
+.pluginRow2 td
+    color: $admin-list-table-td-color
+    background-color: $admin-list-table-td2-background // #E7E7E7
+    line-height: 120%
+
+.pluginRow1 .pluginRollOver,
+.pluginRow2 .pluginRollOver,
+.pluginRollOver
+    color: $admin-list-table-td-color
+    background-color: $admin-list-table-rollover-background // #FFFF8F
+    line-height: 120%
+
+.pluginRow1 .pluginRollOut,
+.pluginRow2 .pluginRollOut,
+.pluginRollOut
+    color: $admin-list-table-td-color
+    background-color: $admin-list-table-td1-background // #F7F7F7
+    line-height: 120%
+
+.pluginLinks a:link
+    color: #000
+    font-style: normal
+    font-weight: normal
+    text-decoration: none
+
+.pluginLinks a:visited
+    color: #000
+    font-style: normal
+    font-weight: normal
+    text-decoration: none
+
+.pluginLinks a:hover
+    color: #000
+    font-style: normal
+    font-weight: normal
+    text-decoration: underline
+
+.pluginBreadCrumbs,
+.pluginBreadCrumbs a:link
+    color: #FFF
+    font-style: normal
+    font-weight: normal
+    text-decoration: none
+
+.pluginBreadCrumbs a:visited
+    color: #FFF
+    font-style: normal
+    font-weight: normal
+    text-decoration: none
+
+.pluginBreadCrumbs a:hover
+    color: #FFF
+    font-style: normal
+    font-weight: normal
+    text-decoration: none
+
+a.pluginButton:link,
+a.pluginButton:visited
+    color: #000
+    text-align: center
+    padding-top: 2px
+    display: block
+    height: 19px
+    text-decoration: none
+    background-color: transparent
+
+a.pluginButton:hover
+    color: blue
+    text-align: center
+    padding-top: 2px
+    background:center url(../images/navbar/button_over.gif)
+    background-repeat: repeat-x
+    display: block
+    height: 19px
+    text-decoration: none
+    background-color: transparent
diff --git a/public_html/layout/default/css_src/src/stylus/sub/form_basic.styl b/public_html/layout/default/css_src/src/stylus/sub/form_basic.styl
new file mode 100644
index 000000000..166bcc756
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/form_basic.styl
@@ -0,0 +1,207 @@
+
+$stage = 'form_basic'
+
+/*!--------------------------------------
+  Basic Form
+--------------------------------------*/
+
+.form_block
+    margin: 0
+    padding: 0
+    &:after
+        denim-clearfix()
+
+/*! Message */
+.form_message
+    margin: 0 0 1em 0
+    padding: 0
+
+.noborder_fieldset
+    margin: 0
+    border: none
+
+.hidden_legend
+    display: none
+
+/*! Basic editor */
+.user_basic
+    padding: 0.5em 2em
+    @media only screen and (max-width: $breakpoint-medium-max)
+        padding: 0.5em 0
+
+.wide
+    width: 98%
+    resize: vertical
+
+.separator
+    display: none
+
+.speech
+    overflow: hidden
+    position: absolute
+    left: -999px
+    width: 0
+    height: 0
+
+#save_button
+    padding-bottom: 1em
+
+.loose
+    display: inline
+    // All Mobile Sizes (devices and browser)
+    @media only screen and (max-width: $breakpoint-small-max)
+        display: block
+
+/*! Style for legacy table layout */
+.layout,
+.layout tr,
+.layout td
+    margin: 0
+    padding: 0
+    border: none
+    background: none
+
+for num in (1..10)
+    .size{num}
+        width: (num * 60)px
+
+//@media only screen and (min-width: 600px) and (max-width: 759px)
+@media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max)
+    .size6
+        width: 75%
+    .size7
+        width: 80%
+    .size8
+        width: 85%
+    .size9
+        width: 90%
+    .size10
+        width: 95%
+
+/*! All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: $breakpoint-small-max)
+    .size1, .size2, .size3, .size4, .size5,
+    .size6, .size7, .size8, .size9, .size10, .wide
+        width: 100%
+
+/*!--------------------------------------
+  2 Culumn Form
+--------------------------------------*/
+
+.compact
+    dt
+        float: left
+        clear: left
+        width: 24%
+        margin: 0 0 1em 0
+        padding: 0 1% 0 0
+        font-weight: normal
+    dd
+        float: left
+        width: 75%
+        margin: 0 0 1em 0
+        padding: 0
+
+    /*! Description */
+    dd.description
+        margin: -0.5em 0 1em 25%
+        padding: 0
+    p.description
+        margin: 0 0 1em 0
+        padding: 0
+
+@media only screen and (max-width: $breakpoint-medium-max)
+
+    /*!--------------------------------------
+      From 2 Column Form To 1 Column Form
+    --------------------------------------*/
+
+    .compact
+        dt
+            float: none
+            width: auto
+            margin: 0
+            padding: 0
+            font-weight: bold
+        dd
+            float: none
+            width: auto
+            margin: 0 0 0.5em 0
+            padding: 0
+
+        /*! Description */
+        dd.description
+            margin: -0.5em 0 1em 0
+            padding: 0
+        p.description
+            margin: 0 0 1em 0
+            padding: 0
+
+/*!--------------------------------------
+  1 Column Form
+--------------------------------------*/
+
+.linear
+    dt
+        margin: 0
+        padding: 0
+        font-weight: bold
+    dd
+        margin: 0 0 0.5em 0
+        padding: 0
+
+    /*! Description */
+    dd.description
+        margin: -0.5em 0 1em 0
+        padding: 0
+    p.description
+        margin: 0 0 1em 0
+        padding: 0
+
+/*!--------------------------------------
+  Profile Notes
+--------------------------------------*/
+
+.profile_notes
+    margin: 0 0 1em 0
+    padding: 8px
+    border-style: solid
+    border-width: 1px
+    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2)
+    border-radius: 6px
+    background: #FFFFE1
+    line-height: 1.3em
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
+    dt
+        margin: 0 0 0.5em 0
+        padding: 0 0 0 24px
+        border-bottom: 1px solid #CCC
+        background: url(../images/icon_info.png) no-repeat 0 0
+        font-weight: bold
+        color: #666
+    dd
+        margin-bottom: 0
+        font-size: 90%
+        color: #666
+    ul
+        list-style-position: inside
+        margin: 0
+        padding: 0
+    li
+        margin: 0 0 0 5px
+        padding: 0
+
+/*!--------------------------------------
+  List Compact
+--------------------------------------*/
+
+ul.compact
+    margin: 0
+    padding: 0
+    li
+        display: inline
+        margin: 0
+        padding: 0
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/layout/layout_1cols_mobile.styl b/public_html/layout/default/css_src/src/stylus/sub/layout/layout_1cols_mobile.styl
new file mode 100644
index 000000000..f7d008195
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/layout/layout_1cols_mobile.styl
@@ -0,0 +1,246 @@
+/*! 1 Columns */
+/*!==============================================================================
+  Layout Pattern:
+    * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+    * 2 Column ( Left Block * Center Block )              ...left-center
+    * 2 Column ( Center Block * Right Block )             ...center-right
+    * 1 Column ( Center Block )                           ...center
+
+  Block Width:
+    * Container Width = 100%
+    * Site Width[W]         = auto
+    * Left   Block Width[L] = 280px
+    * Right  Block Width[R] = 280px
+    * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px
+    * Center Block Width( 2 Column ) = [W] - [L]       = auto + left padding 10px + right padding 10px
+    * Center Block Width( 2 Column ) = [W] - [R]       = auto + left padding 10px + right padding 10px
+    * Center Block Width( 1 Column ) = [W]             = auto
+==============================================================================*/
+
+// Variables
+// ===========================================================================
+
+$stage = 'layout_1cols_mobile'
+
+// $var-style-mode = 1  width is container-width (100%)
+// $var-style-mode = 2  width is site-width
+//
+$var-style-mode ?= 1
+
+//$layout-site-width        ?= 100%
+$layout-site-width        ?= auto
+$layout-site-max-width    ?= none
+$layout-left-block-width  ?= 100%
+$layout-right-block-width ?= 100%
+$layout-side-padding      ?= 10px
+
+$header-padding         ?= 0
+$header-border-size     ?= 0
+
+$navigation-padding     ?= 0
+$navigation-border-size ?= 0
+
+$wrapper-padding        ?= 0
+$wrapper-border-size    ?= 0
+
+$footer-padding         ?= 0
+$footer-border-size     ?= 0
+
+// ---------------------------------------------------------------------------
+
+// container
+//$layout-container-width =           ($var-style-mode == 1) ? 100% : $layout-site-width
+//$layout-container-width =           ($var-style-mode == 1) ? auto : $layout-site-width
+//$layout-container-width =           auto
+$layout-container-width =           $layout-site-width
+
+// header
+$layout-header-width =              $layout-container-width
+$layout-header-content-width =      $layout-site-width
+
+$layout-navigation-width =          $layout-container-width
+$layout-navigation-content-width =  $layout-site-width
+
+$layout-wrapper-width =             $layout-site-width
+$layout-centerblocks-width =        100%
+
+$layout-footer-width =              $layout-container-width
+$layout-footer-content-width =      $layout-site-width
+
+/*!--------------------------------------
+  Container
+  Include All Block Level Element
+  (#header, #navigation, #wrapper, #footer)
+--------------------------------------*/
+
+#container {
+  position: relative;
+  width: $layout-container-width;
+  layout-align-center();
+}
+
+/*!--------------------------------------
+  Header Container
+--------------------------------------*/
+
+#header {
+  width: $layout-header-width;
+  layout-align-center();
+  height: 60px;
+  &:before {
+    width: $layout-header-width;
+  }
+  hook-selector($stage, "" + selector())
+}
+
+#header-content {
+  width: $layout-header-content-width;
+  layout-site-max-width($layout-site-max-width)
+  layout-align-center();
+  padding: 0;
+  hook-selector($stage, "" + selector())
+}
+
+/*!--------------------------------------
+  Gloval Navigation Container
+--------------------------------------*/
+
+#navigation {
+  width: $layout-navigation-width;
+  layout-align-center();
+  &:after {
+    layout-clearfix();
+    margin-bottom: -1px;
+  }
+  hook-selector($stage, "" + selector())
+}
+
+.navigation_content {
+  width: $layout-navigation-content-width;
+  layout-site-max-width($layout-site-max-width)
+  layout-align-center();
+  padding: 5px 0;
+}
+
+/*!--------------------------------------
+  Wrapper
+  Include contents Block level elements
+  (#leftblocks, #centerblocks, #rightblocks)
+--------------------------------------*/
+
+#wrapper {
+  width: $layout-wrapper-width;
+  layout-site-max-width($layout-site-max-width)
+  layout-align-center();
+//  padding: 0;
+  &:after {
+    layout-clearfix();
+  }
+}
+
+/*!--------------------------------------
+  Left Block Container
+  display if Left Block is appeared.
+--------------------------------------*/
+
+#leftblocks,
+body.js_off #leftblocks {
+  overflow: visible;
+  clear: both;
+  float: left;
+  width: $layout-left-block-width;
+  margin: 0;
+  padding: 0;
+}
+
+/*!--------------------------------------
+  Center Block Container
+--------------------------------------*/
+
+#centerblocks {
+  overflow: visible;
+  float: none;
+  width: auto;
+  margin: 0;
+  padding: 0 10px;
+}
+
+body.js_off #centerblocks {
+  float: none;
+  width: auto;
+  margin: 0;
+  padding: 0 10px;
+}
+
+/*! 3 Column ( left-center-right ) */
+body.left-center-right #main-content,
+body.js_off #main-content {
+  float: none;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+/*! 2 Column ( left-center ) */
+body.left-center #main-content {
+  float: none;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+/*! 2 Column ( center-right ) */
+body.center-right #main-content {
+  float: none;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+/*! 1 Column ( center ) */
+body.center #main-content {
+  width: 100%;
+}
+
+body.center #centerblocks {
+  float: left;
+  width: auto;
+  margin: 0;
+  padding: 0 $layout-side-padding;
+}
+
+/*!--------------------------------------
+  Right Block Container
+  display if Right Block is appeared.
+--------------------------------------*/
+
+#rightblocks,
+body.js_off #rightblocks {
+  overflow: visible;
+  clear: both;
+  float: left;
+  width: $layout-right-block-width;
+  margin: 0;
+  padding: 0;
+}
+
+/*!--------------------------------------
+  Footer Container
+--------------------------------------*/
+
+#footer {
+  clear: left;
+  width: $layout-footer-width;
+  margin-top: -1px;
+  padding: 16px;
+  hook-selector($stage, "" + selector())
+}
+
+#footer-content {
+  width: $layout-footer-content-width;
+  layout-site-max-width($layout-site-max-width)
+  layout-align-center();
+  hook-selector($stage, "" + selector())
+}
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/layout/layout_2cols_Rbar_fixed.styl b/public_html/layout/default/css_src/src/stylus/sub/layout/layout_2cols_Rbar_fixed.styl
new file mode 100644
index 000000000..d1b35d177
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/layout/layout_2cols_Rbar_fixed.styl
@@ -0,0 +1,283 @@
+/*! 2 Columns center-right */
+/*!==============================================================================
+  Layout Pattern:
+    * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+    * 2 Column ( Left Block * Center Block )              ...left-center
+    * 2 Column ( Center Block * Right Block )             ...center-right
+    * 1 Column ( Center Block )                           ...center
+
+  Block Width:
+    * Container Width = 100%
+    * Site Width[W]         = 960px
+    * Left   Block Width[L] = 280px
+    * Right  Block Width[R] = 280px
+    * Center Block Width( 3 Column ) = [W] - [L] - [R] = 600px = 580px + left padding 10px + right padding 10px
+    * Center Block Width( 2 Column ) = [W] - [L]       = 780px = 760px + left padding 10px + right padding 10px
+    * Center Block Width( 2 Column ) = [W] - [R]       = 780px = 760px + left padding 10px + right padding 10px
+    * Center Block Width( 1 Column ) = [W]             = 960px
+==============================================================================*/
+
+// Variables
+// ===========================================================================
+
+$stage = 'layout_2cols_Rbar_fixed'
+
+// $var-style-mode = 1  width is container-width (100%)
+// $var-style-mode = 2  width is site-width
+//
+$var-style-mode ?= 1
+$var-flip-horizontal ?= false
+
+$left  = ($var-flip-horizontal == false) ? left  : right
+$right = ($var-flip-horizontal == false) ? right : left
+
+$layout-site-width        ?= 960px
+$layout-site-max-width    ?= none
+$layout-left-block-width  ?= 280px
+$layout-right-block-width ?= 280px
+$layout-side-padding      ?= 10px
+
+$header-padding         ?= 0
+$header-border-size     ?= 0
+
+$navigation-padding     ?= 0
+$navigation-border-size ?= 0
+
+$wrapper-padding        ?= 0
+$wrapper-border-size    ?= 0
+
+$footer-padding         ?= 0
+$footer-border-size     ?= 0
+
+// ---------------------------------------------------------------------------
+
+if $var-style-mode == 1
+
+    $layout-site-inner-width = $layout-site-width - ($container-padding * 2) - ($container-border-size * 2)
+
+    // container
+    $layout-container-width =           100%
+
+    // header
+    $layout-header-width =              $layout-container-width
+    $layout-header-inner-width =        auto
+
+    $layout-header-content-width =      $layout-header-inner-width
+
+    $layout-navigation-width =          $layout-container-width
+    $layout-navigation-inner-width =    auto
+
+    $layout-navigation-content-width =  $layout-site-inner-width - (16px - $navigation-border-size * 2)
+
+    $layout-wrapper-width =             $layout-site-inner-width
+    $layout-wrapper-inner-width =       $layout-wrapper-width - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+
+    $layout-centerblocks-width =        auto
+
+    $layout-footer-width =              $layout-container-width
+    $layout-footer-inner-width =        auto
+
+    $layout-footer-content-width =      $layout-footer-inner-width
+
+// ---------------------------------------------------------------------------
+
+if $var-style-mode == 2
+
+    $layout-site-inner-width = $layout-site-width - ($container-padding * 2) - ($container-border-size * 2)
+
+    // container
+    $layout-container-width =           $layout-site-inner-width
+
+    // header
+    $layout-header-width =              $layout-container-width
+    $layout-header-inner-width =        $layout-header-width - ($header-padding * 2) - ($header-border-size * 2)
+
+    $layout-header-content-width =      $layout-header-inner-width
+
+    $layout-navigation-width =          $layout-container-width
+    $layout-navigation-inner-width =    $layout-navigation-width - ($navigation-padding * 2) - ($navigation-border-size * 2)
+
+    $layout-navigation-content-width =  $layout-site-inner-width
+
+    $layout-wrapper-width =             $layout-site-inner-width
+    $layout-wrapper-inner-width =       $layout-wrapper-width - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+
+    $layout-centerblocks-width =        auto
+
+    $layout-footer-width =              $layout-container-width
+    $layout-footer-inner-width =        $layout-footer-width - ($footer-padding * 2) - ($footer-border-size * 2)
+
+    $layout-footer-content-width =      $layout-footer-inner-width
+
+/*!--------------------------------------
+  Container
+  Include All Block Level Element
+  (#header, #navigation, #wrapper, #footer)
+--------------------------------------*/
+
+#container
+    position: relative
+    width: $layout-container-width
+    layout-align-center()
+
+/*!--------------------------------------
+  Header Container
+--------------------------------------*/
+
+#header
+    width: $layout-header-inner-width
+    layout-align-center()
+    height: 80px
+    &:before
+        width: $layout-header-inner-width
+
+    hook-selector($stage, "" + selector())
+
+#header-content
+    width: $layout-header-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    padding: 0
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Gloval Navigation Container
+--------------------------------------*/
+
+#navigation
+    width: $layout-navigation-inner-width
+    layout-align-center()
+    &:after
+        layout-clearfix()
+        margin-bottom: -1px
+
+    hook-selector($stage, "" + selector())
+
+.navigation_content
+    width: $layout-navigation-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+
+/*!--------------------------------------
+  Wrapper
+  Include contents Block level elements
+  (#leftblocks, #centerblocks, #rightblocks)
+--------------------------------------*/
+
+#wrapper
+    width: $layout-wrapper-inner-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    &:after
+        layout-clearfix()
+
+/*!--------------------------------------
+  Left Block Container
+  display if Left Block is appeared.
+--------------------------------------*/
+
+#leftblocks,
+body.js_off #leftblocks
+    overflow: visible
+    float: $right // LTR
+    width: $layout-left-block-width
+    margin: 0
+    padding: 0
+
+/*!--------------------------------------
+  Center Block Container
+--------------------------------------*/
+
+#centerblocks
+    overflow: visible
+    //float: $left // LTR
+    float: none
+    width: $layout-centerblocks-width
+
+body.js_off #centerblocks
+    width: 100%
+    margin: 0
+    padding: 0
+
+/*! 3 Column ( left-center-right ) */
+body.left-center-right #main-content,
+body.js_off #main-content
+    float: $left // LTR
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: $layout-site-inner-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+    margin: 0
+    padding: 0 $layout-side-padding
+
+/*! 2 Column ( left-center ) */
+body.left-center #main-content
+    float: $left // LTR
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: $layout-site-inner-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+    margin: 0
+    padding: 0 $layout-side-padding
+
+/*! 2 Column ( center-right ) */
+body.center-right #main-content
+    float: $left // LTR
+    /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */
+    width: $layout-site-inner-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+    margin: 0
+    padding: 0 $layout-side-padding
+
+/*! 1 Column ( center ) */
+body.center #main-content
+    width: 100%
+
+/*!--------------------------------------
+  Right Block Container
+  display if Right Block is appeared.
+--------------------------------------*/
+
+#rightblocks,
+body.js_off #rightblocks
+    overflow: visible
+    clear: $right // LTR
+    float: $right // LTR
+    width: $layout-right-block-width
+    margin: 0
+
+/*!--------------------------------------
+  Footer Container
+--------------------------------------*/
+
+#footer
+    clear: $left // LTR
+    width: $layout-footer-inner-width
+    layout-align-center()
+    padding: 16px $footer-padding
+    hook-selector($stage, "" + selector())
+
+#footer-content
+    width: $layout-footer-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Admin Configration Container
+--------------------------------------*/
+
+$layout-config-menu-width = 210px
+$layout-config-padding = 10px
+$layout-config-content-width = $layout-site-inner-width - $layout-config-menu-width - ($layout-config-padding * 4)
+
+#config_menu
+    float: left
+    width: $layout-config-menu-width
+    padding: 0 $layout-config-padding
+    body.center-right &
+        width: 200px
+
+#config_content
+    float: left
+    width: $layout-config-content-width
+    padding: $layout-config-padding
+    body.center-right &
+        width: 600px
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/layout/layout_2cols_Rbar_liquid.styl b/public_html/layout/default/css_src/src/stylus/sub/layout/layout_2cols_Rbar_liquid.styl
new file mode 100644
index 000000000..25d5a1ed2
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/layout/layout_2cols_Rbar_liquid.styl
@@ -0,0 +1,262 @@
+/*! 2 Columns center-right */
+/*!==============================================================================
+  Layout Pattern:
+    * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+    * 2 Column ( Left Block * Center Block )              ...left-center
+    * 2 Column ( Center Block * Right Block )             ...center-right
+    * 1 Column ( Center Block )                           ...center
+
+  Block Width:
+    * Container Width = 100%
+    * Site Width[W]         = auto
+    * Left   Block Width[L] = 280px
+    * Right  Block Width[R] = 280px
+    * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px
+    * Center Block Width( 2 Column ) = [W] - [L]       = auto + left padding 10px + right padding 10px
+    * Center Block Width( 2 Column ) = [W] - [R]       = auto + left padding 10px + right padding 10px
+    * Center Block Width( 1 Column ) = [W]             = auto
+==============================================================================*/
+
+// Variables
+// ===========================================================================
+
+$stage = 'layout_2cols_Rbar_liquid'
+
+// $var-style-mode = 1  width is container-width (100%)
+// $var-style-mode = 2  width is site-width
+//
+$var-style-mode ?= 1
+$var-flip-horizontal ?= false
+
+$left  = ($var-flip-horizontal == false) ? left  : right
+$right = ($var-flip-horizontal == false) ? right : left
+
+$layout-site-width        ?= auto
+//$layout-site-max-width   ?= 1024px
+$layout-left-block-width  ?= 280px
+$layout-right-block-width ?= 280px
+$layout-side-padding      ?= 10px
+
+$header-padding         ?= 0
+$header-border-size     ?= 0
+
+$navigation-padding     ?= 0
+$navigation-border-size ?= 0
+
+$wrapper-padding        ?= 0
+$wrapper-border-size    ?= 0
+
+$footer-padding         ?= 0
+$footer-border-size     ?= 0
+
+// ---------------------------------------------------------------------------
+
+if $var-style-mode == 1
+
+    // $layout-site-inner-width = $layout-site-width
+
+    // container
+    $layout-container-width =           100%
+
+    // header
+    $layout-header-width =              auto
+    // $layout-header-inner-width =        $layout-header-width
+
+    $layout-header-content-width =      $layout-site-width
+
+    $layout-navigation-width =          auto
+
+    $layout-navigation-content-width =  $layout-site-width
+
+    $layout-wrapper-width =             $layout-site-width
+    $layout-centerblocks-width =        100%
+
+    $layout-footer-width =              $layout-container-width
+
+    $layout-footer-content-width =      $layout-site-width
+
+// ---------------------------------------------------------------------------
+
+if $var-style-mode == 2
+
+    // $layout-site-inner-width = $layout-site-width
+
+    // container
+    $layout-container-width =           $layout-site-width
+
+    // header
+    $layout-header-width =              $layout-container-width
+    // $layout-header-inner-width =        $layout-header-width
+
+    $layout-header-content-width =      $layout-site-width
+
+    $layout-navigation-width =          $layout-container-width
+
+    $layout-navigation-content-width =  $layout-site-width
+
+    $layout-wrapper-width =             $layout-site-width
+    $layout-centerblocks-width =        100%
+
+    $layout-footer-width =              $layout-container-width
+
+    $layout-footer-content-width =      $layout-site-width
+
+/*!--------------------------------------
+  Container
+  Include All Block Level Element
+  (#header, #navigation, #wrapper, #footer)
+--------------------------------------*/
+
+#container
+    position: relative
+    width: $layout-container-width
+    layout-align-center()
+
+/*!--------------------------------------
+  Header Container
+--------------------------------------*/
+
+#header
+    width: $layout-header-width
+    layout-align-center()
+    height: 80px
+    &:before
+        width: $layout-header-width
+
+    hook-selector($stage, "" + selector())
+
+#header-content
+    width: $layout-header-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    padding: 0
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Gloval Navigation Container
+--------------------------------------*/
+
+#navigation
+    width: $layout-navigation-width
+    layout-align-center()
+    &:after
+        layout-clearfix()
+        margin-bottom: (-1px)
+
+    hook-selector($stage, "" + selector())
+
+.navigation_content
+    width: $layout-navigation-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+
+/*!--------------------------------------
+  Wrapper
+  Include contents Block level elements
+  (#leftblocks, #centerblocks, #rightblocks)
+--------------------------------------*/
+
+#wrapper
+    width: $layout-wrapper-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    //padding: 0 0 2em 0
+    &:after
+        layout-clearfix()
+
+/*!--------------------------------------
+  Left Block Container
+  display if Left Block is appeared.
+--------------------------------------*/
+
+#leftblocks,
+body.js_off #leftblocks
+    overflow: visible
+    float: $right // LTR
+    width: $layout-left-block-width
+    margin: 0
+    padding: 0
+
+/*!--------------------------------------
+  Center Block Container
+--------------------------------------*/
+
+#centerblocks
+    overflow: visible
+    float: $left // LTR
+    width: $layout-centerblocks-width
+    margin-{$left}: (- $layout-right-block-width) /* -[R] */ // LTR
+
+body.js_off #centerblocks
+    width: 100%
+    margin: 0
+    padding: 0
+
+/*! 3 Column ( left-center-right ) */
+body.left-center-right #main-content,
+body.js_off #main-content
+    float: none
+    width: auto
+    margin: 0
+    margin-{$left}: $layout-left-block-width // LTR
+    padding: 0 $layout-side-padding
+
+/*! 2 Column ( left-center ) */
+body.left-center #main-content
+    float: none
+    width: auto
+    margin: 0
+    margin-{$left}: $layout-left-block-width // LTR
+    padding: 0 $layout-side-padding
+
+/*! 2 Column ( center-right ) */
+body.center-right #main-content
+    float: none
+    width: auto
+    margin: 0
+    margin-{$left}: $layout-left-block-width // LTR
+    padding: 0 $layout-side-padding
+
+/*! 1 Column ( center ) */
+body.center #main-content
+    width: 100%
+
+body.center #centerblocks
+    float: $left // LTR
+    //width: $layout-centerblocks-width
+    //margin: 0
+    width: auto
+    padding: 0 $layout-side-padding
+    margin: 0
+
+/*!--------------------------------------
+  Right Block Container
+  display if Right Block is appeared.
+--------------------------------------*/
+
+#rightblocks,
+body.js_off #rightblocks
+    overflow: visible
+    clear: $right // LTR
+    float: $right // LTR
+    width: $layout-right-block-width
+    margin: 0
+
+/*!--------------------------------------
+  Footer Container
+--------------------------------------*/
+
+#footer
+    clear: $left // LTR
+    width: $layout-footer-width
+    layout-align-center()
+    padding: 16px $footer-padding
+    hook-selector($stage, "" + selector())
+
+#footer-content
+    width: $layout-footer-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    hook-selector($stage, "" + selector())
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/layout/layout_3cols_LRbar.styl b/public_html/layout/default/css_src/src/stylus/sub/layout/layout_3cols_LRbar.styl
new file mode 100644
index 000000000..bd5ddac2c
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/layout/layout_3cols_LRbar.styl
@@ -0,0 +1,279 @@
+/*! 3 Columns left-center-right */
+/*!==============================================================================
+  Layout Pattern:
+    * 3 Column ( Left Block * Center Block * Right Block )...left-center-right
+    * 2 Column ( Left Block * Center Block )              ...left-center
+    * 2 Column ( Center Block * Right Block )             ...center-right
+    * 1 Column ( Center Block )                           ...center
+
+  Block Width:
+    * Container Width = 100%
+    * Header Width    = 100%
+    * Site Width         [W] = 1140px
+    * Left   Block Width [L] =  180px = 160px + left padding 10px + right padding 10px
+    * Right  Block Width [R] =  280px = 260px + left padding 10px + right padding 10px
+    * Center Block Width(3 Column) = [W] - [L] - [R] =  680px = 1140px - 180px - 280px
+    * Center Block Width(2 Column) = [W] - [L]       =  960px = 1140px - 180px
+    * Center Block Width(2 Column) = [W] - [R]       =  860px = 1140px - 280px
+    * Center Block Width(1 Column) = [W]             = 1140px
+
+    800-660=140
+    1280-140=1140
+    1100-140=960
+    1000-140=860
+==============================================================================*/
+
+// Variables
+// ===========================================================================
+
+$stage = 'layout_3cols_LRbar'
+
+// $var-style-mode = 1  width is container-width (100%)
+// $var-style-mode = 2  width is site-width
+//
+$var-style-mode ?= 1
+
+$layout-site-width        ?= 1140px
+$layout-left-block-width  ?= 180px
+$layout-right-block-width ?= 280px
+$layout-side-padding      ?= 10px
+
+$header-padding         ?= 0
+$header-border-size     ?= 0
+
+$navigation-padding     ?= 0
+$navigation-border-size ?= 0
+
+$wrapper-padding        ?= 0
+$wrapper-border-size    ?= 0
+
+$footer-padding         ?= 0
+$footer-border-size     ?= 0
+
+// ---------------------------------------------------------------------------
+
+if $var-style-mode == 1
+
+    $layout-site-inner-width = $layout-site-width - ($container-padding * 2) - ($container-border-size * 2)
+
+    // container
+    $layout-container-width =           100%
+
+    // header
+    $layout-header-width =              $layout-container-width
+    $layout-header-inner-width =        auto
+
+    $layout-header-content-width =      $layout-header-inner-width
+
+    $layout-navigation-width =          $layout-container-width
+    $layout-navigation-inner-width =    auto
+
+    $layout-navigation-content-width =  $layout-site-inner-width - (16px - $navigation-border-size * 2)
+
+    $layout-wrapper-width =             $layout-site-inner-width
+    $layout-wrapper-inner-width =       $layout-wrapper-width - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+
+    $layout-centerblocks-width =        100%
+
+    $layout-footer-width =              $layout-container-width
+    $layout-footer-inner-width =        auto
+
+    $layout-footer-content-width =      $layout-footer-inner-width
+
+// ---------------------------------------------------------------------------
+
+if $var-style-mode == 2
+
+    $layout-site-inner-width = $layout-site-width - ($container-padding * 2) - ($container-border-size * 2)
+
+    // container
+    $layout-container-width =           $layout-site-inner-width
+
+    // header
+    $layout-header-width =              $layout-container-width
+    $layout-header-inner-width =        $layout-header-width - ($header-padding * 2) - ($header-border-size * 2)
+
+    $layout-header-content-width =      $layout-header-inner-width
+
+    $layout-navigation-width =          $layout-container-width
+    $layout-navigation-inner-width =    $layout-navigation-width - ($navigation-padding * 2) - ($navigation-border-size * 2)
+
+    $layout-navigation-content-width =  $layout-site-inner-width
+
+    $layout-wrapper-width =             $layout-site-inner-width
+    $layout-wrapper-inner-width =       $layout-wrapper-width - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+
+    $layout-centerblocks-width =        100%
+
+    $layout-footer-width =              $layout-container-width
+    $layout-footer-inner-width =        $layout-footer-width - ($footer-padding * 2) - ($footer-border-size * 2)
+
+    $layout-footer-content-width =      $layout-footer-inner-width
+
+/*!--------------------------------------
+  Container
+  Include All Block Level Element
+  (#header, #navigation, #wrapper, #footer)
+--------------------------------------*/
+
+#container
+    position: relative
+    width: $layout-container-width
+    layout-align-center()
+
+/*!--------------------------------------
+  Header Container
+--------------------------------------*/
+
+#header
+    width: $layout-header-inner-width
+    layout-align-center()
+    height: 80px
+    &:before
+        width: $layout-header-inner-width
+
+    hook-selector($stage, "" + selector())
+
+#header-content
+    width: $layout-header-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    padding: 0
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Gloval Navigation Container
+--------------------------------------*/
+
+#navigation
+    width: $layout-navigation-inner-width
+    layout-align-center()
+    &:after
+        layout-clearfix()
+        margin-bottom: -1px
+
+    hook-selector($stage, "" + selector())
+
+.navigation_content
+    width: $layout-navigation-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+
+/*!--------------------------------------
+  Wrapper
+  Include contents Block level elements
+  (#leftblocks, #centerblocks, #rightblocks)
+--------------------------------------*/
+
+#wrapper
+    width: $layout-wrapper-inner-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    &:after
+        layout-clearfix()
+
+/*!--------------------------------------
+  Left Block Container
+  display if Left Block is appeared.
+--------------------------------------*/
+
+#leftblocks,
+body.js_off #leftblocks
+    overflow: visible
+    float: left
+    width: $layout-left-block-width
+    /*! Left Margin = -[W] */
+    margin: 0 0 0 (- $layout-site-inner-width + ($wrapper-padding * 2) + ($wrapper-border-size * 2))
+    padding: 0
+
+/*!--------------------------------------
+  Center Block Container
+--------------------------------------*/
+
+#centerblocks
+    overflow: visible
+    float: left
+    width: $layout-centerblocks-width
+
+/*! 3 Column ( left-center-right ) */
+body.left-center-right #main-content,
+body.js_off #main-content
+    /*! Main Content Width = [W] - [L] - [R] - Right Padding 10px - Left Padding 10px */
+    width: $layout-site-inner-width - $layout-left-block-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+    /*! Right Margin = [R] , Left Margin = [L] */
+    margin: 0 $layout-right-block-width 0 $layout-left-block-width
+    padding: 0 $layout-side-padding
+
+/*! 2 Column ( left-center ) */
+body.left-center #main-content
+    /*! Main Content Width = [W] - [L] - Right Padding 10px - Left Padding 10px */
+    width: $layout-site-inner-width - $layout-left-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+    /*! Left Margin = [L] */
+    margin: 0 0 0 $layout-left-block-width
+    padding: 0 $layout-side-padding
+
+/*! 2 Column ( center-right ) */
+body.center-right #main-content
+    /*! Main Content Width = [W] - [R] - Right Padding 10px - Left Padding 10px */
+    width: $layout-site-inner-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2)
+    /*! Right Margin = [R] */
+    margin: 0 $layout-right-block-width 0 0
+    padding: 0 $layout-side-padding
+
+/*! 1 Column ( center ) */
+body.center #main-content
+    width: 100%
+
+/*!--------------------------------------
+  Right Block Container
+  display if Right Block is appeared.
+--------------------------------------*/
+
+#rightblocks,
+body.js_off #rightblocks
+    overflow: visible
+    float: left
+    width: $layout-right-block-width
+    /*! Right Margin = -[R] */
+    margin: 0 0 0 (- $layout-right-block-width)
+
+/*!--------------------------------------
+  Footer Container
+--------------------------------------*/
+
+#footer
+    clear: left
+    width: $layout-footer-inner-width
+    layout-align-center()
+    padding: 16px $footer-padding
+    hook-selector($stage, "" + selector())
+
+#footer-content
+    width: $layout-footer-content-width
+    layout-site-max-width($layout-site-max-width)
+    layout-align-center()
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Admin Configration Container
+--------------------------------------*/
+
+$layout-config-menu-width = 280px
+$layout-config-padding = 10px
+$layout-config-content-width = $layout-site-inner-width - $layout-config-menu-width - ($layout-config-padding * 4)
+
+#config_menu
+    float: left
+    width: $layout-config-menu-width
+    padding: 0 $layout-config-padding
+    body.center-right &
+        width: 200px
+
+#config_content
+    float: left
+    width: $layout-config-content-width
+    padding: $layout-config-padding
+    body.center-right &
+        width: 600px
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/layout_2.styl b/public_html/layout/default/css_src/src/stylus/sub/layout_2.styl
new file mode 100644
index 000000000..573981d41
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/layout_2.styl
@@ -0,0 +1,41 @@
+
+// Variables
+$layout-site-width =            1140px
+$layout-left-block-width =      280px
+$layout-right-block-width =     280px
+$layout-side-padding =          10px
+//
+@import "layout/layout_2cols_Rbar_fixed";
+
+
+@media only screen and (min-width: $breakpoint-large) and (max-width: $breakpoint-large-max)
+    // Variables
+    $layout-site-width =            960px
+    $layout-left-block-width =      280px
+    $layout-right-block-width =     280px
+    $layout-side-padding =          10px
+    //
+    @import "layout/layout_2cols_Rbar_fixed";
+
+
+/*! Smaller than standard 1280 (devices and browsers) */
+@media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max)
+    // Variables
+    $layout-site-width =            auto
+    $layout-left-block-width =      230px
+    $layout-right-block-width =     230px
+    $layout-side-padding =          10px
+    //
+    @import "layout/layout_2cols_Rbar_liquid";
+
+
+/*! All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: $breakpoint-small-max)
+    // Variables
+    $layout-site-width =            auto
+    $layout-site-max-width =        none
+    $layout-left-block-width =      100%
+    $layout-right-block-width =     100%
+    $layout-side-padding =          10px
+    //
+    @import "layout/layout_1cols_mobile";
diff --git a/public_html/layout/default/css_src/src/stylus/sub/layout_default.styl b/public_html/layout/default/css_src/src/stylus/sub/layout_default.styl
new file mode 100644
index 000000000..d91592d89
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/layout_default.styl
@@ -0,0 +1,41 @@
+
+// Variables
+$layout-site-width =            1140px
+$layout-left-block-width =      180px
+$layout-right-block-width =     280px
+$layout-side-padding =          10px
+//
+@import "layout/layout_3cols_LRbar";
+
+
+@media only screen and (min-width: $breakpoint-large) and (max-width: $breakpoint-large-max)
+    // Variables
+    $layout-site-width =            960px
+    $layout-left-block-width =      280px
+    $layout-right-block-width =     280px
+    $layout-side-padding =          10px
+    //
+    @import "layout/layout_2cols_Rbar_fixed";
+
+
+/*! Smaller than standard 1280 (devices and browsers) */
+@media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max)
+    // Variables
+    $layout-site-width =            auto
+    $layout-left-block-width =      230px
+    $layout-right-block-width =     230px
+    $layout-side-padding =          10px
+    //
+    @import "layout/layout_2cols_Rbar_liquid";
+
+
+/*! All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: $breakpoint-small-max)
+    // Variables
+    $layout-site-width =            auto
+    $layout-site-max-width =        none
+    $layout-left-block-width =      100%
+    $layout-right-block-width =     100%
+    $layout-side-padding =          10px
+    //
+    @import "layout/layout_1cols_mobile";
diff --git a/public_html/layout/default/css_src/src/stylus/sub/main_contents.styl b/public_html/layout/default/css_src/src/stylus/sub/main_contents.styl
new file mode 100644
index 000000000..4b19c3258
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/main_contents.styl
@@ -0,0 +1,640 @@
+
+$stage = 'main_contents'
+
+/*!--------------------------------------
+  Story
+--------------------------------------*/
+
+/*! Container */
+.storytext
+    margin: 0 0 1.5em 0
+    border-bottom: 1px solid $center-separator-color
+    /* Table */
+    table
+        text-align: left
+        border-collapse: collapse
+        margin: 1em 0.5em
+    tr
+        margin: 0
+        padding: 0
+        vertical-align: middle
+    th,
+    td
+        margin: 0
+        padding: 0.2em 0.6em
+        vertical-align: middle
+        line-height: 160%
+        border: 1px solid #DDD
+    th
+        font-weight: bold
+        background: #F5F5F5
+    img
+        max-width: 100%
+        height: auto
+    hook-selector($stage, "" + selector())
+
+/*! Story Title */
+.story_title
+    float: left
+    margin: 0 0 0.5em 0
+    font-size: 140%
+    text-decoration: none
+    color: $story-title-color
+    a:link,
+    a:visited
+        color: $story-title-color
+        text-decoration: none
+    a:hover
+        color: $base-anker-color
+        text-decoration: underline
+    hook-selector($stage, "" + selector())
+
+/*! Icon(email, print, pdf) */
+.story_icon
+    float: right
+    img
+        margin-left: 8px
+    // All Mobile Sizes (devices and browser)
+    @media only screen and (max-width: $breakpoint-small-max)
+        display: none
+    hook-selector($stage, "" + selector())
+
+/*! Story(Date, Auther, Display no.) */
+.story_status
+    list-style-position: outside
+    list-style-type: none
+    clear: both
+    margin: 0 0 1em 0
+    padding-left: 1em
+    color: $story-status-color
+    font-size: 85%
+    line-height: 1.25
+    hook-selector($stage, "" + selector())
+
+/*! Story Body */
+.story_introtext
+    margin: 0 0 2em 0
+    line-height: 1.625
+    clearfix()
+    hook-selector($stage, "" + selector())
+
+/*! Topic Icon */
+.story_image
+    float: right
+    width: 48px
+    height: 48px
+    margin: 15px
+    hook-selector($stage, "" + selector())
+
+/*! Navigation */
+.story_navi
+    list-style-type: none
+    clear: both
+    margin: 0
+    padding-left: 0
+    text-align: center
+    li
+        display: inline
+        margin: 0 2px
+    hook-selector($stage, "" + selector())
+
+/*! Comment and Trackback */
+.feedback
+    list-style-type: none
+    margin: 0 0 0.5em 0
+    padding-left: 0
+    text-align: center
+    li
+        display: inline
+        margin: 0 2px
+    hook-selector($stage, "" + selector())
+
+.article
+    font-size: 100%
+    hook-selector($stage, "" + selector())
+
+/*!--------------------------------------
+  Tooltips
+--------------------------------------*/
+
+.gl-tooltip
+    span
+        margin-left: -999em
+        position: absolute
+        text-align: left
+        width: 250px
+    &:link,
+    &:visited
+        color: $base-anker-color
+        outline: none
+        text-decoration: none
+        position: relative
+    &:hover
+        span
+            border-radius: 8px
+            box-shadow: 2px 2px 8px #666
+            font-size: 1em
+            text-align: left
+            white-space: normal
+            font-family: Calibri, Tahoma, Geneva, sans, sans-serif
+            position: absolute
+            left: 2.2em
+            top: 2.2em
+            z-index: 99
+            margin-left: 0
+            width: 250px
+        img.icon
+            border: 0
+            margin: -15px 0 0 -51px
+            float: left
+            position: absolute
+        em
+            font-family: Candara, Tahoma, Geneva, sans, sans-serif
+            font-size: 1.2em
+            font-weight: bold
+            display: block
+            padding: 0.2em 0 0.6em 0.4em
+
+#gl-tooltip-icon
+    border: 0
+
+span
+    &.classic
+        padding: 0.8em 1em
+    &.custom
+        padding: 0.5em 0.8em 0.8em 2em
+    &.classic
+        background: #EEEEEC
+        border: 2px solid #555753
+    &.critical
+        background: #F5F0F0
+        border: 2px solid #A40000
+        em
+            color: #A40000
+    &.help
+        background: #EDF0F2
+        border: 2px solid #204A87
+        em
+            color: #204A87
+    &.info
+        background: #EDF0F2
+        border: 2px solid #204A87
+        em
+            color: #204A87
+    &.warning
+        background: #FCF7EF
+        border: 2px solid #CE5C00
+        font-weight: normal
+        color: black
+        em
+            color: #CE5C00
+
+/*!--------------------------------------
+  Article Page
+--------------------------------------*/
+
+/*! Related Information & Story Option */
+.list-whats-related,
+.list-story-options
+    line-height: 1.7em
+    margin: 0 0 0 20px
+    padding: 0
+
+/*! Article Related Block */
+.block-related
+    float: left
+    width: 50%
+    margin: 0 0 1.5em 0
+    // All Mobile Sizes (devices and browser)
+    @media only screen and (max-width: $breakpoint-small-max)
+        float: none
+        width: auto
+
+/*!--------------------------------------
+  Comment Block
+--------------------------------------*/
+
+#commentarea
+    clear: both
+
+/*! Comment Information (Story Title | Comment Number | Username) */
+.commentbar_status
+    text-align: center
+    margin: 1em 0
+
+.bar_separator
+    padding-left: 5px
+    padding-right: 5px
+    color: #CCC
+
+#commentbar
+    padding: 3px
+    background: none repeat scroll 0 0 #EEE
+    border-radius: 4px
+    clearfix()
+
+/*! Comment Submit Form */
+#commentbar-comment
+    float: left
+    padding: 0.3em
+
+#commentbar-selector
+    float: right
+    padding: 0.3em
+
+/*! Comment NOTE */
+.disclaimer
+    text-align: center
+    color: #666
+    margin: 0.5em 0 1em
+
+#commentpreview
+    margin:0
+    background:transparent
+    border:1px dashed grey
+    padding:5px 10px
+
+#commenteditform
+    margin:0
+    background:#F7F7F7
+    border:1px solid #E7E7E7
+    padding:10px
+
+/*!--------------------------------------
+  Comment Body
+--------------------------------------*/
+
+/*! Individual Comment (Tree) */
+.comment_thread
+    list-style-position: outside
+    list-style-type: none
+    margin: 0 0 0.5em 0
+    padding: 0
+    text-align: left
+
+/*! Individual Comment (Tree) Title */
+.thread_title
+    display: inline
+    margin: 0
+    padding: 0
+
+/*! Individual Comment (Tree) Auther */
+.thread_author
+    display: inline
+    margin: 0 0 0 8px
+    padding: 0
+    &:before
+        content: " - "
+
+/*! Individual Comment */
+.block-comment-content
+    margin: 0
+    padding: 0
+    text-align: left
+
+/*! Individual Comment Level(Nested | Tree) */
+for num in (0..16)
+    .level-{num * 25}
+        margin-left: (num * 16)px
+
+/*! Comment Information */
+.comment_status
+    list-style-position: outside
+    list-style-type: none
+    margin: 0
+    padding: 0
+
+/*! Comment Title */
+.comment_title
+    display: block
+    margin: 1em 0 0.5em 0
+    padding: 4px
+    border: 1px solid #E7E7E7
+    background: #F7F7F7
+
+/*! Comment Auther */
+.comment_author
+    display: block
+    margin: 0 0 1em 0
+    padding: 0
+    color: #666
+
+/*! Comment Content */
+.comment_content
+    margin: 0 0 1em 0
+    padding: 0
+
+/*! Comment Navigation */
+.comment_navi
+    clear: both
+    color: #666
+
+/*!--------------------------------------
+  Report Comment Form
+--------------------------------------*/
+
+/*! Comment */
+.reportcomment
+    margin: 0 0 1em 0
+    padding: 0
+    border-bottom: 1px solid $center-separator-color
+
+/*!--------------------------------------
+  Comment Submit Form
+--------------------------------------*/
+
+/*! Username */
+.dt-commentform-username
+    display: inline
+
+.logoutorcreateaccount
+    padding: 0 3px
+
+/*! NOTE */
+.importantstuff
+    margin-top: 0
+
+.ul-importantstuff
+    margin: 0 0 0 1em
+    padding: 0
+
+.li-importantstuff
+    margin: 0 0 0 8px
+    padding: 0
+
+/*!--------------------------------------
+  Breadcrumbs List
+--------------------------------------*/
+
+.navbar-breadcrumbs
+    list-style-position: outside
+    list-style-type: none
+    margin: 0
+    padding: 0
+
+.li-navbar-breadcrumbs
+    display: inline
+
+.a-navbar-breadcrumbs
+    margin: 0 8px
+
+/*!--------------------------------------
+  Navigation
+--------------------------------------*/
+
+#navcontainer
+    width: 100%
+    margin-bottom: 10px
+    padding-bottom: 2px
+    font-size: 90%
+    line-height: normal
+    border-bottom: 1px solid #ddd
+    height: 30px
+
+#navlist
+    display: block
+    margin: 0 0 20px 0
+    padding: 0
+    list-style: none
+    /* Clearfixing tabs for beautiful stacking */
+    &:before,
+    &:after
+        content: ""
+        display: block
+        overflow: hidden
+        visibility: hidden
+        width: 0
+        height: 0
+    &:after
+        clear: both
+
+.li-navlist
+    display: block
+    width: auto
+    height: 30px
+    padding: 0
+    float: left
+    margin: 2px -1px 0 0
+    #current
+        background: #fff
+        height: 29px
+        position: relative
+        top: -5px
+        padding-top: 5px
+        border-left-width: 1px
+        margin: 0
+        color: #111
+        border-top-left-radius: 3px
+        border-top-right-radius: 3px
+        border-bottom-color: #FFF
+        &:first-child a
+            border-width: 1px
+            border-top-left-radius: 3px
+        &:last-child a
+            border-top-right-radius: 3px
+
+.a-navlist
+    display: block
+    text-decoration: none
+    width: auto
+    height: 29px
+    padding: 0px 12px
+    line-height: 30px
+    border: solid 1px #ddd
+    border-width: 1px
+    margin: 0
+    background: #f5f5f5
+    &:link,
+    &:visited,
+    &:hover
+        color: #555
+        text-decoration: none
+
+/*!--------------------------------------
+  Page Navigation
+--------------------------------------*/
+
+.gl-pagenav
+    text-align: center
+    color: #CCC
+    margin: 0 0 1.5em
+    line-height: 1.4em
+    a,
+    b
+        display: inline-block
+        margin: 1px 2px
+        padding: 2px 7px
+        background: transparent
+        border: 1px solid #E7E7E7
+    b
+        color: #222
+    a:hover
+        background: #EEE
+        border: 1px solid #CCC
+    span
+        display: inline-block
+        color: #999
+        a
+            margin: 0
+            padding: 2px 0
+            background: transparent
+            border: none
+            &:hover
+                background: transparent
+                border: none
+    .divider
+        padding: 0
+        margin: 0 4px
+
+/*!--------------------------------------
+  Breadcrumbs Navigation
+--------------------------------------*/
+
+.bc_navigation
+    margin: -1em 0 1em
+
+/*!--------------------------------------
+  My Account Page
+--------------------------------------*/
+
+#exclude_topic > .checkboxes-list > li,
+#boxesblock > .checkboxes-list > li
+    /*! display: inline */
+    margin-right: 0.5em
+
+/*!--------------------------------------
+  Access Information Page
+--------------------------------------*/
+
+.itemstatistics
+    width: 100%
+    margin: 0
+    padding: 0
+    border-collapse: collapse
+    th
+        margin: 0
+        padding: 2px
+        text-align: left
+    td
+        margin: 0
+        padding: 2px
+
+/*!--------------------------------------
+  Trackback
+--------------------------------------*/
+
+/*! Trackback Block */
+#trackback
+    clear: both
+
+/*! Trackback Content */
+.block-trackback-content
+    border-bottom: 1px solid $center-separator-color
+    > p
+        margin: 0 0 1em 0
+
+/*! Description */
+.trackback_comments_no_link
+    margin: 0 0 1em 0
+    padding: 0
+
+/*! Recept Trackback Block */
+.formattedcomment
+    margin: 0 0 1em 0
+    padding: 0
+
+/*! Recept Trackback Information */
+.trackback_status
+    list-style-position: outside
+    list-style-type: none
+    margin: 0
+    padding: 0
+
+/*! Recept Trackback Title */
+.trackback_title
+    margin: 0 0 0.5em 0
+    padding: 4px
+    border: 1px solid #E7E7E7
+    background: #F7F7F7
+
+/*! Recept Trackback Recept Date */
+.trackback_date
+    margin: 0 0 0.5em 0
+    padding: 0
+
+/*! Recept Trackback Summary */
+.trackback_excerpt_readmore
+    margin: 0 0 1em 0
+    padding: 0
+
+/*!--------------------------------------
+  Profile
+--------------------------------------*/
+
+/*! Account Information */
+#profile-userprofile
+    overflow: hidden /*! Adjust floating element */
+    margin: 0
+    padding: 0
+    clearfix()
+    dt
+        float: left
+        clear: left
+        width: 25%
+        margin: 0 0 0.5em 0
+        padding: 0
+    dd
+        float: left
+        width: 75%
+        margin: 0 0 0.5em 0
+        padding: 0
+
+/*! Photo */
+dd#profile-user_photo
+    float: none
+    width: auto
+    margin-left: 25%
+    // All Mobile Sizes (devices and browser)
+    @media only screen and (max-width: $breakpoint-small-max)
+        margin-left: 50%
+    margin-bottom: 1em
+
+/*! Recent Submit | User Recent Comment */
+.storyrow,
+.commentrow
+    margin: 0
+    padding: 0
+    a
+        margin: 0 8px 0 0
+        padding: 0
+
+/*! Submit Story | Comment Total */
+#profile-postingstats
+    margin: 0
+    padding: 0
+    dt
+        float: left
+        clear: left
+        width: 25%
+        margin: 0 0 0.5em 0
+        padding: 0
+    dd
+        float: left
+        width: 75%
+        margin: 0 0 0.5em 0
+        padding: 0
+
+// All Mobile Sizes (devices and browser)
+@media only screen and (max-width: $breakpoint-small-max)
+    #profile-userprofile dt,
+    #profile-userprofile dd,
+    #profile-postingstats dt,
+    #profile-postingstats dd
+        width: 50%
+
+/*! User All Submit Search Link */
+#profile-all_postings_by
+    clear: left
+    padding-top: 1em
+
+hook-root($stage)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/mixins.styl b/public_html/layout/default/css_src/src/stylus/sub/mixins.styl
new file mode 100644
index 000000000..0808d6e14
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/mixins.styl
@@ -0,0 +1,121 @@
+// Mixins
+// ===========================================================================
+
+denim-clearfix()
+    content: ""
+    display: block
+    clear: both
+    height: 1px
+    //height: 0px
+    overflow: hidden
+
+layout-align-center()
+    margin: 0 auto
+
+layout-clearfix()
+    denim-clearfix()
+
+layout-site-max-width($width)
+    max-width: $width if $width is defined and $width != none
+
+admin-table($headercolor = #D9E6F3, $bordercolor = rgba(0, 0, 0, 0.2), $radius = 5px)
+    $headercolor = hue($headercolor, $var-base-hue)
+    border-collapse: separate
+    border-spacing: 0
+    border: 1px solid $bordercolor
+    border-radius: $radius
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+    td, th
+        border-left: 1px solid $bordercolor
+        border-top: 1px solid $bordercolor
+    th
+        $coll = $headercolor
+        $cold = darken($coll,15%)
+        background-color: $cold
+        background-image: linear-gradient(top, $coll, $cold)
+        border-top: none
+    th:first-child,
+    td:first-child
+        border-left: none
+    th:first-child
+        border-radius: $radius 0 0 0
+    th:last-child
+        border-radius: 0 $radius 0 0
+    tr:last-child td:first-child
+        border-radius: 0 0 0 $radius
+    tr:last-child td:last-child
+        border-radius: 0 0 $radius 0
+
+img-width(img)
+    return image-size(img)[0]
+
+img-height(img)
+    return image-size(img)[1]
+
+build-border(prefix)
+    $color = lookup(prefix + "-border-color")
+    $style = lookup(prefix + "-border-style")
+    $size  = lookup(prefix + "-border-size")
+    $color = ($color == null) ? #000  : $color
+    $style = ($style == null) ? solid : $style
+    $size  = ($size  == null) ? 1px   : $size
+    if $size != 0
+        border $size $style $color
+
+
+initvar(var, type, default_value)
+    if var is defined
+        $t = typeof(var)
+        if ($t == "literal" or $t == "string") and (var == "default")
+            default_value
+
+        else if (type == "string") and ($t == "literal" or $t == "string")
+            var
+
+        else if (type == "literal")
+            if $t == "string"
+                var = convert(var)
+                $t = typeof(var)
+            if $t == type
+                var
+            else
+                default_value
+
+        else if (type == "boolean")
+            if ($t == type)
+                var
+            else if ($t == "unit")
+                if (var == 1)
+                    return true
+                else if (var == 0)
+                    return false
+                else
+                    default_value
+            else if ($t == "literal" or $t == "string")
+                if (var == "true")
+                    return true
+                else if (var == "false")
+                    return false
+                else
+                    default_value
+            else
+                default_value
+
+        else if (type == "rgba")
+            if $t == "string"
+                var = convert(var)
+                $t = typeof(var)
+            if var == "transparent"
+                var
+            else if $t == type
+                var
+            else
+                default_value
+
+        else if $t == type
+            var
+
+        else
+            default_value
+    else
+        default_value
diff --git a/public_html/layout/default/css_src/src/stylus/sub/theme_2.styl b/public_html/layout/default/css_src/src/stylus/sub/theme_2.styl
new file mode 100644
index 000000000..5d692361f
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/theme_2.styl
@@ -0,0 +1,71 @@
+// Themme 2
+// ===========================================================================
+
+// mixin
+bottom-space($size = 10px)
+    margin-bottom: $size
+    // All Mobile Sizes (devices and browser)
+    @media only screen and (max-width: $breakpoint-small-max)
+        margin-bottom: 0
+
+
+hook-root($stage = '')
+
+    if $stage == 'base'
+        html
+            $color = $var-base-color
+            $hue = hue($color)
+            $color= hue(#3465A4, $hue)
+            //background: none
+            //background: linear-gradient(top, $color 0, #eeeeec 400px, #eeeeec 100%)
+            background: linear-gradient(top, $color 0, #eeeeec 1000px)
+
+    if $stage == 'block_contents'
+
+        #container
+            bottom-space()
+            @media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max)
+                margin: 5px
+            box-shadow: 2px 2px 10px #ccc
+            box-shadow: 0 0 8px 1px #333
+            @media only screen and (max-width: $breakpoint-small-max)
+                margin: 5px
+                build-border("$container")
+
+        #header
+            bottom-space()
+
+        #navigation
+            bottom-space()
+
+        #wrapper
+            //background-color: #F7F8EC
+            bottom-space()
+
+    if $stage == 'main_contents'
+
+        .storytext
+            padding: 15px
+            border: 1px solid #e7e7e7
+            background-color: white
+
+        .story_status
+            margin: 0 0 15px 50px
+            padding-top: 5px
+
+        .story_image
+            float: left
+            margin: -60px 10px 10px 0
+
+
+hook-selector($stage = '', $selector = '')
+
+    if $stage == 'layout_3cols_LRbar'
+
+        if $selector == '#navigation'
+            width: (@width - 20px)
+
+    if $stage == 'layout_2cols_Rbar_fixed'
+
+        if $selector == '#navigation'
+            width: (@width - 20px)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/theme_default.styl b/public_html/layout/default/css_src/src/stylus/sub/theme_default.styl
new file mode 100644
index 000000000..c7c586530
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/theme_default.styl
@@ -0,0 +1,22 @@
+// Themme Default
+// ===========================================================================
+
+$wrapper-background    = transparent
+
+hook-selector($stage = '', $selector = '')
+
+    if $stage == 'layout_3cols_LRbar'
+
+        if $selector == '#header-content'
+            width: 1140px
+
+        if $selector == '#footer-content'
+            width: 1140px
+
+    if $stage == 'layout_2cols_Rbar_fixed'
+
+        if $selector == '#header-content'
+            width: 960px
+
+        if $selector == '#footer-content'
+            width: 960px
diff --git a/public_html/layout/default/css_src/src/stylus/sub/variables.styl b/public_html/layout/default/css_src/src/stylus/sub/variables.styl
new file mode 100644
index 000000000..65f25da67
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/variables.styl
@@ -0,0 +1,13 @@
+//
+// Breakpoints
+//
+
+$breakpoint-small =           480px
+$breakpoint-medium =          768px
+$breakpoint-large =           963px
+$breakpoint-xlarge =          1200px
+
+$breakpoint-mini-max =        ($breakpoint-small  - 1)
+$breakpoint-small-max =       ($breakpoint-medium - 1)
+$breakpoint-medium-max =      ($breakpoint-large  - 1)
+$breakpoint-large-max =       ($breakpoint-xlarge - 1)
diff --git a/public_html/layout/default/css_src/src/stylus/sub/variables_default.styl b/public_html/layout/default/css_src/src/stylus/sub/variables_default.styl
new file mode 100644
index 000000000..e421d623c
--- /dev/null
+++ b/public_html/layout/default/css_src/src/stylus/sub/variables_default.styl
@@ -0,0 +1,179 @@
+
+// Global Variables
+// ========================================================================
+
+//
+// Breakpoints
+//
+
+$breakpoint-small     ?=          480px
+$breakpoint-medium    ?=          768px
+$breakpoint-large     ?=          960px
+$breakpoint-xlarge    ?=          1200px
+
+$breakpoint-mini-max   =      ($breakpoint-small  - 1)
+$breakpoint-small-max  =      ($breakpoint-medium - 1)
+$breakpoint-medium-max =      ($breakpoint-large  - 1)
+$breakpoint-large-max  =      ($breakpoint-xlarge - 1)
+
+$var-style-mode              = initvar($var-style-mode,              "unit",   1)        // 1 or 2
+$var-header-style            = initvar($var-header-style,            "string", "normal") // "normal" or "texture"
+$var-sitename-style          = initvar($var-sitename-style,          "string", "text")   // "text"   or "image"
+$var-global-navigation-style = initvar($var-global-navigation-style, "string", "normal") // "normal" or "frame"
+$var-flip-horizontal         = initvar($var-flip-horizontal,         "boolean", false)   // true     or false
+$var-base-color              = initvar($var-base-color,              "rgba",    #426F9C) // Default: Professional Blue (#426F9C)
+$var-adjust-hue              = initvar($var-adjust-hue,              "boolean", true)    // true     or false
+$var-uikit-theme             = initvar($var-uikit-theme,             "string", "default") // "default", "gradient" or "almost-flat"
+
+//
+// Base
+//
+
+// text
+$base-text-color    = initvar($base-text-color,    "rgba", #222)
+$base-anker-color   = initvar($base-anker-color,   "rgba", #2661A2)
+$story-title-color  = initvar($story-title-color,  "rgba", $base-text-color)
+$story-status-color = initvar($story-status-color, "rgba", #999)
+
+// table
+$basic-table-th-background ?= #DAE0ED
+
+denim_hsl(h, s, l)
+    return hsl(h, round((s + 1)/256*100, 0), round((l + 1)/256*100, 0))
+
+//
+// Block Contents
+//
+
+//
+// Container
+//
+
+$container-background    = initvar($container-background,    "rgba",   #FFF)  // Default: #FFF
+$container-margin-top    = initvar($container-margin-top,    "unit",   0)     // Default: 0
+$container-margin-bottom = initvar($container-margin-bottom, "unit",   0)     // Default: 0
+$container-padding       = initvar($container-padding,       "unit",   0)     // Default: 0
+$container-border-size   = initvar($container-border-size,   "unit",   0)     // Default: 0
+$container-border-color  = initvar($container-border-color,  "rgba",   #000)  // Default: #000
+$container-border-style  = initvar($container-border-style,  "string", solid) // Default: solid
+
+
+//
+// Wrapper
+//
+
+$wrapper-background    = initvar($wrapper-background,    "rgba",   #FFF)  // Default: #FFF
+$wrapper-padding       = initvar($wrapper-padding,       "unit",   0)     // Default: 0
+$wrapper-border-size   = initvar($wrapper-border-size,   "unit",   0)     // Default: 0
+$wrapper-border-color  = initvar($wrapper-border-color,  "rgba",   #000)  // Default: #000
+$wrapper-border-style  = initvar($wrapper-border-style,  "string", solid) // Default: solid
+
+
+//
+// Header Block
+//
+
+$header-height       = initvar($header-height,       "unit",   80px)  // Default: 80px
+$header-padding      = initvar($header-padding,      "unit",   0)     // Default: 0
+$header-border-size  = initvar($header-border-size,  "unit",   0)     // Default: 0
+$header-border-color = initvar($header-border-color, "rgba",   #000)  // Default: #000
+$header-border-style = initvar($header-border-style, "string", solid) // Default: solid
+
+//$header-background ?= #426F9C
+//$header-background ?= denim_hsl(210, 104, 111) // #426F9C -> #42709E
+//$header-background ?= hsl(210, 40, 43)         // #426F9C -> #416D99
+//$header-background ?= hsl(210, 41, 44)         // #426F9C -> #42709E
+//$header-background-dark ?= #224F7C
+//$header-background-dark ?= denim_hsl(210, 147, 78) // #224F7C match
+//$header-background-dark ?= hsl(210, 57, 31)        // #224F7C match
+//$header-background-diff ?= $header-background - $header-background-dark
+
+$header-background = initvar($header-background, "rgba", $var-base-color)
+
+// Header color design type
+// flat: Flat
+// gradation: Professional Gradation
+$header-background-design-type = initvar($header-background-design-type, "string", "gradation") // "gradation" or "flat"
+
+$header-background-diff ?= #426F9C - #224F7C // Geeklog default
+if $header-background-design-type == "gradation"
+    $header-background-dark = $header-background - $header-background-diff
+else //if $header-background-design-type == "flat"
+    $header-background-dark = $header-background
+
+
+//
+// Gloval Navigation
+//
+
+//$navigation-background ?= #E7FED0 // #DDE7F1 // #E7E7E7
+$navigation-background    = initvar($navigation-background,    "rgba",   #E7E7E7)  // Default: #E7E7E7
+$navigation-padding       = initvar($navigation-padding,       "unit",   0)        // Default: 0
+$navigation-border-size   = initvar($navigation-border-size,   "unit",   0)        // Default: 0
+$navigation-border-color  = initvar($navigation-border-color,  "rgba",   #000)     // Default: #000
+$navigation-border-style  = initvar($navigation-border-style,  "string", solid)    // Default: solid
+
+
+//
+// System Message Box
+//
+
+$msgbox-title-background   = initvar($msgbox-title-background,   "rgba", rgb(62, 107, 152)) // Default: #3E6C9A
+$msgbox-title-color        = initvar($msgbox-title-color,        "rgba", #EEEEEC)           // Default: #EEEEEC
+$msgbox-message-background = initvar($msgbox-message-background, "rgba", #EEE)              // Default: #EEE
+$msgbox-message-color      = initvar($msgbox-message-color,      "rgba", #404040)           // Default: #404040
+$msgbox-border-radius      = initvar($msgbox-border-radius,      "unit", 6px)               // Default: 6px
+$msgbox-border-size        = initvar($msgbox-border-size,        "unit", 1px)               // Default: 1px
+
+
+//
+// Center Block
+//
+
+$center-separator-color ?= #E7E7E7
+
+//
+// Footer Block
+//
+
+$footer-background   = initvar($footer-background,   "rgba",   transparent) // Default: transparent
+$footer-padding      = initvar($footer-padding,      "unit",   0)           // Default: 0
+$footer-border-size  = initvar($footer-border-size,  "unit",   0)           // Default: 0
+$footer-border-color = initvar($footer-border-color, "rgba",   #000)        // Default: #000
+$footer-border-style = initvar($footer-border-style, "string", solid)       // Default: solid
+
+//
+// Admin List Table
+//
+
+$admin-list-table-th-background       ?= $basic-table-th-background
+$admin-list-table-td1-background      ?= #F7F7F7
+$admin-list-table-td2-background      ?= #E7E7E7
+$admin-list-table-rollover-background ?= #FFFF8F
+
+$admin-list-table-th-color            ?= $base-text-color
+$admin-list-table-td-color            ?= $base-text-color
+
+$admin-list-table-th-background       ?= #97B8DB //#92C5E8//#F3F3F3
+$admin-list-table-td1-background      ?= transparent
+$admin-list-table-td2-background      ?= rgba(0, 0, 0, 0.02)
+$admin-list-table-rollover-background ?= #F6ECBE //#F9F9F9
+
+//
+// Mobile
+//
+
+$mobile-blocks-background      ?= #F7F7F7 // Default: #E7E7E7
+$mobile-block-title-background ?= #3B6998 // Default: #3B6998
+$mobile-footer-background      ?= #284564 // Default: #284564
+
+// retrieve hue from $var-base-color
+$var-base-hue = hue($var-base-color)
+
+// Override the hue of $var-base-color
+if $var-adjust-hue == true
+    $msgbox-title-background       = hue($msgbox-title-background,       $var-base-hue)
+    $mobile-block-title-background = hue($mobile-block-title-background, $var-base-hue)
+    $mobile-footer-background      = hue($mobile-footer-background,      $var-base-hue)
+    $base-anker-color              = hue($base-anker-color,              $var-base-hue)
+
diff --git a/public_html/layout/default/directory.thtml b/public_html/layout/default/directory.thtml
new file mode 100644
index 000000000..3e307d833
--- /dev/null
+++ b/public_html/layout/default/directory.thtml
@@ -0,0 +1,24 @@
+{# begin {templatelocation} #}
+
+{current_month}
+{blockheader}
+<form class="uk-float-right uk-form uk-margin-remove" action="{url}" method="post">
+  <div>
+    <select name="topic" onchange="this.form.submit()">
+    {topic_list}
+    </select>
+    <input type="hidden" name="year" value="{val_year}"{xhtml}>
+    <input type="hidden" name="month" value="{val_month}"{xhtml}>
+  </div>
+</form>
+<!-- BEGIN section-title -->
+<h2 class="uk-h2">{section_title}</h2>
+<!-- END section-title -->
+<div class="uk-margin-left">{directory}</div>
+<!-- BEGIN no-articles -->
+<p>{lang_no_articles}</p>
+<!-- END no-articles -->
+<div class="uk-flex uk-flex-center">{page_navigation}</div>
+{blockfooter}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/featuredstorybodytext.thtml b/public_html/layout/default/featuredstorybodytext.thtml
new file mode 100644
index 000000000..8fba97c0f
--- /dev/null
+++ b/public_html/layout/default/featuredstorybodytext.thtml
@@ -0,0 +1,3 @@
+{# begin {templatelocation} #}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/featuredstorytext.thtml b/public_html/layout/default/featuredstorytext.thtml
new file mode 100644
index 000000000..cb97010a8
--- /dev/null
+++ b/public_html/layout/default/featuredstorytext.thtml
@@ -0,0 +1,59 @@
+{# begin {templatelocation} #}
+
+<article itemscope itemtype="http://schema.org/Article" class="<?php if(SEC_inGroup('Root')){ ?>gl-edit <?php } ?>uk-article featuredstorytext">
+  <header>
+
+<?php if( COM_onFrontpage() ) { ?><h2<?php } else { ?><h1<?php } ?>
+     itemprop="name" class="uk-article-title uk-margin-remove">{start_storylink_anchortag}{story_title}{end_storylink_anchortag}
+<?php if( COM_onFrontpage() ) { ?></h2><?php } else { ?></h1><?php } ?>
+
+    <div class="uk-grid">
+      <div class="uk-width-1-2">
+        <ul class="uk-article-meta uk-subnav uk-flex-left">
+          <li itemprop="datePublished">{story_date}</li>
+          <li>{lang_contributed_by} {start_contributedby_anchortag}<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{contributedby_author}</span></span>{end_contributedby_anchortag}</li>
+          <li>{lang_views} {story_hits}</li>
+        </ul>
+      </div>
+    <div class="uk-width-1-2">
+        <div class="uk-subnav uk-flex-right">
+          {email_icon}{print_icon}{edit_icon}
+        </div>
+      </div>
+    </div>
+
+  </header>
+
+  <div itemprop="articleBody">
+{!if story_anchortag_and_image_no_align}
+    <span class="uk-float-right uk-margin-left uk-margin-bottom">{story_anchortag_and_image_no_align}</span>
+{!endif}
+    {story_text_no_br}
+  </div>
+
+{!if story_footer}
+  <footer>
+
+    {related_topics}
+
+{!if navi_list}
+    <ul class="uk-list">
+      {!if page_selector}<li>{page_selector}</li>{!endif}
+      {!if readmore_link}<li>{readmore_link}</li>{!endif}
+      {!if post_comment_link}<li>{post_comment_link}</li>{!endif}
+    </ul>
+{!endif}
+
+{!if feedback_list}
+    <ul class="uk-subnav uk-subnav-line uk-flex-center">
+      {!if plugin_itemdisplay}<li>{plugin_itemdisplay}</li>{!endif}
+      {!if comments_with_count}<li>{comments_with_count}</li>{!endif}
+      {!if trackbacks_with_count}<li>{trackbacks_with_count}</li>{!endif}
+    </ul>
+{!endif}
+
+  </footer>
+{!endif}
+</article>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/footer.thtml b/public_html/layout/default/footer.thtml
new file mode 100644
index 000000000..79a8b3215
--- /dev/null
+++ b/public_html/layout/default/footer.thtml
@@ -0,0 +1,61 @@
+{# begin {templatelocation} #}
+
+        </main>
+      </div>
+      {# end Center Block Container #}
+
+      {left_blocks}
+
+      {right_blocks}
+
+    </div>
+    {# end #wrapper #}
+
+  </div>
+  {# end #container #}
+
+  <div class="uk-margin-large-top uk-margin-large-bottom uk-text-center"><a class="uk-icon-small uk-icon-hover uk-icon-chevron-up" data-uk-smooth-scroll="" href="#"></a></div>
+
+    <footer id="footer" role="contentinfo" class="uk-clearfix">
+      <div id="footer-content">
+        <p class="uk-float-left uk-text-small">{copyright_notice}</p>
+        <p class="uk-float-right uk-text-small">
+          <span>{powered_by}&nbsp;<a href="http://www.geeklog.net/">Geeklog</a></span><br{xhtml}>
+          <span>{execution_textandtime}</span>
+        </p>
+      </div>
+    </footer>
+
+  {plg_footercode}
+
+<script>window.twttr = (function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0],
+    t = window.twttr || {};
+  if (d.getElementById(id)) return t;
+  js = d.createElement(s);
+  js.id = id;
+  js.src = "https://platform.twitter.com/widgets.js";
+  fjs.parentNode.insertBefore(js, fjs);
+ 
+  t._e = [];
+  t.ready = function(f) {
+    t._e.push(f);
+  };
+ 
+  return t;
+}(document, "script", "twitter-wjs"));
+</script>
+
+  <!-- Depending on the situation, HTML body element's class attribute to specify a value by JavaScript
+       The argument from the left, the right block container, the middle block left the right block id attribute value -->
+  <script type="text/javascript">
+  <!--
+    FixHTML('leftblocks', 'centerblocks', 'rightblocks');
+  -->
+  </script>
+
+{# end {templatelocation} #}
+
+</body>
+
+</html>
diff --git a/public_html/layout/default/functions.php b/public_html/layout/default/functions.php
new file mode 100644
index 000000000..f8ddb28d5
--- /dev/null
+++ b/public_html/layout/default/functions.php
@@ -0,0 +1,198 @@
+<?php
+
+/* Reminder: always indent with 4 spaces (no tabs). */
+// +---------------------------------------------------------------------------+
+// | Geeklog 2.0                                                               |
+// +---------------------------------------------------------------------------+
+// | functions.php                                                             |
+// |                                                                           |
+// | Functions implementing the theme API                                      |
+// +---------------------------------------------------------------------------+
+// | Copyright (C) 2000-2012 by the following authors:                         |
+// |                                                                           |
+// | Authors: Tony Bibbs        - tony AT tonybibbs DOT com                    |
+// |          Mark Limburg      - mlimburg AT users DOT sourceforge DOT net    |
+// |          Jason Whittenburg - jwhitten AT securitygeeks DOT com            |
+// |          Dirk Haun         - dirk AT haun-online DOT de                   |
+// |          Vincent Furia     - vinny01 AT users DOT sourceforge DOT net     |
+// |          Rouslan Placella  - rouslan AT placella DOT com                  |
+// +---------------------------------------------------------------------------+
+// |                                                                           |
+// | This program is free software; you can redistribute it and/or             |
+// | modify it under the terms of the GNU General Public License               |
+// | as published by the Free Software Foundation; either version 2            |
+// | of the License, or (at your option) any later version.                    |
+// |                                                                           |
+// | This program is distributed in the hope that it will be useful,           |
+// | but WITHOUT ANY WARRANTY; without even the implied warranty of            |
+// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the             |
+// | GNU General Public License for more details.                              |
+// |                                                                           |
+// | You should have received a copy of the GNU General Public License         |
+// | along with this program; if not, write to the Free Software Foundation,   |
+// | Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.           |
+// |                                                                           |
+// +---------------------------------------------------------------------------+
+
+// this file can't be used on its own
+if (strpos(strtolower($_SERVER['PHP_SELF']), 'functions.php') !== false) {
+    die('This file can not be used on its own!');
+}
+
+/**
+ * Return the configuration values for the theme
+ */
+function theme_config_default()
+{
+    return array(
+        'image_type' => 'png',
+        'doctype'    => 'html5',
+        'etag' => true,
+        'supported_version_theme' => '2.0.0' // support new theme format for the later Geeklog 2.0.0
+    );
+}
+
+/**
+ * Return an array of CSS files to be loaded
+ */
+function theme_css_default()
+{
+    global $_CONF, $LANG_DIRECTION;
+
+    $direction = ($LANG_DIRECTION == 'rtl') ? '_rtl' : '';
+
+    return array(
+        array('file' => '/vendor/uikit/css' . $direction . '/uikit.gradient.css', 'attributes' => array('media' => 'all'), 'priority' => 80),
+        array('file'       => '/layout/' . $_CONF['theme'] . '/css_' . $LANG_DIRECTION . '/add_to_uikit.css',  'priority' => 90),
+        array('file' => '/layout/' . $_CONF['theme'] . '/css_' . $LANG_DIRECTION . '/style.css', 'priority' => 100),
+        array('file' => '/layout/' . $_CONF['theme'] . '/css_' . $LANG_DIRECTION . '/theme.css', 'priority' => 110)
+    );
+}
+
+/**
+ * Return an array of JS libraries to be loaded
+ */
+function theme_js_libs_default()
+{
+    return array(
+       array(
+            'library' => 'jquery',
+            'footer'  => false // Not requred, default = true
+        )
+    );
+}
+
+/**
+ * Return an array of JS files to be loaded
+ */
+function theme_js_files_default()
+{
+    global $_CONF;
+
+    return array(
+
+       array(
+            'file'      => '/layout/' . $_CONF['theme'] . '/javascript/script.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 100 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/uikit.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 110 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/datepicker.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 120 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/form-password.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 130 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/form-select.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 140 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/grid.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 150 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/lightbox.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 160 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/slideshow.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 170 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/slideshow-fx.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 180 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/slideset.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 190 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/sticky.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 200 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/vendor/uikit/js/components/tooltip.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 210 // Not requred, default = 100
+        ),
+       array(
+            'file'      => '/layout/' . $_CONF['theme'] . '/javascript/theme.js',
+            'footer'    => false, // Not requred, default = true
+            'priority'  => 220 // Not requred, default = 100
+        ),
+    );
+}
+
+/**
+ * Do any other initialisation here
+ */
+function theme_init_default()
+{
+    global $_BLOCK_TEMPLATE, $_CONF;
+
+    $_CONF['left_blocks_in_footer'] = 1;
+
+    /*
+     * For left/right block support there is no longer any need for the theme to
+     * put code into functions.php to set specific templates for the left/right
+     * versions of blocks. Instead, Geeklog will automagically look for
+     * blocktemplate-left.thtml and blocktemplate-right.thtml if given
+     * blocktemplate.thtml from $_BLOCK_TEMPLATE. So, if you want different left
+     * and right templates from admin_block, just create blockheader-list-left.thtml
+     * etc.
+     */
+
+    $_BLOCK_TEMPLATE['_msg_block'] = 'blockheader-message.thtml,blockfooter-message.thtml';
+    $_BLOCK_TEMPLATE['configmanager_block'] = 'blockheader-config.thtml,blockfooter-config.thtml';
+    $_BLOCK_TEMPLATE['configmanager_subblock'] = 'blockheader-config.thtml,blockfooter-config.thtml';
+    $_BLOCK_TEMPLATE['whats_related_block'] = 'blockheader-related.thtml,blockfooter-related.thtml';
+    $_BLOCK_TEMPLATE['story_options_block'] = 'blockheader-related.thtml,blockfooter-related.thtml';
+
+    // Define the blocks that are a list of links styled as an unordered list - using class="blocklist"
+    $_BLOCK_TEMPLATE['admin_block'] = 'blockheader-list.thtml,blockfooter-list.thtml';
+    $_BLOCK_TEMPLATE['section_block'] = 'blockheader-list.thtml,blockfooter-list.thtml';
+
+    if (! COM_isAnonUser()) {
+        $_BLOCK_TEMPLATE['user_block'] = 'blockheader-user.thtml,blockfooter-user.thtml';
+    } else {
+        $_BLOCK_TEMPLATE['user_block'] = 'blockheader-user-login.thtml,blockfooter-user-login.thtml';
+    }
+}
+
+?>
diff --git a/public_html/layout/default/header.thtml b/public_html/layout/default/header.thtml
new file mode 100644
index 000000000..402ea8345
--- /dev/null
+++ b/public_html/layout/default/header.thtml
@@ -0,0 +1,77 @@
+{doctype}
+<html{lang_attribute}>
+
+<head>
+<meta charset="{charset}"{xhtml}>
+<title>{page_title_and_site_name}</title>
+
+<!-- Mobile Specific Metas -->
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"{xhtml}>
+
+<!-- Favicons -->
+<link rel="shortcut icon" href="{layout_url}/images/favicon.ico"{xhtml}>
+
+<!-- <meta http-equiv="Pragma" content="no-cache"{xhtml}> -->
+<link rel="start contents" href="{site_url}"{xhtml}>
+
+<meta name="twitter:image:height" content="400"{xhtml}>
+<meta name="twitter:image:width" content="500"{xhtml}>
+<meta name="twitter:url" content="<?php echo COM_getCurrentURL(); ?>"{xhtml}>
+
+{feed_url}
+{rel_links}
+{plg_headercode}
+
+<!--[if lt IE 8]><link rel="stylesheet" href="{layout_url}/css_{direction}/ie8.css"{xhtml}><![endif]-->
+<!--[if lt IE 9]><script type="text/javascript" src="{layout_url}/javascript/respond.min.js"></script><![endif]-->
+<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+</head>
+
+<body dir="{direction}" class="{layout_columns}">
+{# begin {templatelocation} #}
+
+    <nav class="uk-navbar uk-margin-bottom" data-uk-sticky="{ top:-100, animation: 'uk-animation-slide-top', boundary:true }">
+      <a class="uk-navbar-brand uk-hidden-small" href="{site_url}"><img src="{layout_url}/images/logomark.svg" alt="{site_name}" style="height:32px; width:auto; margin-bottom:3px"></a>
+      <ul class="uk-navbar-nav uk-hidden-small">
+        {menu_elements}
+      </ul>
+
+      <div class="uk-navbar-flip uk-navbar-flip">
+        <a href="{site_url}/search.php" class="uk-navbar-toggle uk-navbar-toggle-alt"></a>
+      </div>
+
+      <a href="#uk-offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>
+      <div class="uk-navbar-brand uk-navbar-center uk-visible-small"><img src="{layout_url}/images/logomark.svg" alt="{site_name}" style="height:32px; width:auto; margin-bottom:3px"></div>
+    </nav>
+
+    <div id="uk-offcanvas" class="uk-offcanvas">
+      <div class="uk-offcanvas-bar">
+        <ul class="uk-nav uk-nav-offcanvas">
+          {menu_elements}
+
+<?php global $_USER, $_CONF; if (isset($_USER['uid']) && $_USER['uid'] > 1) { ?>
+          <li><a href="{site_url}/usersettings.php?mode=edit"><i class="uk-icon-cog"></i> {$LANG01[48]}</a></li>
+          <li><a href="{site_url}/users.php?mode=logout"><i class="uk-icon-sign-out"></i> {$LANG01[35]}</a></li>
+<?php } else { if ($_CONF['disable_new_user_registration']==0) { ?>
+          <li><a href="{site_url}/users.php?mode=new"><i class="uk-icon-user"></i> {$LANG04[27]}</a></li>
+<?php } ?>
+          <li><a href="{site_url}/users.php"><i class="uk-icon-sign-in"></i> {$LANG01[58]}</a></li>
+<?php } ?>
+
+        </ul>
+      </div>
+    </div>
+
+  {# begin #container #}
+  <div id="container" class="uk-container uk-container-center uk-margin-large-bottom">
+
+    {# begin #wrapper #}
+    <div id="wrapper">
+
+      {# begin Center Block Container #}
+      <div id="centerblocks">
+        <main id="main-content" role="main">
+          <p class="uk-text-left uk-margin-small-top">{welcome_msg}&nbsp;{datetime}</p>
+          {breadcrumb_trail}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/images/addchild.png b/public_html/layout/default/images/addchild.png
new file mode 100644
index 000000000..4d0cc9662
Binary files /dev/null and b/public_html/layout/default/images/addchild.png differ
diff --git a/public_html/layout/default/images/admin/block-left.png b/public_html/layout/default/images/admin/block-left.png
new file mode 100644
index 000000000..981c8fd9d
Binary files /dev/null and b/public_html/layout/default/images/admin/block-left.png differ
diff --git a/public_html/layout/default/images/admin/block-right.png b/public_html/layout/default/images/admin/block-right.png
new file mode 100644
index 000000000..2eb2d21f7
Binary files /dev/null and b/public_html/layout/default/images/admin/block-right.png differ
diff --git a/public_html/layout/default/images/admin/down.png b/public_html/layout/default/images/admin/down.png
new file mode 100644
index 000000000..786861d5a
Binary files /dev/null and b/public_html/layout/default/images/admin/down.png differ
diff --git a/public_html/layout/default/images/admin/index.html b/public_html/layout/default/images/admin/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/images/admin/up.png b/public_html/layout/default/images/admin/up.png
new file mode 100644
index 000000000..702375585
Binary files /dev/null and b/public_html/layout/default/images/admin/up.png differ
diff --git a/public_html/layout/default/images/arrow-down.png b/public_html/layout/default/images/arrow-down.png
new file mode 100644
index 000000000..11d250205
Binary files /dev/null and b/public_html/layout/default/images/arrow-down.png differ
diff --git a/public_html/layout/default/images/arrow-right.png b/public_html/layout/default/images/arrow-right.png
new file mode 100644
index 000000000..bd72d5612
Binary files /dev/null and b/public_html/layout/default/images/arrow-right.png differ
diff --git a/public_html/layout/default/images/arrow-up.png b/public_html/layout/default/images/arrow-up.png
new file mode 100644
index 000000000..1addf4fe2
Binary files /dev/null and b/public_html/layout/default/images/arrow-up.png differ
diff --git a/public_html/layout/default/images/bar.gif b/public_html/layout/default/images/bar.gif
new file mode 100644
index 000000000..e36799334
Binary files /dev/null and b/public_html/layout/default/images/bar.gif differ
diff --git a/public_html/layout/default/images/bararrowdown.png b/public_html/layout/default/images/bararrowdown.png
new file mode 100644
index 000000000..62cc165ad
Binary files /dev/null and b/public_html/layout/default/images/bararrowdown.png differ
diff --git a/public_html/layout/default/images/bararrowup.png b/public_html/layout/default/images/bararrowup.png
new file mode 100644
index 000000000..7e018ef60
Binary files /dev/null and b/public_html/layout/default/images/bararrowup.png differ
diff --git a/public_html/layout/default/images/button_help.png b/public_html/layout/default/images/button_help.png
new file mode 100644
index 000000000..64cadccc5
Binary files /dev/null and b/public_html/layout/default/images/button_help.png differ
diff --git a/public_html/layout/default/images/collapse.png b/public_html/layout/default/images/collapse.png
new file mode 100644
index 000000000..8a34091c0
Binary files /dev/null and b/public_html/layout/default/images/collapse.png differ
diff --git a/public_html/layout/default/images/copy.png b/public_html/layout/default/images/copy.png
new file mode 100644
index 000000000..585579aef
Binary files /dev/null and b/public_html/layout/default/images/copy.png differ
diff --git a/public_html/layout/default/images/deleteitem.png b/public_html/layout/default/images/deleteitem.png
new file mode 100644
index 000000000..0e0953c73
Binary files /dev/null and b/public_html/layout/default/images/deleteitem.png differ
diff --git a/public_html/layout/default/images/disabled.png b/public_html/layout/default/images/disabled.png
new file mode 100644
index 000000000..108111b33
Binary files /dev/null and b/public_html/layout/default/images/disabled.png differ
diff --git a/public_html/layout/default/images/edit.png b/public_html/layout/default/images/edit.png
new file mode 100644
index 000000000..455a9d8cd
Binary files /dev/null and b/public_html/layout/default/images/edit.png differ
diff --git a/public_html/layout/default/images/enabled.png b/public_html/layout/default/images/enabled.png
new file mode 100644
index 000000000..0985e517e
Binary files /dev/null and b/public_html/layout/default/images/enabled.png differ
diff --git a/public_html/layout/default/images/error.png b/public_html/layout/default/images/error.png
new file mode 100644
index 000000000..68fd622b9
Binary files /dev/null and b/public_html/layout/default/images/error.png differ
diff --git a/public_html/layout/default/images/expand.png b/public_html/layout/default/images/expand.png
new file mode 100644
index 000000000..ab9a06aeb
Binary files /dev/null and b/public_html/layout/default/images/expand.png differ
diff --git a/public_html/layout/default/images/external.png b/public_html/layout/default/images/external.png
new file mode 100644
index 000000000..419c06fb9
Binary files /dev/null and b/public_html/layout/default/images/external.png differ
diff --git a/public_html/layout/default/images/favicon.ico b/public_html/layout/default/images/favicon.ico
new file mode 100644
index 000000000..15fffada1
Binary files /dev/null and b/public_html/layout/default/images/favicon.ico differ
diff --git a/public_html/layout/default/images/feed.png b/public_html/layout/default/images/feed.png
new file mode 100644
index 000000000..9cb9249a9
Binary files /dev/null and b/public_html/layout/default/images/feed.png differ
diff --git a/public_html/layout/default/images/icon_info.png b/public_html/layout/default/images/icon_info.png
new file mode 100644
index 000000000..98a4a18a5
Binary files /dev/null and b/public_html/layout/default/images/icon_info.png differ
diff --git a/public_html/layout/default/images/icons/block.png b/public_html/layout/default/images/icons/block.png
new file mode 100644
index 000000000..3df90953f
Binary files /dev/null and b/public_html/layout/default/images/icons/block.png differ
diff --git a/public_html/layout/default/images/icons/configuration.png b/public_html/layout/default/images/icons/configuration.png
new file mode 100644
index 000000000..b4a59f158
Binary files /dev/null and b/public_html/layout/default/images/icons/configuration.png differ
diff --git a/public_html/layout/default/images/icons/ctl.png b/public_html/layout/default/images/icons/ctl.png
new file mode 100644
index 000000000..9b97d9166
Binary files /dev/null and b/public_html/layout/default/images/icons/ctl.png differ
diff --git a/public_html/layout/default/images/icons/database.png b/public_html/layout/default/images/icons/database.png
new file mode 100644
index 000000000..bd942e782
Binary files /dev/null and b/public_html/layout/default/images/icons/database.png differ
diff --git a/public_html/layout/default/images/icons/delete_event.png b/public_html/layout/default/images/icons/delete_event.png
new file mode 100644
index 000000000..0e0953c73
Binary files /dev/null and b/public_html/layout/default/images/icons/delete_event.png differ
diff --git a/public_html/layout/default/images/icons/docs.png b/public_html/layout/default/images/icons/docs.png
new file mode 100644
index 000000000..cc769390a
Binary files /dev/null and b/public_html/layout/default/images/icons/docs.png differ
diff --git a/public_html/layout/default/images/icons/envcheck.png b/public_html/layout/default/images/icons/envcheck.png
new file mode 100644
index 000000000..bab31a4d0
Binary files /dev/null and b/public_html/layout/default/images/icons/envcheck.png differ
diff --git a/public_html/layout/default/images/icons/event.png b/public_html/layout/default/images/icons/event.png
new file mode 100644
index 000000000..58a211afc
Binary files /dev/null and b/public_html/layout/default/images/icons/event.png differ
diff --git a/public_html/layout/default/images/icons/filemanager.png b/public_html/layout/default/images/icons/filemanager.png
new file mode 100644
index 000000000..d5b222fe4
Binary files /dev/null and b/public_html/layout/default/images/icons/filemanager.png differ
diff --git a/public_html/layout/default/images/icons/group.png b/public_html/layout/default/images/icons/group.png
new file mode 100644
index 000000000..640162c82
Binary files /dev/null and b/public_html/layout/default/images/icons/group.png differ
diff --git a/public_html/layout/default/images/icons/index.html b/public_html/layout/default/images/icons/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/images/icons/log_viewer.png b/public_html/layout/default/images/icons/log_viewer.png
new file mode 100644
index 000000000..26977c5e5
Binary files /dev/null and b/public_html/layout/default/images/icons/log_viewer.png differ
diff --git a/public_html/layout/default/images/icons/logout.png b/public_html/layout/default/images/icons/logout.png
new file mode 100644
index 000000000..aef06596f
Binary files /dev/null and b/public_html/layout/default/images/icons/logout.png differ
diff --git a/public_html/layout/default/images/icons/mail.png b/public_html/layout/default/images/icons/mail.png
new file mode 100644
index 000000000..cb8f38cf5
Binary files /dev/null and b/public_html/layout/default/images/icons/mail.png differ
diff --git a/public_html/layout/default/images/icons/moderation.png b/public_html/layout/default/images/icons/moderation.png
new file mode 100644
index 000000000..05a26dc0b
Binary files /dev/null and b/public_html/layout/default/images/icons/moderation.png differ
diff --git a/public_html/layout/default/images/icons/plugins.png b/public_html/layout/default/images/icons/plugins.png
new file mode 100644
index 000000000..ffe35d22c
Binary files /dev/null and b/public_html/layout/default/images/icons/plugins.png differ
diff --git a/public_html/layout/default/images/icons/story.png b/public_html/layout/default/images/icons/story.png
new file mode 100644
index 000000000..3bc007f28
Binary files /dev/null and b/public_html/layout/default/images/icons/story.png differ
diff --git a/public_html/layout/default/images/icons/syndication.png b/public_html/layout/default/images/icons/syndication.png
new file mode 100644
index 000000000..b4bb9f5fb
Binary files /dev/null and b/public_html/layout/default/images/icons/syndication.png differ
diff --git a/public_html/layout/default/images/icons/topic.png b/public_html/layout/default/images/icons/topic.png
new file mode 100644
index 000000000..6cdf492c0
Binary files /dev/null and b/public_html/layout/default/images/icons/topic.png differ
diff --git a/public_html/layout/default/images/icons/trackback.png b/public_html/layout/default/images/icons/trackback.png
new file mode 100644
index 000000000..e6b9ec828
Binary files /dev/null and b/public_html/layout/default/images/icons/trackback.png differ
diff --git a/public_html/layout/default/images/icons/user.png b/public_html/layout/default/images/icons/user.png
new file mode 100644
index 000000000..82ccfdd37
Binary files /dev/null and b/public_html/layout/default/images/icons/user.png differ
diff --git a/public_html/layout/default/images/icons/versioncheck.png b/public_html/layout/default/images/icons/versioncheck.png
new file mode 100644
index 000000000..f95b62def
Binary files /dev/null and b/public_html/layout/default/images/icons/versioncheck.png differ
diff --git a/public_html/layout/default/images/index.html b/public_html/layout/default/images/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/images/info.png b/public_html/layout/default/images/info.png
new file mode 100644
index 000000000..286dfdb00
Binary files /dev/null and b/public_html/layout/default/images/info.png differ
diff --git a/public_html/layout/default/images/install.png b/public_html/layout/default/images/install.png
new file mode 100644
index 000000000..7c13db5d3
Binary files /dev/null and b/public_html/layout/default/images/install.png differ
diff --git a/public_html/layout/default/images/list.png b/public_html/layout/default/images/list.png
new file mode 100644
index 000000000..03429df92
Binary files /dev/null and b/public_html/layout/default/images/list.png differ
diff --git a/public_html/layout/default/images/loading.gif b/public_html/layout/default/images/loading.gif
new file mode 100644
index 000000000..f4ff40eda
Binary files /dev/null and b/public_html/layout/default/images/loading.gif differ
diff --git a/public_html/layout/default/images/logo-geek.png b/public_html/layout/default/images/logo-geek.png
new file mode 100644
index 000000000..889ca2824
Binary files /dev/null and b/public_html/layout/default/images/logo-geek.png differ
diff --git a/public_html/layout/default/images/logo.png b/public_html/layout/default/images/logo.png
new file mode 100644
index 000000000..6e874d0af
Binary files /dev/null and b/public_html/layout/default/images/logo.png differ
diff --git a/public_html/layout/default/images/logo2.png b/public_html/layout/default/images/logo2.png
new file mode 100644
index 000000000..8c9ffd40d
Binary files /dev/null and b/public_html/layout/default/images/logo2.png differ
diff --git a/public_html/layout/default/images/logomark.png b/public_html/layout/default/images/logomark.png
new file mode 100644
index 000000000..91f5d7432
Binary files /dev/null and b/public_html/layout/default/images/logomark.png differ
diff --git a/public_html/layout/default/images/logomark.svg b/public_html/layout/default/images/logomark.svg
new file mode 100644
index 000000000..822a81337
--- /dev/null
+++ b/public_html/layout/default/images/logomark.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_svg "http://www.w3.org/2000/svg">
+	<!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
+]>
+<svg  version="1.1" id="layer_1" xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" width="172.462" height="64.705"
+	 viewBox="0 0 172.462 64.705" overflow="visible" enable-background="new 0 0 172.462 64.705" xml:space="preserve">
+<path fill="#273A96" d="M81.492,32.492c1.9,0,2.89-0.5,2.89-2.61c0-5.21-3.77-10.16-9.64-10.16c-6.1,0-10.41,5.07-10.41,10.81
+	c0,6.02,4,10.81,10.41,10.81c4.5,0,9.34-1.91,9.34-4.83c0-1.53-1.15-2.57-2.48-2.57c-1.37,0-3.17,1.88-6.1,1.88
+	c-3.81,0-4.77-2.07-4.77-3.33H81.492z M70.732,28.393c0-1.34,1.53-3.6,3.85-3.6c2.33,0,3.85,2.26,3.85,3.6H70.732z"/>
+<path fill="#273A96" d="M101.922,32.492c1.91,0,2.9-0.5,2.9-2.61c0-5.21-3.77-10.16-9.65-10.16c-6.1,0-10.4,5.07-10.4,10.81
+	c0,6.02,4,10.81,10.4,10.81c4.5,0,9.34-1.91,9.34-4.83c0-1.53-1.14-2.57-2.47-2.57c-1.38,0-3.17,1.88-6.1,1.88
+	c-3.82,0-4.77-2.07-4.77-3.33H101.922z M91.172,28.393c0-1.34,1.52-3.6,3.85-3.6s3.85,2.26,3.85,3.6H91.172z"/>
+<path fill="#273A96" d="M106.192,14.322c0-1.72,1.23-3.1,2.98-3.1s2.97,1.38,2.97,3.1v12.73l4.84-4.87
+	c1.03-1.04,1.91-2.07,3.36-2.07c1.75,0,2.9,1.3,2.9,2.76c0,1.07-0.69,1.76-2.1,3.14l-3.2,3.18l4.99,6.36
+	c0.61,0.77,1.41,1.77,1.41,2.65c0,1.15-0.87,2.76-2.93,2.76c-1.38,0-1.99-0.42-3.24-2.03l-5.95-7.82h-0.08v6.75
+	c0,1.72-1.22,3.1-2.97,3.1s-2.98-1.38-2.98-3.1V14.322z"/>
+<path fill="#273A96" d="M124.652,14.322c0-1.72,1.22-3.1,2.98-3.1c1.75,0,2.97,1.38,2.97,3.1v23.54c0,1.72-1.22,3.1-2.97,3.1
+	c-1.76,0-2.98-1.38-2.98-3.1V14.322z"/>
+<path fill="#273A96" d="M141.813,19.723c-6.03,0-10.03,4.8-10.03,10.81c0,6.02,4,10.81,10.03,10.81c6.02,0,10.02-4.79,10.02-10.81
+	C151.833,24.522,147.833,19.723,141.813,19.723z M141.813,25.473c2.63,0,4.08,2.3,4.08,5.06c0,2.76-1.45,5.06-4.08,5.06
+	s-4.08-2.3-4.08-5.06C137.732,27.772,139.183,25.473,141.813,25.473z"/>
+<path fill="#273A96" d="M172.462,23.212c0-1.72-1.22-3.1-2.97-3.1c-1.45,0-2.36,1-2.79,1.91c-1.33-1.64-2.85-2.3-5.11-2.3
+	c-5.18,0-9.18,4.8-9.18,10.81c0,5.41,2.86,10.43,8.62,10.43c1.97,0,4.11-0.46,5.41-2.3h0.07c0,3.33-1.25,5.29-4.95,5.29
+	c-3.47,0-4.58-1.77-6.29-1.77c-1.18,0-2.48,1.27-2.48,2.61c0,3.26,5.79,4.45,8.88,4.45c5.83,0,10.79-2.88,10.79-10.5V23.212z
+	 M166.512,30.532c0,2.92-1.45,5.14-4.07,5.14c-2.64,0-4.09-2.22-4.09-5.14c0-2.76,1.45-5.06,4.09-5.06
+	C165.063,25.473,166.512,27.772,166.512,30.532z"/>
+<g>
+	<path fill="#FFFFFF" stroke="#000000" stroke-width="2.3046" stroke-linecap="round" stroke-linejoin="round" d="M33.842,2.083
+		c0,0-24.81,15.48-32.69,24.73c0,0,11.59,13.86,16.92,20.56c5.34,6.7,9.51,12.48,9.51,12.48l26.89-12.71
+		C54.472,47.143,41.492,8.092,33.842,2.083z"/>
+	<path fill="#FFFFFF" stroke="#000000" stroke-width="2.3046" stroke-linecap="round" stroke-linejoin="round" d="M49.603,1.152
+		c0,0-19.71,4.39-27.35,7.86c-7.65,3.47-15.07,7.4-15.07,7.4s8.81,17.1,12.05,27.03c3.25,9.94,7.19,20.11,7.19,20.11
+		s29.21-9.48,38.48-11.09C64.902,52.462,53.772,9.703,49.603,1.152z"/>
+	<path fill="#273A96" d="M47.752,10.862c0,0-21.1,4.39-32.46,10.63l11.59,34.2c0,0,28.75-7.39,31.76-9.01
+		C58.643,46.683,53.083,18.953,47.752,10.862z"/>
+	<path fill="#FFFFFF" d="M48.992,27.413c2.56-0.49,4.21,0.7,4.81,3.75c1.69,8.69-2.75,16.54-11.79,18.29
+		c-10.23,1.99-17.47-4.55-19.28-13.83c-1.92-9.83,3.5-18.25,12.68-20.03c6.12-1.19,13.1,0.11,13.98,4.66
+		c0.36,1.82-0.67,3.34-2.73,3.74c-2.69,0.52-4.62-2.6-9.6-1.64c-5.16,1-7.49,6.09-6.39,11.73c0.98,5.01,4.44,9.63,10.19,8.52
+		c3.88-0.76,6.09-3.79,5.72-7.64l-4.25,0.83c-2.33,0.45-3.96-0.65-4.36-2.7c-0.42-2.14,0.7-3.68,3.03-4.13L48.992,27.413z"/>
+	<path fill="#BABFC0" stroke="#000000" stroke-width="2.3046" stroke-linecap="round" stroke-linejoin="round" d="M59.702,33.242
+		c0.74-0.53,1.51-1.22,2.12-2.09c1.75-2.44,0.92-5.19,0.92-5.19c-0.66-2.06-3.37-3.41-5.43-2.75l-17.26,5.56
+		c-2.06,0.66-3.19,2.87-2.52,4.92s2.87,3.18,4.93,2.51l8.9-2.87c0.34-0.1,0.16-0.47,0.16-0.47l-0.51-1.56
+		c-0.15-0.45-0.41-0.3-0.41-0.3l-8.76,2.82c-0.76,0.25-1.58-0.17-1.82-0.93c-0.25-0.76,0.17-1.58,0.93-1.83l16.45-5.31
+		c0.76-0.25,2.29,0.17,2.54,0.93c0,0,1.02,1.85-1.03,3.57L59.702,33.242z"/>
+</g>
+</svg>
diff --git a/public_html/layout/default/images/mail.png b/public_html/layout/default/images/mail.png
new file mode 100644
index 000000000..de0199b46
Binary files /dev/null and b/public_html/layout/default/images/mail.png differ
diff --git a/public_html/layout/default/images/person.png b/public_html/layout/default/images/person.png
new file mode 100644
index 000000000..28d3c8d91
Binary files /dev/null and b/public_html/layout/default/images/person.png differ
diff --git a/public_html/layout/default/images/print.png b/public_html/layout/default/images/print.png
new file mode 100644
index 000000000..12a4e39dd
Binary files /dev/null and b/public_html/layout/default/images/print.png differ
diff --git a/public_html/layout/default/images/search.png b/public_html/layout/default/images/search.png
new file mode 100644
index 000000000..0f0e9d1e9
Binary files /dev/null and b/public_html/layout/default/images/search.png differ
diff --git a/public_html/layout/default/images/sendping.png b/public_html/layout/default/images/sendping.png
new file mode 100644
index 000000000..58f19c68b
Binary files /dev/null and b/public_html/layout/default/images/sendping.png differ
diff --git a/public_html/layout/default/images/smallcamera.png b/public_html/layout/default/images/smallcamera.png
new file mode 100644
index 000000000..82f4717d2
Binary files /dev/null and b/public_html/layout/default/images/smallcamera.png differ
diff --git a/public_html/layout/default/images/success.png b/public_html/layout/default/images/success.png
new file mode 100644
index 000000000..0985e517e
Binary files /dev/null and b/public_html/layout/default/images/success.png differ
diff --git a/public_html/layout/default/images/sysmessage.png b/public_html/layout/default/images/sysmessage.png
new file mode 100644
index 000000000..d6047e606
Binary files /dev/null and b/public_html/layout/default/images/sysmessage.png differ
diff --git a/public_html/layout/default/images/tooltips/critical.png b/public_html/layout/default/images/tooltips/critical.png
new file mode 100644
index 000000000..f9b5940fd
Binary files /dev/null and b/public_html/layout/default/images/tooltips/critical.png differ
diff --git a/public_html/layout/default/images/tooltips/help.png b/public_html/layout/default/images/tooltips/help.png
new file mode 100644
index 000000000..33e163a86
Binary files /dev/null and b/public_html/layout/default/images/tooltips/help.png differ
diff --git a/public_html/layout/default/images/tooltips/tooltip.png b/public_html/layout/default/images/tooltips/tooltip.png
new file mode 100644
index 000000000..658ed5105
Binary files /dev/null and b/public_html/layout/default/images/tooltips/tooltip.png differ
diff --git a/public_html/layout/default/images/tooltips/warning.png b/public_html/layout/default/images/tooltips/warning.png
new file mode 100644
index 000000000..76d314470
Binary files /dev/null and b/public_html/layout/default/images/tooltips/warning.png differ
diff --git a/public_html/layout/default/images/unavailable.png b/public_html/layout/default/images/unavailable.png
new file mode 100644
index 000000000..68fd622b9
Binary files /dev/null and b/public_html/layout/default/images/unavailable.png differ
diff --git a/public_html/layout/default/images/update.png b/public_html/layout/default/images/update.png
new file mode 100644
index 000000000..ab8d494bb
Binary files /dev/null and b/public_html/layout/default/images/update.png differ
diff --git a/public_html/layout/default/images/warning.png b/public_html/layout/default/images/warning.png
new file mode 100644
index 000000000..304fd8655
Binary files /dev/null and b/public_html/layout/default/images/warning.png differ
diff --git a/public_html/layout/default/javascript/index.html b/public_html/layout/default/javascript/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/javascript/jquery.cookie.js b/public_html/layout/default/javascript/jquery.cookie.js
new file mode 100644
index 000000000..1466af39b
--- /dev/null
+++ b/public_html/layout/default/javascript/jquery.cookie.js
@@ -0,0 +1,114 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2006, 2014 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD (Register as an anonymous module)
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object') {
+		// Node/CommonJS
+		module.exports = factory(require('jquery'));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return config.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+
+		if (arguments.length > 1 && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {},
+			// To prevent the for loop in the first place assign an empty array
+			// in case there are no cookies at all. Also prevents odd result when
+			// calling $.cookie().
+			cookies = document.cookie ? document.cookie.split('; ') : [],
+			i = 0,
+			l = cookies.length;
+
+		for (; i < l; i++) {
+			var parts = cookies[i].split('='),
+				name = decode(parts.shift()),
+				cookie = parts.join('=');
+
+			if (key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		// Must not alter options, thus extending a fresh object...
+		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+		return !$.cookie(key);
+	};
+
+}));
\ No newline at end of file
diff --git a/public_html/layout/default/javascript/respond.min.js b/public_html/layout/default/javascript/respond.min.js
new file mode 100644
index 000000000..21437ba0b
--- /dev/null
+++ b/public_html/layout/default/javascript/respond.min.js
@@ -0,0 +1,6 @@
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+window.matchMedia=window.matchMedia||(function(e,f){var c,a=e.documentElement,b=a.firstElementChild||a.firstChild,d=e.createElement("body"),g=e.createElement("div");g.id="mq-test-1";g.style.cssText="position:absolute;top:-100em";d.style.background="none";d.appendChild(g);return function(h){g.innerHTML='&shy;<style media="'+h+'"> #mq-test-1 { width: 42px; }</style>';a.insertBefore(d,b);c=g.offsetWidth==42;a.removeChild(d);return{matches:c,media:h}}})(document);
+
+/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs  */
+(function(e){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=e.matchMedia&&e.matchMedia("only all").matches;if(respond.mediaQueriesSupported){return}var w=e.document,s=w.documentElement,i=[],k=[],q=[],o={},h=30,f=w.getElementsByTagName("head")[0]||s,g=w.getElementsByTagName("base")[0],b=f.getElementsByTagName("link"),d=[],a=function(){var D=b,y=D.length,B=0,A,z,C,x;for(;B<y;B++){A=D[B],z=A.href,C=A.media,x=A.rel&&A.rel.toLowerCase()==="stylesheet";if(!!z&&x&&!o[z]){if(A.styleSheet&&A.styleSheet.rawCssText){m(A.styleSheet.rawCssText,z,C);o[z]=true}else{if((!/^([a-zA-Z:]*\/\/)/.test(z)&&!g)||z.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:z,media:C})}}}}u()},u=function(){if(d.length){var x=d.shift();n(x.href,function(y){m(y,x.href,x.media);o[x.href]=true;u()})}},m=function(I,x,z){var G=I.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),J=G&&G.length||0,x=x.substring(0,x.lastIndexOf("/")),y=function(K){return K.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+x+"$2$3")},A=!J&&z,D=0,C,E,F,B,H;if(x.length){x+="/"}if(A){J=1}for(;D<J;D++){C=0;if(A){E=z;k.push(y(I))}else{E=G[D].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&y(RegExp.$2))}B=E.split(",");H=B.length;for(;C<H;C++){F=B[C];i.push({media:F.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:k.length-1,hasquery:F.indexOf("(")>-1,minw:F.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:F.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}}j()},l,r,v=function(){var z,A=w.createElement("div"),x=w.body,y=false;A.style.cssText="position:absolute;font-size:1em;width:1em";if(!x){x=y=w.createElement("body");x.style.background="none"}x.appendChild(A);s.insertBefore(x,s.firstChild);z=A.offsetWidth;if(y){s.removeChild(x)}else{x.removeChild(A)}z=p=parseFloat(z);return z},p,j=function(I){var x="clientWidth",B=s[x],H=w.compatMode==="CSS1Compat"&&B||w.body[x]||B,D={},G=b[b.length-1],z=(new Date()).getTime();if(I&&l&&z-l<h){clearTimeout(r);r=setTimeout(j,h);return}else{l=z}for(var E in i){var K=i[E],C=K.minw,J=K.maxw,A=C===null,L=J===null,y="em";if(!!C){C=parseFloat(C)*(C.indexOf(y)>-1?(p||v()):1)}if(!!J){J=parseFloat(J)*(J.indexOf(y)>-1?(p||v()):1)}if(!K.hasquery||(!A||!L)&&(A||H>=C)&&(L||H<=J)){if(!D[K.media]){D[K.media]=[]}D[K.media].push(k[K.rules])}}for(var E in q){if(q[E]&&q[E].parentNode===f){f.removeChild(q[E])}}for(var E in D){var M=w.createElement("style"),F=D[E].join("\n");M.type="text/css";M.media=E;f.insertBefore(M,G.nextSibling);if(M.styleSheet){M.styleSheet.cssText=F}else{M.appendChild(w.createTextNode(F))}q.push(M)}},n=function(x,z){var y=c();if(!y){return}y.open("GET",x,true);y.onreadystatechange=function(){if(y.readyState!=4||y.status!=200&&y.status!=304){return}z(y.responseText)};if(y.readyState==4){return}y.send(null)},c=(function(){var x=false;try{x=new XMLHttpRequest()}catch(y){x=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return x}})();a();respond.update=a;function t(){j(true)}if(e.addEventListener){e.addEventListener("resize",t,false)}else{if(e.attachEvent){e.attachEvent("onresize",t)}}})(this);
\ No newline at end of file
diff --git a/public_html/layout/default/javascript/script.js b/public_html/layout/default/javascript/script.js
new file mode 100644
index 000000000..c6823f3b6
--- /dev/null
+++ b/public_html/layout/default/javascript/script.js
@@ -0,0 +1,36 @@
+
+function FixHTML(leftblocksID, centerblocksID, rightblocksID) {
+    var ua = navigator.userAgent.toLowerCase();
+    var is_old_ie = (ua.indexOf("msie") != -1) && (ua.indexOf("msie 8") == -1) &&
+                    (ua.indexOf("msie 9") == -1) && (ua.indexOf("msie 10") == -1) &&
+                    (ua.indexOf("opera") == -1);
+    // Set class attribute name
+    // 'class'     for Gecko, Opera, Safari, IE9 and other
+    // 'className' for IE8, IE7, IE6
+    var classattr = is_old_ie ? 'className' : 'class';
+
+    if (document.body.getAttribute(classattr) != 'js_off') return;
+
+    var leftblocks   = document.getElementById(leftblocksID);
+    var centerblocks = document.getElementById(centerblocksID);
+    var rightblocks  = document.getElementById(rightblocksID);
+
+    // Check HTML id attribute
+    var classValue = 'left-center-right';
+    if (leftblocks  && centerblocks && !rightblocks) classValue = 'left-center';
+    if (!leftblocks && centerblocks && rightblocks ) classValue = 'center-right';
+    if (!leftblocks && centerblocks && !rightblocks) classValue = 'center';
+
+    // Set body class attribute by HTML structure
+    document.body.setAttribute(classattr, classValue);
+}
+
+
+function delconfirm() {
+    return confirm("Delete this?");
+}
+
+function postconfirm() {
+    return confirm("Send this?");
+}
+
diff --git a/public_html/layout/default/javascript/theme.js b/public_html/layout/default/javascript/theme.js
new file mode 100644
index 000000000..152dbd0fb
--- /dev/null
+++ b/public_html/layout/default/javascript/theme.js
@@ -0,0 +1,11 @@
+
+$(function(){
+    $("input[ type=text ]").change(function() {
+        $(window).on('beforeunload', function() {
+            return 'Form is not completed. Are you leave?';
+        });
+    });
+    $("input[ type=submit ]").click(function() {
+        $(window).off('beforeunload');
+    });
+});
diff --git a/public_html/layout/default/jquery_ui/images/index.html b/public_html/layout/default/jquery_ui/images/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/jquery_ui/images/ui-bg_flat_0_aaaaaa_40x100.png b/public_html/layout/default/jquery_ui/images/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100644
index 000000000..da2bb7cd9
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-bg_flat_0_aaaaaa_40x100.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-bg_flat_55_fbec88_40x100.png b/public_html/layout/default/jquery_ui/images/ui-bg_flat_55_fbec88_40x100.png
new file mode 100644
index 000000000..bdce5733e
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-bg_flat_55_fbec88_40x100.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-bg_glass_75_d0e5f5_1x400.png b/public_html/layout/default/jquery_ui/images/ui-bg_glass_75_d0e5f5_1x400.png
new file mode 100644
index 000000000..c0c9cb781
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-bg_glass_75_d0e5f5_1x400.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-bg_glass_85_dfeffc_1x400.png b/public_html/layout/default/jquery_ui/images/ui-bg_glass_85_dfeffc_1x400.png
new file mode 100644
index 000000000..b2b2634ce
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-bg_glass_85_dfeffc_1x400.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-bg_glass_95_fef1ec_1x400.png b/public_html/layout/default/jquery_ui/images/ui-bg_glass_95_fef1ec_1x400.png
new file mode 100644
index 000000000..8c570aa63
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-bg_glass_95_fef1ec_1x400.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png b/public_html/layout/default/jquery_ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png
new file mode 100644
index 000000000..44a0fffcf
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png b/public_html/layout/default/jquery_ui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png
new file mode 100644
index 000000000..9aa43667a
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png b/public_html/layout/default/jquery_ui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png
new file mode 100644
index 000000000..c8e313b73
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-icons_217bc0_256x240.png b/public_html/layout/default/jquery_ui/images/ui-icons_217bc0_256x240.png
new file mode 100644
index 000000000..6f810c703
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-icons_217bc0_256x240.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-icons_2e83ff_256x240.png b/public_html/layout/default/jquery_ui/images/ui-icons_2e83ff_256x240.png
new file mode 100644
index 000000000..429489e65
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-icons_2e83ff_256x240.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-icons_469bdd_256x240.png b/public_html/layout/default/jquery_ui/images/ui-icons_469bdd_256x240.png
new file mode 100644
index 000000000..b8b1daa63
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-icons_469bdd_256x240.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-icons_6da8d5_256x240.png b/public_html/layout/default/jquery_ui/images/ui-icons_6da8d5_256x240.png
new file mode 100644
index 000000000..912b64a4f
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-icons_6da8d5_256x240.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-icons_cd0a0a_256x240.png b/public_html/layout/default/jquery_ui/images/ui-icons_cd0a0a_256x240.png
new file mode 100644
index 000000000..f51e31d38
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-icons_cd0a0a_256x240.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-icons_d8e7f3_256x240.png b/public_html/layout/default/jquery_ui/images/ui-icons_d8e7f3_256x240.png
new file mode 100644
index 000000000..f5531a044
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-icons_d8e7f3_256x240.png differ
diff --git a/public_html/layout/default/jquery_ui/images/ui-icons_f9bd01_256x240.png b/public_html/layout/default/jquery_ui/images/ui-icons_f9bd01_256x240.png
new file mode 100644
index 000000000..c87e6b1fe
Binary files /dev/null and b/public_html/layout/default/jquery_ui/images/ui-icons_f9bd01_256x240.png differ
diff --git a/public_html/layout/default/jquery_ui/index.html b/public_html/layout/default/jquery_ui/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/jquery_ui/jquery-ui.css b/public_html/layout/default/jquery_ui/jquery-ui.css
new file mode 100644
index 000000000..ca7d723b3
--- /dev/null
+++ b/public_html/layout/default/jquery_ui/jquery-ui.css
@@ -0,0 +1,1225 @@
+/*! jQuery UI - v1.11.4 - 2015-09-18
+* http://jqueryui.com
+* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+    display: none;
+}
+.ui-helper-hidden-accessible {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+.ui-helper-reset {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    line-height: 1.3;
+    text-decoration: none;
+    font-size: 100%;
+    list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+    content: "";
+    display: table;
+    border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+    clear: both;
+}
+.ui-helper-clearfix {
+    min-height: 0; /* support: IE7 */
+}
+.ui-helper-zfix {
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    opacity: 0;
+    filter:Alpha(Opacity=0); /* support: IE8 */
+}
+
+.ui-front {
+    z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+    cursor: default !important;
+}
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+    display: block;
+    text-indent: -99999px;
+    overflow: hidden;
+    background-repeat: no-repeat;
+}
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.ui-draggable-handle {
+    -ms-touch-action: none;
+    touch-action: none;
+}
+.ui-resizable {
+    position: relative;
+}
+.ui-resizable-handle {
+    position: absolute;
+    font-size: 0.1px;
+    display: block;
+    -ms-touch-action: none;
+    touch-action: none;
+}
+.ui-resizable-disabled .ui-resizable-handle,
+.ui-resizable-autohide .ui-resizable-handle {
+    display: none;
+}
+.ui-resizable-n {
+    cursor: n-resize;
+    height: 7px;
+    width: 100%;
+    top: -5px;
+    left: 0;
+}
+.ui-resizable-s {
+    cursor: s-resize;
+    height: 7px;
+    width: 100%;
+    bottom: -5px;
+    left: 0;
+}
+.ui-resizable-e {
+    cursor: e-resize;
+    width: 7px;
+    right: -5px;
+    top: 0;
+    height: 100%;
+}
+.ui-resizable-w {
+    cursor: w-resize;
+    width: 7px;
+    left: -5px;
+    top: 0;
+    height: 100%;
+}
+.ui-resizable-se {
+    cursor: se-resize;
+    width: 12px;
+    height: 12px;
+    right: 1px;
+    bottom: 1px;
+}
+.ui-resizable-sw {
+    cursor: sw-resize;
+    width: 9px;
+    height: 9px;
+    left: -5px;
+    bottom: -5px;
+}
+.ui-resizable-nw {
+    cursor: nw-resize;
+    width: 9px;
+    height: 9px;
+    left: -5px;
+    top: -5px;
+}
+.ui-resizable-ne {
+    cursor: ne-resize;
+    width: 9px;
+    height: 9px;
+    right: -5px;
+    top: -5px;
+}
+.ui-selectable {
+    -ms-touch-action: none;
+    touch-action: none;
+}
+.ui-selectable-helper {
+    position: absolute;
+    z-index: 100;
+    border: 1px dotted black;
+}
+.ui-sortable-handle {
+    -ms-touch-action: none;
+    touch-action: none;
+}
+.ui-accordion .ui-accordion-header {
+    display: block;
+    cursor: pointer;
+    position: relative;
+    margin: 2px 0 0 0;
+    padding: .5em .5em .5em .7em;
+    min-height: 0; /* support: IE7 */
+    font-size: 100%;
+}
+.ui-accordion .ui-accordion-icons {
+    padding-left: 2.2em;
+}
+.ui-accordion .ui-accordion-icons .ui-accordion-icons {
+    padding-left: 2.2em;
+}
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
+    position: absolute;
+    left: .5em;
+    top: 50%;
+    margin-top: -8px;
+}
+.ui-accordion .ui-accordion-content {
+    padding: 1em 2.2em;
+    border-top: 0;
+    overflow: auto;
+}
+.ui-autocomplete {
+    position: absolute;
+    top: 0;
+    left: 0;
+    cursor: default;
+}
+.ui-button {
+    display: inline-block;
+    position: relative;
+    padding: 0;
+    line-height: normal;
+    margin-right: .1em;
+    cursor: pointer;
+    vertical-align: middle;
+    text-align: center;
+    overflow: visible; /* removes extra width in IE */
+}
+.ui-button,
+.ui-button:link,
+.ui-button:visited,
+.ui-button:hover,
+.ui-button:active {
+    text-decoration: none;
+}
+/* to make room for the icon, a width needs to be set here */
+.ui-button-icon-only {
+    width: 2.2em;
+}
+/* button elements seem to need a little more width */
+button.ui-button-icon-only {
+    width: 2.4em;
+}
+.ui-button-icons-only {
+    width: 3.4em;
+}
+button.ui-button-icons-only {
+    width: 3.7em;
+}
+
+/* button text element */
+.ui-button .ui-button-text {
+    display: block;
+    line-height: normal;
+}
+.ui-button-text-only .ui-button-text {
+    padding: .4em 1em;
+}
+.ui-button-icon-only .ui-button-text,
+.ui-button-icons-only .ui-button-text {
+    padding: .4em;
+    text-indent: -9999999px;
+}
+.ui-button-text-icon-primary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+    padding: .4em 1em .4em 2.1em;
+}
+.ui-button-text-icon-secondary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+    padding: .4em 2.1em .4em 1em;
+}
+.ui-button-text-icons .ui-button-text {
+    padding-left: 2.1em;
+    padding-right: 2.1em;
+}
+/* no icon support for input elements, provide padding by default */
+input.ui-button {
+    padding: .4em 1em;
+}
+
+/* button icon element(s) */
+.ui-button-icon-only .ui-icon,
+.ui-button-text-icon-primary .ui-icon,
+.ui-button-text-icon-secondary .ui-icon,
+.ui-button-text-icons .ui-icon,
+.ui-button-icons-only .ui-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -8px;
+}
+.ui-button-icon-only .ui-icon {
+    left: 50%;
+    margin-left: -8px;
+}
+.ui-button-text-icon-primary .ui-button-icon-primary,
+.ui-button-text-icons .ui-button-icon-primary,
+.ui-button-icons-only .ui-button-icon-primary {
+    left: .5em;
+}
+.ui-button-text-icon-secondary .ui-button-icon-secondary,
+.ui-button-text-icons .ui-button-icon-secondary,
+.ui-button-icons-only .ui-button-icon-secondary {
+    right: .5em;
+}
+
+/* button sets */
+.ui-buttonset {
+    margin-right: 7px;
+}
+.ui-buttonset .ui-button {
+    margin-left: 0;
+    margin-right: -.3em;
+}
+
+/* workarounds */
+/* reset extra padding in Firefox, see h5bp.com/l */
+input.ui-button::-moz-focus-inner,
+button.ui-button::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+.ui-datepicker {
+    width: 17em;
+    padding: .2em .2em 0;
+    display: none;
+}
+.ui-datepicker .ui-datepicker-header {
+    position: relative;
+    padding: .2em 0;
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+    position: absolute;
+    top: 2px;
+    width: 1.8em;
+    height: 1.8em;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+    top: 1px;
+}
+.ui-datepicker .ui-datepicker-prev {
+    left: 2px;
+}
+.ui-datepicker .ui-datepicker-next {
+    right: 2px;
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+    left: 1px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+    right: 1px;
+}
+.ui-datepicker .ui-datepicker-prev span,
+.ui-datepicker .ui-datepicker-next span {
+    display: block;
+    position: absolute;
+    left: 50%;
+    margin-left: -8px;
+    top: 50%;
+    margin-top: -8px;
+}
+.ui-datepicker .ui-datepicker-title {
+    margin: 0 2.3em;
+    line-height: 1.8em;
+    text-align: center;
+}
+.ui-datepicker .ui-datepicker-title select {
+    font-size: 1em;
+    margin: 1px 0;
+}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+    width: 45%;
+}
+.ui-datepicker table {
+    width: 100%;
+    font-size: .9em;
+    border-collapse: collapse;
+    margin: 0 0 .4em;
+}
+.ui-datepicker th {
+    padding: .7em .3em;
+    text-align: center;
+    font-weight: bold;
+    border: 0;
+}
+.ui-datepicker td {
+    border: 0;
+    padding: 1px;
+}
+.ui-datepicker td span,
+.ui-datepicker td a {
+    display: block;
+    padding: .2em;
+    text-align: right;
+    text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-buttonpane {
+    background-image: none;
+    margin: .7em 0 0 0;
+    padding: 0 .2em;
+    border-left: 0;
+    border-right: 0;
+    border-bottom: 0;
+}
+.ui-datepicker .ui-datepicker-buttonpane button {
+    float: right;
+    margin: .5em .2em .4em;
+    cursor: pointer;
+    padding: .2em .6em .3em .6em;
+    width: auto;
+    overflow: visible;
+}
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+    float: left;
+}
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi {
+    width: auto;
+}
+.ui-datepicker-multi .ui-datepicker-group {
+    float: left;
+}
+.ui-datepicker-multi .ui-datepicker-group table {
+    width: 95%;
+    margin: 0 auto .4em;
+}
+.ui-datepicker-multi-2 .ui-datepicker-group {
+    width: 50%;
+}
+.ui-datepicker-multi-3 .ui-datepicker-group {
+    width: 33.3%;
+}
+.ui-datepicker-multi-4 .ui-datepicker-group {
+    width: 25%;
+}
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+    border-left-width: 0;
+}
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+    clear: left;
+}
+.ui-datepicker-row-break {
+    clear: both;
+    width: 100%;
+    font-size: 0;
+}
+
+/* RTL support */
+.ui-datepicker-rtl {
+    direction: rtl;
+}
+.ui-datepicker-rtl .ui-datepicker-prev {
+    right: 2px;
+    left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next {
+    left: 2px;
+    right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-prev:hover {
+    right: 1px;
+    left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next:hover {
+    left: 1px;
+    right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane {
+    clear: right;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button {
+    float: left;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
+.ui-datepicker-rtl .ui-datepicker-group {
+    float: right;
+}
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+    border-right-width: 0;
+    border-left-width: 1px;
+}
+.ui-dialog {
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: .2em;
+    outline: 0;
+}
+.ui-dialog .ui-dialog-titlebar {
+    padding: .4em 1em;
+    position: relative;
+}
+.ui-dialog .ui-dialog-title {
+    float: left;
+    margin: .1em 0;
+    white-space: nowrap;
+    width: 90%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.ui-dialog .ui-dialog-titlebar-close {
+    position: absolute;
+    right: .3em;
+    top: 50%;
+    width: 20px;
+    margin: -10px 0 0 0;
+    padding: 1px;
+    height: 20px;
+}
+.ui-dialog .ui-dialog-content {
+    position: relative;
+    border: 0;
+    padding: .5em 1em;
+    background: none;
+    overflow: auto;
+}
+.ui-dialog .ui-dialog-buttonpane {
+    text-align: left;
+    border-width: 1px 0 0 0;
+    background-image: none;
+    margin-top: .5em;
+    padding: .3em 1em .5em .4em;
+}
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+    float: right;
+}
+.ui-dialog .ui-dialog-buttonpane button {
+    margin: .5em .4em .5em 0;
+    cursor: pointer;
+}
+.ui-dialog .ui-resizable-se {
+    width: 12px;
+    height: 12px;
+    right: -5px;
+    bottom: -5px;
+    background-position: 16px 16px;
+}
+.ui-draggable .ui-dialog-titlebar {
+    cursor: move;
+}
+.ui-menu {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: block;
+    outline: none;
+}
+.ui-menu .ui-menu {
+    position: absolute;
+}
+.ui-menu .ui-menu-item {
+    position: relative;
+    margin: 0;
+    padding: 3px 1em 3px .4em;
+    cursor: pointer;
+    min-height: 0; /* support: IE7 */
+    /* support: IE10, see #8844 */
+    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+}
+.ui-menu .ui-menu-divider {
+    margin: 5px 0;
+    height: 0;
+    font-size: 0;
+    line-height: 0;
+    border-width: 1px 0 0 0;
+}
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
+    margin: -1px;
+}
+
+/* icon support */
+.ui-menu-icons {
+    position: relative;
+}
+.ui-menu-icons .ui-menu-item {
+    padding-left: 2em;
+}
+
+/* left-aligned */
+.ui-menu .ui-icon {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: .2em;
+    margin: auto 0;
+}
+
+/* right-aligned */
+.ui-menu .ui-menu-icon {
+    left: auto;
+    right: 0;
+}
+.ui-progressbar {
+    height: 2em;
+    text-align: left;
+    overflow: hidden;
+}
+.ui-progressbar .ui-progressbar-value {
+    margin: -1px;
+    height: 100%;
+}
+.ui-progressbar .ui-progressbar-overlay {
+    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
+    height: 100%;
+    filter: alpha(opacity=25); /* support: IE8 */
+    opacity: 0.25;
+}
+.ui-progressbar-indeterminate .ui-progressbar-value {
+    background-image: none;
+}
+.ui-selectmenu-menu {
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: none;
+}
+.ui-selectmenu-menu .ui-menu {
+    overflow: auto;
+    /* Support: IE7 */
+    overflow-x: hidden;
+    padding-bottom: 1px;
+}
+.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
+    font-size: 1em;
+    font-weight: bold;
+    line-height: 1.5;
+    padding: 2px 0.4em;
+    margin: 0.5em 0 0 0;
+    height: auto;
+    border: 0;
+}
+.ui-selectmenu-open {
+    display: block;
+}
+.ui-selectmenu-button {
+    display: inline-block;
+    overflow: hidden;
+    position: relative;
+    text-decoration: none;
+    cursor: pointer;
+}
+.ui-selectmenu-button span.ui-icon {
+    right: 0.5em;
+    left: auto;
+    margin-top: -8px;
+    position: absolute;
+    top: 50%;
+}
+.ui-selectmenu-button span.ui-selectmenu-text {
+    text-align: left;
+    padding: 0.4em 2.1em 0.4em 1em;
+    display: block;
+    line-height: 1.4;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.ui-slider {
+    position: relative;
+    text-align: left;
+}
+.ui-slider .ui-slider-handle {
+    position: absolute;
+    z-index: 2;
+    width: 1.2em;
+    height: 1.2em;
+    cursor: default;
+    -ms-touch-action: none;
+    touch-action: none;
+}
+.ui-slider .ui-slider-range {
+    position: absolute;
+    z-index: 1;
+    font-size: .7em;
+    display: block;
+    border: 0;
+    background-position: 0 0;
+}
+
+/* support: IE8 - See #6727 */
+.ui-slider.ui-state-disabled .ui-slider-handle,
+.ui-slider.ui-state-disabled .ui-slider-range {
+    filter: inherit;
+}
+
+.ui-slider-horizontal {
+    height: .8em;
+}
+.ui-slider-horizontal .ui-slider-handle {
+    top: -.3em;
+    margin-left: -.6em;
+}
+.ui-slider-horizontal .ui-slider-range {
+    top: 0;
+    height: 100%;
+}
+.ui-slider-horizontal .ui-slider-range-min {
+    left: 0;
+}
+.ui-slider-horizontal .ui-slider-range-max {
+    right: 0;
+}
+
+.ui-slider-vertical {
+    width: .8em;
+    height: 100px;
+}
+.ui-slider-vertical .ui-slider-handle {
+    left: -.3em;
+    margin-left: 0;
+    margin-bottom: -.6em;
+}
+.ui-slider-vertical .ui-slider-range {
+    left: 0;
+    width: 100%;
+}
+.ui-slider-vertical .ui-slider-range-min {
+    bottom: 0;
+}
+.ui-slider-vertical .ui-slider-range-max {
+    top: 0;
+}
+.ui-spinner {
+    position: relative;
+    display: inline-block;
+    overflow: hidden;
+    padding: 0;
+    vertical-align: middle;
+}
+.ui-spinner-input {
+    border: none;
+    background: none;
+    color: inherit;
+    padding: 0;
+    margin: .2em 0;
+    vertical-align: middle;
+    margin-left: .4em;
+    margin-right: 22px;
+}
+.ui-spinner-button {
+    width: 16px;
+    height: 50%;
+    font-size: .5em;
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    position: absolute;
+    cursor: default;
+    display: block;
+    overflow: hidden;
+    right: 0;
+}
+/* more specificity required here to override default borders */
+.ui-spinner a.ui-spinner-button {
+    border-top: none;
+    border-bottom: none;
+    border-right: none;
+}
+/* vertically center icon */
+.ui-spinner .ui-icon {
+    position: absolute;
+    margin-top: -8px;
+    top: 50%;
+    left: 0;
+}
+.ui-spinner-up {
+    top: 0;
+}
+.ui-spinner-down {
+    bottom: 0;
+}
+
+/* TR overrides */
+.ui-spinner .ui-icon-triangle-1-s {
+    /* need to fix icons sprite */
+    background-position: -65px -16px;
+}
+.ui-tabs {
+    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+    padding: .2em;
+}
+.ui-tabs .ui-tabs-nav {
+    margin: 0;
+    padding: .2em .2em 0;
+}
+.ui-tabs .ui-tabs-nav li {
+    list-style: none;
+    float: left;
+    position: relative;
+    top: 0;
+    margin: 1px .2em 0 0;
+    border-bottom-width: 0;
+    padding: 0;
+    white-space: nowrap;
+}
+.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
+    float: left;
+    padding: .5em 1em;
+    text-decoration: none;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+    margin-bottom: -1px;
+    padding-bottom: 1px;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
+    cursor: text;
+}
+.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
+    cursor: pointer;
+}
+.ui-tabs .ui-tabs-panel {
+    display: block;
+    border-width: 0;
+    padding: 1em 1.4em;
+    background: none;
+}
+.ui-tooltip {
+    padding: 8px;
+    position: absolute;
+    z-index: 9999;
+    max-width: 300px;
+    -webkit-box-shadow: 0 0 5px #aaa;
+    box-shadow: 0 0 5px #aaa;
+}
+body .ui-tooltip {
+    border-width: 2px;
+}
+
+/* Component containers
+----------------------------------*/
+.ui-widget {
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
+    font-size: 1.1em;
+}
+.ui-widget .ui-widget {
+    font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
+    font-size: 1em;
+}
+.ui-widget-content {
+    border: 1px solid #a6c9e2;
+    background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
+    color: #222222;
+}
+.ui-widget-content a {
+    color: #222222;
+}
+.ui-widget-header {
+    border: 1px solid #4297d7;
+    background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
+    color: #ffffff;
+    font-weight: bold;
+}
+.ui-widget-header a {
+    color: #ffffff;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+    border: 1px solid #c5dbec;
+    background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
+    font-weight: bold;
+    color: #2e6e9e;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+    color: #2e6e9e;
+    text-decoration: none;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+    border: 1px solid #79b7e7;
+    background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
+    font-weight: bold;
+    color: #1d5987;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited {
+    color: #1d5987;
+    text-decoration: none;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+    border: 1px solid #79b7e7;
+    background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
+    font-weight: bold;
+    color: #e17009;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+    color: #e17009;
+    text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+    border: 1px solid #fad42e;
+    background: #fbec88 url("images/ui-bg_flat_55_fbec88_40x100.png") 50% 50% repeat-x;
+    color: #363636;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+    color: #363636;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+    border: 1px solid #cd0a0a;
+    background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
+    color: #cd0a0a;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+    color: #cd0a0a;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+    color: #cd0a0a;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+    font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+    opacity: .7;
+    filter:Alpha(Opacity=70); /* support: IE8 */
+    font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+    opacity: .35;
+    filter:Alpha(Opacity=35); /* support: IE8 */
+    background-image: none;
+}
+.ui-state-disabled .ui-icon {
+    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
+}
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+    width: 16px;
+    height: 16px;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+    background-image: url("images/ui-icons_469bdd_256x240.png");
+}
+.ui-widget-header .ui-icon {
+    background-image: url("images/ui-icons_d8e7f3_256x240.png");
+}
+.ui-state-default .ui-icon {
+    background-image: url("images/ui-icons_6da8d5_256x240.png");
+}
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon {
+    background-image: url("images/ui-icons_217bc0_256x240.png");
+}
+.ui-state-active .ui-icon {
+    background-image: url("images/ui-icons_f9bd01_256x240.png");
+}
+.ui-state-highlight .ui-icon {
+    background-image: url("images/ui-icons_2e83ff_256x240.png");
+}
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+    background-image: url("images/ui-icons_cd0a0a_256x240.png");
+}
+
+/* positioning */
+.ui-icon-blank { background-position: 16px 16px; }
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-on { background-position: -96px -144px; }
+.ui-icon-radio-off { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+    border-top-left-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+    border-top-right-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+    border-bottom-left-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+    border-bottom-right-radius: 5px;
+}
+
+/* Overlays */
+.ui-widget-overlay {
+    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
+    opacity: .3;
+    filter: Alpha(Opacity=30); /* support: IE8 */
+}
+.ui-widget-shadow {
+    margin: -8px 0 0 -8px;
+    padding: 8px;
+    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
+    opacity: .3;
+    filter: Alpha(Opacity=30); /* support: IE8 */
+    border-radius: 8px;
+}
diff --git a/public_html/layout/default/jquery_ui/jquery.ui.geeklog.css b/public_html/layout/default/jquery_ui/jquery.ui.geeklog.css
new file mode 100644
index 000000000..51f483ad7
--- /dev/null
+++ b/public_html/layout/default/jquery_ui/jquery.ui.geeklog.css
@@ -0,0 +1,306 @@
+/* Geeklog JQuery UI custom CSS */
+
+/* Tabs
+----------------------------------*/
+.ui-tabs { position: relative; padding: .2em; zoom: 1; margin-bottom: 10px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; outline-style: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
+/* drop down */
+#tabs-dropdown { position: absolute; display: none; list-style: none; padding: 10px 0 5px 0; }
+#tabs-dropdown li, #tabs-dropdown li a { display: block; float: none; }
+#tabs-dropdown li { margin: 0; }
+#tabs-dropdown li a:hover { background-color: #2E6E9E; color: #FFF; }
+
+/* Autocomplete */
+.ui-autocomplete-category {
+    font-weight:bold;
+    padding:.2em .4em;
+    margin:.8em 0 .2em;
+    line-height:1.5;
+}
+
+/* Selected Conf Row */
+.active-config { background: yellow; }
+
+/* Tooltip Balloon */
+#tooltip-container {
+    border:1px solid #83B3D8;
+    -moz-box-shadow:#47708F 0 2px 6px;-webkit-box-shadow:#47708F 0 2px 6px;
+    background:#fff;
+    position:absolute;
+    left:0;
+    top:0;
+    display:none;
+    z-index: 20000;
+}
+
+#tooltip-content {
+    background-color: #FFF;
+    min-width: 175px;
+    min-height: 50px;
+}
+
+.tooltip-block {
+    border-bottom:1px solid #83B3D8;
+    width: 100%;
+}
+.tooltip-title {
+    font-weight: bold;
+    background: #E7E7E7;
+    margin: 0;
+    padding: 2px;
+    
+}
+.tooltip-doc {
+    min-height: 1em;
+    padding: 4px 2px;
+}
+#tooltip-close {
+    display: none;
+}
+
+/* Validation */
+.input_error { border: solid 1px red; }
+.validation_error_block {
+    color: red;
+    font-size: 10px;
+}
+.validation_error_block span {
+    display:block;
+    overflow:hidden;
+    text-indent:-99999px;
+    width: 16px;
+    height: 16px;
+    float:left;
+    margin:0 4px;
+    background: url("images/ui-icons_cd0a0a_256x240.png") 0 -144px;
+}
+.saved_message {
+    margin-bottom:5px;
+    padding:10px 5px 8px 36px;
+    background: #C6F9C9 url("../images/success.png") 10px 50% no-repeat;
+    border: 2px solid #9BD39E;
+    overflow: auto;
+    font-weight: bold;
+    color: #333;
+}
+.error_validation {
+    background: #CF3333 url("../images/error.png") no-repeat 10px 50%;
+    border: 2px solid #990000;
+    color: #FFF;
+}
+.saved_message a {
+    color: #E17009;
+}
+.error_validation a {
+    color: #FFFFBB;
+}
+
+/* jQuery Timepicker Addon (http://trentrichardson.com/examples/timepicker/) */
+.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
+.ui-timepicker-div dl { text-align: left; }
+.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
+.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
+.ui-timepicker-div td { font-size: 90%; }
+.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
+.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
+
+.ui-timepicker-rtl{ direction: rtl; }
+.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
+.ui-timepicker-rtl dl dt{ float: right; clear: right; }
+.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
+
+/* modify for Denim */
+.ui-timepicker-div dl { margin: 0; }
+.ui-timepicker-div dt { font-weight: normal; margin: 0; }
+.ui-timepicker-rtl dl { margin: 0; }
+.ui-timepicker-rtl dt { font-weight: normal; margin: 0; }
+
+
+/*
+* Customize for Geeklog Denim Theme
+*
+*/
+
+/* Component containers
+----------------------------------*/
+
+.ui-widget-header {
+    border: 1px solid #cccccc;
+}
+
+/* Interaction states
+----------------------------------*/
+
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+    border: 1px solid #dddddd;
+    font-weight: normal;
+    color: #555555;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+    color: #555555;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+    border: 1px solid #dddddd;
+    font-weight: normal;
+    color: #555555;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover {
+    color: #555555;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+    border: 1px solid #dddddd;
+    font-weight: normal;
+    color: #111111;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+    color: #111111;
+}
+
+.ui-widget :active {
+    outline: none;
+}
+
+/* Tabs
+----------------------------------*/
+
+.ui-tabs {
+    margin-bottom: 0;
+}
+
+/* Datepicker
+----------------------------------*/
+
+.ui-datepicker {
+    font-size: 1em;
+}
+.ui-datepicker th {
+    background: none;
+    padding: .6em .3em;
+}
+.ui-datepicker-trigger {
+    vertical-align: middle;
+}
+
+/* Autocomplete
+----------------------------------*/
+
+.ui-autocomplete {
+    background: #FFF;
+    border: 1px solid #DDD;
+}
+
+/* Configuration UI
+----------------------------------*/
+
+#geeklog_config_editor .ui-widget-content {
+    border: none;
+    background: none;
+}
+#geeklog_config_editor .ui-widget-header {
+    background: none;
+    border: none;
+    border-bottom: 1px solid #DDD;
+}
+#geeklog_config_editor .ui-tabs .ui-tabs-panel {
+    background: none;
+    border: none;
+    padding: 1em 0 0;
+}
+#geeklog_config_editor #tabs-dropdown .ui-widget-content {
+    background: #FCFDFD;
+    border: 1px solid #A6C9E2;
+}
+#geeklog_config_editor #tabs-dropdown {
+    background: #FFF;
+    border: 1px solid #DDD;
+}
+#geeklog_config_editor .ui-state-default, 
+#geeklog_config_editor .ui-widget-content .ui-state-default, 
+#geeklog_config_editor .ui-widget-header .ui-state-default {
+    background: #F5F5F5;
+}
+#geeklog_config_editor .ui-state-hover, 
+#geeklog_config_editor .ui-widget-content .ui-state-hover, 
+#geeklog_config_editor .ui-widget-header .ui-state-hover, 
+#geeklog_config_editor .ui-state-focus, 
+#geeklog_config_editor .ui-widget-content .ui-state-focus, 
+#geeklog_config_editor .ui-widget-header .ui-state-focus {
+    background: #F5F5F5;
+}
+#geeklog_config_editor .ui-state-active, 
+#geeklog_config_editor .ui-widget-content .ui-state-active, 
+#geeklog_config_editor .ui-widget-header .ui-state-active {
+    background: #FFF;
+}
+
+/* Selected Conf Row */
+.active-config {
+    background: #EEE;
+    border-radius: 4px 4px 4px 4px;
+}
+
+/* Tooltip Balloon */
+#tooltip-container {
+    border:2px solid #83B3D8;
+}
+#tooltip-close {
+    position: absolute;
+    top: 1px;
+    right: 1px;
+    z-index: 20010;
+    display: block;
+    width: 25px;
+    height: 25px;
+    line-height: 25px;
+    font-weight: bold;
+    text-align: center;
+    vertical-align: middle;
+    text-decoration: none;
+}
+#tooltip-close:link,
+#tooltip-close:hover {
+    text-decoration: none;
+}
+
+/* Validation */
+.saved_message {
+    margin-top: 5px;
+}
+
+/*
+* Support for Right-To-Left Languages
+*
+*/
+body[dir="rtl"] .ui-tabs .ui-tabs-nav li {
+    float: right;
+}
+body[dir="rtl"] .ui-tabs .ui-tabs-nav li a {
+    float: right;
+}
+body[dir="rtl"] #tooltip-close {
+    top: 1px;
+    right: auto;
+    left: 1px;
+}
+
diff --git a/public_html/layout/default/jquery_ui/jquery.ui.theme.css b/public_html/layout/default/jquery_ui/jquery.ui.theme.css
new file mode 100644
index 000000000..9da1b5040
--- /dev/null
+++ b/public_html/layout/default/jquery_ui/jquery.ui.theme.css
@@ -0,0 +1,410 @@
+/*!
+ * jQuery UI CSS Framework 1.11.4
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/theming/
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget {
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
+    font-size: 1.1em;
+}
+.ui-widget .ui-widget {
+    font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
+    font-size: 1em;
+}
+.ui-widget-content {
+    border: 1px solid #a6c9e2;
+    background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
+    color: #222222;
+}
+.ui-widget-content a {
+    color: #222222;
+}
+.ui-widget-header {
+    border: 1px solid #4297d7;
+    background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
+    color: #ffffff;
+    font-weight: bold;
+}
+.ui-widget-header a {
+    color: #ffffff;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+    border: 1px solid #c5dbec;
+    background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
+    font-weight: bold;
+    color: #2e6e9e;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+    color: #2e6e9e;
+    text-decoration: none;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+    border: 1px solid #79b7e7;
+    background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
+    font-weight: bold;
+    color: #1d5987;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited {
+    color: #1d5987;
+    text-decoration: none;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+    border: 1px solid #79b7e7;
+    background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
+    font-weight: bold;
+    color: #e17009;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+    color: #e17009;
+    text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+    border: 1px solid #fad42e;
+    background: #fbec88 url("images/ui-bg_flat_55_fbec88_40x100.png") 50% 50% repeat-x;
+    color: #363636;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+    color: #363636;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+    border: 1px solid #cd0a0a;
+    background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
+    color: #cd0a0a;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+    color: #cd0a0a;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+    color: #cd0a0a;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+    font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+    opacity: .7;
+    filter:Alpha(Opacity=70); /* support: IE8 */
+    font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+    opacity: .35;
+    filter:Alpha(Opacity=35); /* support: IE8 */
+    background-image: none;
+}
+.ui-state-disabled .ui-icon {
+    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
+}
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+    width: 16px;
+    height: 16px;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+    background-image: url("images/ui-icons_469bdd_256x240.png");
+}
+.ui-widget-header .ui-icon {
+    background-image: url("images/ui-icons_d8e7f3_256x240.png");
+}
+.ui-state-default .ui-icon {
+    background-image: url("images/ui-icons_6da8d5_256x240.png");
+}
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon {
+    background-image: url("images/ui-icons_217bc0_256x240.png");
+}
+.ui-state-active .ui-icon {
+    background-image: url("images/ui-icons_f9bd01_256x240.png");
+}
+.ui-state-highlight .ui-icon {
+    background-image: url("images/ui-icons_2e83ff_256x240.png");
+}
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+    background-image: url("images/ui-icons_cd0a0a_256x240.png");
+}
+
+/* positioning */
+.ui-icon-blank { background-position: 16px 16px; }
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-on { background-position: -96px -144px; }
+.ui-icon-radio-off { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+    border-top-left-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+    border-top-right-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+    border-bottom-left-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+    border-bottom-right-radius: 5px;
+}
+
+/* Overlays */
+.ui-widget-overlay {
+    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
+    opacity: .3;
+    filter: Alpha(Opacity=30); /* support: IE8 */
+}
+.ui-widget-shadow {
+    margin: -8px 0 0 -8px;
+    padding: 8px;
+    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
+    opacity: .3;
+    filter: Alpha(Opacity=30); /* support: IE8 */
+    border-radius: 8px;
+}
diff --git a/public_html/layout/default/leftblocks.thtml b/public_html/layout/default/leftblocks.thtml
new file mode 100644
index 000000000..6c75d547e
--- /dev/null
+++ b/public_html/layout/default/leftblocks.thtml
@@ -0,0 +1,32 @@
+{# begin {templatelocation} #}
+
+  <div id="leftblocks" role="complementary">
+
+    <?php if(SEC_inGroup('Root')){ ?><a href="{site_url}/admin/block.php" class="uk-float-right" title="Edit"><img src="{layout_url}/images/edit.png" title="Edit" alt="Edit"></a><?php } ?>
+
+    <section class="block-left" role="search" id="block-left-search">
+      <h2 class="block-title">{button_search}</h2>
+      <div class="block-left-content">
+        <form action="{site_url}/search.php" method="get" id="searchform" class="uk-form">
+          <fieldset class="noborder_fieldset">
+            <legend class="hidden_legend">{button_search}</legend>
+            <div class="uk-form-icon uk-width-1-1">
+              <i class="uk-icon-search"></i>
+              <input class="uk-width-1-1" type="text" size="15" maxlength="255" value="{button_search}" name="query"
+                onfocus="if (this.value == '{button_search}') this.value = ''"
+                onblur="if (this.value == '') this.value = '{button_search}'"{xhtml}>
+              <input type="hidden" value="all" name="type"{xhtml}>
+              <input type="hidden" value="all" name="keyType"{xhtml}>
+              <input type="hidden" value="search" name="mode"{xhtml}>                  
+            </div>
+            <div class="navi">
+              <a href="{site_url}/search.php">{button_advsearch}</a>
+            </div>
+          </fieldset>
+        </form>
+      </div>
+    </section>
+    {geeklog_blocks}
+  </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/admin/categoryeditor.thtml b/public_html/layout/default/links/admin/categoryeditor.thtml
new file mode 100644
index 000000000..4bd70ba49
--- /dev/null
+++ b/public_html/layout/default/links/admin/categoryeditor.thtml
@@ -0,0 +1,89 @@
+{# begin {templatelocation} #}
+
+<p>{instructions}</p>
+
+<form action="{site_admin_url}/plugins/links/category.php" method="post" id="links-categoryeditor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-categoryeditor-pid">{lang_parent}</label>
+    <div class="uk-form-controls">
+      <select name="pid" id="links-categoryeditor-pid">{category_options}</select>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-categoryeditor-category">{lang_category}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="category" maxlength="32" id="links-categoryeditor-category" value="{category_value}" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-categoryeditor-cid">{lang_cid}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="cid" maxlength="32" id="links-categoryeditor-cid" value="{cid_value}" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-categoryeditor-description">{lang_description}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="description" maxlength="255" id="links-categoryeditor-description" value="{description_value}" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="tid">{lang_topic}</label>
+    <div class="uk-form-controls">
+      {topic_selection}
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label>{lang_num_links}</label>
+    <div class="uk-form-controls">
+      {num_links}
+    </div>
+  </div>
+
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_accessrights}</legend>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_owner}</label>
+    <div class="uk-form-controls">
+      {owner_name}<input type="hidden" name="owner_id" value="{cat_ownerid}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="group_id">{lang_group}</label>
+    <div class="uk-form-controls">
+      {group_dropdown}
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_permissions}</label>
+    <div class="uk-form-controls">
+      {permissions_editor}
+      <span class="uk-form-help-inline">{lang_perm_key}</span>
+      <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+    </div>
+  </div>
+
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+        <input type="hidden" value="{old_cid_value}" name="old_cid"{xhtml}>
+        <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+        <input type="submit" value="{lang_save}" name="mode" class="uk-form-width-medium"{xhtml}>
+        <input type="submit" value="{lang_cancel}" name="mode"{xhtml}>
+        {delete_option}
+      </div>
+    </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/admin/categorylist.thtml b/public_html/layout/default/links/admin/categorylist.thtml
new file mode 100644
index 000000000..9957c391c
--- /dev/null
+++ b/public_html/layout/default/links/admin/categorylist.thtml
@@ -0,0 +1,37 @@
+{# begin {templatelocation} #}
+
+<h2>{lang_pagetitle}</h2>
+
+<div class="admin-list-icon">
+  <img src="http://localhost/dev/public_html/links/images/links.png" alt=""{xhtml}>
+</div>
+
+<a href="{site_admin_url}/plugins/links/index.php">{lang_link_list}</a> |
+<a href="{site_admin_url}/plugins/links/index.php?mode=edit">{lang_new_link}</a> |
+<a href="{site_admin_url}/plugins/links/category.php">{lang_list_categories}</a> |
+<a href="{site_admin_url}/plugins/links/category.php?mode=edit">{lang_new_category}</a> |
+<a href="{site_admin_url}/moderation.php">{lang_admin_home}</a>
+
+<br style="clear:both"{xhtml}>
+
+<h3>{lang_sitecategories}</h3>
+
+<table class="uk-table uk-table-condensed uk-table-striped uk-width-1-1" style="background:#ffffff;">
+  <tr>
+    <th class="admin-list-headerfield">{edit_text}</th>
+    <th class="admin-list-headerfield">{add_text}</th>
+    <th class="admin-list-headerfield" nowrap="nowrap">{lang_category}</th>
+    <th class="admin-list-headerfield">{lang_topic}</th>
+    <th class="admin-list-headerfield">{delete_text}</th>
+  </tr>
+  <tr>
+    <td width="20" class="box">-</td>
+    <td width="20" class="box"><a href="{site_admin_url}/plugins/links/category.php?mode=edit&amp;pid={root_cid}" title="{add_text}"><img src="{layout_url}/images/addchild.png" alt="{add_text}"{xhtml}></a></td>
+    <td class="box" width="200">{lang_root}</td>
+    <td class="box"></td>
+    <td width="20" class="box"></td>
+  </tr>
+  {sitelist}
+</table>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/admin/catitem.thtml b/public_html/layout/default/links/admin/catitem.thtml
new file mode 100644
index 000000000..5fb9564bd
--- /dev/null
+++ b/public_html/layout/default/links/admin/catitem.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+  <tr>
+    <td width="20" class="box">{edit_text}</td>
+    <td width="20" class="box">{add_text}</td>
+    <td class="box" width="200">{indent}{category}</td>
+    <td width="50" class="box">{topic_text}</td>
+    <td width="20" class="box">{delete_text}</td>
+  </tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/admin/linkeditor.thtml b/public_html/layout/default/links/admin/linkeditor.thtml
new file mode 100644
index 000000000..7ac935c2f
--- /dev/null
+++ b/public_html/layout/default/links/admin/linkeditor.thtml
@@ -0,0 +1,89 @@
+{# begin {templatelocation} #}
+
+<p>{instructions}</p>
+<form action="{site_admin_url}/plugins/links/index.php" method="post" id="links-linkeditor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-linkeditor-title">{lang_linktitle}</label>
+    <div class="uk-form-controls">
+      <input type="text" maxlength="96" name="title" value="{link_title}" id="links-linkeditor-title" class="uk-form-width-large" required{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-linkeditor-lid">{lang_linkid}</label>
+    <div class="uk-form-controls">
+      <input type="text" dir="ltr" maxlength="40" id="links-linkeditor-lid" name="lid" value="{link_id}" class="uk-form-width-large" required{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-linkeditor-url">{lang_linkurl}</label>
+    <div class="uk-form-controls">
+      <input type="text" dir="ltr" maxlength="{max_url_length}" id="links-linkeditor-url" name="url" value="{link_url}" class="uk-form-width-large" required{xhtml}> {lang_includehttp}
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-linkeditor-categorydd">{lang_category}</label>
+    <div class="uk-form-controls">
+      <select name="categorydd" id="links-linkeditor-categorydd">{category_options}</select> &nbsp;<a href="{site_admin_url}/plugins/links/category.php?mode=edit">{lang_new_category}</a>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-linkeditor-hits">{lang_linkhits}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="hits" id="links-linkeditor-hits" value="{link_hits}" class="uk-form-width-small"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="links-linkeditor-description">{lang_linkdescription}</label>
+    <div class="uk-form-controls">
+      <textarea name="description" cols="45" rows="8" id="links-linkeditor-description" class="uk-width-1-1" required>{link_description}</textarea>
+      <span class="uk-form-help-inline">{lang_allowed_html}</span>
+    </div>
+  </div>
+
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_accessrights}</legend>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_owner}</label>
+    <div class="uk-form-controls">
+      {owner_name}<input type="hidden" name="owner_id" value="{link_ownerid}"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="group_id">{lang_group}</label>
+    <div class="uk-form-controls">
+      {group_dropdown}
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_permissions}</label>
+    <div class="uk-form-controls">
+      {permissions_editor}
+      <span class="uk-form-help-inline">{lang_perm_key}</span>
+      <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+    </div>
+  </div>
+
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="mode" class="uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode"{xhtml}>
+      <input type="hidden" value="{link_id}" name="old_lid"{xhtml}>
+      {delete_option}
+      {submission_option}
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/categoryactivecol.thtml b/public_html/layout/default/links/categoryactivecol.thtml
new file mode 100644
index 000000000..30413c553
--- /dev/null
+++ b/public_html/layout/default/links/categoryactivecol.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<div class="uk-width-medium-1-3 uk-text-bold">{category_name} {category_count}</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/categorycol.thtml b/public_html/layout/default/links/categorycol.thtml
new file mode 100644
index 000000000..e2d4f0d02
--- /dev/null
+++ b/public_html/layout/default/links/categorycol.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+<div class="uk-width-medium-1-3"><div><a href="{category_link}">{category_name}</a> {category_count}</div>
+<div>{category_description}</div></div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/categorydropdown.thtml b/public_html/layout/default/links/categorydropdown.thtml
new file mode 100644
index 000000000..3ccc8eb4e
--- /dev/null
+++ b/public_html/layout/default/links/categorydropdown.thtml
@@ -0,0 +1,12 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/links/index.php" method="post" class="uk-form">
+  <div class="uk-panel uk-panel-box">
+    <div class="uk-float-left">{breadcrumbs}</div>
+    <div class="uk-float-right">
+      <select name="category" onchange="javascript:submit()">{link_dropdown}</select><input type="submit" value="{lang_go}" name="mode"{xhtml}>
+    </div>
+  </div>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/categorylinks.thtml b/public_html/layout/default/links/categorylinks.thtml
new file mode 100644
index 000000000..828149a4d
--- /dev/null
+++ b/public_html/layout/default/links/categorylinks.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+<h3>{link_category}</h3>
+<ul>
+  {link_details}
+</ul>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/categorynavigation.thtml b/public_html/layout/default/links/categorynavigation.thtml
new file mode 100644
index 000000000..22f9c8ce8
--- /dev/null
+++ b/public_html/layout/default/links/categorynavigation.thtml
@@ -0,0 +1,9 @@
+{# begin {templatelocation} #}
+
+<h2>{lang_categories}</h2>
+
+<div class="uk-grid">
+{category_row}
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/categoryrow.thtml b/public_html/layout/default/links/categoryrow.thtml
new file mode 100644
index 000000000..997266169
--- /dev/null
+++ b/public_html/layout/default/links/categoryrow.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+{category_col}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/linkdetails.thtml b/public_html/layout/default/links/linkdetails.thtml
new file mode 100644
index 000000000..5bafca5b5
--- /dev/null
+++ b/public_html/layout/default/links/linkdetails.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+<li>
+  <strong>{link_html}</strong> ({link_hits}) {edit_icon} {link_broken}<br{xhtml}>
+  {link_description}
+</li>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/links.thtml b/public_html/layout/default/links/links.thtml
new file mode 100644
index 000000000..20c1169c5
--- /dev/null
+++ b/public_html/layout/default/links/links.thtml
@@ -0,0 +1,17 @@
+{# begin {templatelocation} #}
+
+{blockheader}
+
+{category_dropdown}
+{category_navigation}
+
+<div class="uk-text-center uk-margin-top">
+  <a class="uk-button uk-button-small" href="{site_url}/submit.php?type=links&amp;cid={cid_encoded}">{lang_addalink}</a>
+</div>
+
+{category_links}
+{page_navigation}
+
+{blockfooter}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/pagenavigation.thtml b/public_html/layout/default/links/pagenavigation.thtml
new file mode 100644
index 000000000..09a78106a
--- /dev/null
+++ b/public_html/layout/default/links/pagenavigation.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<p align="uk-text-center">{begin_backlink}{lang_back}{end_backlink}&nbsp;[{lang_page_of}]&nbsp;{begin_nextlink}{lang_next}{end_nextlink}</p>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/links/submitlink.thtml b/public_html/layout/default/links/submitlink.thtml
new file mode 100644
index 000000000..fe70a5171
--- /dev/null
+++ b/public_html/layout/default/links/submitlink.thtml
@@ -0,0 +1,46 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/submit.php" method="post" id="submitlink" class="uk-form">
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="submitlink-title">{lang_title}</label>
+    <div class="uk-form-controls">
+      <input type="text" maxlength="96" name="title" id="submitlink-title" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="submitlink-url">{lang_link}</label>
+    <div class="uk-form-controls">
+      <input type="text" dir="ltr" maxlength="{max_url_length}" name="url" value="http://" id="submitlink-url" class="uk-form-width-large"{xhtml}>      
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="submitlink-categorydd">{lang_category}</label>
+    <div class="uk-form-controls">
+      <select name="categorydd" id="submitlink-categorydd">{link_category_options}</select>
+    </div>
+  </div>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <label class="uk-form-label" for="submitlink-description">{lang_description}</label>
+      <div class="uk-form-controls">
+        <textarea name="description" rows="8" cols="30" id="submitlink-description" class="uk-width-1-1"></textarea>
+        <span class="uk-form-help-inline">{lang_allowed_html}</span>
+      </div>
+    </div>
+  </div>
+
+    {captcha}
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="hidden" name="mode" value="{lang_submit}"{xhtml}>
+      <input type="hidden" name="type" value="links"{xhtml}>
+      <input type="submit" value="{lang_submit}" class="uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/list.thtml b/public_html/layout/default/list.thtml
new file mode 100644
index 000000000..be8c4eb31
--- /dev/null
+++ b/public_html/layout/default/list.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+  <ul {list_class}>
+    {list_items}
+  </ul>
+
+{# end {templatelocation} #}
+
+<!-- BEGIN listitem -->
+<li class="listitem">{list_item}</li>
+<!-- END listitem -->
diff --git a/public_html/layout/default/lists/index.html b/public_html/layout/default/lists/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/lists/inline/index.html b/public_html/layout/default/lists/inline/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/lists/inline/item_field.thtml b/public_html/layout/default/lists/inline/item_field.thtml
new file mode 100644
index 000000000..978f5fc48
--- /dev/null
+++ b/public_html/layout/default/lists/inline/item_field.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+                                    {field_text}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/inline/item_row.thtml b/public_html/layout/default/lists/inline/item_row.thtml
new file mode 100644
index 000000000..7163af9f3
--- /dev/null
+++ b/public_html/layout/default/lists/inline/item_row.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+                                <div>
+                                    {item_field}
+                                </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/inline/list.thtml b/public_html/layout/default/lists/inline/list.thtml
new file mode 100644
index 000000000..eb1542b19
--- /dev/null
+++ b/public_html/layout/default/lists/inline/list.thtml
@@ -0,0 +1,22 @@
+{# begin {templatelocation} #}
+
+                            {list_top}
+                            <div class="admin-list-search">
+                                 <form name="page_limit" style="display: inline;" class="uk-form">
+                                <select name="page_limit_links" style="{show_limit}" onchange="window.location=document.page_limit.page_limit_links.options[document.page_limit.page_limit_links.selectedIndex].value">
+                                    {page_limit}
+                                </select>
+                                </form>
+
+                                 <form name="page_sort"  style="display: inline;" class="uk-form">
+                                <select name="page_sort_links" style="{show_sort}" onchange="window.location=document.page_sort.page_sort_links.options[document.page_sort.page_sort_links.selectedIndex].value">
+                                    {page_sort}
+                                </select>
+                                </form>
+                            </div>
+                            {item_row}
+                            <p class="uk-text-center uk-text-bold" style="{show_message}">{message}</p>
+                            {google_paging}
+                            {list_bottom}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/inline/page_limit.thtml b/public_html/layout/default/lists/inline/page_limit.thtml
new file mode 100644
index 000000000..90ce711f1
--- /dev/null
+++ b/public_html/layout/default/lists/inline/page_limit.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<option{limit_selected} onmouseover="this.style.cursor='pointer';" value="{limit_href}">{limit_text}</option>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/inline/page_sort.thtml b/public_html/layout/default/lists/inline/page_sort.thtml
new file mode 100644
index 000000000..0c77d2a9c
--- /dev/null
+++ b/public_html/layout/default/lists/inline/page_sort.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<option{sort_selected} onmouseover="this.style.cursor='pointer';" value="{sort_href}">{sort_text}</option>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/table/index.html b/public_html/layout/default/lists/table/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/lists/table/item_field.thtml b/public_html/layout/default/lists/table/item_field.thtml
new file mode 100644
index 000000000..7657ead17
--- /dev/null
+++ b/public_html/layout/default/lists/table/item_field.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+                                    <td>{field_text}</td>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/table/item_row.thtml b/public_html/layout/default/lists/table/item_row.thtml
new file mode 100644
index 000000000..340a52976
--- /dev/null
+++ b/public_html/layout/default/lists/table/item_row.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+                                <tr>
+                                    {item_field}
+                                </tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/table/list.thtml b/public_html/layout/default/lists/table/list.thtml
new file mode 100644
index 000000000..1fc64d47c
--- /dev/null
+++ b/public_html/layout/default/lists/table/list.thtml
@@ -0,0 +1,22 @@
+{# begin {templatelocation} #}
+
+                            {list_top}
+                            <div>
+                                <form name="page_limit" style="display: inline;" class="uk-form">
+                                <select name="page_limit_links" style="{show_limit}" onchange="window.location=document.page_limit.page_limit_links.options[document.page_limit.page_limit_links.selectedIndex].value">
+                                    {page_limit}
+                                </select>
+                               </form>
+                            </div>
+                            <table class="uk-table uk-table-condensed uk-table-striped uk-width-1-1" style="background:#ffffff; {show_sort}">
+                                <tr>
+                                    {page_sort}
+                                </tr>
+                                {item_row}
+                            </table>
+                            <p class="uk-text-center uk-text-bold" style="{show_message}">{message}</p>
+                            <br{xhtml}>
+                            {google_paging}
+                            {list_bottom}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/table/page_limit.thtml b/public_html/layout/default/lists/table/page_limit.thtml
new file mode 100644
index 000000000..90ce711f1
--- /dev/null
+++ b/public_html/layout/default/lists/table/page_limit.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<option{limit_selected} onmouseover="this.style.cursor='pointer';" value="{limit_href}">{limit_text}</option>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/lists/table/page_sort.thtml b/public_html/layout/default/lists/table/page_sort.thtml
new file mode 100644
index 000000000..60787e5bc
--- /dev/null
+++ b/public_html/layout/default/lists/table/page_sort.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<th class="admin-list-headerfield"{sort_subtags}>{sort_text}{sort_selected}</th>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/loginform.thtml b/public_html/layout/default/loginform.thtml
new file mode 100644
index 000000000..6f99bb596
--- /dev/null
+++ b/public_html/layout/default/loginform.thtml
@@ -0,0 +1,39 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/users.php" method="post" id="loginform" class="uk-form uk-form-stacked">
+  <fieldset class="noborder_fieldset">
+    <legend class="hidden_legend">{lang_login}</legend>
+
+    <div class="uk-form-row">
+      <div class="uk-form-controls"><input class="uk-width-1-1" type="text" value="" name="loginname" placeholder="{lang_username}" required{xhtml}></div>
+    </div>
+
+    {services}
+
+    <div class="uk-form-row">
+      <input class="uk-width-1-1" type="password" name="passwd" placeholder="{lang_password}" required{xhtml}>
+    </div>
+
+    <div class="uk-form-row">
+      <input type="submit" value="{lang_login}" class="uk-width-1-1 uk-button uk-button-primary uk-button-large"{xhtml}>
+    </div>
+
+    <div class="uk-form-row uk-text-small">
+      <div class="uk-form-controls">
+      {!if lang_signup}<i class="uk-icon-plus-circle"></i> {lang_signup}{!endif}
+      {!if lang_forgetpassword}<i class="uk-icon-exclamation-triangle"></i> {lang_forgetpassword}{!endif}
+      </div>
+    </div>
+
+  </fieldset>
+</form>
+
+{!if openid_login}<div class="uk-margin-top"><ul class="uk-subnav uk-flex-center uk-margin-top">{!endif}
+{openid_login}
+{!if openid_login}</ul></div>{!endif}
+
+{!if oauth_login}<div class="uk-margin-top"><ul class="uk-subnav uk-flex-center uk-margin-top">{!endif}
+{oauth_login}
+{!if oauth_login}</ul></div>{!endif}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/loginform_oauth.thtml b/public_html/layout/default/loginform_oauth.thtml
new file mode 100644
index 000000000..b339e6a01
--- /dev/null
+++ b/public_html/layout/default/loginform_oauth.thtml
@@ -0,0 +1,12 @@
+{# begin {templatelocation} #}
+
+{# {lang_oauth_service}  #}
+
+<li>
+  <form class="uk-form" action="{site_url}/users.php?oauth_login={oauth_service}" method="post">
+    {# OAuth Button Style 1: Login buttons with icons (uncomment line below) #}
+    <input type="submit" value="" style="background: url({oauth_sign_in_image}) left top no-repeat; border: none; width:40px; height:40px"{xhtml}>
+  </form>
+</li>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/loginform_openid.thtml b/public_html/layout/default/loginform_openid.thtml
new file mode 100644
index 000000000..cfa02d96d
--- /dev/null
+++ b/public_html/layout/default/loginform_openid.thtml
@@ -0,0 +1,26 @@
+{# begin {templatelocation} #}
+
+<li>
+  <form class="uk-form" action="{site_url}/users.php?openid_login=1" method="post" style="min-width:2em">
+    <div style="display: none;">
+        <div class="uk-form-row">
+            {# this is revealed by login.js #}
+            <label class="uk-form-label"><img alt="" src="{site_url}/images/openid_login_icon.png"{xhtml}></label>
+            <div class="uk-form-controls">
+                <input type="submit" value="{lang_openid_login}"{xhtml}>
+            </div>
+        </div>
+    </div>
+    <noscript>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="identity_url">{lang_openid_login}</label></label>
+            <div class="uk-form-controls">
+                <input name="identity_url" id="identity_url" style='background: url("{site_url}/images/openid_login_icon.png") no-repeat;background-color:#fff;background-position:0 50%;color:#000;padding-left:18px;font-family:monospace;font-size:10px' value="http://" size="{input_field_size}"{xhtml}>
+                <input src="{site_url}/images/right_arrow.png" style="padding:1px;margin-bottom:-5px;height:16px;width:16px;border:1px" type="image"{xhtml}>
+            </div>
+        </div>
+    </noscript>
+  </form>
+</li>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/menunavigation.thtml b/public_html/layout/default/menunavigation.thtml
new file mode 100644
index 000000000..84163b11d
--- /dev/null
+++ b/public_html/layout/default/menunavigation.thtml
@@ -0,0 +1,11 @@
+{# {templatelocation} - The Menu Navigation uses template blocks which is built into this file #}
+
+<!-- BEGIN menuitem -->
+<li class="menuitem"><a href="{menuitem_url}">{menuitem_text}</a></li>
+<!-- END menuitem -->
+<!-- BEGIN menuitem_last -->
+<li class="menuitem last-child"><a href="{menuitem_url}">{menuitem_text}</a></li>
+<!-- END menuitem_last -->
+<!-- BEGIN menuitem_none -->
+
+<!-- END menuitem_none -->
diff --git a/public_html/layout/default/navbar/breadcrumb_link.thtml b/public_html/layout/default/navbar/breadcrumb_link.thtml
new file mode 100644
index 000000000..de2c17113
--- /dev/null
+++ b/public_html/layout/default/navbar/breadcrumb_link.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<li><a href="{link_url}" title="{link_title}">{link_label}</a></li>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/navbar/breadcrumbs.thtml b/public_html/layout/default/navbar/breadcrumbs.thtml
new file mode 100644
index 000000000..3cdda3604
--- /dev/null
+++ b/public_html/layout/default/navbar/breadcrumbs.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<ul class="uk-breadcrumb">
+  {breadcrumb_links}{last_label}
+</ul>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/navbar/index.html b/public_html/layout/default/navbar/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/navbar/menuitem.thtml b/public_html/layout/default/navbar/menuitem.thtml
new file mode 100644
index 000000000..2d10ebfd5
--- /dev/null
+++ b/public_html/layout/default/navbar/menuitem.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<li class="li-navlist"><a {csscurrent} class="a-navlist" href="{link}{parms}"{onclick}><span class="label-navlist">{label}</span></a></li>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/navbar/navbar.thtml b/public_html/layout/default/navbar/navbar.thtml
new file mode 100644
index 000000000..b2c0d28f8
--- /dev/null
+++ b/public_html/layout/default/navbar/navbar.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+<div id="navcontainer">
+  <ul id="navlist">
+    {menuitems}
+  </ul>
+</div>
+<div class="clearboth"></div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/noscript.thtml b/public_html/layout/default/noscript.thtml
new file mode 100644
index 000000000..3e56e090d
--- /dev/null
+++ b/public_html/layout/default/noscript.thtml
@@ -0,0 +1,9 @@
+{# begin {templatelocation} #}
+
+<noscript>
+    <div class="uk-panel uk-text-center uk-text-danger">{lang_nojavascript}
+        <p{hide_link}>{no_javascript_return_link}</p>
+    </div>
+</noscript>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/pagenavigation.thtml b/public_html/layout/default/pagenavigation.thtml
new file mode 100644
index 000000000..07a235845
--- /dev/null
+++ b/public_html/layout/default/pagenavigation.thtml
@@ -0,0 +1,23 @@
+{# begin {templatelocation} #}
+
+<ul class="uk-pagination uk-margin-large-top uk-margin-bottom ">{!if message}<li class="uk-margin-top">{message}</li>{!endif}
+
+<li{!if start_first_anchortag}{!else} class="uk-disabled"{!endif}>{!if start_first_anchortag}{!else}<span>{!endif}{start_first_anchortag}<i class="uk-icon-angle-double-left"></i>{end_first_anchortag}{!if start_first_anchortag}{!else}</span>{!endif}</li>
+<li{!if start_previous_anchortag}{!else} class="uk-disabled"{!endif}>{!if start_previous_anchortag}{!else}<span>{!endif}{start_previous_anchortag}<i class="uk-icon-angle-left"></i>{end_previous_anchortag}{!if start_previous_anchortag}{!else}</span>{!endif}</li>
+{pages}
+
+<!-- BEGIN message -->{!if message_text}<p>{message_text}</p>{!endif}<!-- END message -->
+
+<!-- BEGIN page --><li>{page_number}</li><!-- END page -->
+
+<!-- BEGIN page-current --><li class="uk-active"><span>{page_number}</span></li><!-- END page-current -->
+
+<!-- BEGIN nav-end -->
+<li{!if start_next_anchortag}{!else} class="uk-disabled"{!endif}>{!if start_next_anchortag}{!else}{!endif}{start_next_anchortag}<span><i class="uk-icon-angle-right"></i></span>{end_next_anchortag}{!if next_anchortag}{!else}{!endif}</li>
+<li{!if start_last_anchortag}{!else} class="uk-disabled"{!endif}>{!if start_last_anchortag}{!else}<span>{!endif}{start_last_anchortag}<i class="uk-icon-angle-double-right"></i>{end_last_anchortag}{!if start_last_anchortag}{!else}</span>{!endif}</li>
+</ul>
+<!-- END nav-end -->
+
+<!-- BEGIN nav-open-ended -->{open_ended}<!-- END nav-open-ended -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/admin/pollansweroption.thtml b/public_html/layout/default/polls/admin/pollansweroption.thtml
new file mode 100644
index 000000000..de623fc05
--- /dev/null
+++ b/public_html/layout/default/polls/admin/pollansweroption.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+<div class="uk-form-controls uk-form-controls-text uk-margin-small-bottom">
+  <p class="uk-form-controls-condensed"><input type="text" name="answer[{question_id}][]" value="{answer_text}" maxlength="255" class="uk-form-width-medium"{xhtml}> /
+  <input type="text" name="votes[{question_id}][]" value="{answer_votes}" class="uk-form-width-small"{xhtml}> /  <input type="text" name="remark[{question_id}][]" value="{remark_text}" maxlength="255" class="uk-form-width-medium"{xhtml}></p>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/admin/polleditor.thtml b/public_html/layout/default/polls/admin/polleditor.thtml
new file mode 100644
index 000000000..693ae3ec9
--- /dev/null
+++ b/public_html/layout/default/polls/admin/polleditor.thtml
@@ -0,0 +1,88 @@
+{# begin {templatelocation} #}
+
+{noscript}
+<div id="advanced_editor" style="display:none;">
+  <form class="uk-form uk-form-stacked" action="{site_admin_url}/plugins/polls/index.php" method="post" id="polls-polleditor">
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="polls-polleditor-pid">{lang_pollid}</label>
+      <div class="uk-form-controls">
+        <input type="text" dir="ltr" name="pid" value="{poll_id}" maxlength="128" id="polls-polleditor-pid" class="uk-form-width-large" required{xhtml}>
+        <span class="uk-form-help-inline">{lang_donotusespaces}</span>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="polls-polleditor-topic">{lang_topic}</label>
+      <div class="uk-form-controls">
+        <input type="text" name="topic" value="{poll_topic}" maxlength="255" id="polls-polleditor-topic" class="uk-width-1-1" required{xhtml}>
+        <span class="uk-form-help-inline">{poll_topic_info}</span>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="polls-polleditor-meta_description"{hide_meta}>{lang_metadescription}</label>
+      <div class="uk-form-controls"{hide_meta}><textarea name="meta_description" cols="45" rows="2" id="polls-polleditor-meta_description" class="uk-width-1-1">{meta_description}</textarea></div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="polls-polleditor-meta_keywords"{hide_meta}>{lang_metakeywords}</label>
+      <div class="uk-form-controls"{hide_meta}><textarea name="meta_keywords" cols="45" rows="2" id="polls-polleditor-meta_keywords" class="uk-width-1-1">{meta_keywords}</textarea></div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="polls-polleditor-commentcode">{lang_mode}</label>
+      <div class="uk-form-controls"><select name="commentcode" id="polls-polleditor-commentcode">{comment_options}</select></div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="polls-polleditor-mainpage">{lang_appearsonhomepage}
+      <input type="checkbox" name="mainpage" id="polls-polleditor-mainpage" {poll_display}{xhtml}></label>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="polls-polleditor-open">{lang_openforvoting}
+      <input type="checkbox" name="open" id="polls-polleditor-open" {poll_open}{xhtml}></label>      </div>
+    <div class="uk-form-row uk-margin-bottom">
+      <label class="uk-form-label" for="polls-polleditor-hideresults">{lang_hideresults}
+      <input type="checkbox" name="hideresults" id="polls-polleditor-hideresults" {poll_hideresults}{xhtml}><span class="uk-form-help-inline">{poll_hideresults_explain}</span></label>
+    </div>
+
+    <div id="po_navbar" class="jsenabled_show">
+        {navbar}
+    </div>
+      {question_list}
+
+  <fieldset class="uk-margin-large-top uk-form-horizontal">
+    <legend>{lang_accessrights}</legend>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_owner}</label>
+      <div class="uk-form-controls">
+        {owner_name}
+        <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="group_id">{lang_group}</label>
+      <div class="uk-form-controls">{group_dropdown}</div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_permissions}</label>
+      <div class="uk-form-controls">
+        {permissions_editor}
+        <span class="uk-form-help-inline">{lang_perm_key}</span>
+        <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+      </div>
+    </div>
+  </fieldset>
+
+  <div class="uk-form-horizontal">
+    <div class="uk-form-row uk-margin-large-top">
+      <div class="uk-form-controls">
+            <input type="submit" value="{lang_save}" name="mode" class="uk-form-width-medium"{xhtml}>
+            <input type="submit" value="{lang_cancel}" name="mode"{xhtml}>
+            {delete_option}
+            <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+            <input type="hidden" value="{poll_id}" name="old_pid"{xhtml}>
+          </div>
+    </div>
+  </div>
+
+  </form>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/admin/pollquestions.thtml b/public_html/layout/default/polls/admin/pollquestions.thtml
new file mode 100644
index 000000000..2a7c43a34
--- /dev/null
+++ b/public_html/layout/default/polls/admin/pollquestions.thtml
@@ -0,0 +1,17 @@
+{# begin {templatelocation} #}
+
+<div id="po_{question_id}" {style}>
+  <div class="uk-form-row uk-margin-small-bottom">
+    <label>{lang_question}</label>
+    <div class="uk-form-controls"><input type="text" dir="ltr" name="question[{q_idx}]" value="{question_text}" maxlength="255" class="uk-width-1-1"{xhtml}></div>
+  </div>
+
+  <div class="uk-form-row">
+    <label>{lang_answersvotes}</label>
+    <div class="uk-form-controls">{answer_option}</div>
+  </div>
+</div>
+
+<hr class="separator"{xhtml}>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/pollanswer.thtml b/public_html/layout/default/polls/pollanswer.thtml
new file mode 100644
index 000000000..0583b1a03
--- /dev/null
+++ b/public_html/layout/default/polls/pollanswer.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<li><input type="radio" name="aid[{question_id}]" value="{answer_id}"{selected}{xhtml}>&nbsp;{answer_text}</li>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/pollblock.thtml b/public_html/layout/default/polls/pollblock.thtml
new file mode 100644
index 000000000..335b22067
--- /dev/null
+++ b/public_html/layout/default/polls/pollblock.thtml
@@ -0,0 +1,21 @@
+{# begin {templatelocation} #}
+
+<span class="uk-float-right">{edit_icon}</span>
+<div class="uk-text-bold">{poll_topic}</div>
+<form action="{poll_vote_url}" name="Vote" method="post" class="uk-form uk-form-horizontal">
+  <div class="uk-form-row">
+    <input type="hidden" name="pid" value="{poll_id}"{xhtml}>
+      {poll_questions}
+      <span class="uk-form-help-inline">{poll_notification}</span>
+    </div>
+  <div class="uk-form-row">
+    <input type="submit" value="{lang_vote}"{xhtml}>
+      {poll_results}
+  </div>
+</form>
+
+<ul class="uk-subnav uk-subnav-line uk-flex-center">
+  <li><a href="{site_url}/polls/index.php">{lang_polltopics}</a></li><li>{num_votes} {lang_voters} {poll_comments}</li>
+</ul>
+
+{# end {templatelocation} #}
\ No newline at end of file
diff --git a/public_html/layout/default/polls/pollcomments.thtml b/public_html/layout/default/polls/pollcomments.thtml
new file mode 100644
index 000000000..528cdfa0a
--- /dev/null
+++ b/public_html/layout/default/polls/pollcomments.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<ul class="uk-list"><li><a href="{poll_comments_url}">{num_comments} {lang_comments}</a></li></ul>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/polllist.thtml b/public_html/layout/default/polls/polllist.thtml
new file mode 100644
index 000000000..b6d31c455
--- /dev/null
+++ b/public_html/layout/default/polls/polllist.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<div class="uk-text-bold">{item_num}. <a href="{poll_url}">{poll_question}</a> ({poll_votes} {lang_votes})</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/pollquestion.thtml b/public_html/layout/default/polls/pollquestion.thtml
new file mode 100644
index 000000000..716bddf98
--- /dev/null
+++ b/public_html/layout/default/polls/pollquestion.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+<div class="uk-margin">
+  <h2 class="uk-text-bold">{lang_question}{lang_question_number}{poll_question}</h2>
+  <dl class="uk-description-list-horizontal">
+    {poll_votes}
+  </dl>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/pollquestions.thtml b/public_html/layout/default/polls/pollquestions.thtml
new file mode 100644
index 000000000..bf036e6b1
--- /dev/null
+++ b/public_html/layout/default/polls/pollquestions.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+<div class="uk-margin-large-bottom uk-margin-top">
+  <h1 class="uk-h1">{lang_question}{lang_question_number}{poll_question}</h1>
+  <ul class="uk-list">
+    {poll_answers}
+  </ul>
+</div>
+
+{# end {templatelocation} #}
\ No newline at end of file
diff --git a/public_html/layout/default/polls/pollresult.thtml b/public_html/layout/default/polls/pollresult.thtml
new file mode 100644
index 000000000..02fc7d8c2
--- /dev/null
+++ b/public_html/layout/default/polls/pollresult.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+<span class="uk-float-right">{edit_icon}</span>
+<h1 class="uk-text-bold">{poll_topic}</h1>
+{poll_questions}
+<ul class="uk-subnav uk-subnav-line uk-flex-center">
+  <li>{notification} <a href="{site_url}/polls/index.php">{lang_polltopics}</a></li><li>{num_votes} {lang_voters} {poll_comments}</li>
+</ul>
+
+{# end {templatelocation} #}
\ No newline at end of file
diff --git a/public_html/layout/default/polls/pollvotes_bar.thtml b/public_html/layout/default/polls/pollvotes_bar.thtml
new file mode 100644
index 000000000..bb0d92aff
--- /dev/null
+++ b/public_html/layout/default/polls/pollvotes_bar.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+  <dt data-uk-tooltip title="{answer_text}{!if remark_text}({remark_text}){!endif}">
+    {answer_text}
+  </dt>
+  <dd>
+    <img src="{layout_url}/images/bar.gif" style="align:bottom; height:10px; width:{bar_width}%;" alt=""{xhtml}><span class="uk-margin-small-left uk-text-small">{answer_num} ({answer_percent}%)</span>
+  </dd>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/polls/pollvotes_num.thtml b/public_html/layout/default/polls/pollvotes_num.thtml
new file mode 100644
index 000000000..7e70f9231
--- /dev/null
+++ b/public_html/layout/default/polls/pollvotes_num.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+  <dt>{answer_text}</dt>
+  <dd>{answer_percent}% </dd>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/boxesblock.thtml b/public_html/layout/default/preferences/boxesblock.thtml
new file mode 100644
index 000000000..1177e744c
--- /dev/null
+++ b/public_html/layout/default/preferences/boxesblock.thtml
@@ -0,0 +1,16 @@
+{# begin {templatelocation} #}
+
+    <fieldset class="uk-margin-large-top">
+        <legend>{lang_boxes_title}</legend>
+
+        <div class="uk-form-row uk-panel-box">
+            <p class="uk-text-bold">{lang_boxes_help_title}</p>
+            <div class="uk-margin-left">{lang_boxes}</div>
+        </div>
+
+          <div id="boxesblock">
+            {boxes_checklist}
+          </div>
+    </fieldset>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/commentblock.thtml b/public_html/layout/default/preferences/commentblock.thtml
new file mode 100644
index 000000000..0b9d17c53
--- /dev/null
+++ b/public_html/layout/default/preferences/commentblock.thtml
@@ -0,0 +1,26 @@
+{# begin {templatelocation} #}
+
+<fieldset class="uk-margin-large-top">
+  <legend>{lang_comment_title}</legend>
+
+        <div class="uk-form-row uk-panel-box">
+            <p class="uk-text-bold">{lang_comment_help_title}</p>
+            <div class="uk-margin-left"><ul>{lang_comment_help}</ul></div>
+        </div>
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="commentmode">{lang_displaymode}</label>
+            <div class="uk-form-controls">{displaymode_selector}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="commentorder">{lang_sortorder}</label>
+            <div class="uk-form-controls">{sortorder_selector}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="commentlimit">{lang_commentlimit}</label>
+            <div class="uk-form-controls"><input type="text" maxlength="5" value="{commentlimit_value}" name="commentlimit" id="commentlimit" class="uk-form-width-small"{xhtml}></div>
+        </div>
+
+</fieldset>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/current_password.thtml b/public_html/layout/default/preferences/current_password.thtml
new file mode 100644
index 000000000..453e50cd2
--- /dev/null
+++ b/public_html/layout/default/preferences/current_password.thtml
@@ -0,0 +1,14 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="profile-old_passwd" class="warningsmall"><strong>{lang_old_password}</strong></label>
+            <div class="uk-form-controls">
+                <div class="uk-form-password">
+                    <input type="password" maxlength="32" value="" name="old_passwd" id="profile-old_passwd" class="uk-form-width-medium" aria-describedby="old_passwd-d1"{xhtml}>
+                    <a href="" class="uk-form-password-toggle" data-uk-form-password="">Show</a>
+                </div>
+                <span class="uk-form-help-inline uk-text-warning" id="old_passwd-d1">{lang_old_password_text}</span>
+            </div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/deleteaccount.thtml b/public_html/layout/default/preferences/deleteaccount.thtml
new file mode 100644
index 000000000..8a0ddca89
--- /dev/null
+++ b/public_html/layout/default/preferences/deleteaccount.thtml
@@ -0,0 +1,17 @@
+{# begin {templatelocation} #}
+
+<div class="uk-form-row uk-panel-box">
+  <p class="uk-text-bold">{lang_deleteaccount}</p>
+  <div class="uk-margin-left">{delete_text}</div>
+</div>
+
+<div class="uk-form-row">
+  <label class="uk-form-label" for="deleteaccount-submit">{lang_deleteoption}</label>
+  <div class="uk-form-controls">
+    <input type="hidden" name="mode" value="{delete_mode}"{xhtml}>
+    <input type="hidden" name="account_id" value="{account_id}"{xhtml}>
+    <input type="submit" name="btnsubmit" value="{lang_button_delete}" id="deleteaccount-submit" class="uk-button"{xhtml}>
+  </div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/digestblock.thtml b/public_html/layout/default/preferences/digestblock.thtml
new file mode 100644
index 000000000..edbf6eed9
--- /dev/null
+++ b/public_html/layout/default/preferences/digestblock.thtml
@@ -0,0 +1,18 @@
+{# begin {templatelocation} #}
+
+<fieldset class="uk-margin-large-top">
+  <legend>{lang_digest_top_header}</legend>
+
+    <div class="uk-form-row uk-panel-box">
+        <p class="uk-text-bold">{lang_digest_help_header}</p>
+        <div class="uk-margin-left">{lang_emailedtopics}</div>
+    </div>
+
+  <div class="compact">
+    <p class="checklist">
+      {email_topic_checklist}
+    </p>
+  </div>
+</fieldset>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/displayblock.thtml b/public_html/layout/default/preferences/displayblock.thtml
new file mode 100644
index 000000000..398706f85
--- /dev/null
+++ b/public_html/layout/default/preferences/displayblock.thtml
@@ -0,0 +1,36 @@
+{# begin {templatelocation} #}
+
+<fieldset class="uk-margin-large-top">
+  <legend>{lang_misc_title}</legend>
+
+        <div class="uk-form-row uk-panel-box">
+            <p class="uk-text-bold">{lang_misc_help_title}</label>
+            <div class="uk-margin-left"><ul>{lang_misc_help}</ul></div>
+        </div>
+          {language_selection}
+          {theme_selection}
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="displayprefs-noicons">{lang_noicons}</label>
+            <div class="uk-form-controls"><input type="checkbox" {noicons_checked} name="noicons" id="displayprefs-noicons"{xhtml}>{lang_noicons_text}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="displayprefs-noboxes">{lang_noboxes}</label>
+            <div class="uk-form-controls"><input type="checkbox" {noboxes_checked} name="noboxes" id="displayprefs-noboxes"{xhtml}>{lang_noboxes_text}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="displayprefs-maxstories">{lang_maxstories}</label>
+            <div class="uk-form-controls"><input type="text" maxlength="3" value="{maxstories_value}" name="maxstories" id="displayprefs-maxstories" class="uk-form-width-small"{xhtml}></div>
+        </div>
+        {advanced_editor_option}
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="tzid">{lang_timezone}</label>
+            <div class="uk-form-controls">{timezone_selector}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="dfid">{lang_dateformat}</label>
+            <div class="uk-form-controls">{dateformat_selector}</div>
+        </div>
+
+</fieldset>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/displayprefs.thtml b/public_html/layout/default/preferences/displayprefs.thtml
new file mode 100644
index 000000000..69300390d
--- /dev/null
+++ b/public_html/layout/default/preferences/displayprefs.thtml
@@ -0,0 +1,18 @@
+{# begin {templatelocation} #}
+
+<div id="pe_layout" class="jsenabled_hide">
+  {display_block}
+  {comment_block}
+</div>
+
+<div id="pe_content" class="jsenabled_hide">
+  {exclude_block}
+  {digest_block}
+  {boxes_block}
+</div>
+
+<div id="pe_privacy" class="jsenabled_hide">
+  {privacy_block}
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/editor.thtml b/public_html/layout/default/preferences/editor.thtml
new file mode 100644
index 000000000..2f8bde720
--- /dev/null
+++ b/public_html/layout/default/preferences/editor.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="advanced_editor">{lang_advanced_editor}</label>
+            <div class="uk-form-controls"><input type="checkbox" id="advanced_editor" name="advanced_editor" {advanced_editor_checked}{xhtml}>{adveditor_name}</div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/excludeblock.thtml b/public_html/layout/default/preferences/excludeblock.thtml
new file mode 100644
index 000000000..b0c7b850f
--- /dev/null
+++ b/public_html/layout/default/preferences/excludeblock.thtml
@@ -0,0 +1,21 @@
+{# begin {templatelocation} #}
+
+    <fieldset class="uk-margin-large-top">
+        <legend>{lang_exclude_title}</legend>
+
+        <div class="uk-form-row uk-panel-box">
+            <p class="uk-text-bold">{lang_excluded_items_title}</p>
+            <div class="uk-margin-left">{lang_excluded_items}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label">{lang_topics}</label>
+            <div class="uk-form-controls"><div id="exclude_topic">{exclude_topic_checklist}</div>
+        </div>
+        <div class="uk-form-row uk-margin-large-top">
+            <label class="uk-form-label">{lang_authors}</label>
+            <div class="uk-form-controls">{exclude_author_checklist}</dd>
+        </div>
+
+    </fieldset>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/index.html b/public_html/layout/default/preferences/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/preferences/language.thtml b/public_html/layout/default/preferences/language.thtml
new file mode 100644
index 000000000..4081f54d7
--- /dev/null
+++ b/public_html/layout/default/preferences/language.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="language">{lang_language}</label>
+            <div class="uk-form-controls">{language_selector}</div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/password.thtml b/public_html/layout/default/preferences/password.thtml
new file mode 100644
index 000000000..dd4c91e0e
--- /dev/null
+++ b/public_html/layout/default/preferences/password.thtml
@@ -0,0 +1,22 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="profile-passwd">{lang_password}</label>
+            <div class="uk-form-controls">
+                <div class="uk-form-password"><input type="password" maxlength="32" value="{password_value}" name="passwd" id="profile-passwd" class="uk-width-medium" aria-describedby="profile-passwd-d1"{xhtml}>
+                <a href="" class="uk-form-password-toggle" data-uk-form-password="">Show</a>
+                </div>
+                <span class="uk-form-help-inline" id="profile-passwd-d1">{lang_password_text}</span>
+            </div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="profile-passwd_conf">{lang_password_conf}</label>
+            <div class="uk-form-controls">
+                <div class="uk-form-password"><input type="password" maxlength="32" value="{password_value}" name="passwd_conf" id="profile-passwd_conf" class="uk-width-medium" aria-describedby="profile-passwd-d2"{xhtml}>
+                <a href="" class="uk-form-password-toggle" data-uk-form-password="">Show</a>
+                </div>
+                <span class="uk-form-help-inline" id="profile-passwd-d2">{lang_password_text_conf}</span>
+            </div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/privacyblock.thtml b/public_html/layout/default/preferences/privacyblock.thtml
new file mode 100644
index 000000000..fbea1bb47
--- /dev/null
+++ b/public_html/layout/default/preferences/privacyblock.thtml
@@ -0,0 +1,24 @@
+{# begin {templatelocation} #}
+
+<fieldset class="uk-margin-large-top">
+  <legend>{lang_privacy_title}</legend>
+
+        <div class="uk-form-row uk-panel-box">
+            <p class="uk-text-bold">{lang_privacy_help_title}</p>
+            <div class="uk-margin-left">{lang_privacy_help}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="displayprefs-emailfromuser">{lang_emailfromuser}</label>
+            <div class="uk-form-controls"><input type="checkbox" {emailfromuser_checked} name="emailfromuser" id="displayprefs-emailfromuser"{xhtml}>{lang_emailfromuser_text}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="displayprefs-emailfromadmin">{lang_emailfromadmin}</label>
+            <div class="uk-form-controls"><input type="checkbox" {emailfromadmin_checked} name="emailfromadmin" id="displayprefs-emailfromadmin"{xhtml}>{lang_emailfromadmin_text}</div>
+        </div>
+        <div class="uk-form-row">
+              <label class="uk-form-label" for="displayprefs-showonline">{lang_showonline}</label>
+            <div class="uk-form-controls"><input type="checkbox" {showonline_checked} name="showonline" id="displayprefs-showonline"{xhtml}>{lang_showonline_text}</div>
+        </div>
+</fieldset>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/profile.thtml b/public_html/layout/default/preferences/profile.thtml
new file mode 100644
index 000000000..53a903f7e
--- /dev/null
+++ b/public_html/layout/default/preferences/profile.thtml
@@ -0,0 +1,127 @@
+{# begin {templatelocation} #}
+
+{noscript}
+
+<div id="pe_navbar" style="display:none">
+{navbar}
+</div>
+
+<div id="pe_preview" class="jsenabled_hide" style="display:none;">
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_preview_title}</legend>
+    {preview}
+  </fieldset>
+</div>
+
+<form action="{site_url}/usersettings.php" method="post" {enctype} id="profile" class="uk-form uk-form-horizontal">
+
+  <div id="pe_namepass" class="jsenabled_show">
+    <fieldset class="uk-margin-large-top">
+      <legend>{lang_name_legend}</legend>
+      {username_option}
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="profile-fullname">{lang_fullname}</label>
+        <div class="uk-form-controls"><input type="text" maxlength="80" value="{fullname_value}" name="fullname" id="profile-fullname" class="uk-form-width-medium"{xhtml}></div>
+      </div>
+    </fieldset>
+
+    <fieldset class="uk-margin-large-top">
+      <legend>{lang_password_email_legend}</legend>
+
+      <div class="uk-form-row uk-panel-box">
+        <p class="uk-text-bold">{lang_password_help_title}</p>
+        <div class="uk-margin-left">
+          <p>{lang_password_help}</p>
+          <p class="uk-text-warning">{lang_enter_current_password}</p>
+        </div>
+      </div>
+
+      {password_option}
+
+      {resynch_option}
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="cooktime">{lang_cooktime}</label>
+        <div class="uk-form-controls">{cooktime_selector}</div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="profile-email">{lang_email}</label>
+        <div class="uk-form-controls"><input type="text" maxlength="96" value="{email_value}" name="email" type="text" id="profile-email" class="uk-form-width-medium" aria-describedby="pe-profile-d1"{xhtml}></div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="profile-email_conf">{lang_email_conf}</label>
+        <div class="uk-form-controls"><input type="text" maxlength="96" value="{email_value}" name="email_conf" type="text" id="profile-email_conf" class="uk-form-width-medium"{xhtml}>
+            <span class="uk-form-help-inline" id="pe-profile-d1">{lang_email_text}</span>
+        </div>
+      </div>
+      {current_password_option}
+
+      {delete_account_option}
+    </fieldset>
+  </div>
+
+  <div id="pe_userinfo" class="jsenabled_hide">
+    <fieldset class="uk-margin-large-top">
+      <legend>{lang_personal_info_legend}</legend>
+
+      <div class="uk-form-row uk-panel-box">
+        <p class="uk-text-bold">{lang_userinfo_help_title}</p>
+        <div class="uk-margin-left">{lang_userinfo_help}</div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="profile-homepage">{lang_homepage}</label>
+        <div class="uk-form-controls">
+          <input type="text" maxlength="96" value="{homepage_value}" name="homepage" id="profile-homepage" class="uk-form-width-medium" aria-describedby="pe-profile-d2"{xhtml}>
+          <span class="uk-form-help-inline" id="pe-profile-d2">{lang_homepage_text}</span>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="profile-location">{lang_location}</label>
+        <div class="uk-form-controls">
+          <input type="text" maxlength="96" value="{location_value}" name="location" id="profile-location" class="uk-form-width-medium" aria-describedby="pe-profile-d3"{xhtml}>
+          <span class="uk-form-help-inline" id="pe-profile-d3">{lang_location_text}</span>
+        </div>
+      </div>
+
+      {userphoto_option}
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="profile-sig">{lang_signature}</label>
+        <div class="uk-form-controls">
+          <textarea cols="45" rows="4" name="sig" id="profile-sig" class="uk-width-1-1" aria-describedby="pe-profile-d4">{signature_value}</textarea>
+          <span class="uk-form-help-inline" id="pe-profile-d4">{lang_signature_text}</span>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="profile-about">{lang_about}</label>
+        <div class="uk-form-controls">
+          <textarea cols="45" rows="6" name="about" id="profile-about" class="uk-width-1-1" aria-describedby="pe-profile-d5">{about_value}</textarea>
+          <span class="uk-form-help-inline" id="pe-profile-d5">{lang_about_text}</span>
+        </div>
+      </div>
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="profile-pgpkey">{lang_pgpkey}</label>
+        <div class="uk-form-controls">
+            <textarea cols="45" rows="6" name="pgpkey" id="profile-pgpkey" class="uk-width-1-1" aria-describedby="pe-profile-d6">{pgpkey_value}</textarea>
+            <span class="uk-form-help-inline" id="pe-profile-d6">{lang_pgpkey_text}</span>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+
+  {prefs}
+
+  <div id="save_button" class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="hidden" name="uid" value="{uid_value}"{xhtml}>
+      <input type="hidden" name="mode" value="saveuser"{xhtml}>
+      <input type="hidden" name="username" value="{username_value}"{xhtml}>
+      <input type="submit" name="btnsubmit" value="{lang_submit}" class="uk-button"{xhtml}>
+      <input type="submit" name="btncancel" value="{lang_cancel}" class="uk-button"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/resynch.thtml b/public_html/layout/default/preferences/resynch.thtml
new file mode 100644
index 000000000..e726ebc1d
--- /dev/null
+++ b/public_html/layout/default/preferences/resynch.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="profile-resynch">{lang_resynch}</label>
+            <div class="uk-form-controls">
+                <input type="checkbox" {resynch_checked} name="resynch" id="profile-resynch"{xhtml}>
+                <span class="uk-form-help-inline">{lang_resynch_text}</span>
+            </div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/theme.thtml b/public_html/layout/default/preferences/theme.thtml
new file mode 100644
index 000000000..1ce6927cd
--- /dev/null
+++ b/public_html/layout/default/preferences/theme.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="theme">{lang_theme}</label>
+            <div class="uk-form-controls">{theme_selector}</div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/username.thtml b/public_html/layout/default/preferences/username.thtml
new file mode 100644
index 000000000..b795e95ac
--- /dev/null
+++ b/public_html/layout/default/preferences/username.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="profile-new_username">{lang_username}</label>
+            <div class="uk-form-controls">
+                <input type="text" maxlength="16" value="{new_username_value}" name="new_username" id="profile-new_username" class="uk-form-width-medium"{xhtml}>
+                <span class="uk-form-help-inline">{lang_username_text}</span>
+            </div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/preferences/userphoto.thtml b/public_html/layout/default/preferences/userphoto.thtml
new file mode 100644
index 000000000..5b40d8d98
--- /dev/null
+++ b/public_html/layout/default/preferences/userphoto.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="profile-photo" aria-describedby="userphoto-photo">{lang_userphoto}</label>
+            <div class="uk-form-controls">
+                <input type="file" name="photo" id="profile-photo"{xhtml}>
+                <div id="userphoto-photo">{lang_userphoto_text}{display_photo}<br{xhtml}>{photo_max_dimensions}</div>
+            </div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/profiles/contactauthorform.thtml b/public_html/layout/default/profiles/contactauthorform.thtml
new file mode 100644
index 000000000..7bd2777c1
--- /dev/null
+++ b/public_html/layout/default/profiles/contactauthorform.thtml
@@ -0,0 +1,49 @@
+{# begin {templatelocation} #}
+
+{start_block_mailstory2friend}
+<form action="{site_url}/profiles.php" method="post" id="contactauthorform" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_title}</label>
+    <div class="uk-form-controls">{story_link}</div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="contactauthorform-from">{lang_fromname}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="96" value="{name}" name="from" id="contactauthorform-from" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="contactauthorform-fromemail">{lang_fromemailaddress}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="96" value="{email}" name="fromemail" id="contactauthorform-fromemail" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="contactauthorform-to">{lang_toname}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="96" value="{toname}" name="to" id="contactauthorform-to" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="contactauthorform-toemail">{lang_toemailaddress}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="96" value="{toemail}" name="toemail" id="contactauthorform-toemail" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="contactauthorform-shortmsg">{lang_shortmessage}</label>
+    <div class="uk-form-controls"><textarea rows="8" cols="50" name="shortmsg" id="contactauthorform-shortmsg" class="uk-width-1-1">{shortmsg}</textarea></div>
+  </div>
+  <div class="uk-form-row"{cc_enabled}>
+    <label class="uk-form-label" for="contactauthorform-cc">{lang_cc}</label>
+    <div class="uk-form-controls"><input type="checkbox" name="cc" id="contactauthorform-cc"{cc}{xhtml}>&nbsp;{lang_cc_description}</div>
+  </div>
+
+  {captcha}
+
+  <p class="uk-text-warning">{lang_warning}</p>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="hidden" name="sid" value="{story_id}"{xhtml}>
+      <input type="hidden" name="what" value="sendstory"{xhtml}>
+      <input type="submit" value="{lang_sendmessage}" onclick="return postconfirm();" onkeypress="return postconfirm();"{xhtml}>
+    </div>
+  </div>
+</form>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/profiles/contactuserform.thtml b/public_html/layout/default/profiles/contactuserform.thtml
new file mode 100644
index 000000000..414bbb90a
--- /dev/null
+++ b/public_html/layout/default/profiles/contactuserform.thtml
@@ -0,0 +1,49 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/profiles.php" method="post" id="contactuserform" class="uk-form uk-form-horizontal">
+
+  <p class="uk-margin">{lang_description}</p>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="contactuserform-author">{lang_username}</label>
+    <div class="uk-form-controls"><input type="text" value="{username}" maxlength="32" name="author" id="contactuserform-author" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+
+    <label class="uk-form-label" for="contactuserform-authoremail">{lang_useremail}</label>
+    <div class="uk-form-controls"><input type="text" value="{useremail}" maxlength="96" name="authoremail" id="contactuserform-authoremail" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="contactuserform-subject">{lang_subject}</label>
+    <div class="uk-form-controls"><input type="text" maxlength="96" value="{subject}" name="subject" id="contactuserform-subject" class="uk-form-width-medium"{xhtml}></div>
+  </div>
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="contactuserform-message">{lang_message}</label>
+    <div class="uk-form-controls">
+        <textarea rows="10" cols="50" name="message" id="contactuserform-message" class="uk-width-1-1" aria-describedby="contactuserform-cc-d1">{message}</textarea>
+        <span class="uk-form-help-inline" id="contactuserform-cc-d1">{lang_nohtml}</span>
+    </div>
+  </div>
+  <div class="uk-form-row"{cc_enabled}>
+    <div class="uk-form-controls"{cc_enabled}>
+      <label class="uk-form-label" for="contactuserform-cc">{lang_cc}</label>
+      <div class="uk-form-controls">
+        <input type="checkbox" name="cc" id="contactuserform-cc"{cc}{xhtml}>
+        <span class="uk-form-help-inline">{lang_cc_description}</span>
+      </div>
+    </div>
+  </div>
+
+  {captcha}
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="hidden" name="what" value="contact"{xhtml}>
+      <input type="hidden" name="uid" value="{uid}"{xhtml}>
+      <input type="submit" value="{lang_submit}" onclick="return postconfirm();" onkeypress="return postconfirm();" class="uk-button uk-form-width-medium"{xhtml}>
+    </div>
+  </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/profiles/index.html b/public_html/layout/default/profiles/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/rightblocks.thtml b/public_html/layout/default/rightblocks.thtml
new file mode 100644
index 000000000..ad7ae8858
--- /dev/null
+++ b/public_html/layout/default/rightblocks.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+  <div id="rightblocks" role="complementary">
+    <?php if(SEC_inGroup('Root')){ ?><a href="{site_url}/admin/block.php" class="editlink uk-float-right" title="Edit"><img src="{layout_url}/images/edit.png" title="Edit" alt="Edit"></a><?php } ?>
+    <aside>
+      {geeklog_blocks}
+    </aside>
+  </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/headingcolumn.thtml b/public_html/layout/default/search/headingcolumn.thtml
new file mode 100644
index 000000000..588df1898
--- /dev/null
+++ b/public_html/layout/default/search/headingcolumn.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<th>{label}</th>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/index.html b/public_html/layout/default/search/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/search/resultauthdatehits.thtml b/public_html/layout/default/search/resultauthdatehits.thtml
new file mode 100644
index 000000000..df12bfc54
--- /dev/null
+++ b/public_html/layout/default/search/resultauthdatehits.thtml
@@ -0,0 +1,9 @@
+{# begin {templatelocation} #}
+
+<tr>
+  <td>{data}</td>
+  <td>{data2}</td>
+  <td>{data3}</td>
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/resultcolumn.thtml b/public_html/layout/default/search/resultcolumn.thtml
new file mode 100644
index 000000000..2ee27e390
--- /dev/null
+++ b/public_html/layout/default/search/resultcolumn.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<td>{data}</td>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/resultrow.thtml b/public_html/layout/default/search/resultrow.thtml
new file mode 100644
index 000000000..9394fafab
--- /dev/null
+++ b/public_html/layout/default/search/resultrow.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<tr>
+  {data_cols}
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/resultrowenhanced.thtml b/public_html/layout/default/search/resultrowenhanced.thtml
new file mode 100644
index 000000000..fd56d8bd8
--- /dev/null
+++ b/public_html/layout/default/search/resultrowenhanced.thtml
@@ -0,0 +1,11 @@
+{# begin {templatelocation} #}
+
+<tr>
+  <td>
+    <table class="uk-table uk-table-condensed uk-table-striped uk-width-1-1" style="background:#ffffff;">
+      {data_cols}
+    </table>
+  </td>
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/resultsummary.thtml b/public_html/layout/default/search/resultsummary.thtml
new file mode 100644
index 000000000..ffd41f09e
--- /dev/null
+++ b/public_html/layout/default/search/resultsummary.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<tr>
+  <td colspan="3">{data}</td>
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/resulttitle.thtml b/public_html/layout/default/search/resulttitle.thtml
new file mode 100644
index 000000000..ffd41f09e
--- /dev/null
+++ b/public_html/layout/default/search/resulttitle.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<tr>
+  <td colspan="3">{data}</td>
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/searchauthors.thtml b/public_html/layout/default/search/searchauthors.thtml
new file mode 100644
index 000000000..357ce149e
--- /dev/null
+++ b/public_html/layout/default/search/searchauthors.thtml
@@ -0,0 +1,13 @@
+{# begin {templatelocation} #}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="advsearchform-author">{lang_authors}</label>
+            <div class="uk-form-controls">
+                <select name="author" id="advsearchform-author">
+                    <option selected="selected" value="0">{lang_all}</option>
+                    {author_option_list}
+                </select>
+            </div>
+        </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/searchblock.thtml b/public_html/layout/default/search/searchblock.thtml
new file mode 100644
index 000000000..d4f11d351
--- /dev/null
+++ b/public_html/layout/default/search/searchblock.thtml
@@ -0,0 +1,19 @@
+{# begin {templatelocation} #}
+
+{start_block_results}
+
+<table class="uk-table uk-table-condensed uk-table-striped uk-width-1-1" style="background:#ffffff;">
+  <thead>
+    <tr>
+      {headings}
+    </tr>
+  </thead>
+
+  <tbody>
+    {results}
+  </tbody>
+</table>
+
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/searchform.thtml b/public_html/layout/default/search/searchform.thtml
new file mode 100644
index 000000000..42c3db5ba
--- /dev/null
+++ b/public_html/layout/default/search/searchform.thtml
@@ -0,0 +1,66 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/search.php" method="get" id="advsearchform" class="uk-form uk-form-horizontal">
+
+        <p class="uk-margin">{search_intro}</p>
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="advsearchform-query">{lang_keywords}</label>
+            <div class="uk-form-controls">
+                <input type="text" maxlength="35" value="{query}" name="query" id="advsearchform-query" class="uk-form-width-medium"{xhtml}>
+                <select name="keyType" title="{lang_keytype}" id="advsearchform-keyType">
+                    <option value="phrase" {key_phrase_selected}>{lang_exact_phrase}</option>
+                    <option value="all" {key_all_selected}>{lang_all_words}</option>
+                    <option value="any" {key_any_selected}>{lang_any_word}</option>
+                </select>
+            </div>
+        </div>
+        <div class="uk-form-row">
+            <label><input type="checkbox" value="true" name="title"{title_checked}{xhtml}>{lang_titles}</label>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="advsearchform-datestart">{lang_date}</label>
+            <div class="uk-form-controls">
+                <input type="text" maxlength="10" name="datestart" value="{datestart}" id="advsearchform-datestart" class="uk-form-width-small"{xhtml}> <span class="loose">{lang_to}</span> <input type="text" maxlength="10" name="dateend" value="{dateend}" id="advsearchform-dateend" class="uk-form-width-small"{xhtml}>
+                <span class="uk-form-help-inline">{date_format}</span>
+            </div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="advsearchform-topic">{lang_topic}</label>
+            <div class="uk-form-controls">
+                <select name="topic" id="advsearchform-topic">
+                    {topic_option_list}
+                </select>
+            </div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="advsearchform-type">{lang_type}</label>
+            <div class="uk-form-controls">
+                <select name="type" id="advsearchform-type">
+                {plugin_types}
+                </select>
+            </div>
+        </div>
+
+        {author_form_element}
+
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="advsearchform-results">{lang_results}</label>
+            <div class="uk-form-controls">
+                <select name="results" id="advsearchform-results">
+                    {search_limits}
+                </select>
+                {lang_per_page}
+            </div>
+        </div>
+
+        <div class="uk-form-row uk-margin-large-top">
+            <div class="uk-form-controls">
+                <input type="hidden" name="mode" value="search"{xhtml}>
+                <input type="submit" value="{lang_search}" class="uk-button uk-form-width-medium"{xhtml}>
+            </div>
+        </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/searchresults.thtml b/public_html/layout/default/search/searchresults.thtml
new file mode 100644
index 000000000..3c1d619f0
--- /dev/null
+++ b/public_html/layout/default/search/searchresults.thtml
@@ -0,0 +1,13 @@
+{# begin {templatelocation} #}
+
+<dl id="searchresults-found">
+  <dt>{lang_matchesfor}</dt>
+  <dd>{lang_found}{num_matches}</dd>
+  <dd class="search_time">{search_time}{lang_seconds}</dd>
+  <dd>{refine_search}</dd>
+</dl>
+
+{search_blocks}
+{search_pager}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/searchresults_heading.thtml b/public_html/layout/default/search/searchresults_heading.thtml
new file mode 100644
index 000000000..7f06bd573
--- /dev/null
+++ b/public_html/layout/default/search/searchresults_heading.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<tr>
+  {heading_columns}
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/searchresults_norows.thtml b/public_html/layout/default/search/searchresults_norows.thtml
new file mode 100644
index 000000000..9ee68e5c6
--- /dev/null
+++ b/public_html/layout/default/search/searchresults_norows.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<p id="searchresults_norows">{no_rows_msg}</p>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/search/searchresults_rows.thtml b/public_html/layout/default/search/searchresults_rows.thtml
new file mode 100644
index 000000000..9f863f1d9
--- /dev/null
+++ b/public_html/layout/default/search/searchresults_rows.thtml
@@ -0,0 +1,7 @@
+{# begin {templatelocation} #}
+
+<tr>
+  {results_columns}
+</tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/staticpages/admin/editor.thtml b/public_html/layout/default/staticpages/admin/editor.thtml
new file mode 100644
index 000000000..095067f90
--- /dev/null
+++ b/public_html/layout/default/staticpages/admin/editor.thtml
@@ -0,0 +1,233 @@
+{# begin {templatelocation} #}
+
+{start_block_editor}
+
+<form action="{site_admin_url}/plugins/staticpages/index.php" method="post" id="sp-editor" class="uk-form uk-form-horizontal">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_title">{lang_title}</label>
+    <div class="uk-form-controls">
+      <input type="text" maxlength="128" {!if titletoid}onkeyup="TitleToId('sp-editor-sp_title','sp-editor-sp_id');" {!endif}name="sp_title" value="{sp_title}" id="sp-editor-sp_title" class="uk-form-width-large" required{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_id">{lang_id}</label>
+    <div class="uk-form-controls">
+      <input type="text" dir="ltr" name="sp_id" maxlength="128" value="{sp_id}" id="sp-editor-sp_id" class="uk-form-width-medium" required{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_url}</label>
+    <div class="uk-form-controls">
+      <span class="uk-text-break">{example_url}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_page_title">{lang_page_title}</label>
+    <div class="uk-form-controls">
+      <input type="text" maxlength="128" name="sp_page_title" value="{sp_page_title}" id="sp-editor-sp_page_title" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_onmenu">{lang_addtomenu}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="sp_onmenu" id="sp-editor-sp_onmenu" {onmenu_checked}{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_label">{lang_label}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="sp_label" maxlength="64" value="{sp_label}" id="sp-editor-sp_label" class="uk-form-width-large"{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_topic}</label>
+    <div class="uk-form-controls">{topic_selection}</div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_format">{lang_pageformat}</label>
+    <div class="uk-form-controls">
+      <select name="sp_format" id="sp-editor-sp_format">
+        <option value="blankpage" {blankpage_selected}>{lang_blankpage}</option>
+        <option value="noblocks" {noblock_selected}>{lang_noblocks}</option>
+        <option value="leftblocks" {leftblocks_selected}>{lang_leftblocks}</option>
+        <option value="allblocks" {allblocks_selected}>{lang_leftrightblocks}</option>
+      </select>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-commentcode">{lang_mode}</label>
+    <div class="uk-form-controls">
+      <select name="commentcode" id="sp-editor-commentcode">{comment_options}</select>
+    </div>
+  </div>
+
+  <div class="uk-form-row"{hide_meta}>
+    <label class="uk-form-label" for="sp-editor-meta_description">{lang_metadescription}</label>
+    <div class="uk-form-controls">
+      <textarea name="meta_description" cols="45" rows="2" id="sp-editor-meta_description" class="uk-width-1-1">{meta_description}</textarea>
+    </div>
+  </div>
+
+  <div class="uk-form-row"{hide_meta}>
+    <label class="uk-form-label" for="sp-editor-meta_keywords">{lang_metakeywords}</label>
+    <div class="uk-form-controls">
+      <textarea name="meta_keywords" cols="45" rows="2" id="sp-editor-meta_keywords" class="uk-width-1-1">{meta_keywords}</textarea>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label for="sp-editor-sp_content">{lang_content}</label>
+    <div>
+      <textarea name="sp_content" style="width:99.5%" cols="45" rows="24" id="sp-editor-sp_content" class="uk-width-1-1" aria-describedby="sp-editor-sp_content" required>{sp_content}</textarea>
+      <span class="uk-form-help-inline" id="sp-editor-sp_content">{lang_allowed_html}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-draft_flag">{lang_draft}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="draft_flag" id="sp-editor-draft_flag" {draft_flag_checked}{xhtml}>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-cache_time">{lang_cache_time}</label>
+    <div class="uk-form-controls">
+      <input type="text" size="8" value="{cache_time}" name="cache_time" id="sp-editor-cachetime" class="text"{xhtml}>
+      <span class="uk-form-help-inline">{lang_cache_time_desc}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_lastupdated}</label>
+    <div class="uk-form-controls">
+      {sp_formateddate}
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_hits}</label>
+    <div class="uk-form-controls">
+      <input type="hidden" name="sp_hits" value="{sp_hits}"{xhtml}>
+      <span class="uk-form-help-inline">{sp_hits_formatted}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_comments}</label>
+    <div class="uk-form-controls">{sp_comments}</div>
+  </div>
+
+  <hr class="uk-hr">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-template_flag">{lang_template}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="template_flag" id="sp-editor-template_flag" {template_flag_checked}{xhtml}>
+      <span class="uk-form-help-inline">{lang_template_flag_msg}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_use_template}</label>
+    <div class="uk-form-controls">{use_template_selection}
+      <span class="uk-form-help-inline">{lang_use_temlate_msg}</span>
+    </div>
+  </div>
+
+  <hr class="uk-hr">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_centerblock">{lang_centerblock}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="sp_centerblock" id="sp-editor-sp_centerblock" {centerblock_checked}{xhtml}>
+      <span class="uk-form-help-inline">{lang_centerblock_msg}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{lang_position}</label>
+    <div class="uk-form-controls">{pos_selection}</div>
+  </div>
+
+  <hr class="uk-hr">
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_inblock">{inblock_msg}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="sp_inblock" id="sp-editor-sp_inblock" {inblock_checked}{xhtml}>
+      <span class="uk-form-help-inline">{inblock_info}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_help">{lang_centerblock_help}</label>
+    <div class="uk-form-controls">
+      <input type="text" name="sp_help" value="{centerblock_help}" id="sp-editor-sp_help" class="uk-form-width-medium"{xhtml}>
+      <span class="uk-form-help-inline">{lang_centerblock_include}</span>
+      <span class="uk-form-help-inline">{lang_centerblock_desc}</span>
+    </div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label">{php_msg}</label>
+    <div class="uk-form-controls">{php_selector}&nbsp;&nbsp;{php_warn}</div>
+  </div>
+
+  <div class="uk-form-row">
+    <label class="uk-form-label" for="sp-editor-sp_nf">{exit_msg}</label>
+    <div class="uk-form-controls">
+      <input type="checkbox" name="sp_nf" id="sp-editor-sp_nf" {exit_checked}{xhtml}>
+      <span class="uk-form-help-inline">{exit_info}</span>
+    </div>
+  </div>
+
+  <fieldset class="uk-margin-large-top">
+    <legend>{lang_accessrights}</legend>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_owner}</label>
+      <div class="uk-form-controls">
+        {owner_link} {camera_icon}
+        <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}>
+      </div>
+    </div>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="group_id">{lang_group}</label>
+      <div class="uk-form-controls">{group_dropdown}</div>
+    </div>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_permissions}</label>
+      <div class="uk-form-controls">
+        {permissions_editor}
+        <span class="uk-form-help-inline">{lang_perm_key}</span>
+        <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+      </div>
+    </div>
+  </fieldset>
+
+  <div class="uk-form-row uk-margin-large-top">
+    <div class="uk-form-controls">
+      <input type="submit" value="{lang_save}" name="mode" class="uk-form-width-medium"{xhtml}>
+      <input type="submit" value="{lang_cancel}" name="mode"{xhtml}>
+      {delete_option}
+      <input type="hidden" name="sp_old_id" value="{sp_old_id}"{xhtml}>
+      <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+    </div>
+  </div>
+
+</form>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/staticpages/admin/editor_advanced.thtml b/public_html/layout/default/staticpages/admin/editor_advanced.thtml
new file mode 100644
index 000000000..b084f6f7d
--- /dev/null
+++ b/public_html/layout/default/staticpages/admin/editor_advanced.thtml
@@ -0,0 +1,218 @@
+{# begin {templatelocation} #}
+
+{noscript}
+<div id="advanced_editor" style="display:none;">
+  {start_block_editor}
+  <form action="{site_admin_url}/plugins/staticpages/index.php" method="post" onsubmit='set_postcontent();' id="sp-advanced_editor" class="uk-form uk-form-horizontal">
+
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="sp-advanced_editor-sp_title">{lang_title}</label>
+      <div class="uk-form-controls"><input type="text" maxlength="128" {!if titletoid}onkeyup="TitleToId('sp-advanced_editor-sp_title','sp-advanced_editor-sp_id');" {!endif}name="sp_title" value="{sp_title}" id="sp-advanced_editor-sp_title" class="uk-form-width-large" required{xhtml}></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-sp_id">{lang_id}</label> 
+        <div class="uk-form-controls"><input type="text" dir="ltr" name="sp_id" maxlength="128" value="{sp_id}" id="sp-advanced_editor-sp_id" class="uk-form-width-medium" required{xhtml}></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_url}</label> 
+        <div class="uk-form-controls"><span class="uk-text-break">{example_url}</span></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-sp_page_title">{lang_page_title}</label> 
+        <div class="uk-form-controls"><input type="text" maxlength="128" name="sp_page_title" value="{sp_page_title}" id="sp-advanced_editor-sp_page_title" class="uk-form-width-large"{xhtml}></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-sp_onmenu">{lang_addtomenu}</label> 
+        <div class="uk-form-controls"><input type="checkbox" name="sp_onmenu" id="sp-advanced_editor-sp_onmenu" {onmenu_checked}{xhtml}></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-sp_label">{lang_label}</label> 
+        <div class="uk-form-controls"><input type="text" name="sp_label" maxlength="64" value="{sp_label}" id="sp-advanced_editor-sp_label" class="uk-form-width-medium"{xhtml}></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_topic}</label>
+        <div class="uk-form-controls">{topic_selection}</div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-sp_format">{lang_pageformat}</label>        <div class="uk-form-controls">
+          <select name="sp_format" id="sp-advanced_editor-sp_format">
+            <option value="blankpage" {blankpage_selected}>{lang_blankpage}</option>
+            <option value="noblocks" {noblock_selected}>{lang_noblocks}</option>
+            <option value="leftblocks" {leftblocks_selected}>{lang_leftblocks}</option>
+            <option value="allblocks" {allblocks_selected}>{lang_leftrightblocks}</option>
+          </select>
+        </div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-commentcode">{lang_mode}</label> 
+        <div class="uk-form-controls">
+          <select name="commentcode" id="sp-advanced_editor-commentcode">
+            {comment_options}
+          </select>
+        </div>
+      </div>
+
+      <div class="uk-form-row"{hide_meta}>
+        <label class="uk-form-label" for="sp-advanced_editor-meta_description">{lang_metadescription}</label> 
+        <div class="uk-form-controls">
+          <textarea name="meta_description" cols="45" rows="2" id="sp-advanced_editor-meta_description" class="uk-width-1-1">{meta_description}</textarea>
+        </div>
+      </div>
+
+      <div class="uk-form-row"{hide_meta}>
+        <label class="uk-form-label" for="sp-advanced_editor-meta_keywords">{lang_metakeywords}</label> 
+        <div class="uk-form-controls"><textarea name="meta_keywords" cols="45" rows="2" id="sp-advanced_editor-meta_keywords" class="uk-width-1-1">{meta_keywords}</textarea></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sel_editmode">{lang_postmode}</label> 
+        <div class="uk-form-controls">
+          <select name="postmode" id="sel_editmode" {change_editormode}>
+            {post_options}
+          </select>
+        </div>
+      </div>
+
+      <div class="uk-form-row uk-margin-large-top">
+        <span id="sel_toolbar" style="display:{show_adveditor};">{lang_toolbar}:&nbsp;
+          <select id="fckeditor_toolbar_selector" name="fckeditor_toolbar_selector" onchange="changeToolbar(this.value);">
+            <option value="editor-toolbar1">{toolbar1}</option>
+            <option value="editor-toolbar2" selected="selected">{toolbar2}</option>
+            <option value="editor-toolbar3">{toolbar3}</option>
+            <option value="Default">{toolbar5}</option>
+          </select>
+        </span>
+
+        <div id="advanced_editarea" style="display:{show_adveditor};">
+          <textarea id="adv_content" name="sp_content" cols="45" rows="24" aria-describedby="advanced_editor-adv_content-d1">{sp_content}</textarea>
+          <span class="uk-form-help-inline" id="advanced_editor-adv_content-d1">{lang_allowed_html}</span>
+        </div>
+
+        <div id="html_editarea" style="display:{show_htmleditor};">
+          <textarea id="html_content" name="sp_content" cols="45" rows="24" style="width:98%" wrap="virtual" aria-describedby="advanced_editor-adv_content-d1">{sp_content}</textarea>
+          <span class="uk-form-help-inline" id="advanced_editor-adv_content-d1">{lang_allowed_html}</span>
+        </div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-draft_flag">{lang_draft}</label> 
+        <div class="uk-form-controls"><input type="checkbox" name="draft_flag" id="sp-advanced_editor-draft_flag" {draft_flag_checked}{xhtml}></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-cache_time">{lang_cache_time}</label> 
+        <div class="uk-form-controls"><input type="text" size="8" value="{cache_time}" name="cache_time" id="advanced_editor-cachetime" class="text"{xhtml}>
+        <span class="uk-form-help-inline">{lang_cache_time_desc}</span></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_lastupdated}</label> 
+        <div class="uk-form-controls">{sp_formateddate}</div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_hits}</label> 
+        <div class="uk-form-controls"><input type="hidden" name="sp_hits" value="{sp_hits}"{xhtml}>{sp_hits_formatted}</div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_comments}</label> 
+        <div class="uk-form-controls">{sp_comments}</div>
+      </div>
+
+      <hr class="uk-hr">
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-template_flag">{lang_template}</label> 
+        <div class="uk-form-controls"><input type="checkbox" name="template_flag" id="sp-advanced_editor-template_flag" {template_flag_checked}{xhtml}>&nbsp;&nbsp;{lang_template_flag_msg}</div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_use_template}</label> 
+        <div class="uk-form-controls">{use_template_selection}&nbsp;&nbsp;&nbsp;{lang_use_template_msg}</div>
+      </div>
+
+      <hr class="uk-hr">
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-sp_centerblock">{lang_centerblock}</label> 
+        <div class="uk-form-controls"><input type="checkbox" name="sp_centerblock" id="sp-advanced_editor-sp_centerblock" {centerblock_checked}{xhtml}>&nbsp;&nbsp;{lang_centerblock_msg}</div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_position}</label> 
+        <div class="uk-form-controls">{pos_selection}</div>
+      </div>
+
+      <hr class="uk-hr">
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-sp_inblock">{inblock_msg}</label> 
+        <div class="uk-form-controls">
+      <input type="checkbox" name="sp_inblock" id="sp-advanced_editor-sp_inblock" {inblock_checked}{xhtml}>&nbsp;&nbsp;{inblock_info}
+        </div>
+      </div>
+
+      <div class="uk-form-row">
+          <label class="uk-form-label" for="sp-advanced_editor-sp_help">{lang_centerblock_help}</label> 
+      <div class="uk-form-controls">
+        <input type="text" name="sp_help" value="{centerblock_help}" id="sp-advanced_editor-sp_help" class="uk-form-width-medium"{xhtml}>&nbsp;{lang_centerblock_include}
+          <span class="uk-form-help-inline">{lang_centerblock_desc}</span>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{php_msg}</label> 
+        <div class="uk-form-controls">{php_selector}&nbsp;&nbsp;{php_warn}</div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="sp-advanced_editor-sp_nf">{exit_msg}</label> 
+        <div class="uk-form-controls"><input type="checkbox" name="sp_nf" id="sp-advanced_editor-sp_nf" {exit_checked}{xhtml}>&nbsp;&nbsp;{exit_info}</div>
+      </div>
+
+<fieldset class="uk-margin-large-top">
+      <legend>{lang_accessrights}</legend>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_owner}</label>
+           <div class="uk-form-controls">{owner_link} {camera_icon}
+        <input type="hidden" name="owner_id" value="{owner_id}"{xhtml}></div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label" for="group_id">{lang_group}</label> 
+        <div class="uk-form-controls">{group_dropdown}</div>
+      </div>
+
+      <div class="uk-form-row">
+        <label class="uk-form-label">{lang_permissions}</label> 
+        <div class="uk-form-controls">{permissions_editor}
+          <span class="uk-form-help-inline">{lang_perm_key}</span>
+          <span class="uk-form-help-inline">{lang_permissions_msg}</span>
+        </div>
+      </div>
+    </fieldset>
+
+    <div class="uk-form-row uk-margin-large-top">
+      <div class="uk-form-controls">
+        <input type="submit" value="{lang_save}" name="mode" class="uk-form-width-medium"{xhtml}>
+        <input type="submit" value="{lang_cancel}" name="mode"{xhtml}>
+        {delete_option}
+        <input type="hidden" name="sp_old_id" value="{sp_old_id}"{xhtml}>
+        <input type="hidden" name="{gltoken_name}" value="{gltoken}"{xhtml}>
+      </div>
+    </div>
+
+  </form>
+  {end_block}
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/staticpages/centerblock.thtml b/public_html/layout/default/staticpages/centerblock.thtml
new file mode 100644
index 000000000..67e1109ad
--- /dev/null
+++ b/public_html/layout/default/staticpages/centerblock.thtml
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+<?php if(SEC_inGroup('Root')){ ?><div class="gl-edit"><?php } ?>
+{block_start}
+{!if edit_icon}<div class="uk-float-right">{edit_icon}</div>{!endif}
+{content}
+{block_end}
+<?php if(SEC_inGroup('Root')){ ?></div><?php } ?>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/staticpages/printable.thtml b/public_html/layout/default/staticpages/printable.thtml
new file mode 100644
index 000000000..7d5f4b339
--- /dev/null
+++ b/public_html/layout/default/staticpages/printable.thtml
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html{lang_attribute}{xmlns}>
+<head>
+  <title>{page_title}</title>
+  <meta name="robots" content="NOINDEX"{xhtml}>
+  <link rel="stylesheet" type="text/css" href="{layout_url}/print.css"{xhtml}>
+  <link rel="stylesheet" type="text/css" media="print" href="{layout_url}/print.css"{xhtml}>
+  <link rel="canonical" href="{printable_url}"{xhtml}>
+</head>
+<body dir="{direction}">
+{# begin {templatelocation} #}
+    <h1>{sp_title}</h1>
+
+    <p>{sp_content}</p>
+
+    <hr{xhtml}>
+
+    <p>{site_name}<br{xhtml}>
+        <a href="{sp_url}">{sp_url}</a>
+    </p>
+<p>{comments_text_in_brackets}</p>
+
+{# end {templatelocation} #}
+</body>
+</html>
diff --git a/public_html/layout/default/staticpages/spcomments.thtml b/public_html/layout/default/staticpages/spcomments.thtml
new file mode 100644
index 000000000..54a496ee2
--- /dev/null
+++ b/public_html/layout/default/staticpages/spcomments.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<ul class="uk-subnav uk-subnav-line uk-flex-center"><li><a href="{sp_comments_url}">{num_comments} {lang_comments}</a></li></ul>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/staticpages/staticpage.thtml b/public_html/layout/default/staticpages/staticpage.thtml
new file mode 100644
index 000000000..5e7c446b6
--- /dev/null
+++ b/public_html/layout/default/staticpages/staticpage.thtml
@@ -0,0 +1,12 @@
+{# begin {templatelocation} #}
+
+{breadcrumb_trail}
+<?php if(SEC_inGroup('Root')){ ?><div class="gl-edit">{edit_icon}<?php } ?>
+{block_start}
+{content}
+{block_end}
+<ul class="uk-subnav uk-subnav-line uk-flex-center"><li>{lastupdate}{!if hits}</li><li>{!endif}{hits} {print_icon}{edit_icon}</li></ul>
+{commentbar}
+<?php if(SEC_inGroup('Root')){ ?></div><?php } ?>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/stats/index.html b/public_html/layout/default/stats/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/stats/itemstatistics.thtml b/public_html/layout/default/stats/itemstatistics.thtml
new file mode 100644
index 000000000..d4c58875d
--- /dev/null
+++ b/public_html/layout/default/stats/itemstatistics.thtml
@@ -0,0 +1,17 @@
+{# begin {templatelocation} #}
+
+<table class="uk-table uk-table-condensed uk-table-striped uk-width-1-1" style="background:#ffffff;">
+  <thead>
+    <tr>
+      <th>{item_label}</th>
+      <th>{stat_name}</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    {stat_row}
+  </tbody>
+
+</table>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/stats/singlestat.thtml b/public_html/layout/default/stats/singlestat.thtml
new file mode 100644
index 000000000..a84e94d51
--- /dev/null
+++ b/public_html/layout/default/stats/singlestat.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+    <tr>
+      <th><a href="{item_url}">{item_text}</a></th>
+      <td>{item_stat}</td>
+    </tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/stats/singlesummary.thtml b/public_html/layout/default/stats/singlesummary.thtml
new file mode 100644
index 000000000..b6da7b602
--- /dev/null
+++ b/public_html/layout/default/stats/singlesummary.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+    <tr>
+      <th>{item_text}</th>
+      <td>{item_stat}</td>
+    </tr>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/stats/sitestatistics.thtml b/public_html/layout/default/stats/sitestatistics.thtml
new file mode 100644
index 000000000..fcc3b4aa0
--- /dev/null
+++ b/public_html/layout/default/stats/sitestatistics.thtml
@@ -0,0 +1,23 @@
+{# begin {templatelocation} #}
+
+<table class="uk-table uk-table-condensed uk-table-striped uk-width-1-1" style="background:#ffffff;">
+  <tbody>
+    <tr>
+      <th>{lang_totalhitstosystem}</th>
+      <td>{total_hits}</td>
+    </tr>
+    <tr>
+      <th>{lang_active_users}</th>
+      <td>{active_users}</td>
+    </tr>
+    <tr>
+      <th>{lang_stories_comments}</th>
+      <td>{total_stories}({total_comments})</td>
+    </tr>
+
+    {summary_row}
+  </tbody>
+
+</table>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/storybodytext.thtml b/public_html/layout/default/storybodytext.thtml
new file mode 100644
index 000000000..8fba97c0f
--- /dev/null
+++ b/public_html/layout/default/storybodytext.thtml
@@ -0,0 +1,3 @@
+{# begin {templatelocation} #}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/storytext.thtml b/public_html/layout/default/storytext.thtml
new file mode 100644
index 000000000..6455e892e
--- /dev/null
+++ b/public_html/layout/default/storytext.thtml
@@ -0,0 +1,59 @@
+{# begin {templatelocation} #}
+
+<article itemscope itemtype="http://schema.org/Article" class="<?php if(SEC_inGroup('Root')){ ?>gl-edit <?php } ?>uk-article">
+  <header>
+
+<?php if( COM_onFrontpage() ) { ?><h2<?php } else { ?><h1<?php } ?>
+     itemprop="name" class="uk-article-title uk-margin-remove">{start_storylink_anchortag}{story_title}{end_storylink_anchortag}
+<?php if( COM_onFrontpage() ) { ?></h2><?php } else { ?></h1><?php } ?>
+
+    <div class="uk-grid">
+      <div class="uk-width-1-2">
+        <ul class="uk-article-meta uk-subnav uk-flex-left">
+          <li itemprop="datePublished">{story_date}</li>
+          <li>{lang_contributed_by} {start_contributedby_anchortag}<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{contributedby_author}</span></span>{end_contributedby_anchortag}</li>
+          <li>{lang_views} {story_hits}</li>
+        </ul>
+      </div>
+    <div class="uk-width-1-2">
+        <div class="uk-subnav uk-flex-right">
+          {email_icon}{print_icon}{edit_icon}
+        </div>
+      </div>
+    </div>
+
+  </header>
+
+  <div itemprop="articleBody" class="uk-margin-top">
+{!if story_anchortag_and_image_no_align}
+    <span class="uk-float-right uk-margin-left uk-margin-bottom">{story_anchortag_and_image_no_align}</span>
+{!endif}
+    {story_text_no_br}
+  </div>
+
+{!if story_footer}
+  <footer>
+
+    {related_topics}
+
+{!if navi_list}
+    <ul class="uk-list">
+      {!if page_selector}<li>{page_selector}</li>{!endif}
+      {!if readmore_link}<li>{readmore_link}</li>{!endif}
+      {!if post_comment_link}<li>{post_comment_link}</li>{!endif}
+    </ul>
+{!endif}
+
+{!if feedback_list}
+    <ul class="uk-subnav uk-subnav-line uk-flex-center">
+      {!if plugin_itemdisplay}<li>{plugin_itemdisplay}</li>{!endif}
+      {!if comments_with_count}<li>{comments_with_count}</li>{!endif}
+      {!if trackbacks_with_count}<li>{trackbacks_with_count}</li>{!endif}
+    </ul>
+{!endif}
+
+  </footer>
+{!endif}
+</article>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/style.css.php b/public_html/layout/default/style.css.php
new file mode 100644
index 000000000..3a8dbfd27
--- /dev/null
+++ b/public_html/layout/default/style.css.php
@@ -0,0 +1,198 @@
+<?php
+
+/* Reminder: always indent with 4 spaces (no tabs). */
+// +---------------------------------------------------------------------------+
+// | Geeklog 1.9.0                                                             |
+// +---------------------------------------------------------------------------+
+// | style.css.php                                                             |
+// |                                                                           |
+// | Preprocessor for CSS theme files                                          |
+// +---------------------------------------------------------------------------+
+// | Copyright (C) 2012 by the following authors:                              |
+// |                                                                           |
+// | Authors: Rouslan Placella  - rouslan@placella.com                         |
+// +---------------------------------------------------------------------------+
+// |                                                                           |
+// | This program is free software; you can redistribute it and/or             |
+// | modify it under the terms of the GNU General Public License               |
+// | as published by the Free Software Foundation; either version 2            |
+// | of the License, or (at your option) any later version.                    |
+// |                                                                           |
+// | This program is distributed in the hope that it will be useful,           |
+// | but WITHOUT ANY WARRANTY; without even the implied warranty of            |
+// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the             |
+// | GNU General Public License for more details.                              |
+// |                                                                           |
+// | You should have received a copy of the GNU General Public License         |
+// | along with this program; if not, write to the Free Software Foundation,   |
+// | Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.           |
+// |                                                                           |
+// +---------------------------------------------------------------------------+
+
+require_once '../../siteconfig.php';
+
+// Get theme
+if (isset($_GET['theme'])) {
+    $theme = $_GET['theme'];
+} else {
+    exit();
+}
+
+// Create directions for RTL support
+$left  = 'left';
+$right = 'right';
+$dir = 'ltr';
+
+if ($_GET['dir'] === 'rtl') {
+    $left  = 'right';
+    $right = 'left';
+    $dir = 'rtl';
+}
+$LANG_DIRECTION = $dir; // Need to set this for themes function.php file
+
+// Set Path Variables
+$path_html = dirname(dirname(getcwd())); // Should always be the directory above
+$path_themes = $path_html . '/layout/';
+$path_layout = $path_themes . $theme . '/';
+// Set etag file name and path
+// have moved or renamed /data directory, please change the following line accordingly.
+$etag_filename =  $_CONF['path'] . 'data/layout_css/' . $theme . '_' . $dir . '_etag.cache';
+
+/**
+* Get Theme Info
+*/
+if (file_exists($path_layout . 'functions.php')) {
+    require_once $path_layout . 'functions.php';
+} else {
+    exit;
+}
+
+/**
+ * Get the configuration values from the theme
+ */
+$theme_default = ''; // Default is none
+$path_layout_default = ''; // Default is none
+$func = "theme_config_" . $theme;
+if (function_exists($func)) {
+    $theme_config = $func();
+    if (isset($theme_config['theme_default'])) {
+        $theme_default = $theme_config['theme_default'];
+        $path_layout_default = $path_themes . $theme_default . '/';
+        // reset fake config theme var to default so when fuction below loads in css files it will point to default
+    }
+}
+
+$cssfiles = array();
+// Load in default theme css files
+if (!empty($theme_default)) {
+    if (file_exists($path_layout_default . 'functions.php')) {
+        require_once $path_layout_default . 'functions.php';
+    } else {
+        exit;
+    }
+
+    /* Include scripts on behalf of the theme */
+    $_CONF['theme'] = $theme_default; // Need to set this for default themes function.php file
+    $func = "theme_css_" . $theme_default;
+    if (function_exists($func)) {
+        foreach ($func() as $info) {
+            $info['priority'] = (!empty($info['priority']))   ? $info['priority']   : 100;
+            $cssfiles[] = $info;
+        }
+    }
+}
+/* Include scripts on behalf of the theme */
+$_CONF['theme'] = $theme; // Need to set this for themes function.php file
+$func = "theme_css_" . $theme;
+if (function_exists($func)) {
+    foreach ($func() as $info) {
+        $info['priority'] = (!empty($info['priority']))   ? $info['priority']   : 100;
+        $cssfiles[] = $info;
+    }
+}
+
+// Sort Theme CSS Files based on priority if needed
+$priority = array();
+foreach($cssfiles as $k => $d) {
+  $priority[$k] = $d['priority'];
+}
+array_multisort($priority, SORT_ASC, $cssfiles);
+
+// Add in custom.css at end after sort
+if (!empty($theme_default)) {
+    $info = array();
+    $info['file'] = '/layout/' . $theme_default . '/custom.css';
+    $info['priority'] = 1000;
+    $cssfiles[] = $info;
+}
+$info = array();
+$info['file'] = '/layout/' . $theme . '/custom.css';
+$info['priority'] = 1000;
+$cssfiles[] = $info;
+
+if (isset($_SERVER['HTTP_IF_NONE_MATCH'])) {
+    if (is_readable($etag_filename)) {
+        $etag = file_get_contents($etag_filename);
+
+        if (!empty($etag) AND (trim($_SERVER['HTTP_IF_NONE_MATCH'], '"\'') === $etag)) {
+            header('HTTP/1.1 304 Not Modified');
+            header('Status: 304 Not Modified');
+            exit;
+        }
+    }
+}
+
+// Creates a new ETag value and saves it into the file
+$etag = md5(microtime(TRUE));
+@file_put_contents($etag_filename, $etag);
+
+// Send correct header type:
+header('Content-Type: text/css; charset=UTF-8');
+// Add Cache Expire in 1 week
+header('Cache-control: must-revalidate');
+header('Expires: '.gmdate('D, d M Y H:i:s', time() + 604800).' GMT');
+
+header('ETag: "' . $etag . '"');
+
+// Output the contents of each file
+foreach ($cssfiles as $file) {
+    $full_filepath = '';
+    // Set css path variables
+    $css_file_default='';
+    if (!empty($theme_default)) {
+        $css_file_default = $path_html . $file['file'];
+    }
+    $css_file = $path_html . $file['file'];
+
+    if (!empty($theme_default)) {
+        // First add own theme css file if found else add default css file
+        if (is_readable($css_file)) {
+            $full_filepath = $css_file;
+        } elseif (is_readable($css_file_default)) {
+            $full_filepath = $css_file_default;
+        }
+    } else {
+        // Add theme css file if found
+        if (is_readable($css_file)) {
+            $full_filepath = $css_file;
+        }
+    }
+
+    if (!empty($full_filepath)) {
+        $css = file_get_contents($full_filepath);
+        $css = preg_replace("@/\*.*?\*/@sm", '', $css); // strip comments
+        $css = preg_replace("@\s*\n+\s*@sm", "\n", $css); // strip indentation
+
+        // Replace {right} and {left} placeholders with actual values.
+        // Used for RTL support in some themes.
+        $css = str_replace('{right}', $right, $css);
+        $css = str_replace('{left}', $left, $css);
+
+        // Output
+        echo "\n/* $full_filepath */\n";
+
+        echo $css;
+    }
+}
+
+?>
diff --git a/public_html/layout/default/submit/index.html b/public_html/layout/default/submit/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/submit/submitstory.thtml b/public_html/layout/default/submit/submitstory.thtml
new file mode 100644
index 000000000..270c84bec
--- /dev/null
+++ b/public_html/layout/default/submit/submitstory.thtml
@@ -0,0 +1,50 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/submit.php" method="post" id="submitstory" class="uk-form uk-form-horizontal">
+
+        <div class="uk-form-row">
+            <label class="uk-form-label">{lang_username}</label>
+            <div class="uk-form-controls">{story_username} [ <a href="{status_url}" rel="nofollow">{lang_loginout}</a>{separator}{create_account} ]</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="submitstory-title">{lang_title}</label>
+            <div class="uk-form-controls"><input type="text" maxlength="96" value="{story_title}" name="title" id="submitstory-title" class="uk-form-width-medium"{xhtml}></div>
+        </div>
+        <div class="uk-form-row">
+            <label>{lang_topic}</label>
+            <div class="uk-form-controls">{topic_selection}</div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="introtext">{lang_introtext}</label>
+            <div class="uk-form-controls"><textarea cols="45" rows="15" name="introtext" id="introtext" class="uk-width-1-1" aria-describedby="submitstory-d1">{story_introtext}</textarea></div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="bodytext">{lang_bodytext}</label>
+            <div class="uk-form-controls"><textarea cols="45" rows="15" name="bodytext" id="bodytext" class="uk-width-1-1" aria-describedby="submitstory-d1">{story_bodytext}</textarea></div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="submitstory-postmode">{lang_postmode}</label>
+            <div class="uk-form-controls">
+                <select name="postmode" id="submitstory-postmode">
+                    {story_postmode_options}
+                </select>
+            </div>
+        </div>
+        <span class="uk-margin uk-form-help-inline" id="submitstory-d1">{allowed_html}</span>
+
+        {captcha}
+
+        <div class="uk-form-row uk-margin-large-top">
+            <div class="uk-form-controls">
+                <input type="submit" name="mode" value="{lang_preview}" class="uk-button uk-form-width-medium"{xhtml}>
+                <input type="hidden" name="type" value="story"{xhtml}>
+                <input type="hidden" name="uid" value="{story_uid}"{xhtml}>
+                <input type="hidden" name="sid" value="{story_sid}"{xhtml}>
+                <input type="hidden" name="date" value="{story_date}"{xhtml}>
+                {save_button}
+            </div>
+        </div>
+
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/submit/submitstory_advanced.thtml b/public_html/layout/default/submit/submitstory_advanced.thtml
new file mode 100644
index 000000000..3b7a8456a
--- /dev/null
+++ b/public_html/layout/default/submit/submitstory_advanced.thtml
@@ -0,0 +1,55 @@
+{# begin {templatelocation} #}
+
+{noscript}
+<div id="advanced_editor" style="display:none;">
+    <form action="{site_url}/submit.php" method="post" onsubmit="set_postcontent();" id="submitstory" class="uk-form uk-form-horizontal">
+
+        <div class="uk-form-row">
+            <label class="uk-form-label">{lang_username}</label>
+            <div class="uk-form-controls">{story_username} [ <a href="{status_url}" rel="nofollow">{lang_loginout}</a>{separator}{create_account} ]</div>
+            </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="submitstory_advanced-title">{lang_title}</label>
+            <div class="uk-form-controls"><input type="text" maxlength="96" value="{story_title}" name="title" id="submitstory_advanced-title" class="uk-form-width-medium"{xhtml}></div>
+        </div>
+        <div class="uk-form-row">
+            <label>{lang_topic}</label>
+            <div class="uk-form-controls">{topic_selection}</div>
+        </div>
+        <div class="uk-form-row">
+            <label>{lang_story}</label>
+            <div class="uk-form-controls">
+                <div id="text_editor" style="display: {show_texteditor};">
+                    <textarea cols="45" rows="15" name="introtext" id="introtext" class="uk-width-1-1" aria-describedby="submitstory-d1">{story_introtext}</textarea>
+                </div>
+                <div id="html_editor" style="display: {show_htmleditor};">
+                    <textarea cols="45" rows="15" name="introhtml" id="introhtml" class="uk-width-1-1">{story_introtext}</textarea>
+                </div>
+            </div>
+        </div>
+        <div class="uk-form-row">
+            <label class="uk-form-label" for="sel_editmode">{lang_postmode}</label>
+            <div class="uk-form-controls">
+                <select name="postmode" id="sel_editmode" {change_editormode}>
+                    {story_postmode_options}
+                </select>
+            </div>
+        </div>
+        <span class="uk-margin uk-form-help-inline" id="submitstory-d1">{allowed_html}</span>
+
+        {captcha}
+
+        <div class="uk-form-row uk-margin-large-top">
+            <div class="uk-form-controls">
+                <input type="submit" name="mode" value="{lang_preview}" class="uk-button uk-form-width-medium"{xhtml}>
+                <input type="hidden" name="type" value="story"{xhtml}>
+                <input type="hidden" name="uid" value="{story_uid}"{xhtml}>
+                <input type="hidden" name="sid" value="{story_sid}"{xhtml}>
+                <input type="hidden" name="date" value="{story_date}"{xhtml}>
+                {save_button}
+            </div>
+        </div>
+    </form>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/tooltips/classic.thtml b/public_html/layout/default/tooltips/classic.thtml
new file mode 100644
index 000000000..c13d34a3e
--- /dev/null
+++ b/public_html/layout/default/tooltips/classic.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<a class="{class}" style="cursor: {cursor}; " href="{link}">{hoverover}<span class="classic">{text}</span></a>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/tooltips/critical.thtml b/public_html/layout/default/tooltips/critical.thtml
new file mode 100644
index 000000000..ecd7c6060
--- /dev/null
+++ b/public_html/layout/default/tooltips/critical.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<a class="{class}" style="cursor: {cursor}; " href="{link}">{hoverover}<span class="custom critical"><i class="uk-icon-stop-circle uk-icon-large"></i <em>{title}</em>{text}</span></a>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/tooltips/help.thtml b/public_html/layout/default/tooltips/help.thtml
new file mode 100644
index 000000000..55c8caca3
--- /dev/null
+++ b/public_html/layout/default/tooltips/help.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<a class="{class}" style="cursor: {cursor}; " href="{link}">{hoverover}<span class="custom help"><i class="uk-icon-question-circle uk-icon-large"></i> <em>{title}</em>{text}</span></a>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/tooltips/information.thtml b/public_html/layout/default/tooltips/information.thtml
new file mode 100644
index 000000000..b35f5a7ce
--- /dev/null
+++ b/public_html/layout/default/tooltips/information.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<a class="{class}" style="cursor: {cursor}; " href="{link}">{hoverover}<span class="custom info"><i class="uk-icon-info-circle uk-icon-large"></i> {title}<br>{text}</span></a>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/tooltips/warning.thtml b/public_html/layout/default/tooltips/warning.thtml
new file mode 100644
index 000000000..39bd36c4c
--- /dev/null
+++ b/public_html/layout/default/tooltips/warning.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<a class="{class}" style="cursor: {cursor}; " href="{link}">{hoverover}<span class="custom warning"><i class="uk-icon-warning uk-icon-large"></i> <em>{title}</em>{text}</span></a>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/topcenterblock-span.thtmlx b/public_html/layout/default/topcenterblock-span.thtmlx
new file mode 100644
index 000000000..46c418eed
--- /dev/null
+++ b/public_html/layout/default/topcenterblock-span.thtmlx
@@ -0,0 +1,10 @@
+{# begin {templatelocation} #}
+
+<style type="text/css">
+    <!--.story-container-splash {padding-right: 9px; !important} .story-container {padding-right: 0px; !important}-->
+</style>
+<table cellspacing="0" cellpadding="0">
+    <tr>
+        <td class="story-container-splash" colspan="0" width="100%" style="vertical-align:top;">
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/topicnavigation.thtml b/public_html/layout/default/topicnavigation.thtml
new file mode 100644
index 000000000..9bc5be9e7
--- /dev/null
+++ b/public_html/layout/default/topicnavigation.thtml
@@ -0,0 +1,13 @@
+{# {templatelocation} - The Topic Navigation uses template blocks which is built into this file #}
+
+<!-- BEGIN option -->
+<li class="topicoption sideoption branch_level{branch_level}"><a href="{option_url}">{option_label}{!if option_count}<span>{option_count}</span>{!endif}</a></li>
+<!-- END option -->
+<!-- BEGIN option-with-hidden -->
+<li class="topicoption sideoption branch_level{branch_level}"><a href="{option_url}">{option_label}{!if option_count}&nbsp;+<span>{option_count}</span>{!endif}</a></li>
+<!-- END option-with-hidden -->
+<!-- BEGIN option-off -->
+<li class="topicoption_off sideoption_off branch_level{branch_level}">{option_label}&nbsp;{option_count}</li>
+<!-- END option-off -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/topicrelated.thtml b/public_html/layout/default/topicrelated.thtml
new file mode 100644
index 000000000..18f33e280
--- /dev/null
+++ b/public_html/layout/default/topicrelated.thtml
@@ -0,0 +1,14 @@
+{# begin {templatelocation} - Related Topics uses template blocks which is built into this file #}
+
+<div>{lang_filed_under} {topics}</div>
+
+{# end {templatelocation} #}
+
+<!-- BEGIN topicitem -->
+<a href="{topic_url}"><span itemprop="articleSection">{topic}</span></a>
+<!-- END topicitem -->
+<!-- BEGIN separator -->
+&nbsp;
+<!-- END separator -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/trackback/formattedcomment.thtml b/public_html/layout/default/trackback/formattedcomment.thtml
new file mode 100644
index 000000000..793727061
--- /dev/null
+++ b/public_html/layout/default/trackback/formattedcomment.thtml
@@ -0,0 +1,14 @@
+{# begin {templatelocation} #}
+
+<div>
+  <ul class="uk-list">
+    <li class="uk-text-bold"><a href="{trackback_url}">{trackback_title}</a> {trackback_from_blog_name}</li>
+    <li>{lang_tracked_on} {trackback_date}</li>
+  </ul>
+
+  <p class="uk-margin">{trackback_excerpt_readmore}</p>
+
+  <div class="uk-margin">{delete_option}</div>
+</div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/trackback/index.html b/public_html/layout/default/trackback/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/trackback/trackback.thtml b/public_html/layout/default/trackback/trackback.thtml
new file mode 100644
index 000000000..73baa9c3e
--- /dev/null
+++ b/public_html/layout/default/trackback/trackback.thtml
@@ -0,0 +1,12 @@
+{# begin {templatelocation} #}
+
+<aside id="trackback">
+  <h2>{lang_trackback}</h2>
+  <div class="block-trackback-content">
+    <p>{lang_trackback_url}<br{xhtml}><span class="break-word">{trackback_url}</span></p>
+    <p class="trackback_comments_no_link">{lang_trackback_comments_no_link}</p>
+    {trackback_comments}
+  </div>
+</aside>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/trackback/trackbackcomment.thtml b/public_html/layout/default/trackback/trackbackcomment.thtml
new file mode 100644
index 000000000..445b2b1d3
--- /dev/null
+++ b/public_html/layout/default/trackback/trackbackcomment.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+{formatted_comment}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/usernavigation.thtml b/public_html/layout/default/usernavigation.thtml
new file mode 100644
index 000000000..43fb2e873
--- /dev/null
+++ b/public_html/layout/default/usernavigation.thtml
@@ -0,0 +1,10 @@
+{# {templatelocation} - The User Navigation uses template blocks which is built into this file #}
+
+<!-- BEGIN option -->
+<li class="useroption sideoption"><a href="{option_url}"{option_attributes}>{option_label}{!if option_count}<span>{option_count}</span>{!endif}</a></li>
+<!-- END option -->
+<!-- BEGIN current -->
+<li class="useroption_off sideoption_off">{option_label}&nbsp;{option_count}</li>
+<!-- END current -->
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/commentrow.thtml b/public_html/layout/default/users/commentrow.thtml
new file mode 100644
index 000000000..a68c3d67c
--- /dev/null
+++ b/public_html/layout/default/users/commentrow.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<p>{row_number} {comment_title}{comment_date}</p>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/email.thtml b/public_html/layout/default/users/email.thtml
new file mode 100644
index 000000000..fff9be2e8
--- /dev/null
+++ b/public_html/layout/default/users/email.thtml
@@ -0,0 +1,6 @@
+{# begin {templatelocation} #}
+
+    <dt>{lang_email}</dt>
+    <dd><a href="{site_url}/profiles.php?uid={user_id}">{lang_sendemail}</a></dd>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/getpasswordform.thtml b/public_html/layout/default/users/getpasswordform.thtml
new file mode 100644
index 000000000..20ed0c6ab
--- /dev/null
+++ b/public_html/layout/default/users/getpasswordform.thtml
@@ -0,0 +1,39 @@
+{# begin {templatelocation} #}
+
+{start_block_forgetpassword}
+
+<p class="uk-margin-large uk-margin-top uk-width-1-1">{lang_instructions}</p>
+<div class="uk-vertical-align uk-text-center uk-height-1-1">
+  <div class="uk-vertical-align-middle" style="width:280px">
+
+    <form action="{site_url}/users.php" method="post" id="getpasswordform" class="uk-form uk-form-stacked">
+
+      <div class="uk-container uk-container-center" style="max-width:400px">
+
+        <div class="uk-form-row">
+          <div class="uk-form-controls">
+            <input type="text" maxlength="16" name="username" id="getpasswordform-username" placeholder="{lang_username}" class="uk-width-1-1"{xhtml}>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <div class="uk-form-controls">
+            <input type="text" maxlength="96" name="email" id="getpasswordform-email" placeholder="{lang_email}" class="uk-width-1-1"{xhtml}>
+          </div>
+        </div>
+
+        <div class="uk-form-row">
+          <div class="uk-form-controls">
+            <input type="hidden" name="mode" value="emailpasswd"{xhtml}>
+            <input type="submit" value="{lang_emailpassword}" class="uk-width-1-1 uk-button uk-button-primary uk-button-large"{xhtml}>
+          </div>
+        </div>
+
+      </div>
+
+    </form>
+  </div>
+</div>
+
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/index.html b/public_html/layout/default/users/index.html
new file mode 100644
index 000000000..e69de29bb
diff --git a/public_html/layout/default/users/loginform.thtml b/public_html/layout/default/users/loginform.thtml
new file mode 100644
index 000000000..d02d95230
--- /dev/null
+++ b/public_html/layout/default/users/loginform.thtml
@@ -0,0 +1,38 @@
+{# begin {templatelocation} #}
+
+{start_block_loginagain}
+<p>{lang_message}</p>
+<div class="uk-vertical-align uk-text-center uk-height-1-1">
+  <div class="uk-vertical-align-middle" style="width:280px">
+
+    {# <img class="uk-margin-large-top uk-margin-bottom" width="140" height="120" src="{layout_url}/images/logo-geek.png" alt="{site_name}"> #}
+
+    <form action="{site_url}/users.php" method="post" id="userloginform" class="uk-form uk-panel uk-panel-box uk-margin-bottom">
+      <div class="uk-form-row">
+        <input class="uk-width-1-1" type="text" value="" name="loginname" id="users-loginform-loginname" placeholder="{lang_username}" required{xhtml}>
+      </div>
+      {services}
+      <div class="uk-form-row">
+        <input value="" class="uk-width-1-1" type="password" name="passwd" id="users-loginform-passwd" placeholder="{lang_password}" required{xhtml}>
+      </div>
+      <div class="uk-form-row">
+        <input type="submit" value="{lang_login}" class="uk-width-1-1 uk-button uk-button-primary uk-button-large"{xhtml}>
+      </div>
+      <div class="uk-form-row uk-text-small">
+        <ul class="uk-subnav uk-flex-center">
+          {!if lang_newreglink}<li><i class="uk-icon-plus-circle"></i> {lang_newreglink}</li>{!endif}
+          {!if lang_forgetpassword}<li><a class="uk-float-right uk-link uk-text-small" href="{site_url}/users.php?mode=getpassword" rel="nofollow"><i class="uk-icon-exclamation-triangle"></i> {lang_forgetpassword}</a></li>{!endif}
+        </ul>
+      </div>
+    </form>
+
+{!!if openid_login || oauth_login !!}<ul class="uk-subnav uk-flex-center">{!endif}
+{openid_login}
+{oauth_login}
+{!!if openid_login || oauth_login !!}</ul>{!endif}
+
+  </div>
+</div>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/newpassword.thtml b/public_html/layout/default/users/newpassword.thtml
new file mode 100644
index 000000000..80f5c8168
--- /dev/null
+++ b/public_html/layout/default/users/newpassword.thtml
@@ -0,0 +1,33 @@
+{# begin {templatelocation} #}
+
+<form action="{site_url}/users.php" method="post" id="newpassword" class="uk-form uk-form-horizontal">
+  <fieldset>
+    <legend>{lang_setnewpwd}</legend>
+
+    <p>{lang_explain}</p>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label">{lang_username}</label>
+      <div class="uk-form-controls">{user_name}</div>
+    </div>
+    <div class="uk-form-row">
+
+      <label class="uk-form-label" for="newpassword-passwd">{lang_newpassword}</label>
+      <div class="uk-form-controls"><input type="password" name="passwd" id="newpassword-passwd" class="uk-form-width-medium"{xhtml}></div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="newpassword-passwd_conf">{lang_newpassword_conf}</label>
+      <div class="uk-form-controls"><input type="password" name="passwd_conf" id="newpassword-passwd_conf" class="uk-form-width-medium"{xhtml}></div>
+    </div>
+    <div class="uk-form-row">
+      <div class="uk-form-controls">
+        <input type="hidden" name="mode" value="setnewpwd"{xhtml}>
+        <input type="hidden" name="uid" value="{user_id}"{xhtml}>
+        <input type="hidden" name="rid" value="{request_id}"{xhtml}>
+        <input type="submit" value="{lang_setnewpwd}" class="uk-button uk-form-width-medium"{xhtml}>
+      </div>
+    </div>
+  </fieldset>
+</form>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/profile.thtml b/public_html/layout/default/users/profile.thtml
new file mode 100644
index 000000000..8111df3e5
--- /dev/null
+++ b/public_html/layout/default/users/profile.thtml
@@ -0,0 +1,50 @@
+{# begin {templatelocation} #}
+
+{start_block_userprofile}
+  <dl id="profile-userprofile" class="uk-description-list-horizontal">
+    <dt>{lang_username}</dt>
+    <dd>{username}&nbsp;{user_fullname} {edit_link}</dd>
+    <dd id="profile-user_photo">{user_photo}</dd>
+
+    <dt>{lang_membersince}</dt>
+    <dd>{user_regdate}</dd>
+
+    {email_option}
+
+    <dt>{lang_homepage}</dt>
+    <dd><span class="url"><a href="{user_homepage}">{user_homepage}</a></span></dd>
+
+    <dt>{lang_location}</dt>
+    <dd>{user_location}</dd>
+
+    <dt>{lang_bio}</dt>
+    <dd>{user_bio}</dd>
+
+    <dt>{lang_pgpkey}</dt>
+    <dd>{user_pgp}</dd>
+  </dl>
+{end_block}
+
+{start_block_last10stories}
+  {story_row}
+{end_block}
+
+{start_block_last10comments}
+  {comment_row}
+{end_block}
+
+{start_block_postingstats}
+  <dl id="profile-postingstats" class="uk-description-list-horizontal">
+    <dt>{lang_number_stories}</dt>
+    <dd>{number_stories}</dd>
+
+    <dt>{lang_number_comments}</dt>
+    <dd>{number_comments}</dd>
+  </dl>
+
+  <div id="profile-all_postings_by">
+    <a href="{site_url}/search.php?type=all&amp;author={user_id}&amp;mode=search">{lang_all_postings_by}</a>
+  </div>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/registrationform.thtml b/public_html/layout/default/users/registrationform.thtml
new file mode 100644
index 000000000..545b4a57f
--- /dev/null
+++ b/public_html/layout/default/users/registrationform.thtml
@@ -0,0 +1,42 @@
+{# begin {templatelocation} #}
+
+{start_block}
+<form action="{site_url}/users.php" method="post" id="registrationform" class="uk-form uk-form-horizontal">
+  <fieldset>
+
+    <p class="uk-margin-top uk-margin-large">{lang_instructions}</p>
+
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="registrationform-username">{lang_username}</label>
+      <div class="uk-form-controls">
+        <input type="text" maxlength="16" name="username" value="{username}" id="registrationform-username" class="uk-form-width-medium" required{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="registrationform-email">{lang_email}</label>
+      <div class="uk-form-controls">
+          <input type="text" maxlength="96" name="email" value="{email}" id="registrationform-email" class="uk-form-width-medium" required{xhtml}>
+      </div>
+    </div>
+    <div class="uk-form-row">
+      <label class="uk-form-label" for="registrationform-email_conf">{lang_email_conf}</label>
+      <div class="uk-form-controls">
+          <input type="text" maxlength="96" name="email_conf" value="{email_conf}" id="registrationform-email_conf" class="uk-form-width-medium" required{xhtml}>
+          <p class="uk-text-warning">{lang_warning}</p>
+      </div>
+    </div>
+
+    {captcha}
+
+		<div class="uk-form-row uk-margin-large-top">
+	    <div class="uk-form-controls">
+        <input type="hidden" name="mode" value="create"{xhtml}>
+        <input type="submit" value="{lang_register}" class="uk-button uk-form-width-medium"{xhtml}>
+	    </div>
+		</div>
+
+  </fieldset>
+</form>
+{end_block}
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/services.thtml b/public_html/layout/default/users/services.thtml
new file mode 100644
index 000000000..5567bd94b
--- /dev/null
+++ b/public_html/layout/default/users/services.thtml
@@ -0,0 +1,8 @@
+{# begin {templatelocation} #}
+
+  <div class="uk-form-row">
+      <label class="uk-form-label" for="service">{lang_service}</label>
+      <div class="uk-form-controls">{select_service}</div>
+  </div>
+
+{# end {templatelocation} #}
diff --git a/public_html/layout/default/users/storyrow.thtml b/public_html/layout/default/users/storyrow.thtml
new file mode 100644
index 000000000..8f5daaf91
--- /dev/null
+++ b/public_html/layout/default/users/storyrow.thtml
@@ -0,0 +1,5 @@
+{# begin {templatelocation} #}
+
+<p>{row_number}&nbsp;{story_title}&nbsp;{story_date}</p>
+
+{# end {templatelocation} #}
diff --git a/system/lib-comment.php b/system/lib-comment.php
index 35566db05..e8e284153 100644
--- a/system/lib-comment.php
+++ b/system/lib-comment.php
@@ -1999,10 +1999,6 @@ function CMT_approveModeration($cid)
         // get indent+1 of parent
         $indent = DB_getItem($_TABLES['comments'], 'indent+1',
                              "cid = '{$A['pid']}'");
-
-        if (empty($indent)) {
-            $indent = 0;
-        }
     } else {
         $indent = 0;
     }