commit cc7b6b598885b0751ed8ced7bc102c818293431e
Author: Julien Enselme <julien.enselme@centrale-marseille.fr>
Date:   Fri May 23 10:26:04 2014 +0200

    Add theme 'responsive'

diff --git a/drupal7/sites/all/themes/responsive/LICENSE.txt b/drupal7/sites/all/themes/responsive/LICENSE.txt
new file mode 100644
index 00000000..d159169d
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/LICENSE.txt
@@ -0,0 +1,339 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    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.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.
diff --git a/drupal7/sites/all/themes/responsive/README.txt b/drupal7/sites/all/themes/responsive/README.txt
new file mode 100644
index 00000000..191c1a95
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/README.txt
@@ -0,0 +1,32 @@
+About Premium Responsive Theme
+====================
+Premium Responsive is a drupal responsive theme. The theme is not dependent on
+any core theme. Its very light weight for fast loading with modern look.
+  Color module integration
+  Responsive support for all devices
+  Simple and clean design
+  Drupal standards compliant
+  Implementation of a Flexi-Slideshow
+  Multi-level drop-down menus
+  Use of Google Web Fonts
+  Footer with 4 regions
+  A total of 10 regions
+  Compatible and tested on IE7, IE8, IE9+, Opera, Firefox, Chrome browsers
+
+Browser compatibility:
+=====================
+The theme has been tested on following browsers. IE7+, Firefox, Google Chrome,
+Opera, Android Phone and Tablet, iPhone, iPad Browsers
+
+Drupal compatibility:
+=====================
+This theme is compatible with Drupal 7.x.x
+
+Developed by
+============
+www.devsaran.com
+
+Help and Support Us
+=====================
+Please consider a small donation 
+Paypal ID : donation@devsaran.com
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/color/base.png b/drupal7/sites/all/themes/responsive/color/base.png
new file mode 100644
index 00000000..6cea0cdc
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/color/base.png differ
diff --git a/drupal7/sites/all/themes/responsive/color/color-preview.png b/drupal7/sites/all/themes/responsive/color/color-preview.png
new file mode 100644
index 00000000..b04c8d15
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/color/color-preview.png differ
diff --git a/drupal7/sites/all/themes/responsive/color/color.inc b/drupal7/sites/all/themes/responsive/color/color.inc
new file mode 100644
index 00000000..533602a9
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/color/color.inc
@@ -0,0 +1,80 @@
+<?php
+
+$info = array(
+  'fields' => array(
+    'main_bkgrd'          => t('Main background'),
+    'head_bkgrd'          => t('Header Background'),
+    'sidebar_title'       => t('Sidebar Title Background'),
+    'bottom_bkgrd'        => t('Bottom Background'),
+    'copy_bkgrd'          => t('Copyright Background'),
+    'link'                => t('Links'),
+    'link_hover'          => t('Links Hover'),
+    'button_bk'           => t('Button Background'),
+    'button_bk_hover'     => t('Button Background Hover'),
+    'submenu_bk'          => t('Sub Menu Background'),
+    'submenu_bk_hover'    => t('Sub Menu Background Hover'),
+  ),
+  'schemes' => array(
+    'default' => array(
+      'title' => t('Default'),
+      'colors' => array(
+        'main_bkgrd'      => '#dedcd9',
+        'head_bkgrd'      => '#214467',
+        'sidebar_title'   => '#214468',
+        'bottom_bkgrd'    => '#4e4554',
+        'copy_bkgrd'      => '#3e3742',
+        'link'            => '#1c6ea0',
+        'link_hover'      => '#42a9be',
+        'button_bk'       => '#5aa2ef',
+        'button_bk_hover' => '#454444',
+        'submenu_bk'      => '#152d43',
+        'submenu_bk_hover'=> '#01152a',
+      ),
+    ),
+    'purple' => array(
+      'title' => t('Purple'),
+      'colors' => array(
+        'main_bkgrd'      => '#d6bbca',
+        'head_bkgrd'      => '#6c3551',
+        'sidebar_title'   => '#6c3552',
+        'bottom_bkgrd'    => '#3f1c4c',
+        'copy_bkgrd'      => '#1e041f',
+        'link'            => '#1c6ea0',
+        'link_hover'      => '#42a9be',
+        'button_bk'       => '#5aa2ef',
+        'button_bk_hover' => '#454444',
+        'submenu_bk'      => '#381042',
+        'submenu_bk_hover'=> '#1e041c',
+      ),
+    ),
+    'green' => array(
+      'title' => t('Green'),
+      'colors' => array(
+        'main_bkgrd'      => '#b8cdbe',
+        'head_bkgrd'      => '#3f6a4d',
+        'sidebar_title'   => '#3f6a4e',
+        'bottom_bkgrd'    => '#243d18',
+        'copy_bkgrd'      => '#0b1b07',
+        'link'            => '#1c6ea0',
+        'link_hover'      => '#42a9be',
+        'button_bk'       => '#5aa2ef',
+        'button_bk_hover' => '#454444',
+        'submenu_bk'      => '#223B16',
+        'submenu_bk_hover'=> '#0b1b08',
+      ),
+    ),
+  ),
+  'css' => array(
+    'color/colors.css',
+  ),
+  'copy' => array(
+    'logo.png',
+  ),
+  'gradients' => array(),
+  'fill' => array(),
+  'slices' => array(),
+  'blend_target' => '#ffffff',
+  'preview_image' => 'color/color-preview.png',
+  'preview_css' => 'color/preview.css',
+  'base_image' => 'color/base.png',
+);
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/color/colors.css b/drupal7/sites/all/themes/responsive/color/colors.css
new file mode 100644
index 00000000..5056ccc7
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/color/colors.css
@@ -0,0 +1,46 @@
+body {
+  background: #dedcd9;
+}
+
+a {
+  color: #1c6ea0;
+}
+
+a:hover {
+  color: #42a9be;
+}
+
+#headright {
+  background: #214467;
+}
+
+#main-menu li li a,
+#main-menu li li a:link,
+#main-menu li li a:visited {
+  background-color: #152d43;
+}
+
+#main-menu li li a:hover,
+#main-menu li li a:active {
+  background: #01152a;
+}
+
+.sidebar .block > h2 {
+  background: #214468;
+}
+
+#bottom {
+  background: #4e4554;
+}
+
+#copyright {
+  background: #3e3742;
+}
+
+.form-submit{
+  background-color: #5aa2ef;
+}
+
+.form-submit:hover{
+  background: #454444;
+}
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/color/preview.css b/drupal7/sites/all/themes/responsive/color/preview.css
new file mode 100644
index 00000000..4af31eb9
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/color/preview.css
@@ -0,0 +1,24 @@
+/* color_scheme_form - kill it, its not needed and too hard to support */
+#color_scheme_form h2,
+#color_scheme_form #preview {
+  display: none;
+}
+#color_scheme_form .form-item-scheme label,
+#color_scheme_form .color-form #palette label {
+  width: 17em;
+}
+#color_scheme_form .color-form  #palette .form-item {
+  width: 25em;
+}
+#color_scheme_form #palette .unlocked {
+  background-position: 50% -22px;
+}
+#color_scheme_form #palette .hook {
+  float: right;
+  margin-top: -1.5em;
+}
+#color_scheme_form #palette .lock {
+  float: right;
+  left: 1em;
+  top: -3.5em;
+}
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/css/layout.css b/drupal7/sites/all/themes/responsive/css/layout.css
new file mode 100644
index 00000000..d0daf62b
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/css/layout.css
@@ -0,0 +1,87 @@
+/*
+* Skeleton V1.1
+* Copyright 2011, Dave Gamache
+* www.getskeleton.com
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+* 8/17/2011
+*/
+
+/* Table of Content
+==================================================
+	#Site Styles
+	#Page Styles
+	#Media Queries
+	#Font-Face */
+
+/* #Site Styles
+================================================== */
+
+/* #Page Styles
+================================================== */
+
+/* #Media Queries
+================================================== */
+
+	/* Smaller than standard 960 (devices and browsers) */
+	@media only screen and (max-width: 959px) {}
+
+	/* Tablet Portrait size to standard 960 (devices and browsers) */
+	@media only screen and (min-width: 768px) and (max-width: 959px) {}
+
+	/* All Mobile Sizes (devices and browser) */
+	@media only screen and (max-width: 767px) {}
+
+	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
+	@media only screen and (min-width: 480px) and (max-width: 767px) {
+		
+		#headright{
+			margin:0px 0px!important;
+			width:420px;
+		}
+		
+		#logo{
+			width:420px;
+			margin-left:0px;
+		}
+		
+		#front-welcome h2{
+			font-size:18px!important;
+		}
+    
+    #front-welcome p{
+     font-size:15px!important;
+		}
+		
+		#mobileMenu_mm1{
+			width:380px;
+		}
+		
+	}
+
+	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
+	@media only screen and (max-width: 479px) {
+		
+		#headright{
+			margin:0px 0px!important;
+			width:300px;
+		}
+		
+		#logo{
+			width:300px;
+			margin-left:0px;
+		}
+		
+		#front-welcome h2 {
+			font-size:18px!important;
+		}
+    
+    #front-welcome p{
+			font-size:15px!important;
+		}
+		
+		#mobileMenu_mm1{
+			width:260px;
+		}
+		
+	}
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/css/responsive-style.css b/drupal7/sites/all/themes/responsive/css/responsive-style.css
new file mode 100644
index 00000000..9cff49b4
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/css/responsive-style.css
@@ -0,0 +1,245 @@
+/*
+Theme Name: WP-Skeleton
+Theme URI: https://github.com/wycks/WP-Skeleton-Theme
+Author: Wycks
+Author URI: wpsecure.net
+Description: Responsive Bare Bones framework based on Dave Gamache's getskeleton.com 
+Version: 1.0
+License: http://www.opensource.org/licenses/mit-license.php.
+Tags: Responsive, grid, mobile, framework, bare-bones, white, minimal
+
+This theme, like WordPress, is licensed under the GPL.
+Use it to make something cool, have fun, and share what you've learned with others.
+*/
+
+/* Table of Contents
+==================================================
+    #Base 960 Grid
+    #Tablet (Portrait)
+    #Mobile (Portrait)
+    #Mobile (Landscape)
+    #Clearing */
+
+
+
+/* #Base 960 Grid
+================================================== */
+
+    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
+    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
+    .row                                        { margin-bottom: 20px; }
+
+    /* Nested Column Classes */
+    .column.alpha, .columns.alpha               { margin-left: 0; }
+    .column.omega, .columns.omega               { margin-right: 0; }
+
+    /* Base Grid */
+    .container .one.column                      { width: 40px;  }
+    .container .two.columns                     { width: 100px; }
+    .container .three.columns                   { width: 160px; }
+    .container .four.columns                    { width: 220px; }
+    .container .five.columns                    { width: 280px; }
+    .container .six.columns                     { width: 340px; }
+    .container .seven.columns                   { width: 400px; }
+    .container .eight.columns                   { width: 460px; }
+    .container .nine.columns                    { width: 520px; }
+    .container .ten.columns                     { width: 580px; }
+    .container .eleven.columns                  { width: 640px; }
+    .container .twelve.columns                  { width: 700px; }
+    .container .thirteen.columns                { width: 760px; }
+    .container .fourteen.columns                { width: 820px; }
+    .container .fifteen.columns                 { width: 880px; }
+    .container .sixteen.columns                 { width: 940px; }
+
+    .container .one-third.column                { width: 300px; }
+    .container .two-thirds.column               { width: 620px; }
+
+    /* Offsets */
+    .container .offset-by-one                   { padding-left: 60px;  }
+    .container .offset-by-two                   { padding-left: 120px; }
+    .container .offset-by-three                 { padding-left: 180px; }
+    .container .offset-by-four                  { padding-left: 240px; }
+    .container .offset-by-five                  { padding-left: 300px; }
+    .container .offset-by-six                   { padding-left: 360px; }
+    .container .offset-by-seven                 { padding-left: 420px; }
+    .container .offset-by-eight                 { padding-left: 480px; }
+    .container .offset-by-nine                  { padding-left: 540px; }
+    .container .offset-by-ten                   { padding-left: 600px; }
+    .container .offset-by-eleven                { padding-left: 660px; }
+    .container .offset-by-twelve                { padding-left: 720px; }
+    .container .offset-by-thirteen              { padding-left: 780px; }
+    .container .offset-by-fourteen              { padding-left: 840px; }
+    .container .offset-by-fifteen               { padding-left: 900px; }
+
+
+
+/* #Tablet (Portrait)
+================================================== */
+
+    /* Note: Design for a width of 768px */
+
+    @media only screen and (min-width: 768px) and (max-width: 959px) {
+        .container                                  { width: 768px; }
+        .container .column,
+        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
+        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
+        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
+
+        .container .one.column                      { width: 28px; }
+        .container .two.columns                     { width: 76px; }
+        .container .three.columns                   { width: 124px; }
+        .container .four.columns                    { width: 172px; }
+        .container .five.columns                    { width: 220px; }
+        .container .six.columns                     { width: 268px; }
+        .container .seven.columns                   { width: 316px; }
+        .container .eight.columns                   { width: 364px; }
+        .container .nine.columns                    { width: 412px; }
+        .container .ten.columns                     { width: 460px; }
+        .container .eleven.columns                  { width: 508px; }
+        .container .twelve.columns                  { width: 556px; }
+        .container .thirteen.columns                { width: 604px; }
+        .container .fourteen.columns                { width: 652px; }
+        .container .fifteen.columns                 { width: 700px; }
+        .container .sixteen.columns                 { width: 748px; }
+
+        .container .one-third.column                { width: 236px; }
+        .container .two-thirds.column               { width: 492px; }
+
+        /* Offsets */
+        .container .offset-by-one                   { padding-left: 48px; }
+        .container .offset-by-two                   { padding-left: 96px; }
+        .container .offset-by-three                 { padding-left: 144px; }
+        .container .offset-by-four                  { padding-left: 192px; }
+        .container .offset-by-five                  { padding-left: 240px; }
+        .container .offset-by-six                   { padding-left: 288px; }
+        .container .offset-by-seven                 { padding-left: 336px; }
+        .container .offset-by-eight                 { padding-left: 348px; }
+        .container .offset-by-nine                  { padding-left: 432px; }
+        .container .offset-by-ten                   { padding-left: 480px; }
+        .container .offset-by-eleven                { padding-left: 528px; }
+        .container .offset-by-twelve                { padding-left: 576px; }
+        .container .offset-by-thirteen              { padding-left: 624px; }
+        .container .offset-by-fourteen              { padding-left: 672px; }
+        .container .offset-by-fifteen               { padding-left: 720px; }
+    }
+
+
+/*  #Mobile (Portrait)
+================================================== */
+
+    /* Note: Design for a width of 320px */
+
+    @media only screen and (max-width: 767px) {
+        .container { width: 300px; }
+        .columns, .column { margin: 0 10px; }
+
+        .container .one.column,
+        .container .two.columns,
+        .container .three.columns,
+        .container .four.columns,
+        .container .five.columns,
+        .container .six.columns,
+        .container .seven.columns,
+        .container .eight.columns,
+        .container .nine.columns,
+        .container .ten.columns,
+        .container .eleven.columns,
+        .container .twelve.columns,
+        .container .thirteen.columns,
+        .container .fourteen.columns,
+        .container .fifteen.columns,
+        .container .sixteen.columns,
+        .container .one-third.column,
+        .container .two-thirds.column  { width: 280px; }
+
+        /* Offsets */
+        .container .offset-by-one,
+        .container .offset-by-two,
+        .container .offset-by-three,
+        .container .offset-by-four,
+        .container .offset-by-five,
+        .container .offset-by-six,
+        .container .offset-by-seven,
+        .container .offset-by-eight,
+        .container .offset-by-nine,
+        .container .offset-by-ten,
+        .container .offset-by-eleven,
+        .container .offset-by-twelve,
+        .container .offset-by-thirteen,
+        .container .offset-by-fourteen,
+        .container .offset-by-fifteen { padding-left: 0; }
+        
+       
+
+    }
+
+
+/* #Mobile (Landscape)
+================================================== */
+
+    /* Note: Design for a width of 480px */
+
+    @media only screen and (min-width: 480px) and (max-width: 767px) {
+        .container { width: 420px; }
+        .columns, .column { margin: 0 10px; }
+
+        .container .one.column,
+        .container .two.columns,
+        .container .three.columns,
+        .container .four.columns,
+        .container .five.columns,
+        .container .six.columns,
+        .container .seven.columns,
+        .container .eight.columns,
+        .container .nine.columns,
+        .container .ten.columns,
+        .container .eleven.columns,
+        .container .twelve.columns,
+        .container .thirteen.columns,
+        .container .fourteen.columns,
+        .container .fifteen.columns,
+        .container .sixteen.columns,
+        .container .one-third.column,
+        .container .two-thirds.column { width: 400px; }
+        
+    }
+
+
+/* #Clearing
+================================================== */
+
+    /* Self Clearing Goodness */
+    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
+
+    /* Use clearfix class on parent to clear nested columns,
+    or wrap each row of columns in a <div class="row"> */
+    .clearfix:before,
+    .clearfix:after,
+    .row:before,
+    .row:after {
+      content: '\0020';
+      display: block;
+      overflow: hidden;
+      visibility: hidden;
+      width: 0;
+      height: 0; }
+    .row:after,
+    .clearfix:after {
+      clear: both; }
+    .row,
+    .clearfix {
+      zoom: 1; }
+
+    /* You can also use a <br class="clear" /> to clear columns */
+    .clear {
+      clear: both;
+      display: block;
+      overflow: hidden;
+      visibility: hidden;
+      width: 0;
+      height: 0;
+    }
+
+	img.scale-with-grid {
+		max-width: 100%;
+		height: auto; }
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/favicon.ico b/drupal7/sites/all/themes/responsive/favicon.ico
new file mode 100644
index 00000000..f50f6b36
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/favicon.ico differ
diff --git a/drupal7/sites/all/themes/responsive/flexslider.css b/drupal7/sites/all/themes/responsive/flexslider.css
new file mode 100644
index 00000000..243c8848
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/flexslider.css
@@ -0,0 +1,64 @@
+/*
+ * jQuery FlexSlider v1.8
+ * http://www.woothemes.com/flexslider/
+ *
+ * Copyright 2012 WooThemes
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ */
+
+/* Browser Resets */
+.flex-container a:active,
+.flexslider a:active,
+.flex-container a:focus,
+.flexslider a:focus  {outline: none;}
+.slides,
+.flex-control-nav,
+.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
+
+/* FlexSlider Necessary Styles
+*********************************/
+.flexslider {margin: 0; padding: 0;}
+.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
+.flexslider .slides img {max-width: 100%; display: block;}
+.flex-pauseplay span {text-transform: capitalize;}
+
+/* Clearfix for the .slides element */
+.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
+html[xmlns] .slides {display: block;}
+* html .slides {height: 1%;}
+
+/* No JavaScript Fallback */
+/* If you are not using another script, such as Modernizr, make sure you
+ * include js that eliminates this class on page load */
+.no-js .slides > li:first-child {display: block;}
+
+
+/* FlexSlider Default Theme
+*********************************/
+.flexslider {background: #fff;  position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
+.flexslider .slides {zoom: 1;}
+.flexslider .slides > li {position: relative;}
+/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
+.flex-container {zoom: 1; position: relative;}
+
+/* Caption style */
+/* IE rgba() hack */
+.flex-caption {background:url(images/trans.png);}
+.flex-caption {width: 96%; padding: 2% 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(f,f,f,.3); color: #fff;  font-size: 14px; line-height: 22px;}
+.flex-caption h3{  font-weight:400; color:#fff; margin-bottom:5px;}
+.flex-caption p{margin: 0;}
+/* Direction Nav */
+.flex-direction-nav { height: 0; }
+.flex-direction-nav li a {width: 32px; height: 32px; margin: -16px 0 0; display: block; background: url(images/directionbg.png) no-repeat; position: absolute; bottom: 20px; cursor: pointer; text-indent: -999em;}
+.flex-direction-nav li .next {background-position: -32px 0; right: 20px;}
+.flex-direction-nav li .prev {right: 60px;}
+.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
+
+/* Control Nav */
+.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
+.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
+.flex-control-nav li:first-child {margin: 0;}
+.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
+.flex-control-nav li a:hover {background-position: 0 -13px;}
+.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/images/diagonal.png b/drupal7/sites/all/themes/responsive/images/diagonal.png
new file mode 100644
index 00000000..4359e9bc
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/diagonal.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/directionbg.png b/drupal7/sites/all/themes/responsive/images/directionbg.png
new file mode 100644
index 00000000..5a8366ed
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/directionbg.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/facebook.png b/drupal7/sites/all/themes/responsive/images/facebook.png
new file mode 100644
index 00000000..024a945b
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/facebook.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/gplus.png b/drupal7/sites/all/themes/responsive/images/gplus.png
new file mode 100644
index 00000000..1da297a4
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/gplus.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/in.png b/drupal7/sites/all/themes/responsive/images/in.png
new file mode 100644
index 00000000..c2a845a4
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/in.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/no-new-posts.png b/drupal7/sites/all/themes/responsive/images/no-new-posts.png
new file mode 100644
index 00000000..c0fcbf06
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/no-new-posts.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/quote.png b/drupal7/sites/all/themes/responsive/images/quote.png
new file mode 100644
index 00000000..13874d26
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/quote.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/rss.png b/drupal7/sites/all/themes/responsive/images/rss.png
new file mode 100644
index 00000000..81d48f03
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/rss.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/slide-image-1.jpg b/drupal7/sites/all/themes/responsive/images/slide-image-1.jpg
new file mode 100644
index 00000000..84c35412
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/slide-image-1.jpg differ
diff --git a/drupal7/sites/all/themes/responsive/images/slide-image-2.jpg b/drupal7/sites/all/themes/responsive/images/slide-image-2.jpg
new file mode 100644
index 00000000..de630582
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/slide-image-2.jpg differ
diff --git a/drupal7/sites/all/themes/responsive/images/slide-image-3.jpg b/drupal7/sites/all/themes/responsive/images/slide-image-3.jpg
new file mode 100644
index 00000000..ea520b28
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/slide-image-3.jpg differ
diff --git a/drupal7/sites/all/themes/responsive/images/tag.png b/drupal7/sites/all/themes/responsive/images/tag.png
new file mode 100644
index 00000000..9d60f310
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/tag.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/trans.png b/drupal7/sites/all/themes/responsive/images/trans.png
new file mode 100644
index 00000000..95d13e6c
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/trans.png differ
diff --git a/drupal7/sites/all/themes/responsive/images/twitter.png b/drupal7/sites/all/themes/responsive/images/twitter.png
new file mode 100644
index 00000000..58c9345f
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/images/twitter.png differ
diff --git a/drupal7/sites/all/themes/responsive/js/custom.js b/drupal7/sites/all/themes/responsive/js/custom.js
new file mode 100644
index 00000000..d793ca7b
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/js/custom.js
@@ -0,0 +1,13 @@
+jQuery(document).ready(function() {
+
+	jQuery('#main-menu ul.menu').mobileMenu();
+	
+
+/* Navigation */
+	jQuery('#main-menu ul.menu').superfish({ 
+		delay:       500,								// 0.1 second delay on mouseout 
+		animation:   {opacity:'show',height:'show'},	// fade-in and slide-down animation 
+		dropShadows: true								// disable drop shadows 
+	});	
+
+});
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/js/jquery.flexslider-min.js b/drupal7/sites/all/themes/responsive/js/jquery.flexslider-min.js
new file mode 100644
index 00000000..15282fc2
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/js/jquery.flexslider-min.js
@@ -0,0 +1,6 @@
+/*
+ * jQuery FlexSlider v1.8
+ * http://flex.madebymufffin.com
+ * Copyright 2011, Tyler Smith
+ */
+(function(a){a.flexslider=function(c,b){var d=c;d.init=function(){d.vars=a.extend({},a.flexslider.defaults,b);d.data("flexslider",true);d.container=a(".slides",d);d.slides=a(".slides > li",d);d.count=d.slides.length;d.animating=false;d.currentSlide=d.vars.slideToStart;d.animatingTo=d.currentSlide;d.atEnd=(d.currentSlide==0)?true:false;d.eventType=("ontouchstart" in document.documentElement)?"touchstart":"click";d.cloneCount=0;d.cloneOffset=0;d.manualPause=false;d.vertical=(d.vars.slideDirection=="vertical");d.prop=(d.vertical)?"top":"marginLeft";d.args={};d.transitions="webkitTransition" in document.body.style;if(d.transitions){d.prop="-webkit-transform"}if(d.vars.controlsContainer!=""){d.controlsContainer=a(d.vars.controlsContainer).eq(a(".slides").index(d.container));d.containerExists=d.controlsContainer.length>0}if(d.vars.manualControls!=""){d.manualControls=a(d.vars.manualControls,((d.containerExists)?d.controlsContainer:d));d.manualExists=d.manualControls.length>0}if(d.vars.randomize){d.slides.sort(function(){return(Math.round(Math.random())-0.5)});d.container.empty().append(d.slides)}if(d.vars.animation.toLowerCase()=="slide"){if(d.transitions){d.setTransition(0)}d.css({overflow:"hidden"});if(d.vars.animationLoop){d.cloneCount=2;d.cloneOffset=1;d.container.append(d.slides.filter(":first").clone().addClass("clone")).prepend(d.slides.filter(":last").clone().addClass("clone"))}d.newSlides=a(".slides > li",d);var m=(-1*(d.currentSlide+d.cloneOffset));if(d.vertical){d.newSlides.css({display:"block",width:"100%","float":"left"});d.container.height((d.count+d.cloneCount)*200+"%").css("position","absolute").width("100%");setTimeout(function(){d.css({position:"relative"}).height(d.slides.filter(":first").height());d.args[d.prop]=(d.transitions)?"translate3d(0,"+m*d.height()+"px,0)":m*d.height()+"px";d.container.css(d.args)},100)}else{d.args[d.prop]=(d.transitions)?"translate3d("+m*d.width()+"px,0,0)":m*d.width()+"px";d.container.width((d.count+d.cloneCount)*200+"%").css(d.args);setTimeout(function(){d.newSlides.width(d.width()).css({"float":"left",display:"block"})},100)}}else{d.transitions=false;d.slides.css({width:"100%","float":"left",marginRight:"-100%"}).eq(d.currentSlide).fadeIn(d.vars.animationDuration)}if(d.vars.controlNav){if(d.manualExists){d.controlNav=d.manualControls}else{var e=a('<ol class="flex-control-nav"></ol>');var s=1;for(var t=0;t<d.count;t++){e.append("<li><a>"+s+"</a></li>");s++}if(d.containerExists){a(d.controlsContainer).append(e);d.controlNav=a(".flex-control-nav li a",d.controlsContainer)}else{d.append(e);d.controlNav=a(".flex-control-nav li a",d)}}d.controlNav.eq(d.currentSlide).addClass("active");d.controlNav.bind(d.eventType,function(i){i.preventDefault();if(!a(this).hasClass("active")){(d.controlNav.index(a(this))>d.currentSlide)?d.direction="next":d.direction="prev";d.flexAnimate(d.controlNav.index(a(this)),d.vars.pauseOnAction)}})}if(d.vars.directionNav){var v=a('<ul class="flex-direction-nav"><li><a class="prev" href="#">'+d.vars.prevText+'</a></li><li><a class="next" href="#">'+d.vars.nextText+"</a></li></ul>");if(d.containerExists){a(d.controlsContainer).append(v);d.directionNav=a(".flex-direction-nav li a",d.controlsContainer)}else{d.append(v);d.directionNav=a(".flex-direction-nav li a",d)}if(!d.vars.animationLoop){if(d.currentSlide==0){d.directionNav.filter(".prev").addClass("disabled")}else{if(d.currentSlide==d.count-1){d.directionNav.filter(".next").addClass("disabled")}}}d.directionNav.bind(d.eventType,function(i){i.preventDefault();var j=(a(this).hasClass("next"))?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}})}if(d.vars.keyboardNav&&a("ul.slides").length==1){function h(i){if(d.animating){return}else{if(i.keyCode!=39&&i.keyCode!=37){return}else{if(i.keyCode==39){var j=d.getTarget("next")}else{if(i.keyCode==37){var j=d.getTarget("prev")}}if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}}}}a(document).bind("keyup",h)}if(d.vars.mousewheel){d.mousewheelEvent=(/Firefox/i.test(navigator.userAgent))?"DOMMouseScroll":"mousewheel";d.bind(d.mousewheelEvent,function(y){y.preventDefault();y=y?y:window.event;var i=y.detail?y.detail*-1:y.wheelDelta/40,j=(i<0)?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}})}if(d.vars.slideshow){if(d.vars.pauseOnHover&&d.vars.slideshow){d.hover(function(){d.pause()},function(){if(!d.manualPause){d.resume()}})}d.animatedSlides=setInterval(d.animateSlides,d.vars.slideshowSpeed)}if(d.vars.pausePlay){var q=a('<div class="flex-pauseplay"><span></span></div>');if(d.containerExists){d.controlsContainer.append(q);d.pausePlay=a(".flex-pauseplay span",d.controlsContainer)}else{d.append(q);d.pausePlay=a(".flex-pauseplay span",d)}var n=(d.vars.slideshow)?"pause":"play";d.pausePlay.addClass(n).text((n=="pause")?d.vars.pauseText:d.vars.playText);d.pausePlay.bind(d.eventType,function(i){i.preventDefault();if(a(this).hasClass("pause")){d.pause();d.manualPause=true}else{d.resume();d.manualPause=false}})}if("ontouchstart" in document.documentElement){var w,u,l,r,o,x,p=false;d.each(function(){if("ontouchstart" in document.documentElement){this.addEventListener("touchstart",g,false)}});function g(i){if(d.animating){i.preventDefault()}else{if(i.touches.length==1){d.pause();r=(d.vertical)?d.height():d.width();x=Number(new Date());l=(d.vertical)?(d.currentSlide+d.cloneOffset)*d.height():(d.currentSlide+d.cloneOffset)*d.width();w=(d.vertical)?i.touches[0].pageY:i.touches[0].pageX;u=(d.vertical)?i.touches[0].pageX:i.touches[0].pageY;d.setTransition(0);this.addEventListener("touchmove",k,false);this.addEventListener("touchend",f,false)}}}function k(i){o=(d.vertical)?w-i.touches[0].pageY:w-i.touches[0].pageX;p=(d.vertical)?(Math.abs(o)<Math.abs(i.touches[0].pageX-u)):(Math.abs(o)<Math.abs(i.touches[0].pageY-u));if(!p){i.preventDefault();if(d.vars.animation=="slide"&&d.transitions){if(!d.vars.animationLoop){o=o/((d.currentSlide==0&&o<0||d.currentSlide==d.count-1&&o>0)?(Math.abs(o)/r+2):1)}d.args[d.prop]=(d.vertical)?"translate3d(0,"+(-l-o)+"px,0)":"translate3d("+(-l-o)+"px,0,0)";d.container.css(d.args)}}}function f(j){d.animating=false;if(d.animatingTo==d.currentSlide&&!p&&!(o==null)){var i=(o>0)?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(i)&&Number(new Date())-x<550&&Math.abs(o)>20||Math.abs(o)>r/2){d.flexAnimate(i,d.vars.pauseOnAction)}else{d.flexAnimate(d.currentSlide,d.vars.pauseOnAction)}}this.removeEventListener("touchmove",k,false);this.removeEventListener("touchend",f,false);w=null;u=null;o=null;l=null}}if(d.vars.animation.toLowerCase()=="slide"){a(window).resize(function(){if(!d.animating){if(d.vertical){d.height(d.slides.filter(":first").height());d.args[d.prop]=(-1*(d.currentSlide+d.cloneOffset))*d.slides.filter(":first").height()+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}else{d.newSlides.width(d.width());d.args[d.prop]=(-1*(d.currentSlide+d.cloneOffset))*d.width()+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}}})}d.vars.start(d)};d.flexAnimate=function(g,f){if(!d.animating){d.animating=true;d.animatingTo=g;d.vars.before(d);if(f){d.pause()}if(d.vars.controlNav){d.controlNav.removeClass("active").eq(g).addClass("active")}d.atEnd=(g==0||g==d.count-1)?true:false;if(!d.vars.animationLoop&&d.vars.directionNav){if(g==0){d.directionNav.removeClass("disabled").filter(".prev").addClass("disabled")}else{if(g==d.count-1){d.directionNav.removeClass("disabled").filter(".next").addClass("disabled")}else{d.directionNav.removeClass("disabled")}}}if(!d.vars.animationLoop&&g==d.count-1){d.pause();d.vars.end(d)}if(d.vars.animation.toLowerCase()=="slide"){var e=(d.vertical)?d.slides.filter(":first").height():d.slides.filter(":first").width();if(d.currentSlide==0&&g==d.count-1&&d.vars.animationLoop&&d.direction!="next"){d.slideString="0px"}else{if(d.currentSlide==d.count-1&&g==0&&d.vars.animationLoop&&d.direction!="prev"){d.slideString=(-1*(d.count+1))*e+"px"}else{d.slideString=(-1*(g+d.cloneOffset))*e+"px"}}d.args[d.prop]=d.slideString;if(d.transitions){d.setTransition(d.vars.animationDuration);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.slideString+",0)":"translate3d("+d.slideString+",0,0)";d.container.css(d.args).one("webkitTransitionEnd transitionend",function(){d.wrapup(e)})}else{d.container.animate(d.args,d.vars.animationDuration,function(){d.wrapup(e)})}}else{d.slides.eq(d.currentSlide).fadeOut(d.vars.animationDuration);d.slides.eq(g).fadeIn(d.vars.animationDuration,function(){d.wrapup()})}}};d.wrapup=function(e){if(d.vars.animation=="slide"){if(d.currentSlide==0&&d.animatingTo==d.count-1&&d.vars.animationLoop){d.args[d.prop]=(-1*d.count)*e+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}else{if(d.currentSlide==d.count-1&&d.animatingTo==0&&d.vars.animationLoop){d.args[d.prop]=-1*e+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}}}d.animating=false;d.currentSlide=d.animatingTo;d.vars.after(d)};d.animateSlides=function(){if(!d.animating){d.flexAnimate(d.getTarget("next"))}};d.pause=function(){clearInterval(d.animatedSlides);if(d.vars.pausePlay){d.pausePlay.removeClass("pause").addClass("play").text(d.vars.playText)}};d.resume=function(){d.animatedSlides=setInterval(d.animateSlides,d.vars.slideshowSpeed);if(d.vars.pausePlay){d.pausePlay.removeClass("play").addClass("pause").text(d.vars.pauseText)}};d.canAdvance=function(e){if(!d.vars.animationLoop&&d.atEnd){if(d.currentSlide==0&&e==d.count-1&&d.direction!="next"){return false}else{if(d.currentSlide==d.count-1&&e==0&&d.direction=="next"){return false}else{return true}}}else{return true}};d.getTarget=function(e){d.direction=e;if(e=="next"){return(d.currentSlide==d.count-1)?0:d.currentSlide+1}else{return(d.currentSlide==0)?d.count-1:d.currentSlide-1}};d.setTransition=function(e){d.container.css({"-webkit-transition-duration":(e/1000)+"s"})};d.init()};a.flexslider.defaults={animation:"fade",slideDirection:"horizontal",slideshow:true,slideshowSpeed:7000,animationDuration:600,directionNav:true,controlNav:true,keyboardNav:true,mousewheel:false,prevText:"Previous",nextText:"Next",pausePlay:false,pauseText:"Pause",playText:"Play",randomize:false,slideToStart:0,animationLoop:true,pauseOnAction:true,pauseOnHover:false,controlsContainer:"",manualControls:"",start:function(){},before:function(){},after:function(){},end:function(){}};a.fn.flexslider=function(b){return this.each(function(){if(a(this).find(".slides li").length==1){a(this).find(".slides li").fadeIn(400)}else{if(a(this).data("flexslider")!=true){new a.flexslider(a(this),b)}}})}})(jQuery);
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/js/jquery.mobilemenu.js b/drupal7/sites/all/themes/responsive/js/jquery.mobilemenu.js
new file mode 100644
index 00000000..311de344
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/js/jquery.mobilemenu.js
@@ -0,0 +1,150 @@
+(function($){
+
+  //variable for storing the menu count when no ID is present
+  var menuCount = 0;
+  
+  //plugin code
+  $.fn.mobileMenu = function(options){
+    
+    //plugin's default options
+    var settings = {
+      switchWidth: 750,
+      topOptionText: 'Select menu item',
+      indentString: '&nbsp;&nbsp;&nbsp;'
+    };
+    
+    
+    //function to check if selector matches a list
+    function isList($this){
+      return $this.is('ul, ol');
+    }
+  
+  
+    //function to decide if mobile or not
+    function isMobile(){
+      return ($(window).width() < settings.switchWidth);
+    }
+    
+    
+    //check if dropdown exists for the current element
+    function menuExists($this){
+      
+      //if the list has an ID, use it to give the menu an ID
+      if($this.attr('id')){
+        return ($('#mobileMenu_'+$this.attr('id')).length > 0);
+      } 
+      
+      //otherwise, give the list and select elements a generated ID
+      else {
+        menuCount++;
+        $this.attr('id', 'mm'+menuCount);
+        return ($('#mobileMenu_mm'+menuCount).length > 0);
+      }
+    }
+    
+    
+    //change page on mobile menu selection
+    function goToPage($this){
+      if($this.val() !== null){document.location.href = $this.val()}
+    }
+    
+    
+    //show the mobile menu
+    function showMenu($this){
+      $this.css('display', 'none');
+      $('#mobileMenu_'+$this.attr('id')).show();
+    }
+    
+    
+    //hide the mobile menu
+    function hideMenu($this){
+      $this.css('display', '');
+      $('#mobileMenu_'+$this.attr('id')).hide();
+    }
+    
+    
+    //create the mobile menu
+    function createMenu($this){
+      if(isList($this)){
+                
+        //generate select element as a string to append via jQuery
+        var selectString = '<select id="mobileMenu_'+$this.attr('id')+'" class="mobileMenu">';
+        
+        //create first option (no value)
+        selectString += '<option value="">'+settings.topOptionText+'</option>';
+        
+        //loop through list items
+        $this.find('li').each(function(){
+          
+          //when sub-item, indent
+          var levelStr = '';
+          var len = $(this).parents('ul, ol').length;
+          for(i=1;i<len;i++){levelStr += settings.indentString;}
+          
+          //get url and text for option
+          var link = $(this).find('a:first-child').attr('href');
+          var text = levelStr + $(this).clone().children('ul, ol').remove().end().text();
+          
+          //add option
+          selectString += '<option value="'+link+'">'+text+'</option>';
+        });
+        
+        selectString += '</select>';
+        
+        //append select element to ul/ol's container
+        $this.parent().append(selectString);
+        
+        //add change event handler for mobile menu
+        $('#mobileMenu_'+$this.attr('id')).change(function(){
+          goToPage($(this));
+        });
+        
+        //hide current menu, show mobile menu
+        showMenu($this);
+      } else {
+        alert('mobileMenu will only work with UL or OL elements!');
+      }
+    }
+    
+    
+    //plugin functionality
+    function run($this){
+      
+      //menu doesn't exist
+      if(isMobile() && !menuExists($this)){
+        createMenu($this);
+      }
+      
+      //menu already exists
+      else if(isMobile() && menuExists($this)){
+        showMenu($this);
+      }
+      
+      //not mobile browser
+      else if(!isMobile() && menuExists($this)){
+        hideMenu($this);
+      }
+
+    }
+    
+    //run plugin on each matched ul/ol
+    //maintain chainability by returning "this"
+    return this.each(function() {
+      
+      //override the default settings if user provides some
+      if(options){$.extend(settings, options);}
+      
+      //cache "this"
+      var $this = $(this);
+    
+      //bind event to browser resize
+      $(window).resize(function(){run($this);});
+
+      //run plugin
+      run($this);
+
+    });
+    
+  };
+  
+})(jQuery);
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/js/slide.js b/drupal7/sites/all/themes/responsive/js/slide.js
new file mode 100644
index 00000000..8e4c7821
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/js/slide.js
@@ -0,0 +1,12 @@
+jQuery(document).ready(function() {
+
+/* Slider */	
+	
+ jQuery('.flexslider').flexslider({
+  controlNav: false,
+  directionNav:true,
+  animation: "fade",              //String: Select your animation type, "fade" or "slide"
+  slideshow: true                //Boolean: Animate slider automatically
+  });
+
+});
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/js/superfish.js b/drupal7/sites/all/themes/responsive/js/superfish.js
new file mode 100644
index 00000000..56cf0e43
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/js/superfish.js
@@ -0,0 +1,11 @@
+/*
+ * Superfish v1.4.8 - jQuery menu widget
+ * Copyright (c) 2008 Joel Birch
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * 	http://www.opensource.org/licenses/mit-license.php
+ * 	http://www.gnu.org/licenses/gpl.html
+ *
+ * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
+ */
+(function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> &#xbb;</span>'].join("")),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(["li.",o.hoverClass].join("")).length<1){over.call(o.$path);}},o.delay);},getMenu=function($menu){var menu=$menu.parents(["ul.",c.menuClass,":first"].join(""))[0];sf.op=sf.o[menu.serial];return menu;},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone());};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$("li."+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(" ")).filter("li:has(ul)").removeClass(o.pathClass);});sf.o[s]=sf.op=o;$("li:has(ul)",this)[($.fn.hoverIntent&&!o.disableHI)?"hoverIntent":"hover"](over,out).each(function(){if(o.autoArrows){addArrow($(">a:first-child",this));}}).not("."+c.bcClass).hideSuperfishUl();var $a=$("a",this);$a.each(function(i){var $li=$a.eq(i).parents("li");$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7)){menuClasses.push(c.shadowClass);}$(this).addClass(menuClasses.join(" "));});};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined){this.toggleClass(sf.c.shadowClass+"-off");}};sf.c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",arrowClass:"sf-sub-indicator",shadowClass:"sf-shadow"};sf.defaults={hoverClass:"sfHover",pathClass:"overideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},speed:"normal",autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:"";o.retainPath=false;var $ul=$(["li.",o.hoverClass].join(""),this).add(this).not(not).removeClass(o.hoverClass).find(">ul").hide().css("visibility","hidden");o.onHide.call($ul);return this;},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+"-off",$ul=this.addClass(o.hoverClass).find(">ul:hidden").css("visibility","visible");sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul);});return this;}});})(jQuery);
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/logo.png b/drupal7/sites/all/themes/responsive/logo.png
new file mode 100644
index 00000000..4da99880
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/logo.png differ
diff --git a/drupal7/sites/all/themes/responsive/responsive.info b/drupal7/sites/all/themes/responsive/responsive.info
new file mode 100644
index 00000000..ab8eb1fb
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/responsive.info
@@ -0,0 +1,51 @@
+name = Premium Responsive
+description = Premium Responsive is a responsive Drupal 7 theme. Developed by <a href="http://www.devsaran.com" target="_blank">Devsaran.com</a>.
+core = 7.x
+engine = phptemplate
+stylesheets[all][] = css/responsive-style.css
+stylesheets[all][] = css/layout.css
+stylesheets[all][] = flexslider.css
+stylesheets[all][] = style.css
+stylesheets[all][] = color/colors.css
+scripts[] = js/jquery.mobilemenu.js
+scripts[] = js/superfish.js
+scripts[] = js/custom.js
+regions[sidebar_first]  = First Sidebar
+regions[header]         = Header
+regions[front_welcome]  = Front Welcome
+regions[content]        = Content
+regions[content_top]    = Content Top
+regions[help]           = Help
+regions[footer]         = Footer
+regions[footer_first]   = First Bottom
+regions[footer_second]  = Second Bottom
+regions[footer_third]   = Third Bottom
+regions[footer_fourth]  = Fourth Bottom
+features[] = logo
+features[] = name
+features[] = slogan
+features[] = node_user_picture
+features[] = comment_user_picture
+features[] = comment_user_verification
+features[] = favicon
+features[] = main_menu
+features[] = secondary_menu
+settings[breadcrumbs]  = 1
+settings[slideshow_display]  = 1
+settings[slide1_desc]  = "About us"
+settings[slide2_desc]  = "Our Product"
+settings[slide3_desc]  = "Our Service"
+settings[slide1_url]  = "node/1"
+settings[slide2_url]  = "node/2"
+settings[slide3_url]  = "node/3"
+settings[socialicon_display]  = 1
+settings[twitter_url]  = "http://www.twitter.com/saranquardz"
+settings[facebook_url]  = "http://www.facebook.com/saran.tech"
+settings[googleplus_url]  = "https://plus.google.com/u/0/118427729176204518525"
+settings[linkedin_url]  = "http://in.linkedin.com/in/devsaran"
+; Information added by drupal.org packaging script on 2013-09-02
+version = "7.x-1.7"
+core = "7.x"
+project = "responsive"
+datestamp = "1378144928"
+
diff --git a/drupal7/sites/all/themes/responsive/screenshot.png b/drupal7/sites/all/themes/responsive/screenshot.png
new file mode 100644
index 00000000..12abb8cd
Binary files /dev/null and b/drupal7/sites/all/themes/responsive/screenshot.png differ
diff --git a/drupal7/sites/all/themes/responsive/style.css b/drupal7/sites/all/themes/responsive/style.css
new file mode 100644
index 00000000..466f8ac1
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/style.css
@@ -0,0 +1,899 @@
+/* www.devsaran.com */
+
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300);
+@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);
+
+
+/* Deafults */
+
+/* Default Style
+--------------------------------*/
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}
+
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section { 
+  display:block;
+}
+
+nav ul {
+  list-style:none;
+}
+
+blockquote, q {
+  quotes:none;
+	border: 1px solid #bbbbbb;
+	background: #d8d8d8 url(images/quote.png) no-repeat;
+	padding: 10px 5px 5px 47px;
+	text-shadow: 1px 1px #fff;
+	margin: 5px 0;
+	border-radius: 7px;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content:'';
+  content:none;
+}
+
+pre {
+  background: #d8d8d8;
+  text-shadow: 1px 1px #fff;
+  border: 1px solid #bbbbbb;
+  padding: 7px;
+  margin: 5px 0;
+  border-radius: 7px;
+}
+
+code {
+  background: #d8d8d8;
+  text-shadow: 1px 1px #fff;
+  border: 1px solid #bbbbbb;
+  display: block;
+  padding: 7px;
+  margin: 5px 0;
+  border-radius: 7px;
+}
+
+ins {
+  background-color:#fdfc9b;
+  text-decoration:none;
+}
+
+mark {
+  background-color:#fdfc9b;
+  font-style:italic;
+  font-weight:bold;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+  border-bottom:1px dotted;
+  cursor:help;
+}
+
+hr {
+  height:1px;
+  background: #9f9f9f;
+  margin: 7px 0;
+  border: none;
+	clear: both;
+	float: none;
+	width: 100%;
+}
+
+input, select {
+  vertical-align:middle;
+}
+
+select {
+  border-radius: 4px;
+  border: 1px solid #ACACAC;
+  padding: 3px 4px;
+}
+
+.remove-margin {
+  margin-right: 0 !important;
+}
+
+fieldset {
+  border: 1px solid #ccc;
+  margin: 0 0 1.4615em;
+  padding: 1.5385em;
+}
+
+table {
+  border-collapse:collapse;
+  border-spacing:0;
+  margin-bottom: 15px;
+  width: 100%;
+}
+
+th, tr, td {
+  vertical-align: middle;
+}
+
+.sticky-header th, .sticky-table th {
+  border-bottom: 3px solid #ccc;
+  padding-right: 1em;
+  text-align: left;
+}
+
+
+table {
+  background: #ececec;
+  border: 1px solid #bbbbbb;
+}
+
+th {
+  background: #dbdbdb;
+  padding: 5px 4px;
+  text-shadow: 1px 1px #fff;
+  border-right: 1px solid #c8c7c7;
+  color:#333;
+}
+
+td {
+  background: #ebebeb;
+  color: #747474;
+  text-align: left;
+  padding-left: 4px;
+  border-right: 1px solid #c8c7c7;
+  border-bottom: 1px solid #c8c7c7;
+}
+
+
+body {
+  background: #dedcd9;
+  font-family: Open Sans,Arial,Century gothic, sans-serif;
+  color: #555;
+  font-size: 13px;
+  font-weight: 400;
+}
+
+
+a {
+  text-decoration: none;
+  color: #1C6EA0;
+  -webkit-transition: color 0.2s ease-in-out;
+  -moz-transition: color 0.2s ease-in-out;
+  -o-transition: color 0.2s ease-in-out;
+  -ms-transition: color 0.2s ease-in-out;
+  transition: color 0.2s ease-in-out;
+}
+
+a:hover {
+  text-decoration: none;
+  color: #42A9BE;
+}
+
+p {
+  margin: 0 0 0.8em;
+}
+
+strong {
+  font-weight: 700;
+}
+
+em {
+  font-style: italic;
+}
+
+ul, ol {
+  padding-left:20px;
+}
+
+.clearfix:after {
+  content: ".";
+  display: block;
+  clear: both;
+  visibility: hidden;
+  line-height: 0;
+  height: 0;
+}
+
+
+html[xmlns] .clearfix {
+  display: block;
+}
+
+* html .clearfix {
+  height: 1%;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 700;
+  padding: 0;
+  margin: 0px 0px 10px 0px;
+}
+
+
+h1 {
+	font-size: 26px;
+}	
+	
+h2 {
+	font-size: 21px;
+}
+h3 {
+	font-size: 19px;
+}
+h4 {
+	font-size: 17px;
+}
+h5 {
+	font-size: 15px;
+}
+h6 {
+	font-size: 13px;
+}
+
+#wrapper {
+  margin: 0px auto;
+}
+
+#content-contain {
+  padding: 0px 0px 25px 0px;
+  background: #fff;
+}
+
+#head {
+  float: left;
+  width: 100%;
+  background: #fff;
+  margin-bottom: 30px;
+}
+
+#headright {
+  background: #214467;
+  float: right;
+}
+
+#socialbar {
+  height: 60px;
+}
+
+ul.social {
+  list-style: none;
+  margin: 20px 10px 0px 10px;
+  float: right;
+}
+
+ul.social li {
+  float: left;
+  margin-left: 10px;
+}
+
+#logo {
+  float: left;
+  margin: 10px 0 0 10px;
+}
+
+.site-slogan {
+  font-family: Bitter, Helvetica, Arial, sans-serif;
+  font-size: 14px;s
+  color: #333333;
+  font-weight: 400;
+  text-transform: uppercase;
+  padding: 10px 0;
+}
+
+#mobileMenu_mm1 {
+  margin: 10px 20px;
+  padding: 3px 0px;
+}
+
+#navigation {
+  margin: 0px auto;
+  float: right;
+}
+
+#main-menu {
+  clear: both;
+  color: #fff;
+  font-size: 14px;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+#main-menu ul {
+  float: left;
+  padding: 0px 15px;
+}
+
+#main-menu li {
+  float: left;
+  list-style-type: none;
+  font-weight: 400;
+}
+
+#main-menu li a {
+  color: #e7e7e7;
+  display: block;
+  padding: 10px 10px 10px 10px;
+  position: relative;
+  text-decoration: none;
+}
+
+#main-menu li a:hover,
+#main-menu li a:active,
+#main-menu a.active{
+  color: #fff;
+}
+
+#main-menu li a .sf-sub-indicator {
+  display: block;
+  overflow: hidden;
+  position: absolute;
+  text-indent: -9999px;
+}
+
+#main-menu li li a,
+#main-menu li li a:link,
+#main-menu li li a:visited {
+  background-color: #12263B;
+  border-top-width: 0;
+  color: #e7e7e7;
+  font-size: 13px;
+  padding: 10px 10px;
+  position: relative;
+  text-transform: none;
+  width: 140px;
+  font-weight: 400;
+}
+
+#main-menu li li a:hover,
+#main-menu li li a:active {
+  color: #fff;
+  background: #01152a;
+}
+
+#main-menu li ul {
+  height: auto;
+  padding: 0px 0px;
+  left: -9999px;
+  margin: 0 0 0 1px;
+  position: absolute;
+  width: 160px;
+  z-index: 9999;
+}
+
+#main-menu li ul a {
+  width: 160px;
+}
+
+#main-menu li ul ul {
+  margin: -38px 0 0 160px;
+}
+
+#main-menu li:hover>ul,
+#main-menu li.sfHover ul {
+  left: auto;
+}
+
+#main-menu ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {
+  list-style:none;
+}
+#main-menu ul.menu li {
+  margin: 0;
+}
+
+#main-menu li.expanded, #main-menu li.collapsed, #main-menu li.leaf {
+  margin: 0;
+  padding: 0;
+}
+
+#front-welcome{
+  font-family: Bitter, Helvetica, Arial, sans-serif;
+  font-weight: 400;
+	text-align:center;
+  padding: 15px 5% 0;
+  width: 90%;
+}
+
+#front-welcome .block > h2{
+	color:#282c2f;
+	font-size:24px;
+	margin:0px auto;
+  text-transform: none;
+}
+
+#front-welcome p{
+	padding:10px 0px;
+	color:#282c2f;
+	line-height:22px;
+	font-size:18px;
+}
+
+#header {
+  margin-top: 20px;
+}
+
+#breadcrumbs{
+  font-size: 11px;
+}
+
+#content {
+  margin-top: 25px;
+}
+
+.node {
+  margin-bottom: 20px;
+  padding-bottom: 20px;
+}
+
+.node h2.title, .page-title {
+  font-family: Bitter, Helvetica, Arial, sans-serif;
+  font-weight: 700;
+  color: #000;
+  font-size: 20px;
+}
+
+.node h2.title a{
+  color: #000;
+}
+
+.block{
+	margin-bottom:1.5em;
+}
+
+#header .block > h2, #foot .block > h2, 
+.region-content-top .block > h2{
+  font-size: 16px;
+}
+
+#sidebar-first {
+  margin-top: 25px;
+}
+
+.sidebar .block > h2 {
+  font-family: Bitter, Helvetica, Arial, sans-serif;
+  background: #214468;
+  color: #fff;
+  font-size: 14px;
+  margin-bottom: 10px;
+  text-transform: uppercase;
+  padding: 10px 10px;
+  font-weight: 700;
+}
+
+#bottom {
+  background: #4E4554;
+  padding-top: 25px;
+  padding-bottom: 15px;
+}
+
+#bottom .botblck a{
+  color: #fff;
+}
+
+.botblck {
+  float: left;
+  list-style: none;
+}
+
+.botblck .block > h2 {
+  font-family: Bitter, Helvetica, Arial, sans-serif;
+  padding: 0px 0px 0px 0px;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.botblck .content {
+  padding: 7px 0px;
+  margin: 0;
+  line-height: 160%;
+  color: #bbb;
+}
+
+#copyright {
+  background: #3E3742;
+  padding: 25px 0px;
+  text-align: center;
+}
+
+.credit {
+  color: #eee;
+}
+
+.submitted {
+  background: #dfdddd;
+  padding: 4px 9px;
+  border-radius: 4px;
+  color: #383838;
+  text-shadow: 1px 1px #fff;
+  clear: both;
+  display: block;
+  margin-bottom: 2px;
+}
+
+.links {
+  color: #000;
+  margin-top: 10px;
+  font-size: 14px;
+}
+
+.links li a {
+  background-color: #E7E5E3;
+  color: #100100;
+  padding: 4px 5px;
+  border-radius: 4px;
+  text-shadow: 1px 1px #fff;
+  font-weight: normal;
+}
+
+.links li a:hover {
+  background-color: #D7D5D3;
+  color: #100101;
+}
+
+
+/*-------------------------------------------*
+/* Fix CKEditor style
+/*-------------------------------------------*/
+table.cke_editor {
+  background: transparent;
+  border: 0;
+}
+table.cke_editor td {
+  background: transparent;
+  padding: 0;
+  border: 0;
+}
+
+/*-------------------------------------------*
+/* Poll, Buttons, Form
+/*-------------------------------------------*/
+.poll .vote-form .choices .title {
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 2;
+}
+
+.poll .vote-form .choices {
+  margin: 0;
+}
+
+.form-submit{
+  -moz-transition: all 0.2s ease-in-out 0s;
+  border-radius: 5px;
+  cursor: pointer;
+  background: url("images/diagonal.png") repeat scroll 0 0 #5AA2EF;
+  color: #fff;
+  padding: 4px 6px;
+  text-shadow: 1px 1px 1px #300033;
+  margin-right: 4px;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+.form-submit:hover{
+  background: #454444;
+}
+
+input.form-checkbox, input.form-radio {
+  vertical-align: baseline;
+}
+
+.form-text {
+  border-radius: 3px;
+  border: 1px solid #acacac;
+  padding: 4px 5px;
+}
+
+/*-------------------------------------------*
+/* Menus and item lists 
+/*-------------------------------------------*/
+.item-list ul {
+  margin: 0;
+  padding: 0 0 0 1.5385em;
+}
+
+.item-list ul li {
+  margin: 0;
+  padding: 0;
+}
+
+ul.menu li {
+  margin: 0;
+  padding: 0;
+}
+
+ul.inline {
+  clear: both;
+}
+
+ul.inline li {
+  margin: 0;
+  padding: 0;
+}
+
+/*-------------------------------------------*
+/* Admin Tabs
+/*-------------------------------------------*/
+.tabs-wrapper {
+  border-bottom: 1px solid #b7b7b7;
+  margin: 0 0 5px 0;
+}
+
+ul.primary {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+ul.primary li a {
+  background: none;
+  border: none;
+  display: block;
+  float: left;
+  line-height: 1.5385em;
+  margin: 0;
+  padding: 0 1em;
+  border-radius: 4px 4px 0 0;
+  margin-right: 5px;
+}
+
+ul.primary li a:hover, ul.primary li a.active {
+  background: #666;
+  border: none;
+  color: #fff;
+}
+
+ul.primary li a:hover {
+  background: #888;
+  text-decoration: none;
+}
+
+ul.secondary {
+  background: #666;
+  border-bottom: none;
+  clear: both;
+  margin: 0;
+  padding: 0;
+}
+
+ul.secondary li {
+  border-right: none;
+}
+
+ul.secondary li a, ul.secondary li a:link {
+  border: none;
+  color: #ccc;
+  display: block;
+  float: left;
+  line-height: 1.5385em;
+  padding: 0 1em;
+}
+
+ul.secondary li a:hover, ul.secondary li a.active {
+  background: #888;
+  color: #fff;
+  text-decoration: none;
+}
+
+ul.secondary a.active {
+  border-bottom: none;
+}
+
+/*-------------------------------------------*
+/* Tabs and Tags
+/*-------------------------------------------*/
+.field-name-field-tags {
+  margin: 0 0 10px 0;
+}
+
+.field-name-field-tags a{
+  display: inline-block;
+  background: url(images/tag.png) no-repeat;
+  padding: 0px 8px 0 16px;
+  height: 22px;
+  text-shadow: 1px 1px #fff;
+  border-radius: 2px;
+  font-size: 12px;
+}
+
+.field-name-field-tags a:hover{
+}
+
+.field-name-field-tags .field-item {
+  margin: 0 1em 0 0;
+}
+
+.field-name-field-tags div {
+  display: inline;
+}
+
+#content-container .field-label{
+}
+
+#content-container .field-items .field-item{
+}
+
+/*-------------------------------------------*
+/* Profile
+/*-------------------------------------------*/
+.profile {
+  margin: 1.5385em 0;
+}
+
+.profile dd {
+  margin-bottom: 1.5385em;
+}
+
+.profile h3 {
+  border: none;
+}
+
+.profile dt {
+  margin-bottom: 0;
+}
+
+.password-parent {
+  width: 36em;
+}
+
+/*-------------------------------------------*
+/* comment
+/*-------------------------------------------*/
+#comments {
+  clear: both;
+  margin-top: 14px;
+  padding: 5px;
+  border: 1px solid #dddddd;
+  border-radius: 8px;
+}
+
+.comment {
+  margin-bottom: 1.5em;
+  padding: 5px;
+  border-radius: 7px;
+  min-height: 150px;
+  border-bottom: 1px solid #d9d9d9;
+}
+
+h3.comment-title a{
+  margin-bottom: 5px;
+  font-size: 16px;
+  color: #67696d;
+}
+
+.comment .new {
+  color: red;
+  text-transform: capitalize;
+  margin-left: 1em;
+}
+
+.form-textarea-wrapper textarea {
+  border-radius: 3px;
+  border: 1px solid #acacac;
+}
+
+.comment .submitted {
+  display:inline;
+  background: #e5e5e5;
+}
+
+.comment .user-picture{
+  float: left;
+  padding: 4px;
+  border: 1px solid #d9d9d9;
+  margin-right: 7px;
+  margin-bottom: 7px;
+}
+
+.comment-new-comments{
+  display: none;
+}
+
+/*-------------------------------------------*
+/* Navigation
+/*-------------------------------------------*/
+.item-list .pager {
+}
+
+.item-list .pager li {
+  background: #cfcfcf;
+  border-radius: 3px;
+  margin-right: 4px;
+  text-shadow: 1px 1px #fff;
+}
+
+/*-------------------------------------------*
+/* Forum
+/*-------------------------------------------*/
+.field-name-taxonomy-forums div {
+  display: inline;
+  margin-top: 4px;
+}
+
+.field-name-taxonomy-forums .field-items {
+}
+
+#forum .title {
+  font-size: 16px;
+}
+
+#forum .submitted {
+  font-size: 12px;
+  font-family: Lucida Grande, Verdana, Arial, sans-serif;
+  background: transparent;
+  padding: 0;
+}
+
+#forum .container {
+  background: #a1a1a1;
+  color: #fff;
+}
+
+#forum .container a {
+  color: #000;
+  font-weight: bold;
+}
+
+#forum div.indent {
+  margin-left: 2px;
+}
+
+.forum-starter-picture {
+  float: left;
+  padding: 4px;
+  border: 1px solid #d9d9d9;
+  margin: 5px 7px 5px 0;
+}
+
+#forum th {
+  background: #434343;
+  text-shadow: none;
+  color: #fff;
+}
+
+#forum th a {
+  color: #fff;
+}
+
+#forum td.forum .icon, #forum .icon div {
+  background: url(images/no-new-posts.png) no-repeat;
+  width: 35px;
+  height: 35px;
+}
+
+#forum .name a{ 
+  font-size: 16px;
+}
+
+.credit a {
+    color: #42A9BE;
+}
+
+.credit a:hover {
+    color: #aaa;
+}
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/template.php b/drupal7/sites/all/themes/responsive/template.php
new file mode 100644
index 00000000..6eabfb64
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/template.php
@@ -0,0 +1,136 @@
+<?php
+/**
+ * Implements hook_html_head_alter().
+ * This will overwrite the default meta character type tag with HTML5 version.
+ */
+function responsive_html_head_alter(&$head_elements) {
+  $head_elements['system_meta_content_type']['#attributes'] = array(
+    'charset' => 'utf-8'
+  );
+}
+
+/**
+ * Insert themed breadcrumb page navigation at top of the node content.
+ */
+function responsive_breadcrumb($variables) {
+  $breadcrumb = $variables['breadcrumb'];
+  if (!empty($breadcrumb)) {
+    // Use CSS to hide titile .element-invisible.
+    $output = '<h2 class="element-invisible">' . t('You are here') . '</h2>';
+    // comment below line to hide current page to breadcrumb
+	$breadcrumb[] = drupal_get_title();
+    $output .= '<nav class="breadcrumb">' . implode(' » ', $breadcrumb) . '</nav>';
+    return $output;
+  }
+}
+
+/**
+ * Override or insert variables into the html template.
+ */
+function responsive_process_html(&$vars) {
+  // Hook into color.module
+  if (module_exists('color')) {
+    _color_html_alter($vars);
+  }
+}
+
+/**
+ * Override or insert variables into the page template.
+ */
+function responsive_process_page(&$variables) {
+  // Hook into color.module.
+  if (module_exists('color')) {
+    _color_page_alter($variables);
+  }
+ 
+}
+
+/**
+ * Override or insert variables into the page template.
+ */
+function responsive_preprocess_page(&$vars) {
+  if (isset($vars['main_menu'])) {
+    $vars['main_menu'] = theme('links__system_main_menu', array(
+      'links' => $vars['main_menu'],
+      'attributes' => array(
+        'class' => array('links', 'main-menu', 'clearfix'),
+      ),
+      'heading' => array(
+        'text' => t('Main menu'),
+        'level' => 'h2',
+        'class' => array('element-invisible'),
+      )
+    ));
+  }
+  else {
+    $vars['main_menu'] = FALSE;
+  }
+  if (isset($vars['secondary_menu'])) {
+    $vars['secondary_menu'] = theme('links__system_secondary_menu', array(
+      'links' => $vars['secondary_menu'],
+      'attributes' => array(
+        'class' => array('links', 'secondary-menu', 'clearfix'),
+      ),
+      'heading' => array(
+        'text' => t('Secondary menu'),
+        'level' => 'h2',
+        'class' => array('element-invisible'),
+      )
+    ));
+  }
+  else {
+    $vars['secondary_menu'] = FALSE;
+  }
+}
+
+/**
+ * Duplicate of theme_menu_local_tasks() but adds clearfix to tabs.
+ */
+function responsive_menu_local_tasks(&$variables) {
+  $output = '';
+
+  if (!empty($variables['primary'])) {
+    $variables['primary']['#prefix'] = '<h2 class="element-invisible">' . t('Primary tabs') . '</h2>';
+    $variables['primary']['#prefix'] .= '<ul class="tabs primary clearfix">';
+    $variables['primary']['#suffix'] = '</ul>';
+    $output .= drupal_render($variables['primary']);
+  }
+  if (!empty($variables['secondary'])) {
+    $variables['secondary']['#prefix'] = '<h2 class="element-invisible">' . t('Secondary tabs') . '</h2>';
+    $variables['secondary']['#prefix'] .= '<ul class="tabs secondary clearfix">';
+    $variables['secondary']['#suffix'] = '</ul>';
+    $output .= drupal_render($variables['secondary']);
+  }
+  return $output;
+}
+
+/**
+ * Override or insert variables into the node template.
+ */
+function responsive_preprocess_node(&$variables) {
+  $node = $variables['node'];
+  if ($variables['view_mode'] == 'full' && node_is_page($variables['node'])) {
+    $variables['classes_array'][] = 'node-full';
+  }
+}
+
+function responsive_page_alter($page) {
+  // <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
+  $viewport = array(
+    '#type' => 'html_tag',
+    '#tag' => 'meta',
+    '#attributes' => array(
+    'name' =>  'viewport',
+    'content' =>  'width=device-width, initial-scale=1, maximum-scale=1'
+    )
+  );
+  drupal_add_html_head($viewport, 'viewport');
+}
+
+/**
+ * Add javascript files for front-page jquery slideshow.
+ */
+if (drupal_is_front_page()) {
+  drupal_add_js(drupal_get_path('theme', 'responsive') . '/js/jquery.flexslider-min.js');
+  drupal_add_js(drupal_get_path('theme', 'responsive') . '/js/slide.js');
+}
diff --git a/drupal7/sites/all/themes/responsive/templates/block.tpl.php b/drupal7/sites/all/themes/responsive/templates/block.tpl.php
new file mode 100644
index 00000000..2c4da26f
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/block.tpl.php
@@ -0,0 +1,55 @@
+<?php
+
+/**
+ * @file
+ * touch theme implementation to display a block.
+ *
+ * Available variables:
+ * - $block->subject: Block title.
+ * - $content: Block content.
+ * - $block->module: Module that generated the block.
+ * - $block->delta: An ID for the block, unique within each module.
+ * - $block->region: The block region embedding the current block.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the following:
+ *   - block: The current template type, i.e., "theming hook".
+ *   - block-[module]: The module generating the block. For example, the user module
+ *     is responsible for handling the default user navigation block. In that case
+ *     the class would be "block-user".
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * Helper variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ * - $block_zebra: Outputs 'odd' and 'even' dependent on each block region.
+ * - $zebra: Same output as $block_zebra but independent of any block region.
+ * - $block_id: Counter dependent on each block region.
+ * - $id: Same output as $block_id but independent of any block region.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_block()
+ * @see template_process()
+ */
+?>
+<div id="<?php print $block_html_id; ?>" class="<?php print $classes; ?>"<?php print $attributes; ?>>
+
+  <?php print render($title_prefix); ?>
+  <?php if (!empty($block->subject)): ?>
+    <h2 <?php print $title_attributes; ?>><?php print $block->subject ?></h2>
+  <?php endif;?>
+  <?php print render($title_suffix); ?>
+
+  <div class="content"<?php print $content_attributes; ?>>
+    <?php print $content ?>
+  </div>
+  
+</div> <!-- /.block -->
diff --git a/drupal7/sites/all/themes/responsive/templates/comment-wrapper.tpl.php b/drupal7/sites/all/themes/responsive/templates/comment-wrapper.tpl.php
new file mode 100644
index 00000000..81239107
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/comment-wrapper.tpl.php
@@ -0,0 +1,46 @@
+<?php
+/**
+ * @file
+ * touch theme implementation to wrap comments.
+ *
+ * Available variables:
+ * - $content: The array of content-related elements for the node. Use
+ *   render($content) to print them all, or
+ *   print a subset such as render($content['comment_form']).
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default value has the following:
+ *   - comment-wrapper: The current template type, i.e., "theming hook".
+ *
+ * The following variables are provided for contextual information.
+ * - $node: Node object the comments are attached to.
+ * The constants below the variables show the possible values and should be
+ * used for comparison.
+ * - $display_mode
+ *   - COMMENT_MODE_FLAT
+ *   - COMMENT_MODE_THREADED
+ *
+ * Other variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ *
+ * @see template_preprocess_comment_wrapper()
+ * @see theme_comment_wrapper()
+ */
+?>
+<div id="comments" class="<?php print $classes; ?>"<?php print $attributes; ?>>
+  <?php if ($content['comments'] && $node->type != 'forum'): ?>
+    <?php print render($title_prefix); ?>
+    <h2 class="title"><?php print t('Comments'); ?></h2>
+    <?php print render($title_suffix); ?>
+  <?php endif; ?>
+
+  <?php print render($content['comments']); ?>
+
+  <?php if ($content['comment_form']): ?>
+    <section id="comment-form-wrapper">
+      <h2 class="title"><?php print t('Add new comment'); ?></h2>
+      <?php print render($content['comment_form']); ?>
+    </section> <!-- /#comment-form-wrapper -->
+  <?php endif; ?>
+</div> <!-- /#comments -->
diff --git a/drupal7/sites/all/themes/responsive/templates/comment.tpl.php b/drupal7/sites/all/themes/responsive/templates/comment.tpl.php
new file mode 100644
index 00000000..29de75d2
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/comment.tpl.php
@@ -0,0 +1,87 @@
+<?php
+/**
+ * @file
+ * touch theme implementation for comments.
+ *
+ * Available variables:
+ * - $author: Comment author. Can be link or plain text.
+ * - $content: An array of comment items. Use render($content) to print them all, or
+ *   print a subset such as render($content['field_example']). Use
+ *   hide($content['field_example']) to temporarily suppress the printing of a
+ *   given element.
+ * - $created: Formatted date and time for when the comment was created.
+ *   Preprocess functions can reformat it by calling format_date() with the
+ *   desired parameters on the $comment->created variable.
+ * - $changed: Formatted date and time for when the comment was last changed.
+ *   Preprocess functions can reformat it by calling format_date() with the
+ *   desired parameters on the $comment->changed variable.
+ * - $new: New comment marker.
+ * - $permalink: Comment permalink.
+ * - $picture: Authors picture.
+ * - $signature: Authors signature.
+ * - $status: Comment status. Possible values are:
+ *   comment-unpublished, comment-published or comment-preview.
+ * - $title: Linked title.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the following:
+ *   - comment: The current template type, i.e., "theming hook".
+ *   - comment-by-anonymous: Comment by an unregistered user.
+ *   - comment-by-node-author: Comment by the author of the parent node.
+ *   - comment-preview: When previewing a new or edited comment.
+ *   The following applies only to viewers who are registered users:
+ *   - comment-unpublished: An unpublished comment visible only to administrators.
+ *   - comment-by-viewer: Comment by the user currently viewing the page.
+ *   - comment-new: New comment since last the visit.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * These two variables are provided for context:
+ * - $comment: Full comment object.
+ * - $node: Node object the comments are attached to.
+ *
+ * Other variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_comment()
+ * @see template_process()
+ * @see theme_comment()
+ */
+?>
+<div class="<?php print $classes . ' ' . $zebra; ?>"<?php print $attributes; ?>>
+  
+  <header>
+    <?php print $picture ?>
+    
+    <?php print render($title_prefix); ?>
+    <h3 class="comment-title"><?php print $title ?></h3>
+    <?php print render($title_suffix); ?>
+    
+    <div class="submitted"><?php print $author; ?> - <?php print $created; ?></div>
+
+    <?php if ($new): ?>
+      <span class="new"><?php print $new ?></span>
+    <?php endif; ?>
+  </header><!-- /.header -->
+
+  <div class="content"<?php print $content_attributes; ?>>
+    <?php hide($content['links']); print render($content); ?>
+    <?php if ($signature): ?>
+    <div class="user-signature clearfix">
+      <?php print $signature ?>
+    </div>
+    <?php endif; ?>
+  </div>
+
+  <?php if (!empty($content['links'])): ?>
+    <footer>
+      <?php print render($content['links']) ?>
+    </footer>
+  <?php endif; ?>
+</div> <!-- /.comment -->
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/templates/html.tpl.php b/drupal7/sites/all/themes/responsive/templates/html.tpl.php
new file mode 100644
index 00000000..cb7a78a4
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/html.tpl.php
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<head>
+<?php print $head; ?>
+<title><?php print $head_title; ?></title>
+<?php print $styles; ?>
+<?php print $scripts; ?>
+<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+</head>
+<body class="<?php print $classes; ?>"<?php print $attributes; ?>>
+  <?php print $page_top; ?>
+  <?php print $page; ?>
+  <?php print $page_bottom; ?>
+</body>
+</html>
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/templates/maintenance-page.tpl.php b/drupal7/sites/all/themes/responsive/templates/maintenance-page.tpl.php
new file mode 100644
index 00000000..6f4dee83
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/maintenance-page.tpl.php
@@ -0,0 +1,55 @@
+<?php
+/**
+ * @file
+ * Default theme implementation to display a single Drupal page while offline.
+ *
+ * All the available variables are mirrored in page.tpl.php. Some may be left
+ * blank but they are provided for consistency.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_maintenance_page()
+ */
+?>
+<!DOCTYPE html>
+<html lang="<?php print $language->language; ?>" dir="<?php print $language->dir; ?>">
+
+<head>
+  <?php print $head; ?>
+  <title><?php print $head_title; ?></title>
+  <?php print $styles; ?>
+  <?php print $scripts; ?>
+</head>
+
+<body class="<?php print $classes; ?>" <?php print $attributes;?>>
+
+<div class="container">
+
+  <header id="head" role="banner">
+    <hgroup class="sixteen columns alpha">
+       <div id="logo">
+        <?php if ($logo): ?><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>"/></a><?php endif; ?>
+        <?php if ($site_slogan): ?><div class="site-slogan"><?php print $site_slogan; ?></div><!--site slogan--><?php endif; ?>
+        </div>
+    </hgroup>
+    
+  </header>
+</div>
+
+<div class="container" id="content-contain">
+ <div id="content" class="sixteen columns">
+  <section id="main" role="main" class="clearfix">
+    <?php print $messages; ?>
+    <a id="main-content"></a>
+    <?php if ($title): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>
+    <?php print $content; ?>
+  </section> <!-- /#main -->
+ </div>
+</div> 
+
+<div id="copyright" class="container">
+ <div class="credit"><?php print t('Copyright'); ?> &copy; <?php echo date("Y"); ?>, <?php print $site_name; ?> | <?php print t('Theme by'); ?>  <a href="http://www.devsaran.com">Devsaran</a></div>
+  <div class="clear"></div>
+</div>
+
+</body>
+</html>
diff --git a/drupal7/sites/all/themes/responsive/templates/node--forum.tpl.php b/drupal7/sites/all/themes/responsive/templates/node--forum.tpl.php
new file mode 100644
index 00000000..be0e96e0
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/node--forum.tpl.php
@@ -0,0 +1,116 @@
+<?php
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - $title: the (sanitized) title of the node.
+ * - $content: An array of node items. Use render($content) to print them all, or
+ *   print a subset such as render($content['field_example']). Use
+ *   hide($content['field_example']) to temporarily suppress the printing of a
+ *   given element.
+ * - $user_picture: The node author's picture from user-picture.tpl.php.
+ * - $date: Formatted creation date. Preprocess functions can reformat it by
+ *   calling format_date() with the desired parameters on the $created variable.
+ * - $name: Themed username of node author output from theme_username().
+ * - $node_url: Direct url of the current node.
+ * - $terms: the themed list of taxonomy term links output from theme_links().
+ * - $display_submitted: whether submission information should be displayed.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the following:
+ *   - node: The current template type, i.e., "theming hook".
+ *   - node-[type]: The current node type. For example, if the node is a
+ *     "Blog entry" it would result in "node-blog". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node-teaser: Nodes in teaser form.
+ *   - node-preview: Nodes in preview mode.
+ *   The following are controlled through the node publishing options.
+ *   - node-promoted: Nodes promoted to the front page.
+ *   - node-sticky: Nodes ordered above other non-sticky nodes in teaser listings.
+ *   - node-unpublished: Unpublished nodes visible only to administrators.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * Other variables:
+ * - $node: Full node object. Contains data that may not be safe.
+ * - $type: Node type, i.e. story, page, blog, etc.
+ * - $comment_count: Number of comments attached to the node.
+ * - $uid: User ID of the node author.
+ * - $created: Time the node was published formatted in Unix timestamp.
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ * - $zebra: Outputs either "even" or "odd". Useful for zebra striping in
+ *   teaser listings.
+ * - $id: Position of the node. Increments each time it's output.
+ *
+ * Node status variables:
+ * - $view_mode: View mode, e.g. 'full', 'teaser'...
+ * - $teaser: Flag for the teaser state (shortcut for $view_mode == 'teaser').
+ * - $page: Flag for the full page state.
+ * - $promote: Flag for front page promotion state.
+ * - $sticky: Flags for sticky post setting.
+ * - $status: Flag for published status.
+ * - $comment: State of comment settings for the node.
+ * - $readmore: Flags true if the teaser content of the node cannot hold the
+ *   main body content.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ *
+ * Field variables: for each field instance attached to the node a corresponding
+ * variable is defined, e.g. $node->body becomes $body. When needing to access
+ * a field's raw values, developers/themers are strongly encouraged to use these
+ * variables. Otherwise they will have to explicitly specify the desired field
+ * language, e.g. $node->body['en'], thus overriding any language negotiation
+ * rule that was previously applied.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_node()
+ * @see template_process()
+ */
+?>
+<?php if (!$page): ?>
+  <article id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
+<?php endif; ?>
+    <?php if (!$page): ?>
+      <header>
+	<?php endif; ?>
+      <?php print render($title_prefix); ?>
+      <?php if (!$page): ?>
+      <h2 class="title" <?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
+      <?php endif; ?>
+      <?php print render($title_suffix); ?>
+  
+      <?php if ($display_submitted): ?>
+        <div class="submitted"><?php print $submitted; ?></div>
+      <?php endif; ?>
+
+    <?php if (!$page): ?>
+      </header>
+  <?php endif; ?>
+<div class="forum-starter-picture"><?php print $user_picture; ?></div>
+  <div class="content"<?php print $content_attributes; ?>>
+    <?php
+      // Hide comments, tags, and links now so that we can render them later.
+      hide($content['comments']);
+      hide($content['links']);
+      hide($content['field_tags']);
+      print render($content);
+    ?>
+  </div>
+
+  <?php if (!empty($content['field_tags']) || !empty($content['links'])): ?>
+    <footer>
+      <?php print render($content['field_tags']); ?>
+      <?php print render($content['links']); ?>
+    </footer>
+  <?php endif; ?>
+  <?php print render($content['comments']); ?>
+<?php if (!$page): ?>
+  </article> <!-- /.node -->
+<?php endif; ?>
diff --git a/drupal7/sites/all/themes/responsive/templates/node.tpl.php b/drupal7/sites/all/themes/responsive/templates/node.tpl.php
new file mode 100644
index 00000000..d722e000
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/node.tpl.php
@@ -0,0 +1,115 @@
+<?php
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - $title: the (sanitized) title of the node.
+ * - $content: An array of node items. Use render($content) to print them all, or
+ *   print a subset such as render($content['field_example']). Use
+ *   hide($content['field_example']) to temporarily suppress the printing of a
+ *   given element.
+ * - $user_picture: The node author's picture from user-picture.tpl.php.
+ * - $date: Formatted creation date. Preprocess functions can reformat it by
+ *   calling format_date() with the desired parameters on the $created variable.
+ * - $name: Themed username of node author output from theme_username().
+ * - $node_url: Direct url of the current node.
+ * - $terms: the themed list of taxonomy term links output from theme_links().
+ * - $display_submitted: whether submission information should be displayed.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the following:
+ *   - node: The current template type, i.e., "theming hook".
+ *   - node-[type]: The current node type. For example, if the node is a
+ *     "Blog entry" it would result in "node-blog". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node-teaser: Nodes in teaser form.
+ *   - node-preview: Nodes in preview mode.
+ *   The following are controlled through the node publishing options.
+ *   - node-promoted: Nodes promoted to the front page.
+ *   - node-sticky: Nodes ordered above other non-sticky nodes in teaser listings.
+ *   - node-unpublished: Unpublished nodes visible only to administrators.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * Other variables:
+ * - $node: Full node object. Contains data that may not be safe.
+ * - $type: Node type, i.e. story, page, blog, etc.
+ * - $comment_count: Number of comments attached to the node.
+ * - $uid: User ID of the node author.
+ * - $created: Time the node was published formatted in Unix timestamp.
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ * - $zebra: Outputs either "even" or "odd". Useful for zebra striping in
+ *   teaser listings.
+ * - $id: Position of the node. Increments each time it's output.
+ *
+ * Node status variables:
+ * - $view_mode: View mode, e.g. 'full', 'teaser'...
+ * - $teaser: Flag for the teaser state (shortcut for $view_mode == 'teaser').
+ * - $page: Flag for the full page state.
+ * - $promote: Flag for front page promotion state.
+ * - $sticky: Flags for sticky post setting.
+ * - $status: Flag for published status.
+ * - $comment: State of comment settings for the node.
+ * - $readmore: Flags true if the teaser content of the node cannot hold the
+ *   main body content.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ *
+ * Field variables: for each field instance attached to the node a corresponding
+ * variable is defined, e.g. $node->body becomes $body. When needing to access
+ * a field's raw values, developers/themers are strongly encouraged to use these
+ * variables. Otherwise they will have to explicitly specify the desired field
+ * language, e.g. $node->body['en'], thus overriding any language negotiation
+ * rule that was previously applied.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_node()
+ * @see template_process()
+ */
+?>
+<?php if (!$page): ?>
+  <article id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
+<?php endif; ?>
+    <?php if (!$page): ?>
+      <header>
+	<?php endif; ?>
+      <?php print render($title_prefix); ?>
+      <?php if (!$page): ?>
+      <h2 class="title" <?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
+      <?php endif; ?>
+      <?php print render($title_suffix); ?>
+  
+      <?php if ($display_submitted): ?>
+        <span class="submitted"><?php print $submitted; ?></span>
+      <?php endif; ?>
+
+    <?php if (!$page): ?>
+      </header>
+  <?php endif; ?>
+
+  <div class="content <?php print $classes_array['1']; ?>"<?php print $content_attributes; ?>>
+    <?php
+      // Hide comments, tags, and links now so that we can render them later.
+      hide($content['comments']);
+      hide($content['links']);
+      print render($content);
+    ?>
+  </div>
+
+  <?php if (!empty($content['links'])): ?>
+    <footer>
+      <?php print render($content['links']); ?>
+    </footer>
+  <?php endif; ?>
+
+  <?php print render($content['comments']); ?>
+<?php if (!$page): ?>
+  </article> <!-- /.node -->
+<?php endif; ?>
diff --git a/drupal7/sites/all/themes/responsive/templates/page.tpl.php b/drupal7/sites/all/themes/responsive/templates/page.tpl.php
new file mode 100644
index 00000000..cf45fb74
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/page.tpl.php
@@ -0,0 +1,216 @@
+<?php
+/**
+ * @file
+ * Default theme implementation to display a single Drupal page.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - $base_path: The base URL path of the Drupal installation. At the very
+ *   least, this will always default to /.
+ * - $directory: The directory the template is located in, e.g. modules/system
+ *   or themes/garland.
+ * - $is_front: TRUE if the current page is the front page.
+ * - $logged_in: TRUE if the user is registered and signed in.
+ * - $is_admin: TRUE if the user has permission to access administration pages.
+ *
+ * Site identity:
+ * - $front_page: The URL of the front page. Use this instead of $base_path,
+ *   when linking to the front page. This includes the language domain or
+ *   prefix.
+ * - $logo: The path to the logo image, as defined in theme configuration.
+ * - $site_name: The name of the site, empty when display has been disabled
+ *   in theme settings.
+ * - $site_slogan: The slogan of the site, empty when display has been disabled
+ *   in theme settings.
+ *
+ * Navigation:
+ * - $main_menu (array): An array containing the Main menu links for the
+ *   site, if they have been configured.
+ * - $secondary_menu (array): An array containing the Secondary menu links for
+ *   the site, if they have been configured.
+ * - $breadcrumb: The breadcrumb trail for the current page.
+ *
+ * Page content (in order of occurrence in the default page.tpl.php):
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title: The page title, for use in the actual HTML content.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ * - $messages: HTML for status and error messages. Should be displayed
+ *   prominently.
+ * - $tabs (array): Tabs linking to any sub-pages beneath the current page
+ *   (e.g., the view and edit tabs when displaying a node).
+ * - $action_links (array): Actions local to the page, such as 'Add menu' on the
+ *   menu administration interface.
+ * - $feed_icons: A string of all feed icons for the current page.
+ * - $node: The node object, if there is an automatically-loaded node
+ *   associated with the page, and the node ID is the second argument
+ *   in the page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - $page['help']: Dynamic help text, mostly for admin pages.
+ * - $page['content']: The main content of the current page.
+ * - $page['sidebar_first']: Items for the first sidebar.
+ * - $page['sidebar_second']: Items for the second sidebar.
+ * - $page['header']: Items for the header region.
+ * - $page['footer']: Items for the footer region.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_page()
+ * @see template_process()
+ */
+?>
+
+<div class="container">
+
+  <header id="head" role="banner">
+    <hgroup class="five columns alpha">
+       <div id="logo">
+        <?php if ($logo): ?><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>"/></a><?php endif; ?>
+        <?php if ($site_slogan): ?><div class="site-slogan"><?php print $site_slogan; ?></div><!--site slogan--><?php endif; ?>
+       </div>
+    </hgroup>
+    
+    <div class="eleven columns omega" id="headright">
+      <?php if (theme_get_setting('socialicon_display', 'responsive')): ?>
+      <?php 
+      $twitter_url = check_plain(theme_get_setting('twitter_url', 'responsive')); 
+      $facebook_url = check_plain(theme_get_setting('facebook_url', 'responsive')); 
+      $googleplus_url = check_plain(theme_get_setting('googleplus_url', 'responsive')); 
+      $linkedin_url = check_plain(theme_get_setting('linkedin_url', 'responsive')); 
+      $theme_path_social = base_path() . drupal_get_path('theme', 'responsive');
+      ?>
+      <div id="socialbar">
+        <ul class="social">
+      <?php if ($twitter_url): ?><li> <a href="<?php print $twitter_url; ?>" target="_blank"> <img src="<?php print $theme_path_social; ?>/images/twitter.png"> </a> </li> <?php endif; ?>
+      <?php if ($facebook_url): ?><li> <a href="<?php print $facebook_url; ?>" target="_blank"> <img src="<?php print $theme_path_social; ?>/images/facebook.png"> </a> </li> <?php endif; ?>
+      <?php if ($googleplus_url): ?><li> <a href="<?php print $googleplus_url; ?>" target="_blank"> <img src="<?php print $theme_path_social; ?>/images/gplus.png"> </a> </li> <?php endif; ?>
+      <?php if ($linkedin_url): ?><li> <a href="<?php print $linkedin_url; ?>" target="_blank"> <img src="<?php print $theme_path_social; ?>/images/in.png"> </a> </li> <?php endif; ?>
+      <li> <a href="<?php print $front_page; ?>rss.xml"> <img src="<?php print $theme_path_social; ?>/images/rss.png"> </a> </li>
+        </ul>
+      </div>
+      <?php endif; ?>
+      
+      <nav id="navigation" role="navigation">
+      <div id="main-menu">
+        <?php 
+          if (module_exists('i18n')) {
+            $main_menu_tree = i18n_menu_translated_tree(variable_get('menu_main_links_source', 'main-menu'));
+          } else {
+            $main_menu_tree = menu_tree(variable_get('menu_main_links_source', 'main-menu'));
+          }
+          print drupal_render($main_menu_tree);
+        ?>
+       </div>
+      </nav><!-- end main-menu -->
+     </div>
+  </header>
+</div>
+  
+<div class="container" id="content-contain">
+
+  <?php if ($is_front): ?>
+    <div class="container">
+    <?php if (theme_get_setting('slideshow_display', 'responsive')): ?>
+      <!-- Slides -->
+      <?php 
+      $url1 = check_plain(theme_get_setting('slide1_url','responsive')); $cap1 = check_markup(theme_get_setting('slide1_desc','responsive'), 'full_html');
+      $url2 = check_plain(theme_get_setting('slide2_url','responsive')); $cap2 = check_markup(theme_get_setting('slide2_desc','responsive'), 'full_html');
+      $url3 = check_plain(theme_get_setting('slide3_url','responsive')); $cap3 = check_markup(theme_get_setting('slide3_desc','responsive'), 'full_html');
+      ?>
+     <div class="flexslider">
+      <ul class="slides">
+        <li>
+          <a href="<?php print url($url1); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'responsive') . '/images/slide-image-1.jpg'; ?>"/></a>
+          <?php if ($cap1): ?> <div class="flex-caption"> <h3> <?php print $cap1; ?> </h3> </div>  <?php endif; ?>
+        </li>
+        <li>
+          <a href="<?php print url($url2); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'responsive') . '/images/slide-image-2.jpg'; ?>"/></a>
+          <?php if ($cap2): ?> <div class="flex-caption"> <h3> <?php print $cap2; ?> </h3> </div> <?php endif; ?>
+        </li>
+        <li>
+          <a href="<?php print url($url3); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'responsive') . '/images/slide-image-3.jpg'; ?>"/></a>
+          <?php if ($cap3): ?> <div class="flex-caption"> <h3> <?php print $cap3; ?> </h3> </div> <?php endif; ?>
+        </li>
+      </ul>
+      </div>
+     <?php endif; ?>
+        
+      <?php if ($page['front_welcome']): ?>
+        <div id="front-welcome"> <?php print render($page['front_welcome']); ?></div>
+      <?php endif; ?>
+    </div>
+  <?php endif; ?>
+  
+    
+  
+  <?php if ($page['header']): ?>
+   <div id="header" class="sixteen columns">
+    <?php print render($page['header']); ?>
+   </div>
+   <div class="clear"></div>
+   <?php endif; ?>
+  
+ <?php if($page['sidebar_first']) { $contentwid= "eleven"; } else { $contentwid= "sixteen"; } ?>
+ 
+ <div id="content" class="<?php print $contentwid; ?> columns">
+  <div id="breadcrumbs"><?php if (theme_get_setting('breadcrumbs', 'responsive')): ?><?php if ($breadcrumb): print $breadcrumb; endif;?><?php endif; ?></div>
+   <section id="post-content" role="main">
+    <?php print $messages; ?>
+    <?php if ($page['content_top']): ?><div id="content_top"><?php print render($page['content_top']); ?></div><?php endif; ?>
+    <?php print render($title_prefix); ?>
+    <?php if ($title): ?><h1 class="page-title"><?php print $title; ?></h1><?php endif; ?>
+    <?php print render($title_suffix); ?>
+    <?php if (!empty($tabs['#primary'])): ?><div class="tabs-wrapper"><?php print render($tabs); ?></div><?php endif; ?>
+    <?php print render($page['help']); ?>
+    <?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
+    <?php print render($page['content']); ?>
+  </section> <!-- /#main -->
+ </div>
+
+  <?php if ($page['sidebar_first']): ?>
+    <aside id="sidebar-first" role="complementary" class="sidebar five columns">
+      <?php print render($page['sidebar_first']); ?>
+    </aside>  <!-- /#sidebar-first -->
+  <?php endif; ?>
+
+  <div class="clear"></div>
+  
+  <?php if ($page['footer']): ?>
+   <div id="foot" class="sixteen columns">
+     <?php print render($page['footer']) ?>
+   </div>
+   <?php endif; ?>
+  
+</div>
+ 
+<?php if ($page['footer_first'] || $page['footer_second'] || $page['footer_third'] || $page['footer_fourth']): ?> 
+  <div id="bottom" class="container">
+  <?php $botomwid = "four"; $bottom = ((bool) $page['footer_first'] + (bool) $page['footer_second'] + (bool) $page['footer_third'] + (bool) $page['footer_fourth']);
+    switch ($bottom) { 
+      case 1: $botomwid = "sixteen"; break; case 2: $botomwid = "eight"; break;
+      case 3: $botomwid = "five"; break; case 4: $botomwid = "four";
+    } ?>
+    <?php if ($page['footer_first']): ?>
+    <div class="<?php print $botomwid; ?> columns botblck"><?php print render($page['footer_first']); ?></div>
+    <?php endif; ?>
+    <?php if ($page['footer_second']): ?>
+    <div class="<?php print $botomwid; ?> columns botblck"><?php print render($page['footer_second']); ?></div>
+    <?php endif; ?>
+    <?php if ($page['footer_third']): ?>
+    <div class="<?php print $botomwid; ?> columns botblck"><?php print render($page['footer_third']); ?></div>
+    <?php endif; ?>
+    <?php if ($page['footer_fourth']): ?>
+    <div class="<?php print $botomwid; ?> columns botblck"><?php print render($page['footer_fourth']); ?></div>
+    <?php endif; ?>
+    </div>
+<?php endif; ?>
+  
+<div id="copyright" class="container">
+ <div class="credit"><?php print t('Copyright'); ?> &copy; <?php echo date("Y"); ?>, <?php print $site_name; ?> <br/> <?php print t('Developed by'); ?> <a href="http://www.devsaran.com" target="_blank">Devsaran</a>.</div>
+  <div class="clear"></div>
+</div>
\ No newline at end of file
diff --git a/drupal7/sites/all/themes/responsive/templates/region.tpl.php b/drupal7/sites/all/themes/responsive/templates/region.tpl.php
new file mode 100644
index 00000000..012b3e0a
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/templates/region.tpl.php
@@ -0,0 +1,5 @@
+<?php if (!empty($content)): ?>
+<div class="<?php print $classes; ?>">
+  <?php print $content; ?>
+</div>
+<?php endif; ?> <!-- /.region -->
diff --git a/drupal7/sites/all/themes/responsive/theme-settings.php b/drupal7/sites/all/themes/responsive/theme-settings.php
new file mode 100644
index 00000000..c4722119
--- /dev/null
+++ b/drupal7/sites/all/themes/responsive/theme-settings.php
@@ -0,0 +1,126 @@
+<?php
+/**
+ * Implements hook_form_FORM_ID_alter().
+ *
+ * @param $form
+ *   The form.
+ * @param $form_state
+ *   The form state.
+ */
+function responsive_form_system_theme_settings_alter(&$form, &$form_state) {
+
+  $form['resp_settings'] = array(
+    '#type' => 'fieldset',
+    '#title' => t('Responsive Theme Settings'),
+    '#collapsible' => FALSE,
+    '#collapsed' => FALSE,
+  );
+  $form['resp_settings']['breadcrumbs'] = array(
+    '#type' => 'checkbox',
+    '#title' => t('Show breadcrumbs in a page'),
+    '#default_value' => theme_get_setting('breadcrumbs','responsive'),
+    '#description'   => t("Check this option to show breadcrumbs in page. Uncheck to hide."),
+  );
+  $form['resp_settings']['slideshow'] = array(
+    '#type' => 'fieldset',
+    '#title' => t('Front Page Slideshow'),
+    '#collapsible' => TRUE,
+    '#collapsed' => FALSE,
+  );
+  $form['resp_settings']['slideshow']['slideshow_display'] = array(
+    '#type' => 'checkbox',
+    '#title' => t('Show slideshow'),
+    '#default_value' => theme_get_setting('slideshow_display','responsive'),
+    '#description'   => t("Check this option to show Slideshow in front page. Uncheck to hide."),
+  );
+    $form['resp_settings']['slideshow']['slide'] = array(
+    '#markup' => t('You can change the description and URL of each slide in the following Slide Setting fieldsets.'),
+  );
+  $form['resp_settings']['slideshow']['slide1'] = array(
+    '#type' => 'fieldset',
+    '#title' => t('Slide 1'),
+    '#collapsible' => TRUE,
+    '#collapsed' => TRUE,
+  );
+  $form['resp_settings']['slideshow']['slide1']['slide1_desc'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Slide Description'),
+    '#default_value' => theme_get_setting('slide1_desc','responsive'),
+  );
+  $form['resp_settings']['slideshow']['slide1']['slide1_url'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Slide URL'),
+    '#default_value' => theme_get_setting('slide1_url','responsive'),
+  );
+  $form['resp_settings']['slideshow']['slide2'] = array(
+    '#type' => 'fieldset',
+    '#title' => t('Slide 2'),
+    '#collapsible' => TRUE,
+    '#collapsed' => TRUE,
+  );
+  $form['resp_settings']['slideshow']['slide2']['slide2_desc'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Slide Description'),
+    '#default_value' => theme_get_setting('slide2_desc','responsive'),
+  );
+  $form['resp_settings']['slideshow']['slide2']['slide2_url'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Slide URL'),
+    '#default_value' => theme_get_setting('slide2_url','responsive'),
+  );
+  $form['resp_settings']['slideshow']['slide3'] = array(
+    '#type' => 'fieldset',
+    '#title' => t('Slide 3'),
+    '#collapsible' => TRUE,
+    '#collapsed' => TRUE,
+  );
+  $form['resp_settings']['slideshow']['slide3']['slide3_desc'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Slide Description'),
+    '#default_value' => theme_get_setting('slide3_desc','responsive'),
+  );
+  $form['resp_settings']['slideshow']['slide3']['slide3_url'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Slide URL'),
+    '#default_value' => theme_get_setting('slide3_url','responsive'),
+  );
+  $form['resp_settings']['slideshow']['slideimage'] = array(
+    '#markup' => t('To change the Slide Images, Replace the slide-image-1.jpg, slide-image-2.jpg and slide-image-3.jpg in the images folder of the responsive theme folder.'),
+  );
+  $form['resp_settings']['socialicon'] = array(
+    '#type' => 'fieldset',
+    '#title' => t('Social Icon'),
+    '#collapsible' => TRUE,
+    '#collapsed' => FALSE,
+  );
+  $form['resp_settings']['socialicon']['socialicon_display'] = array(
+    '#type' => 'checkbox',
+    '#title' => t('Show Social Icon'),
+    '#default_value' => theme_get_setting('socialicon_display','responsive'),
+    '#description'   => t("Check this option to show Social Icon. Uncheck to hide."),
+  );
+  $form['resp_settings']['socialicon']['twitter_url'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Twitter Profile URL'),
+    '#default_value' => theme_get_setting('twitter_url', 'responsive'),
+	  '#description'   => t("Enter your Twitter Profile URL. Leave blank to hide."),
+  );
+  $form['resp_settings']['socialicon']['facebook_url'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Facebook Profile URL'),
+    '#default_value' => theme_get_setting('facebook_url', 'responsive'),
+	  '#description'   => t("Enter your Facebook Profile URL. Leave blank to hide."),
+  );
+  $form['resp_settings']['socialicon']['googleplus_url'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Google+ Profile URL'),
+    '#default_value' => theme_get_setting('googleplus_url', 'responsive'),
+	  '#description'   => t("Enter your Google+ Profile URL. Leave blank to hide."),
+  );
+  $form['resp_settings']['socialicon']['linkedin_url'] = array(
+    '#type' => 'textfield',
+    '#title' => t('LinkedIn Profile URL'),
+    '#default_value' => theme_get_setting('linkedin_url', 'responsive'),
+	  '#description'   => t("Enter your LinkedIn Profile URL. Leave blank to hide."),
+  );
+}
