diff --git a/LICENSE.txt b/LICENSE.txt
new file mode 100644
index 0000000000000000000000000000000000000000..2c095c8d3f42488e8168f9710a4ffbfc4125a159
--- /dev/null
+++ b/LICENSE.txt
@@ -0,0 +1,274 @@
+GNU GENERAL PUBLIC LICENSE
+
+              Version 2, June 1991
+
+Copyright (C) 1989, 1991 Free Software Foundation, Inc. 675 Mass Ave,
+Cambridge, MA 02139, 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 Library 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
diff --git a/README.txt b/README.txt
deleted file mode 100644
index 000b0368b983facf5a4bf5c2b9d0c674ec183451..0000000000000000000000000000000000000000
--- a/README.txt
+++ /dev/null
@@ -1,9 +0,0 @@
-Superfish Drop Menu:
-
-1) Build a standard drupal menu. Set the correct levels to "expanded" (the parent item).
-
-2) Disable Main menu in the Danland theme settings.
-	 
-3) Place the Main menu block in the Superfish menu region. Your menu will be automatically rendered as a Drop menu.
-	 
-4) To modify the animation style and speed please see the following site for a full run down on configuring the Superfish plugin: http://users.tpg.com.au/j_birch/plugins/superfish/
\ No newline at end of file
diff --git a/block.tpl.php b/block.tpl.php
deleted file mode 100644
index eed0ab4b951d3c3dfbd03eab1e865b32a413ea9b..0000000000000000000000000000000000000000
--- a/block.tpl.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<?php
-/**
- * @file
- * Default 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.
- * - $block_html_id: A valid HTML ID and guaranteed unique.
- *
- * @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 ($block->subject): ?>
-			<h2<?php print $title_attributes; ?> class="block-title"><?php print $block->subject ?></h2>
-		<?php endif;?>
-	<?php print render($title_suffix); ?>
-	<div class="content"<?php print $content_attributes; ?>>
-		<?php print $content ?>
-	</div> <!-- end block content -->
-</div> <!-- end block -->
\ No newline at end of file
diff --git a/comment.tpl.php b/comment.tpl.php
deleted file mode 100644
index d3f757613d8071407d588f275c9a6b82b46e2f42..0000000000000000000000000000000000000000
--- a/comment.tpl.php
+++ /dev/null
@@ -1,86 +0,0 @@
-<?php
-/**
- * @file
- * Default 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.
- * - $submitted: Submission information created from $author and $created during
- *   template_preprocess_comment().
- * - $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; ?> clearfix"<?php print $attributes; ?>>
-	<?php print $picture ?>
-	<?php if ($new): ?>
-		<span class="new"><?php print $new ?></span>
-	<?php endif; ?>
-	<?php print render($title_prefix); ?>
-		<h3<?php print $title_attributes; ?> class="title"><?php print $title ?></h3>
-	<?php print render($title_suffix); ?>
-	<div class="submitted">
-		<?php print $permalink; ?>
-			<?php
-				print t('Submitted by !username on !datetime.', 
-				array('!username' => $author, '!datetime' => $created));
-			?>
-	</div>
-	<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 print render($content['links']) ?>
-</div>
\ No newline at end of file
diff --git a/css/local.css b/css/local.css
new file mode 100644
index 0000000000000000000000000000000000000000..5d4ec74e52d825062cf1963ec0da42abea290c7f
--- /dev/null
+++ b/css/local.css
@@ -0,0 +1,8 @@
+/****************************/
+/* LOCAL CSS                */
+/****************************/
+
+/* Put your custom css and css overrides in this file.   */ 
+/* By restricting your css changes to local.css, your    */
+/* changes will not be overwritten when upgrading to a   */
+/* new version of this theme.                            */
diff --git a/css/responsive.css b/css/responsive.css
new file mode 100644
index 0000000000000000000000000000000000000000..d085dda89518f9cb758ea2610a3a86c022939a2e
--- /dev/null
+++ b/css/responsive.css
@@ -0,0 +1,186 @@
+@media all and (max-width: 949px) {
+
+	#header, #menu, .slideshow-inner, .slideshow, #slideshow-bottom, #preface-wrapper, #bottom-teaser, #bottom-wrapper, #wrapper, #footer-wrapper {
+		width: 768px;
+	}
+	#mission-wrapper {
+		width: 768px!important;
+	}
+
+}
+
+@media all and (max-width: 800px) {
+
+	#header, #menu, .slideshow-inner, .slideshow, #slideshow-bottom, #preface-wrapper, #bottom-teaser, #bottom-wrapper, #wrapper, #footer-wrapper {
+		width: 730px;
+	}
+	#mission-wrapper {
+		width: 730px!important;
+	}
+
+}
+
+@media all and (max-width: 767px) {
+
+	#header, #menu, .slideshow-inner, .slideshow, #slideshow-bottom, #preface-wrapper, #bottom-teaser, #bottom-wrapper, #wrapper, #footer-wrapper {
+		width: 620px;
+	}
+	#mission-wrapper {
+		width: 620px!important;
+	}
+
+}
+
+@media all and (max-width: 640px) {
+
+	#header, #menu, .slideshow-inner, .slideshow, #slideshow-bottom, #preface-wrapper, #bottom-teaser, #bottom-wrapper, #wrapper, #footer-wrapper, #footer {
+		width: 100%;
+	}
+	#mission-wrapper {
+		width: 100%!important;
+	}
+	#preface {
+		font-size: 84%;
+	}
+	.slideshow-inner, .slideshow {
+		height:300px;
+	}
+	#slideshow-wrapper {
+		height:365px;
+		background-image: url("../images/slideshow-shadow.gif");
+	}
+	#preface-wrapper.in3 .column, #preface-wrapper.in2 .column, #preface-wrapper.in1 .column, #bottom-teaser.in3 .column, #bottom-teaser.in2 .column, #bottom-teaser.in1 .column, #bottom-wrapper.in4 .column, #bottom-wrapper.in3 .column, #bottom-wrapper.in2 .column, #bottom-wrapper.in1 .column {
+		width:100%;
+	}
+	.one-sidebar #content, .two-sidebars #content {
+		width:100%;
+		float:left;
+		margin:0;
+	}
+	#layout-type-1 #sidebar-left, #layout-type-1 #sidebar-right, #layout-type-2 #sidebar-left, #layout-type-2 #sidebar-right {
+		width:100%;
+		float:right;
+		margin:0;
+		position:relative;
+	}
+	.region {
+		padding: 0 10px;
+	}
+	.content-top, .content-bottom {
+		margin: 0 10px 20px;
+	}
+	.content-top .region, .content-bottom .region {
+		padding:0;
+	}
+	#header .region, #menu .region, #slideshow .region {
+		padding:0;
+	}
+	
+}
+
+@media all and (max-width: 480px) {
+
+	.slideshow-inner, .slideshow {
+		height:200px;
+	}
+	#slideshow-wrapper {
+		height:265px;
+		background-image: url("../images/slideshow-shadow.gif");
+	}
+	
+	.region-header {
+		text-align:left;
+		float:left;
+	}
+	
+	#logo-wrapper, #branding-wrapper {
+		float:left;
+		margin:0;
+	}
+	
+	#branding-wrapper {
+		margin-top:15px;
+	}
+	
+	#header-wrapper #search-box {
+		margin:0;
+		position: relative;
+		right: 0;
+		top: 0;
+		left:0;
+		text-align:center;
+		white-space: nowrap;
+		float:left;
+	}
+	
+	#header .region.region-search_box {
+		padding: 15px;
+		display:block;
+	}
+		
+	.site-slogan {
+		display:block;
+	}
+	
+	#menu {
+		height: auto;
+		background:none;
+		width:100%;
+		margin: 0 auto;
+	}
+
+	#nav {
+		height: auto;
+		background:none;
+		float:left;
+		padding: 0 10px;
+		margin-top:1em;
+	}
+
+	#nav ul.menu li {
+		float:left;
+		background:none;
+		height:auto;
+		padding:0 1px 0 0;
+		margin:0;
+	}
+
+	#nav .menu li a{
+		color:#333;
+		text-decoration:none;
+		font-size:12px;
+		padding:5px;
+		display:inline-block;
+		font-weight:bold;
+		height:25px;
+		text-transform:normal;
+	}
+
+	#nav ul.menu li a:hover {
+		background:none;
+		text-decoration:underline;
+	}
+
+	#nav ul.menu li.active-trail a {
+		background:none;
+		text-decoration:underline;
+	}
+
+	#rounded-menu-left {
+		display:none;
+	}
+
+	#rounded-menu-right {
+		display:none;
+	}
+
+	#nav ul.menu, #nav ul.menu li.leaf {
+		list-style-image:none;
+		list-style:none;
+	}
+
+	#nav ul.menu, #nav .block ul.menu, #nav ol {
+		margin:0;
+		padding:0;
+	}
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..b9a689bc2a0bd77c53afb8dbec19668eb7236329
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,1419 @@
+/* Body
+-------------------------------------------------------------- */
+
+body {
+	background:url(../images/body-bg.gif) repeat-x #fff;
+	font-size: 84%;
+	font-family: Arial, Helvetica, sans-serif;
+	color: #000;
+	margin: 0;
+	padding: 0;
+	line-height: 1.5em;
+}
+
+/* Text elements
+-------------------------------------------------------------- */
+
+tr.odd td, tr.even td {
+	padding: 0.5em;
+}
+
+a {
+	text-decoration: none;
+}
+
+a:link {
+	color: #005a8c;/*#e87e17*/
+	text-decoration: none;
+}
+
+a:visited {
+	color: #005a8c;/*#e87e17*/
+	text-decoration: none;
+}
+
+a:hover {
+	color:#cc6600;
+}
+
+blockquote {
+	background: url(../images/bq-tl.gif) no-repeat left top;
+	padding-left: 30px;
+	margin-left: 10px;
+	font-style:italic;
+}
+
+blockquote p {
+	background: url(../images/bq-br.gif) no-repeat right bottom;
+}
+
+cite {
+	background: url(../images/bq-tl.gif) no-repeat left top;
+	clear: both;
+	display: block;
+	font-style: italic;
+	padding-left: 30px;
+	margin-left: 10px;
+}
+
+code, tt, pre {
+	background-color:#EDF1F3;
+	font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
+	font-size:0.9em;
+	line-height:1.2em;
+}
+
+/* Headings
+-------------------------------------------------------------- */
+
+h1 {
+	font-size: 1.6em;
+}
+
+h2 {
+	font-size: 1.5em;
+}
+
+h3 {
+	font-size: 1.3em;
+}
+
+h4 {
+	font-size: 1.2em;
+}
+
+h5 {
+	font-size: 1.1em;
+}
+
+h6 {
+	font-size: 1em;
+}
+
+h1,h2,h3,h4,h5,h6 {
+	padding:0;
+	margin:0;
+}
+
+/* Header regions
+-------------------------------------------------------------- */
+
+#skip-link {
+	left: 50%;
+	margin-left: -5.25em;
+	margin-top: 0;
+	position: absolute;
+	width: auto !important;
+	z-index: 50;
+}
+
+#skip-link a, #skip-link a:link, #skip-link a:visited {
+	display: block;
+	position: absolute;
+	text-decoration: none;
+	top: -10000px;
+	width: 1px;
+	height: 1px;
+}
+
+#header {
+	height: 66px;
+	position: relative;
+	width: 950px;
+	margin: 0 auto;
+}
+
+#search-block-form {
+	padding: 5px 10px;
+}
+
+#header #search-block-form {
+	padding: 0;
+}
+
+#header .search-block-form  h2.block-title {
+	display:none;
+}
+
+#header .search-block-form .form-item, #header .search-block-form .form-actions {
+	float:left;
+	margin:0;
+}
+
+#header .search-block-form .form-search {
+	width: 10em;
+	margin-right:3px;
+}
+
+#header .search-block-form .form-submit {
+	padding:0;
+}
+
+#logo-wrapper {
+	float: left;
+}
+
+.logo {
+	margin-top: 10px;
+	margin-left: 15px;
+}
+
+.logo IMG {
+	height:50px;
+}
+
+#branding-wrapper {
+	float: left;
+	margin-top: 25px;
+}
+
+.site-name {
+	display: inline; 
+	font-weight: bold;
+	font-size: 25px;
+	margin-left: 15px;
+	position: relative;
+	font-family: Verdana, Tahoma;
+	font-style: italic;
+}
+
+.site-slogan {
+	display: inline;                       
+	font-weight: bold;
+	position: relative;
+	margin-left: 10px;
+	font-family: Verdana, Tahoma;
+}
+
+#header-wrapper #search-box {
+	margin: 4px 14px;
+	position: absolute;
+	right: 0;
+	top: 30px;
+	white-space: nowrap;
+}
+
+#header-wrapper #search-box input.form-text {
+	width: 10em;
+}
+
+/* Primary menu + Superfish
+-------------------------------------------------------------- */
+
+#menu {
+	height: 35px;
+	background:url(../images/menu-bg.gif) repeat-x;
+	width:952px;
+	margin: 0 auto;
+}
+
+#nav {
+	height: 35px;
+	background:url(../images/menu-bg.gif) repeat-x;
+	float:left;
+}
+
+#nav ul.menu li {
+	float:left;
+	background:url(../images/menu-separator.gif) no-repeat right top;
+	height:35px;
+	padding:0 1px 0 0;
+	margin:0;
+}
+
+#nav .menu li a{
+	color:#fff;
+	text-decoration:none;
+	font-size:12px;
+	padding:7px 29px 0 29px;
+	display:inline-block;
+	font-weight:bold;
+	height:25px;
+	text-transform:uppercase;
+}
+
+#nav ul.menu li a:hover {
+	background:transparent url(../images/menu-hover-bg.gif) repeat-x;
+}
+
+#nav ul.menu li.active-trail a {
+	background:transparent url(../images/menu-hover-bg.gif) repeat-x;
+}
+
+#rounded-menu-left {
+	height: 35px;
+	background:transparent url(../images/menu-left-bg.gif) no-repeat;
+	float:left;
+	width:1px;
+	line-height:0;
+	font-size:0;
+}
+
+#rounded-menu-right {
+	height: 35px;
+	background:url(../images/menu-right-bg.gif) no-repeat;
+	float:right;
+	width:14px;
+	line-height:0;
+	font-size:0;
+}
+
+#nav ul.menu, #nav ul.menu li.leaf {
+	list-style-image:none;
+	list-style:none;
+}
+
+#nav ul.menu, #nav .block ul.menu, #nav ol {
+	margin:0;
+	padding:0;
+}
+
+/* slideshow + Preface top + Slideshow
+-------------------------------------------------------------- */
+
+#slideshow-wrapper{
+	width:100%;
+	background: transparent url(../images/slideshow-shadow.gif) no-repeat center bottom;
+	height:420px;
+	margin-bottom:-45px;
+	margin-top:14px;
+}
+
+.slideshow-inner{
+	width:950px;
+	margin:0 auto;
+	height:355px;
+	position:relative;
+	z-index:1;
+	overflow: hidden;
+}
+
+#slideshow-preface {
+	float:left;
+	position:absolute;
+	text-align:left;
+	z-index:4;
+}
+
+.slideshow {
+	width:950px;
+	height:355px;
+	position:relative;
+	z-index:2;
+	overflow: hidden;
+}
+
+#preface {
+	margin: 20px;
+	font-size:1.2em;
+	color:#fff;
+	display:block;
+	float:left;
+}
+
+#preface .block-title {
+	margin-top:20px;
+}
+
+#preface .region {
+	margin:20px 0;
+}
+
+#preface a {
+	color:#fff;
+	text-decoration:underline;
+}
+
+#preface a:hover {
+	text-decoration:none;
+}
+
+#preface .contextual-links a{
+	text-decoration:none;
+	color:#333;
+}
+
+#slideshow-bottom{
+	width:950px;
+	float:left;
+	background:url(../images/mission-bg.png) no-repeat center bottom;
+	min-height:65px;
+	position:absolute;
+	bottom:0;
+	left:0;
+	text-align:right;
+	z-index:3;
+}
+
+/* Preface first + Preface middle + Preface last regions
+-------------------------------------------------------------- */
+
+#preface-wrapper {
+	width:950px;
+	margin:5px auto 0;
+}
+
+#preface-wrapper .column {
+	float: left;
+}
+
+#preface-wrapper.in1 .column {
+	width: 100%;
+}
+
+#preface-wrapper.in2 .column {
+	width: 50%;
+}
+
+#preface-wrapper.in3 .column {
+	width: 33.3%;
+}
+
+#preface-wrapper .block {
+	margin: 0 15px;
+}
+
+#preface-wrapper .block-title {
+	margin-top:15px;
+}
+
+#preface-wrapper .region {
+	margin:15px 0;
+}
+
+#mission {
+	font-size:1.6em;
+	color:#002054;
+	display:block;
+	float:right;
+	line-height:1.2em;
+	width: 100%;
+}
+
+#mission .contextual-links {
+	font-size: 84%;
+}
+
+#mission .block-title {
+	margin-top:20px;
+}
+
+#mission .region {
+	margin:20px;
+}
+
+/* Content regions
+-------------------------------------------------------------- */
+
+#wrapper {
+	width:950px;
+	margin: 15px auto 0;
+}
+
+#content {
+	width: 100%;
+	float: left;
+}
+
+/* Sidebar regions
+-------------------------------------------------------------- */
+
+#layout-type-1 #sidebar-left {
+	width: 26%;
+	float: left;
+	font-size:12px;	
+}
+
+#layout-type-2 #sidebar-left {
+	width: 21%;
+	float: left;
+	margin-right: 2%;
+	font-size:12px;	
+}
+
+.one-sidebar #content{
+	width: 69%;
+	margin-left: 25px;
+	float: left;
+}
+
+.two-sidebars #content{
+	width: 54%;
+	float: left;
+}
+
+#layout-type-1 #sidebar-right {
+	width: 26%;
+	float: right;
+	font-size:12px;	      
+}
+
+#layout-type-2 #sidebar-right {
+	width: 21%;
+	float: right;
+	font-size:12px;	      
+}
+
+#sidebar-left h2.block-title,
+#sidebar-right h2.block-title {
+	background: #e6e6e6;
+	margin:0;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	padding-left: 10px;
+	padding-right: 10px;
+	font-size: 1.3em;
+}
+
+#sidebar-left .content,
+#sidebar-right .content {
+	padding: 5px 15px;
+}
+
+.sidebar .block {
+	background-color: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	margin:0 0 15px;
+}
+
+.sidebar tbody {
+	border: none;
+}
+.sidebar tr.even,
+.sidebar tr.odd {
+	background: none;
+}
+
+/* Misc.
+-------------------------------------------------------------- */
+
+#help {
+	font-size: 0.9em;
+	margin-bottom: 1em;
+}
+
+.error {
+	border-color: red;
+}
+
+.terms {
+	background-repeat: no-repeat;
+	margin-left: 18px;
+	margin-bottom: 5px;
+}
+
+#notice {
+	font-size: 10px;
+	text-align:center;
+	margin-bottom: -10px;
+}
+
+table {
+	width:100%;
+}
+
+div.contextual-links-wrapper {
+	font-size:100%;
+}
+
+/* Nodes
+-------------------------------------------------------------- */
+
+#first-time {
+	margin-bottom:10px;
+}
+
+.node {
+	border-bottom: 1px solid #bbb;
+	margin: 20px 0;
+	padding-bottom:15px;
+}
+
+.content-top{
+	border-bottom: 1px solid #bbb;
+	border-right: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	background-color: #f4f4f4;
+	margin:0 0 20px;
+}
+
+.content-top .block-title {
+	margin-top:15px;
+}
+
+.content-top .region {
+	margin:15px;
+}
+
+.content-middle .block-system {
+	margin:0;
+}
+
+.content-middle .block-block {
+	margin:0;
+}
+
+.content-middle .block-block .block-title{
+	margin-top:15px;
+}
+
+.content-middle .block-block .content {
+	margin:15px 0;
+}
+
+.content-bottom {
+	border-bottom: 1px solid #bbb;
+	border-right: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	background-color: #f4f4f4;
+	margin:20px 0 0;
+}
+
+.content-bottom .block-title {
+	margin-top:15px;
+}
+
+.content-bottom .region {
+	margin:15px;
+}
+
+.title, .title a {
+	margin: 0 auto;
+	line-height: 1.2em;
+}
+
+.node .content, .comment .content {
+	margin: .5em 0 .5em;
+}
+
+.node .taxonomy {
+	color: #999;
+	font-size: 0.9em;
+	padding-left: 1em;
+}
+
+.node .user-picture, .comment .user-picture {
+	float: right;
+	margin-left: 10px;
+}
+
+.node .user-picture img, .comment .user-picture img {
+	width:60px;
+}
+
+.node-book .links {
+	padding-top:5px;
+}
+
+.preview .node, .preview .comment{
+	background-color: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	padding: 0.8em;
+}
+
+.submitted {
+	font-size: 0.9em;
+	color: #999;
+}
+
+.submitted a:hover {
+	text-decoration: underline;
+}
+
+.node-sticky {
+	padding: 1em;
+	background-color: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	margin:0;
+}
+
+.messages {
+	background-color: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	padding: 0.3em;
+	margin-bottom: 1em;
+}
+
+.breadcrumb {
+	background-color: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	margin-bottom: 1em;
+	padding: 0.3em 10px;
+}
+
+.breadcrumb ol {
+	margin: 0;
+	padding: 0;
+}
+[dir="rtl"] .breadcrumb ol {
+/* This is required to win over specificity of [dir="rtl"] ol */
+	margin-right: 0;
+}
+.breadcrumb li {
+	display: inline;
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+/* IE8 does not support :not() and :last-child. */
+.breadcrumb li:before {
+	content: ' \BB ';
+}
+.breadcrumb li:first-child:before {
+	content: none;
+}
+
+.field-type-taxonomy-term-reference .field-label, .field-type-taxonomy-term-reference .field-items, .field-type-taxonomy-term-reference .field-item {
+	display:inline;
+	float:left;
+	font-weight:normal;
+	padding-right:10px;
+}
+
+#contact-message-feedback-form {
+	margin-bottom: 1em;
+}
+
+/* Comments
+-------------------------------------------------------------- */
+
+#comment-form {
+	margin-top:1em;
+}
+
+.comment {
+	background-color: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	padding: 1em;
+	margin: 1em 0;
+}
+
+.comment .title {
+	line-height: 1.2em;
+}
+
+.comment .new {
+	text-align: right;
+	font-weight: normal;
+	float: right;
+	color: red;
+	margin:.5em;
+}
+
+/* Aggregator
+-------------------------------------------------------------- */
+
+.feed-item-body {
+	border-bottom: 1px solid #bbb;
+	padding-bottom: 1em;
+}
+
+#aggregator .feed-source {
+	background-color: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	padding: 0.8em;
+}
+
+#aggregator h1 .title{
+	border-bottom: 1px solid #bbb;
+}
+
+#aggregator h2 {
+	padding-top: 10px;
+}
+
+#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
+	color: #999;
+	font-style: italic;
+}
+
+.feed-item-title {
+	font-size: 1.4em;
+}
+
+#aggregator h3 a:hover {
+	text-decoration: none;
+}
+
+.feed-item-meta .feed-item-source {
+	font-size: 0.9em;
+}
+
+.feed-item-meta .feed-item-date {
+	font-size: 0.9em;
+	color: #999;
+}
+
+/* Forums
+-------------------------------------------------------------- */
+
+#forum table {
+	width: 100%;
+}
+
+#forum td {
+	padding: 0.5em;
+}
+
+#forum td.container {
+	background-color: #e6e6e6;
+}
+
+#forum ul.links a {
+	background-repeat: no-repeat;
+	padding-left: 20px;
+	padding-bottom: 5px;
+}
+
+#forum ul.links li.forum a {
+	background-image:url(../images/post.gif);
+}
+
+#forum ul.links li.login a {
+	background-image:url(../images/lock.gif);
+}
+
+#forum td.statistics, #forum td.settings, #forum td.pager {
+	height: 1em;
+	border: 1px solid #bbb;
+}
+
+#forum td .links {
+	padding-top: 0.7em;
+}
+
+.block-forum h3 {
+	margin-bottom: .5em;
+}
+
+dl dd {
+	margin: 0 0 .5em 1em;
+}
+
+tr.odd {
+	background-color:#f4f4f4;
+}
+
+tr.even {
+	background-color:#fcfcfc;
+}
+
+th {
+	text-align:left;
+	background: #E6E6E6;
+}
+
+tr td, tr th {
+	border:1px solid #bbb;
+	padding: 0 6px;
+}
+
+/* Tracker + Profile
+-------------------------------------------------------------- */
+
+#tracker table {
+	width: 100%;
+}
+
+#tracker td {
+	padding: 0.5em;
+}
+
+.profile {
+	clear: both;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	padding: .8em;
+	margin: 1em 0em;
+	background-color: #f4f4f4;;
+}
+
+.profile h3 {
+	margin-bottom:10px;
+}
+
+/* Admin
+-------------------------------------------------------------- */
+
+div.admin-panel .body {
+	background: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+}
+
+div.admin-panel h3 {
+	background-color: #e6e6e6;
+	border-right: 1px solid #bbb;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	padding: 5px 8px 5px;
+	margin: 0;
+}
+
+div.admin {
+	padding-top: 0;
+}
+
+div.admin .left,
+div.admin .right {
+	margin-left: 1%;
+	margin-right: 1%;
+}
+
+/* Poll
+-------------------------------------------------------------- */
+
+.poll .bar {
+	background: #fff url(../images/bg-bar-white.png) repeat-x 0 0;
+	border: solid #f0f0f0;
+	border-width: 1px 1px 1px;
+}
+
+.poll .bar .foreground {
+	background: #71a7cc url(../images/bg-bar.png) repeat-x 0 100%;
+}
+
+/* Lists + Links + Pager
+-------------------------------------------------------------- */
+
+ul, .block ul, ol {
+	margin: 0.5em 0 1em;
+	padding: 0 0 0 1.5em;
+}
+
+ul, ul li.leaf {
+	list-style-image: url(../images/menu-leaf.gif);
+}
+
+ol {
+	list-style-image: none;
+}
+
+ul.menu, .item-list ul {
+	margin: 0.35em 0 0 -0.5em;
+}
+
+ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
+	margin: 0.15em 0 0.15em .5em;
+	padding-bottom: .1em;
+}
+
+ul li.expanded {
+	list-style-image: url(../images/menu-expanded.gif);
+}
+
+ul li.collapsed {
+	list-style-image: url(../images/menu-collapsed.gif); /* LTR */
+}
+
+ul li.leaf a, ul li.expanded a, ul li.collapsed a {
+	display: block;
+}
+
+ul.inline li {
+	background: none;
+	margin: 0;
+	padding: 0 1em 0 0;
+}
+
+ul.inline, ul.links.inline {
+	display: inline;
+	padding-left: 0;
+}
+
+ul.inline li, ul.primary li, ul.secondary li{
+	display: inline;
+	list-style-type: none;
+}
+
+ol.task-list {
+	margin-left: 0;
+	list-style-type: none;
+	list-style-image: none;
+}
+
+ol.task-list li {
+	padding: 0.5em 1em 0.5em 2em;
+}
+
+ol.task-list li.active {
+	background: transparent url(../images/task-list.png) no-repeat 3px 50%;
+}
+
+ol.task-list li.done {
+	color: #393;
+	background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%;
+}
+
+ol.task-list li.active {
+	margin-right: 1em;
+}
+
+fieldset ul.clearfix li {
+	margin: 0;
+	padding: 0;
+	background-image: none;
+}
+
+#user-login-form {
+	text-align: center;
+}
+
+#user-login-form ul {
+	text-align: left;
+}
+
+ul.links li, ul.inline li {
+	background-image: none;
+}
+
+.links li {
+	margin: 0;
+	padding: 0;
+}
+
+.tabs li {
+	margin: 0;
+	padding: 0;
+	background-image: none;
+}
+
+ul.tabs {
+	border-bottom: 1px solid #CCC;
+	line-height:normal;
+}
+
+.tabs a {
+	display:inline-block;
+}
+
+li.expanded {
+	list-style-image:none;
+	list-style-type:none;
+	margin:0.15em 0 0.15em 0.5em;
+}
+
+div.links ul.links a {
+	background-repeat: no-repeat;
+	padding-left: 20px;
+}
+
+div.comment ul.links a {
+	background-repeat: no-repeat;
+	padding-left: 20px;
+}
+
+div.links ul.links li.comment_forbidden a {
+	padding:0;
+	margin:0;
+}
+
+div.links ul.links li.comment_forbidden {
+	padding:0;
+	margin:0;
+}
+
+div.comment ul.links li.comment_forbidden a {
+	padding:0;
+	margin:0;
+}
+
+div.comment ul.links li.comment_forbidden {
+	padding:0;
+	margin:0;
+}
+
+div.links ul.links li.comment_forbidden span {
+	background-repeat: no-repeat;
+	padding-left: 20px;
+	padding-right:20px;
+}
+
+div.comment ul.links li.comment_forbidden span {
+	background-repeat: no-repeat;
+	padding-left: 20px;
+	padding-right:20px;
+}
+
+.links ul.links li.comment-add a {
+	background-image: url(../images/commentadd.gif);
+}
+
+.links ul.links li.comment-comments a {
+	background-image: url(../images/comments.gif);
+}
+
+.links ul.links li.comment-new-comments a {
+	background-image: url(../images/comments.gif);
+}
+
+.comment ul.links li.comment-edit a {
+	background-image: url(../images/commentedit.gif);
+}
+
+.comment ul.links li.comment-delete a {
+	background-image: url(../images/commentdelete.gif);
+}
+
+.comment ul.links li.comment-reply a {
+	background-image: url(../images/commentadd.gif);
+}
+
+.links ul.links li.node-readmore a {
+	background-image: url(../images/readmore.gif);
+}
+
+.links ul.links li.blog-usernames-blog a {
+	background-image: url(../images/user.gif);
+}
+
+.links ul.links li.comment-forbidden a {
+	background-image:url(../images/lock.gif);
+}
+
+.comment ul.links li.comment-forbidden a {
+	background-image:url(../images/lock.gif);
+}
+
+.links ul.links li.upload-attachments a {
+	background-image: url(../images/photo.gif);
+}
+
+.links ul.links li.book-printer a{
+	background-image:url(../images/print.gif);
+}
+
+.links ul.links li.book-add-child a{
+	background-image:url(../images/add.gif);
+}
+
+ul.pager li.pager-current {
+	background-color:#005a8c;
+	color:#FFFFFF;
+	padding-left:4px;
+	padding-right:4px;
+	padding-top:1px;
+	padding-bottom:1px;
+}
+
+.item-list .pager li {
+	padding:0px;
+}
+
+.item-list .pager li a{
+	padding-left:4px;
+	padding-right:4px;
+	padding-top:1px;
+	padding-bottom:1px;
+	background-color: #f4f4f4;;
+}
+
+.item-list .pager li a:hover {
+	background-color:#005a8c;
+	color:#FFFFFF;
+}
+
+ul.links li,
+ul.inline li {
+	margin-left: 0;
+	margin-right: 0;
+	padding-left: 0;
+	padding-right: 1em;
+	background-image: none;
+}
+
+.node .links,
+.comment .links {
+	text-align: left;
+	padding-left: 0;
+	padding-top:5px;
+}
+
+ul.primary li a {
+	background-color:#f4f4f4;
+	border-color:#ccc;
+	border-style:solid solid none;
+	border-width:1px;
+	height:auto;
+	margin-right:0.5em;
+	padding:0 1em;
+	text-decoration:none;
+}
+
+.book-navigation .menu {
+	border-top:1px solid #bbb;
+	margin:0;
+	padding:10px 20px;
+}
+
+.book-navigation .page-links {
+	border-bottom:1px solid #bbb;
+	border-top:1px solid #bbb;
+	padding:0.5em;
+	text-align:center;
+}
+
+.filter-wrapper {
+	border:1px solid #bbb;
+	border-top:none;
+}
+
+.search-advanced {
+	border:1px solid #bbb;
+}
+
+.compose-tips {
+	margin-top:10px;
+}
+
+.field--name-field-tags {
+	padding-bottom:1em;
+}
+
+.node--view-mode-teaser .field--name-field-tags {
+	padding-top:1em;
+}
+
+.field--name-field-tags .field_label {
+	padding-right:1em;
+}
+
+
+/* Login + Register + RSS
+-------------------------------------------------------------- */
+
+#authorize { 
+	float: right;
+	margin: 5px 10px 0;
+}
+
+#authorize ul { 
+	display: inline;
+}
+
+#authorize ul li { 
+	margin: 0 10px 0 0; 
+	padding: 0 0 0 10px; 
+	display: inline; 
+	list-style: none;  
+	border-left: 1px #5a5a5a solid;
+	background-image: none;
+}
+
+#authorize ul li.first { 
+	border: 0;
+}
+
+#authorize ul li, #authorize ul li a { 
+	font-size: 12px; 
+	line-height: 13px; 
+}
+
+.feed-wrapper {
+	float:right;
+	margin-top:7px;
+	margin-right:20px;
+}
+
+.feed-icons {
+	margin-bottom:20px;
+}
+
+/* Bottom teaser
+-------------------------------------------------------------- */
+
+#bottom-teaser {
+	width:950px;
+	margin: 15px auto 0;
+}
+
+#bottom-teaser .column {
+	float: left;
+}
+
+#bottom-teaser.in1 .column {
+	width: 100%;
+}
+
+#bottom-teaser.in2 .column {
+	width: 50%;
+}
+
+#bottom-teaser.in3 .column {
+	width: 33.3%;
+}
+
+#bottom-teaser .block {
+	margin: 0 15px;
+}
+
+#bottom-teaser .block-title {
+	margin-top:15px;
+}
+
+#bottom-teaser .region {
+	margin:15px 0;
+}
+
+
+/* Bottom region
+-------------------------------------------------------------- */
+
+#bottom-wrapper {
+	background-color: #f4f4f4;
+	border-right: 1px solid #bbb;
+	border-left: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	margin: 20px auto 0;
+	text-align: left;
+	width: 950px;
+	position: relative;
+}
+
+#bottom-wrapper .column {
+	float: left;
+}
+
+#bottom-wrapper.in1 .column {
+	width: 100%;
+}
+
+#bottom-wrapper.in2 .column {
+	width: 50%;
+}
+
+#bottom-wrapper.in3 .column {
+	width: 33.3%;
+}
+
+#bottom-wrapper.in4 .column {
+	width: 25%;
+}
+
+#bottom-wrapper .block {
+	margin:0 15px;
+}
+
+#bottom-wrapper .block-title {
+	margin-top:15px;
+	font-size: 1.3em;
+}
+
+#bottom-wrapper .region {
+	margin:15px 0;
+}
+
+/* Footer region
+-------------------------------------------------------------- */
+
+#footer-wrapper {
+	width: 950px;
+	margin: 0 auto;
+	position: relative;
+	border-top: 1px solid #bbb;
+	padding:10px 0 0;
+}
+
+#footer{
+	width: 950px;
+	font-size: 12px;
+}
+
+#footer .block-title {
+	margin-top:15px;
+}
+
+#footer .region {
+	margin:15px 0;
+}
+
+/* Secondary menu
+-------------------------------------------------------------- */
+
+#subnav {
+	font-size: 12px;
+}
+
+#subnav li a {
+	font-weight:normal;
+}
+
+#subnav li a:hover {
+	color: #cc6600;
+}
+
+#subnav-wrapper {
+	text-align:right;
+}
+
+#subnav-wrapper ul { 
+	display: inline;
+}
+
+#subnav-wrapper ul li {  
+	display: inline; 
+	list-style: none;  
+	background-image: none;
+	padding-left: 5px;
+}
+
+#subnav-wrapper ul li,#subnav-wrapper ul li a { 
+	font-size: 12px; 
+	line-height: 13px; 
+}
+
+#secondary-menu ul.menu li {
+	display: inline;
+	list-style-type: none;
+	padding-right:1em;
+	padding-left:5px;
+}
+
+#secondary-menu ul.menu {
+	padding:0;
+	text-align:right;
+	margin: 0.5em 0 1em;
+}
+
+/* Overlay
+-------------------------------------------------------------- */
+
+.overlay #header, .overlay #menu, .overlay .block-block, .overlay #bottom-teaser, .overlay #bottom-wrapper, .overlay #footer-wrapper {
+	display:none;
+}
+
+.overlay #wrapper {
+	width:98%;
+}
+
+.theme-info ul {
+	list-style-image:none;
+}
\ No newline at end of file
diff --git a/danblog/danblog.css b/danblog/danblog.css
deleted file mode 100644
index 200b5d696f7586a4a760d58f926f9f5f8865fd86..0000000000000000000000000000000000000000
--- a/danblog/danblog.css
+++ /dev/null
@@ -1,114 +0,0 @@
-
-/* Put your custom css and css overrides in this file */ 
-
-body {
-font-size: 84%;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-color: #000;
-margin: 0;
-padding: 0;
-line-height: 1.5em;
-}
-
-h1,h2,h3,h4,h5,h6 {
-font-family: Arial, Helvetica, sans-serif;
-}
-
-#nav li a{
-font-family: Arial, Helvetica, sans-serif;
-}
-
-#superfish .menu a,
-#superfish .menu a:visited  {
-font-family: Arial, Helvetica, sans-serif;
-}
-
-a:link {
-color: #005a8c;/*#e87e17*/
-text-decoration: none;
-font-weight: bold;
-}
-
-a:visited {
-color: #005a8c;/*#e87e17*/
-text-decoration: none;
-font-weight: bold;
-}
-
-a:hover {
-text-decoration: underline;
-}
-
-.site-name a:hover {
-text-decoration: none;
-}
-
-.comment .new {
-text-align: right; /* LTR */
-font-weight: bold;
-float: right; /* LTR */
-color: red;
-margin:.5em;
-}
-
-.comment .title {
-line-height: 1.2em;
-}
-
-.comment .title a:hover {
-text-decoration: none;
-}
-
-#subnav li a {
-font-weight:bold;
-}
-
-#subnav li a:hover {
-text-decoration: underline;
-color: #005a8c;/*#e87e17*/
-}
-
-.title {
-line-height:1.2em;
-}
-
-.node .title a:hover {
-text-decoration: none;
-}
-
-#aggregator h3 a:hover {
-text-decoration: none;
-color: #005a8c;/*#e87e17*/
-}
-
-#mission-wrapper {
-width:950px;
-margin:0 auto;
-} 
-
-#mission {
-font-size:1.4em;
-display:block;
-line-height:1.2em;
-font-family:Georgia, "Bitstream Vera Serif", serif;
-font-size: 20px;
-font-style:italic;
-}
-
-#mission .contextual-links {
-font-size: 13px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-style:normal;
-}
-
-#mission .block-title {
-margin-top:20px;
-}
-
-#mission .region {
-margin:20px 10px;
-}
-
-.item-list .pager li a:hover {
-text-decoration:none;
-}
diff --git a/danblog/danblog.info b/danblog/danblog.info
deleted file mode 100644
index 47a51ed24886ad722d8a570d5e0a42819a65314c..0000000000000000000000000000000000000000
--- a/danblog/danblog.info
+++ /dev/null
@@ -1,29 +0,0 @@
-
-name = Danblog
-description = Danland sub theme. Danland with no frontpage image banner and slideshow.
-engine = phptemplate
-base theme = danland
-stylesheets[all][] = danblog.css
-regions[search_box] = Search region
-regions[superfish_menu] = Superfish menu
-regions[page_top] = Page top
-regions[highlighted] = Highlighted
-regions[preface_first] = Preface first
-regions[preface_middle] = Preface middle
-regions[preface_last] = Preface last
-regions[sidebar_first] = Left sidebar
-regions[sidebar_second] = Right sidebar
-regions[content_top] = Content top
-regions[help] = Help
-regions[content] = Main content
-regions[content_bottom] = Content bottom
-regions[bottom_first] = Bottom first
-regions[bottom_middle] = Bottom middle
-regions[bottom_last] = Bottom last
-regions[bottom_1] = Bottom 1
-regions[bottom_2] = Bottom 2
-regions[bottom_3] = Bottom 3
-regions[bottom_4] = Bottom 4
-regions[footer] = Footer
-regions[page_bottom] = Page bottom
-core = "7.x"
\ No newline at end of file
diff --git a/danblog/logo.png b/danblog/logo.png
deleted file mode 100644
index 6a770383700369795a561ed1cd243890a856f9aa..0000000000000000000000000000000000000000
Binary files a/danblog/logo.png and /dev/null differ
diff --git a/danblog/page.tpl.php b/danblog/page.tpl.php
deleted file mode 100644
index e75af2619c33fae2cab8b0e3ddfd0a0b206dc46d..0000000000000000000000000000000000000000
--- a/danblog/page.tpl.php
+++ /dev/null
@@ -1,322 +0,0 @@
-<?php
-/**
- * @file
- * Default theme implementation to display Danblog page.
- *
- * The doctype, html, head and body tags are not in this template. Instead they
- * can be found in the html.tpl.php template normally located in the
- * modules/system folder.
- *
- * 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.
- * - $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.
- * - $hide_site_name: TRUE if the site name has been toggled off on the theme
- *   settings page. If hidden, the "element-invisible" class is added to make
- *   the site name visually hidden, but still accessible.
- * - $hide_site_slogan: TRUE if the site slogan has been toggled off on the
- *   theme settings page. If hidden, the "element-invisible" class is added to
- *   make the site slogan visually hidden, but still accessible.
- *
- * 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['search_box']: Items for the search box.
- * - $page['superfish_menu']: Items for the superfish menu.
- * - $page['preface']: Items for the preface top region / set only displayed on frontpage.
- * - $page['highlighted']: Items for the highlighted region.
- * - $page['preface_first']: Items for the preface first region.
- * - $page['preface_middle']: Items for the preface middle region.
- * - $page['preface_last']: Items for the preface last region.
- * - $page['sidebar_first']: Items for the left sidebar / sidebar first.
- * - $page['sidebar_second']: Items for the right sidebar / sidebar second.
- * - $page['content_top']: Items for the content top region.
- * - $page['help']: Dynamic help text, mostly for admin pages.
- * - $page['content']: The main content of the current page / content middle.
- * - $page['content_bottom']: Items for the content bottom region.
- * - $page['bottom_first']: Items for the bottom first region.
- * - $page['bottom_middle']: Items for the bottom middle region.
- * - $page['bottom_last']: Items for the bottom last region.
- * - $page['bottom_1']: Items for the bottom 1 region.
- * - $page['bottom_2']: Items for the bottom 2 region.
- * - $page['bottom_3']: Items for the bottom 3 region.
- * - $page['bottom_4']: Items for the bottom 4 region.
- * - $page['footer']: Items for the footer region.
- *
- * @see template_preprocess()
- * @see template_preprocess_page()
- * @see template_process()
- */
-?>
-<div <?php print danland_page_class($page['sidebar_first'], $page['sidebar_second']); ?>>
-	<div id="header">
-		<div id="header-wrapper">
-			<?php if ($logo): ?> 
-				<div id="logo-wrapper">
-					<div class="logo">
-						<a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a>
-					</div>
-				</div><!-- end logo wrapper -->
-			<?php endif; ?>
-			<?php if ($site_name || $site_slogan) : ?>
-				<div id="branding-wrapper">
-					<?php if ($site_name) : ?>
-						<?php if ($is_front) : ?>
-							<h1 class="site-name"><a href="<?php print $base_path ?>" title="<?php print $site_name ?>"><?php print $site_name ?></a></h1>
-						<?php endif; ?>
-						<?php if (!$is_front) : ?>
-							<h2 class="site-name"><a href="<?php print $base_path ?>" title="<?php print $site_name ?>"><?php print $site_name ?></a></h2>
-						<?php endif; ?>
-					<?php endif; ?>
-					<?php if ($site_slogan) : ?>
-						<div class='site-slogan'>
-							<?php print $site_slogan; ?>
-						</div> <!-- end site-slogan -->
-					<?php endif; ?>
-				</div><!-- end branding wrapper -->
-			<?php endif; ?>
-			<?php if ($page['search_box']): ?>
-				<div id="search-box">
-					<?php print render ($page['search_box']); ?>
-				</div> <!--  end search-box -->
-			<?php endif; ?>
-			<?php if ($feed_icons): ?>
-				<div class="feed-wrapper">
-					<?php print $feed_icons; ?>
-				</div> <!-- end RSS -->
-			<?php endif; ?>
-			<?php if (!$is_admin): ?>
-				<div id="authorize">
-					<ul>
-						<?php global $user; 
-							if ($user->uid != 0) { 
-								print '<li class="first">' .t('Logged in as '). '<a href="' .url('user/'.$user->uid). '">' .$user->name. '</a></li>'; 
-								print '<li><a href="' .url('user/logout'). '">' .t('Logout'). '</a></li>'; } 
-							else { 
-								print '<li class="first"><a href="' .url('user'). '">' .t('Login'). '</a></li>'; 
-								print '<li><a href="' .url('user/register'). '">' .t('Register'). '</a></li>'; } 
-						?>
-					</ul>
-				</div> <!-- end login / register -->
-			<?php endif; ?>
-		</div> <!-- end header-wrapper -->
-	</div> <!-- header -->
-	
-	<div style="clear:both"></div>
-	
-	<div id="menu">
-		<div id="rounded-menu-left"></div>
-			<?php if ($main_menu || $page['superfish_menu']): ?>
-				<div id="<?php print $main_menu ? 'nav' : 'superfish' ; ?>">
-					<?php 
-						if ($main_menu) {
-							print theme('links__system_main_menu', array('links' => $main_menu));
-						}
-						elseif (!empty($page['superfish_menu'])) {
-							print render ($page['superfish_menu']);
-						} 
-					?>
-				</div> <!-- end primary / superfish -->
-			<?php endif; ?>
-		<div id="rounded-menu-right"></div>
-	</div> <!-- end menu -->
-	
-	<div style="clear:both"></div>
-	
-	<?php if ($page['highlighted']): ?>
-		<div id="mission-wrapper">
-			<div id="mission">
-				<?php print render ($page['highlighted']); ?>
-			</div>
-		</div> <!-- end mission / highlighted -->
-	<?php endif; ?>
-
-	<?php if($page['preface_first'] || $page['preface_middle'] || $page['preface_last']) : ?>
-		<div style="clear:both"></div> <!-- Do not touch -->
-		<div id="preface-wrapper" class="in<?php print (bool) $page['preface_first'] + (bool) $page['preface_middle'] + (bool) $page['preface_last']; ?>">
-			<?php if($page['preface_first']) : ?>
-				<div class="column A">
-					<?php print render ($page['preface_first']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['preface_middle']) : ?>
-				<div class="column B">
-					<?php print render ($page['preface_middle']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['preface_last']) : ?>
-				<div class="column C">
-					<?php print render ($page['preface_last']); ?>
-				</div>
-			<?php endif; ?>
-			<div style="clear:both"></div>
-		</div> <!-- end preface first etc. -->
-	<?php endif; ?>
-
-	<div style="clear:both"></div>
-
-	<div id="wrapper">
-		<?php if ($page['sidebar_first']): ?>
-			<div id="sidebar-left" class="column sidebar">
-				<div class="section">
-					<?php print render($page['sidebar_first']); ?>
-				</div>
-			</div> <!-- end sidebar-first -->
-		<?php endif; ?>
-		<div id="content">
-			<a id="main-content"></a>
-			<?php if ($page['content_top']) : ?>
-				<div class="content-top">
-					<?php print render ($page['content_top']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if (!$is_front) print $breadcrumb; ?>
-			<?php if ($show_messages) { print $messages; }; ?>
-      		<?php print render($title_prefix); ?>
-      		<?php if ($title): ?>
-        		<h1 class="title" id="page-title">
-					<?php print $title; ?>
-        		</h1>
-			<?php endif; ?>
-      		<?php print render($title_suffix); ?>
-      		<?php if ($tabs): ?>
-        		<div class="tabs">
-          			<?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 if ($page['content']) : ?>
-				<div class="content-middle">
-					<?php print render ($page['content']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if ($page['content_bottom']) : ?>
-				<div class="content-bottom">
-					<?php print render ($page['content_bottom']); ?>
-				</div>
-			<?php endif; ?>
-		</div> <!-- end content -->
-		<?php if ($page['sidebar_second']): ?>
-			<div id="sidebar-right" class="column sidebar">
-				<div class="section">
-					<?php print render($page['sidebar_second']); ?>
-				</div>
-			</div> <!-- end sidebar-second -->
-		<?php endif; ?>
-		<div style="clear:both"></div>
-	</div> <!-- end wrapper -->
-
-	<?php if($page['bottom_first'] || $page['bottom_middle'] || $page['bottom_last']) : ?>
-		<div style="clear:both"></div> <!-- Do not touch -->
-		<div id="bottom-teaser" class="in<?php print (bool) $page['bottom_first'] + (bool) $page['bottom_middle'] + (bool) $page['bottom_last']; ?>">
-			<?php if($page['bottom_first']) : ?>
-				<div class="column A">
-					<?php print render ($page['bottom_first']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_middle']) : ?>
-				<div class="column B">
-					<?php print render ($page['bottom_middle']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_last']) : ?>
-				<div class="column C">
-					<?php print render ($page['bottom_last']); ?>
-				</div>
-			<?php endif; ?>
-			<div style="clear:both"></div>
-		</div> <!-- end bottom first etc. -->
-	<?php endif; ?>
-
-	<?php if($page['bottom_1'] || $page['bottom_2'] || $page['bottom_3'] || $page['bottom_4']) : ?>
-		<div style="clear:both"></div> <!-- Do not touch -->
-		<div id="bottom-wrapper" class="in<?php print (bool) $page['bottom_1'] + (bool) $page['bottom_2'] + (bool) $page['bottom_3'] + (bool) $page['bottom_4']; ?>">
-			<?php if($page['bottom_1']) : ?>
-				<div class="column A">
-					<?php print render ($page['bottom_1']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_2']) : ?>
-				<div class="column B">
-					<?php print render ($page['bottom_2']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_3']) : ?>
-				<div class="column C">
-					<?php print render ($page['bottom_3']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_4']) : ?>
-				<div class="column D">
-					<?php print render ($page['bottom_4']); ?>
-				</div>
-			<?php endif; ?>
-			<div style="clear:both"></div>
-		</div> <!-- end bottom -->
-	<?php endif; ?>
-
-	<div style="clear:both"></div>
-
-	<div id="footer-wrapper">
-		<?php if($page['footer']): ?>
-			<div id="footer">
-				<?php print render ($page['footer']); ?>
-			</div> <!-- end footer -->
-		<?php endif; ?>
-		
-		<?php if($secondary_menu) : ?>
-			<div id="subnav-wrapper">
-				<?php print theme('links__system_secondary_menu', array('links' => $secondary_menu, 'attributes' => array('id' => 'subnav', 'class' => array('links', 'clearfix')))); ?>
-			</div> <!-- end secondary menu -->
-		<?php endif; ?>
-	</div> <!-- end footer wrapper -->
-	
-	<div style="clear:both"></div>
-	
-	<div id="notice"><p>Theme by <a href="http://www.danetsoft.com">Danetsoft</a> and <a href="http://www.danpros.com">Danang Probo Sayekti</a> inspired by <a href="http://www.maksimer.no">Maksimer</a></p></div>
-</div>
\ No newline at end of file
diff --git a/danblog/screenshot.png b/danblog/screenshot.png
deleted file mode 100644
index 9955bc94e3f9efa8804b94aad11ddbbc0879b23c..0000000000000000000000000000000000000000
Binary files a/danblog/screenshot.png and /dev/null differ
diff --git a/danblog/style.ie6.css b/danblog/style.ie6.css
deleted file mode 100644
index dfea844644ebc931323bc2169c704a31a9b9c059..0000000000000000000000000000000000000000
--- a/danblog/style.ie6.css
+++ /dev/null
@@ -1,11 +0,0 @@
-#content {
-overflow:hidden;
-}
-
-#bottom-wrapper.in2 .column {
-width: 49%;
-}
-
-#bottom-wrapper.in4 .column {
-width: 24%;
-}
\ No newline at end of file
diff --git a/danblog/template.php b/danblog/template.php
deleted file mode 100644
index 9eed09c839c2afe9f6f5cd6cfd6a70bbb637b3e3..0000000000000000000000000000000000000000
--- a/danblog/template.php
+++ /dev/null
@@ -1,6 +0,0 @@
-<?php
-
-function danblog_preprocess_html(&$variables) {
-  drupal_add_css(path_to_theme() . '/style.ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'IE 6', '!IE' => FALSE), 'preprocess' => FALSE));
-}
-
diff --git a/danland.info b/danland.info
deleted file mode 100644
index 8bfc9bc5deffb05b472d7f419042dc5232b854e4..0000000000000000000000000000000000000000
--- a/danland.info
+++ /dev/null
@@ -1,34 +0,0 @@
-
-name = Danland
-description = Drupal Theme provided by <a href="http://www.danetsoft.com">Danetsoft</a> developed by <a href="http://www.danpros.com">Danang Probo Sayekti</a> inspired by <a href="http://www.maksimer.no">Maksimer</a>.
-engine = phptemplate
-stylesheets[all][] = style.css
-;stylesheets[all][] = local.css
-regions[search_box] = Search region
-regions[superfish_menu] = Superfish menu
-regions[page_top] = Page top
-regions[slideshow] = Slideshow
-regions[preface] = Preface top
-regions[highlighted] = Highlighted
-regions[preface_first] = Preface first
-regions[preface_middle] = Preface middle
-regions[preface_last] = Preface last
-regions[sidebar_first] = Left sidebar
-regions[sidebar_second] = Right sidebar
-regions[content_top] = Content top
-regions[help] = Help
-regions[content] = Main content
-regions[content_bottom] = Content bottom
-regions[bottom_first] = Bottom first
-regions[bottom_middle] = Bottom middle
-regions[bottom_last] = Bottom last
-regions[bottom_1] = Bottom 1
-regions[bottom_2] = Bottom 2
-regions[bottom_3] = Bottom 3
-regions[bottom_4] = Bottom 4
-regions[footer] = Footer
-regions[page_bottom] = Page bottom
-core = "7.x"
-
-scripts[] = scripts/hoverIntent.js
-scripts[] = scripts/superfish.js
\ No newline at end of file
diff --git a/danland.info.yml b/danland.info.yml
new file mode 100644
index 0000000000000000000000000000000000000000..57fdc07fc1dcf18d76b015b7165ce80eb2866296
--- /dev/null
+++ b/danland.info.yml
@@ -0,0 +1,37 @@
+name: Danland
+type: theme
+base theme: classy
+description: Drupal Theme provided by <a href="http://www.danetsoft.com">Danetsoft</a> developed by <a href="http://www.danpros.com">Danang Probo Sayekti</a> inspired by <a href="http://www.maksimer.no">Maksimer</a>.
+core: 8.x
+regions:
+  header: Header
+  search_box: Search region
+  primary_menu: 'Primary menu'
+  secondary_menu: 'Secondary menu'
+  slideshow: 'Slideshow'
+  page_top: Page top
+  preface: Preface top
+  highlighted: Highlighted
+  preface_first: Preface first
+  preface_middle: Preface middle
+  preface_last: Preface last
+  sidebar_first: Left sidebar
+  sidebar_second: Right sidebar
+  content_top: Content top
+  help: Help
+  messages: Messages
+  breadcrumb: Breadcrumb
+  content: Main content
+  content_bottom: Content bottom
+  bottom_first: Bottom first
+  bottom_middle: Bottom middle
+  bottom_last: Bottom last
+  bottom_1: Bottom 1
+  bottom_2: Bottom 2
+  bottom_3: Bottom 3
+  bottom_4: Bottom 4
+  footer: Footer
+  page_bottom: Page bottom
+screenshot: screenshot.png
+libraries:
+  - danland/global
\ No newline at end of file
diff --git a/danland.libraries.yml b/danland.libraries.yml
new file mode 100644
index 0000000000000000000000000000000000000000..7320632a22872aff9c138fdebc6b3158a610f292
--- /dev/null
+++ b/danland.libraries.yml
@@ -0,0 +1,11 @@
+global:
+  version: 1.x
+  css:
+    theme:
+      css/style.css: {}
+      css/responsive.css: {}
+      #css/local.css: {}
+  js:
+    js/jquery.cycle.lite.js: {}
+  dependencies:
+    - core/jquery
\ No newline at end of file
diff --git a/danland.theme b/danland.theme
new file mode 100644
index 0000000000000000000000000000000000000000..e0adf790fa772bb93bea84603fb7655751ca11a1
--- /dev/null
+++ b/danland.theme
@@ -0,0 +1,88 @@
+<?php
+
+use Drupal\Component\Utility\SafeMarkup;
+use Drupal\Component\Utility\Xss;
+use Drupal\Core\Template\Attribute;
+use Drupal\Core\Url;
+use Drupal\Core\Render\Element;
+
+/**
+ * Implements template_preprocess_html().
+ */
+function danland_preprocess_html(&$variables) {
+
+    if (!empty($variables['page']['sidebar_first']) && !empty($variables['page']['sidebar_second'])) {
+        $variables['attributes']['class'][] = 'two-sidebars';        
+    }
+    elseif (!empty($variables['page']['sidebar_first']) || !empty($variables['page']['sidebar_second'])) {
+        $variables['attributes']['class'][] = 'one-sidebar';
+    }
+    else {
+        $variables['attributes']['class'][] = 'no-sidebars';
+    }
+
+}
+
+/**
+ * Implements template_preprocess_page().
+ */
+function danland_preprocess_page(&$variables) {
+    
+    $variables['danland_layout'] = new Attribute;
+    $variables['danland_layout']['id'] = array();
+    
+    if (!empty($variables['page']['sidebar_first']) && !empty($variables['page']['sidebar_second'])) {
+        $variables['danland_layout']['id'][] = 'layout-type-2';        
+    }
+    elseif (!empty($variables['page']['sidebar_first']) || !empty($variables['page']['sidebar_second'])) {
+        $variables['danland_layout']['id'][] = 'layout-type-1';
+    }
+    
+    $preface = (bool) $variables['page']['preface_first'] + (bool) $variables['page']['preface_middle'] + (bool) $variables['page']['preface_last'];
+    $variables['danland_preface'] = new Attribute;
+    $variables['danland_preface']['class'] = array();
+    $variables['danland_preface']['class'][] = 'in' . $preface;
+    
+    $bottom_a = (bool) $variables['page']['bottom_first'] + (bool) $variables['page']['bottom_middle'] + (bool) $variables['page']['bottom_last'];
+    $variables['danland_bottom_a'] = new Attribute;
+    $variables['danland_bottom_a']['class'] = array();
+    $variables['danland_bottom_a']['class'][] = 'in' . $bottom_a;
+    
+    $bottom_b = (bool) $variables['page']['bottom_1'] + (bool) $variables['page']['bottom_2'] + (bool) $variables['page']['bottom_3'] + (bool) $variables['page']['bottom_4'];
+    $variables['danland_bottom_b'] = new Attribute;
+    $variables['danland_bottom_b']['class'] = array();
+    $variables['danland_bottom_b']['class'][] = 'in' . $bottom_b;
+	
+    $mask = '/\.(?:jp[e]?g|gif|png)$/i';
+    $files = file_scan_directory(drupal_get_path('theme', 'danland') . '/images/slideshows', $mask);
+    $variables['files'] = $files;
+        
+}
+
+/**
+ * Implements template_preprocess_block().
+ */
+function danland_preprocess_block(&$variables) {
+    
+    $variables['attributes']['class'][] = 'block';
+    $variables['title_attributes']['class'][] = 'block-title';
+    
+}
+
+/**
+ * Implements template_preprocess_menu().
+ */
+function danland_preprocess_menu(&$variables, $hook) {
+
+    if ($hook == 'menu') {
+        $current_path = \Drupal::request()->getRequestUri();
+        $items = $variables['items'];
+        foreach ($items as $key => $item) {
+            // Set an active-trail class if item path matched with current path
+            if ($item['url']->toString() == $current_path) {
+                $item['attributes']->addClass('active-trail');
+            }
+        }
+    }
+    
+}
\ No newline at end of file
diff --git a/images/add.gif b/images/add.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5d0350fbd9fac6ac96d9901d0550239432646f67
Binary files /dev/null and b/images/add.gif differ
diff --git a/images/body-bg.gif b/images/body-bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..79ccbce66d17e874dae3cf852e54b59f8b988692
Binary files /dev/null and b/images/body-bg.gif differ
diff --git a/images/bq-br.gif b/images/bq-br.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6dc2736d6d71858e202a4f9f1a616fa8762dc24e
Binary files /dev/null and b/images/bq-br.gif differ
diff --git a/images/bq-tl.gif b/images/bq-tl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..af75984ba4a48d8e78a22029c571e840b6de62bc
Binary files /dev/null and b/images/bq-tl.gif differ
diff --git a/images/commentadd.gif b/images/commentadd.gif
new file mode 100644
index 0000000000000000000000000000000000000000..bbec4527052ece7b1360482ab69c3c88484f06b3
Binary files /dev/null and b/images/commentadd.gif differ
diff --git a/images/commentdelete.gif b/images/commentdelete.gif
new file mode 100644
index 0000000000000000000000000000000000000000..15fc345fe8cd1454d511b38c764343b6d766fa23
Binary files /dev/null and b/images/commentdelete.gif differ
diff --git a/images/commentedit.gif b/images/commentedit.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d3f579ac65a03d3be17f1c884294191b1166fb72
Binary files /dev/null and b/images/commentedit.gif differ
diff --git a/images/comments.gif b/images/comments.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6ab591571c19262b911b897cabb318425e93a5ed
Binary files /dev/null and b/images/comments.gif differ
diff --git a/images/lock.gif b/images/lock.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d5214c4c50e900d6aa3d86033bcdc4b3fa160aed
Binary files /dev/null and b/images/lock.gif differ
diff --git a/images/menu-bg.gif b/images/menu-bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..357561df5f5854d5378f6297a90cfc33ec517916
Binary files /dev/null and b/images/menu-bg.gif differ
diff --git a/images/menu-collapsed-rtl.gif b/images/menu-collapsed-rtl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fb0beb608717c9a3424b85942cfec5e12de6a912
Binary files /dev/null and b/images/menu-collapsed-rtl.gif differ
diff --git a/images/menu-collapsed.gif b/images/menu-collapsed.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3dc9ca77087a9c6bea9fdf2457237fbfa5258c5a
Binary files /dev/null and b/images/menu-collapsed.gif differ
diff --git a/images/menu-expanded.gif b/images/menu-expanded.gif
new file mode 100644
index 0000000000000000000000000000000000000000..126ccc11afd2eb76781bd3f47f2a3709437339b4
Binary files /dev/null and b/images/menu-expanded.gif differ
diff --git a/images/menu-hover-bg.gif b/images/menu-hover-bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5ef7d4f9d70894ce61a173504fe5d11aea377391
Binary files /dev/null and b/images/menu-hover-bg.gif differ
diff --git a/images/menu-leaf.gif b/images/menu-leaf.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b7811910ef8bc56ffd61757641c3a062353ef8ed
Binary files /dev/null and b/images/menu-leaf.gif differ
diff --git a/images/menu-left-bg.gif b/images/menu-left-bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fd2fa2c004f0a0d3fbd1a5697490035712a766f6
Binary files /dev/null and b/images/menu-left-bg.gif differ
diff --git a/images/menu-right-bg.gif b/images/menu-right-bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..086226e7146d30a4e2445955cd9f4b7ba9a30d01
Binary files /dev/null and b/images/menu-right-bg.gif differ
diff --git a/images/menu-separator.gif b/images/menu-separator.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7281a15677ca760f81ba66c76b5c48831db10f45
Binary files /dev/null and b/images/menu-separator.gif differ
diff --git a/images/photo.gif b/images/photo.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8730836efbf12b01899ab229a0a9837f6ca4cf4d
Binary files /dev/null and b/images/photo.gif differ
diff --git a/images/post.gif b/images/post.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ee1c57bd912247113e9609c09897d7b1a59a8c66
Binary files /dev/null and b/images/post.gif differ
diff --git a/images/print.gif b/images/print.gif
new file mode 100644
index 0000000000000000000000000000000000000000..42b89fc16ce9c401e7131ef9cdb63d79ed11a343
Binary files /dev/null and b/images/print.gif differ
diff --git a/images/readmore.gif b/images/readmore.gif
new file mode 100644
index 0000000000000000000000000000000000000000..391edf892e9bf9c06722b314c7dc1c71ef8dad3f
Binary files /dev/null and b/images/readmore.gif differ
diff --git a/images/slideshow-shadow.gif b/images/slideshow-shadow.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6adee9ddb5272aef93ff62d177893a0e91be1647
Binary files /dev/null and b/images/slideshow-shadow.gif differ
diff --git a/images/slideshows/sea.jpg b/images/slideshows/1.sea.jpg
similarity index 100%
rename from images/slideshows/sea.jpg
rename to images/slideshows/1.sea.jpg
diff --git a/images/slideshows/noon.jpg b/images/slideshows/2.noon.jpg
similarity index 100%
rename from images/slideshows/noon.jpg
rename to images/slideshows/2.noon.jpg
diff --git a/images/slideshows/snow.jpg b/images/slideshows/3.snow.jpg
similarity index 100%
rename from images/slideshows/snow.jpg
rename to images/slideshows/3.snow.jpg
diff --git a/images/user.gif b/images/user.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f8c508f78ebce8b19f0b28337d3f31ed426c9b7b
Binary files /dev/null and b/images/user.gif differ
diff --git a/js/jquery.cycle.lite.js b/js/jquery.cycle.lite.js
new file mode 100644
index 0000000000000000000000000000000000000000..e3c2541516230dcc24033b42a9fd1340dcb45d28
--- /dev/null
+++ b/js/jquery.cycle.lite.js
@@ -0,0 +1,241 @@
+/*!
+ * jQuery Cycle Lite Plugin
+ * http://malsup.com/jquery/cycle/lite/
+ * Copyright (c) 2008-2012 M. Alsup
+ * Version: 1.7 (20-FEB-2013)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ * Requires: jQuery v1.3.2 or later
+ */
+ 
+ jQuery(document).ready(function($) {
+    $('.slideshow').cycle({
+		fx: 'fade' , timeout: 8000, delay: 2000});
+});
+
+;(function($) {
+"use strict";
+
+var ver = 'Lite-1.7';
+var msie = /MSIE/.test(navigator.userAgent);
+
+$.fn.cycle = function(options) {
+    return this.each(function() {
+        options = options || {};
+        
+        if (this.cycleTimeout) 
+            clearTimeout(this.cycleTimeout);
+
+        this.cycleTimeout = 0;
+        this.cyclePause = 0;
+        
+        var $cont = $(this);
+        var $slides = options.slideExpr ? $(options.slideExpr, this) : $cont.children();
+        var els = $slides.get();
+        if (els.length < 2) {
+            if (window.console)
+                console.log('terminating; too few slides: ' + els.length);
+            return; // don't bother
+        }
+
+        // support metadata plugin (v1.0 and v2.0)
+        var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
+        var meta = $.isFunction($cont.data) ? $cont.data(opts.metaAttr) : null;
+        if (meta)
+            opts = $.extend(opts, meta);
+            
+        opts.before = opts.before ? [opts.before] : [];
+        opts.after = opts.after ? [opts.after] : [];
+        opts.after.unshift(function(){ opts.busy=0; });
+            
+        // allow shorthand overrides of width, height and timeout
+        var cls = this.className;
+        opts.width = parseInt((cls.match(/w:(\d+)/)||[])[1], 10) || opts.width;
+        opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1], 10) || opts.height;
+        opts.timeout = parseInt((cls.match(/t:(\d+)/)||[])[1], 10) || opts.timeout;
+
+        if ($cont.css('position') == 'static') 
+            $cont.css('position', 'relative');
+        if (opts.width) 
+            $cont.width(opts.width);
+        if (opts.height && opts.height != 'auto') 
+            $cont.height(opts.height);
+
+        var first = 0;
+        $slides.css({position: 'absolute', top:0}).each(function(i) {
+            $(this).css('z-index', els.length-i);
+        });
+        
+        $(els[first]).css('opacity',1).show(); // opacity bit needed to handle reinit case
+        if (msie) 
+            els[first].style.removeAttribute('filter');
+
+        if (opts.fit && opts.width) 
+            $slides.width(opts.width);
+        if (opts.fit && opts.height && opts.height != 'auto') 
+            $slides.height(opts.height);
+        if (opts.pause) 
+            $cont.hover(function(){this.cyclePause=1;}, function(){this.cyclePause=0;});
+
+        var txFn = $.fn.cycle.transitions[opts.fx];
+        if (txFn)
+            txFn($cont, $slides, opts);
+        
+        $slides.each(function() {
+            var $el = $(this);
+            this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height();
+            this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width();
+        });
+
+        if (opts.cssFirst)
+            $($slides[first]).css(opts.cssFirst);
+
+        if (opts.timeout) {
+            // ensure that timeout and speed settings are sane
+            if (opts.speed.constructor == String)
+                opts.speed = {slow: 600, fast: 200}[opts.speed] || 400;
+            if (!opts.sync)
+                opts.speed = opts.speed / 2;
+            while((opts.timeout - opts.speed) < 250)
+                opts.timeout += opts.speed;
+        }
+        opts.speedIn = opts.speed;
+        opts.speedOut = opts.speed;
+
+        opts.slideCount = els.length;
+        opts.currSlide = first;
+        opts.nextSlide = 1;
+
+        // fire artificial events
+        var e0 = $slides[first];
+        if (opts.before.length)
+            opts.before[0].apply(e0, [e0, e0, opts, true]);
+        if (opts.after.length > 1)
+            opts.after[1].apply(e0, [e0, e0, opts, true]);
+        
+        if (opts.click && !opts.next)
+            opts.next = opts.click;
+        if (opts.next)
+            $(opts.next).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?-1:1);});
+        if (opts.prev)
+            $(opts.prev).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?1:-1);});
+
+        if (opts.timeout)
+            this.cycleTimeout = setTimeout(function() {
+                go(els,opts,0,!opts.rev);
+            }, opts.timeout + (opts.delay||0));
+    });
+};
+
+function go(els, opts, manual, fwd) {
+    if (opts.busy) 
+        return;
+    var p = els[0].parentNode, curr = els[opts.currSlide], next = els[opts.nextSlide];
+    if (p.cycleTimeout === 0 && !manual) 
+        return;
+
+    if (manual || !p.cyclePause) {
+        if (opts.before.length)
+            $.each(opts.before, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
+        var after = function() {
+            if (msie)
+                this.style.removeAttribute('filter');
+            $.each(opts.after, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
+            queueNext(opts);
+        };
+
+        if (opts.nextSlide != opts.currSlide) {
+            opts.busy = 1;
+            $.fn.cycle.custom(curr, next, opts, after);
+        }
+        var roll = (opts.nextSlide + 1) == els.length;
+        opts.nextSlide = roll ? 0 : opts.nextSlide+1;
+        opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;
+    } else {
+      queueNext(opts);
+    }
+
+    function queueNext(opts) {
+        if (opts.timeout)
+            p.cycleTimeout = setTimeout(function() { go(els,opts,0,!opts.rev); }, opts.timeout);
+    }
+}
+
+// advance slide forward or back
+function advance(els, opts, val) {
+    var p = els[0].parentNode, timeout = p.cycleTimeout;
+    if (timeout) {
+        clearTimeout(timeout);
+        p.cycleTimeout = 0;
+    }
+    opts.nextSlide = opts.currSlide + val;
+    if (opts.nextSlide < 0) {
+        opts.nextSlide = els.length - 1;
+    }
+    else if (opts.nextSlide >= els.length) {
+        opts.nextSlide = 0;
+    }
+    go(els, opts, 1, val>=0);
+    return false;
+}
+
+$.fn.cycle.custom = function(curr, next, opts, cb) {
+    var $l = $(curr), $n = $(next);
+    $n.css(opts.cssBefore);
+    var fn = function() {$n.animate(opts.animIn, opts.speedIn, opts.easeIn, cb);};
+    $l.animate(opts.animOut, opts.speedOut, opts.easeOut, function() {
+        $l.css(opts.cssAfter);
+        if (!opts.sync)
+            fn();
+    });
+    if (opts.sync)
+        fn();
+};
+
+$.fn.cycle.transitions = {
+    fade: function($cont, $slides, opts) {
+        $slides.not(':eq(0)').hide();
+        opts.cssBefore = { opacity: 0, display: 'block' };
+        opts.cssAfter  = { display: 'none' };
+        opts.animOut = { opacity: 0 };
+        opts.animIn = { opacity: 1 };
+    },
+    fadeout: function($cont, $slides, opts) {
+        opts.before.push(function(curr,next,opts,fwd) {
+            $(curr).css('zIndex',opts.slideCount + (fwd === true ? 1 : 0));
+            $(next).css('zIndex',opts.slideCount + (fwd === true ? 0 : 1));
+        });
+        $slides.not(':eq(0)').hide();
+        opts.cssBefore = { opacity: 1, display: 'block', zIndex: 1 };
+        opts.cssAfter  = { display: 'none', zIndex: 0 };
+        opts.animOut = { opacity: 0 };
+        opts.animIn = { opacity: 1 };
+    }
+};
+
+$.fn.cycle.ver = function() { return ver; };
+
+// @see: http://malsup.com/jquery/cycle/lite/
+$.fn.cycle.defaults = {
+    animIn:        {},
+    animOut:       {},
+    fx:           'fade',
+    after:         null,
+    before:        null,
+    cssBefore:     {},
+    cssAfter:      {},
+    delay:         0,
+    fit:           0,
+    height:       'auto',
+    metaAttr:     'cycle',
+    next:          null,
+    pause:         false,
+    prev:          null,
+    speed:         1000,
+    slideExpr:     null,
+    sync:          true,
+    timeout:       4000
+};
+
+})(jQuery);
diff --git a/local_sample.css b/local_sample.css
deleted file mode 100644
index d21bd031717a7ea7ec7efd73f255d19477de0935..0000000000000000000000000000000000000000
--- a/local_sample.css
+++ /dev/null
@@ -1,17 +0,0 @@
-
-/****************************/
-/* LOCAL CSS                */
-/****************************/
-
-/* Put your custom css and css overrides in this file and  */ 
-/* rename it local.css.  By restricting your css changes   */
-/* to local.css, your changes will not be overwritten when */
-/* upgrading to a new version of this theme.               */
-
-/* Steps to activate local.css:                       */
-/* 1. Add your custom css to this file                */
-/* 2. Rename this file to local.css                   */
-/* 3. Uncomment (remove leading semicolon from ) the  */ 
-/*    following line in your theme's .info file:      */
-/*    ;stylesheets[all][] = local.css                 */
-/* 4. Clear cached data at admin/settings/performance */
diff --git a/logo.png b/logo.png
deleted file mode 100644
index 6a770383700369795a561ed1cd243890a856f9aa..0000000000000000000000000000000000000000
Binary files a/logo.png and /dev/null differ
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7d7cf7c6b1f1653979084fbcb2c57f4d71fa4596
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="57" height="66" viewBox="471.5 467 57 66" enable-background="new 471.5 467 57 66"><path opacity=".2" fill="#303030" d="M528.5 504.965c0 16.634-13.123 27.615-28.24 27.615-10.29 0-19.894-5.523-24.978-14.167l.605-.027c1.313 1.192 3.39 2.58 7.404 2.515 4.77-.064 5.645-.875 9.855-2.756 22.716-10.17 26.925-19.457 27.736-21.59s2.013-5.587.756-9.415c-.242-.737-.42-1.333-.54-1.808-3.018-3.372-6.017-5.225-6.92-5.784-.14-.093-.29-.177-.43-.26l.44.26c2.01 1.247 14.314 8.782 14.314 25.417z"/><path fill="#fff" d="M509.09 518.507c1.006 0 2.077.065 2.83.568.756.503 1.193 1.63 1.445 2.263.25.634 0 1.006-.503 1.258-.438.25-.503.12-.94-.69-.44-.81-.82-1.63-3.01-1.63s-2.887.755-3.948 1.63c-1.062.876-1.443 1.193-1.825.69s-.253-1.006.437-1.63 1.825-1.63 2.888-2.077c1.06-.45 1.62-.383 2.625-.383zm-10.413 7.152c1.257 1.005 3.14 1.825 7.153 1.825 4.015 0 6.836-1.137 8.094-2.077.568-.438.82-.065.875.187.056.25.186.624-.252 1.07-.316.317-3.194 2.33-6.594 2.636-3.4.31-7.964.504-10.73-2.01-.438-.44-.316-1.07 0-1.323.317-.25.568-.438.94-.438.374.008.317.008.513.13z"/><path opacity=".2" fill="#aaa" d="M520.89 496.545c-.81 2.133-5.02 11.42-27.735 21.59-4.21 1.88-5.085 2.69-9.854 2.756-4.013.066-6.09-1.32-7.403-2.514l-.605.028h-.01c-2.393-4.042-3.78-8.783-3.78-13.952 0-7.852 2.97-13.654 6.287-17.687.11-.13.213-.26.325-.382 2.683-3.148 5.55-5.17 7.218-6.203.038-.028.075-.047.112-.065.42-.25.754-.447.987-.568 2.757-1.51 4.77-2.263 7.963-4.77.12-.092.242-.186.354-.288l.008-.01c.875-.754 1.64-1.76 2.18-3.4v-.008c.325-.97.567-2.16.716-3.65l.02.018c2.253 2.69 4.954 5.886 6.89 7.144.69.447 1.38.848 2.068 1.202l.3.15c2.243 1.126 4.507 1.945 6.807 3.333l.428.26c.903.56 3.902 2.412 6.92 5.784.12.475.298 1.07.54 1.807 1.274 3.837.073 7.292-.737 9.425z"/><path opacity=".5" fill="#333" d="M514.176 479.538c-3.26-2.077-6.464-2.887-9.603-4.955-1.938-1.267-4.64-4.47-6.893-7.162-.438 4.332-1.686 6.148-3.26 7.35-3.195 2.515-5.207 3.26-7.963 4.77-2.338 1.256-14.958 8.726-14.958 24.913 0 5.17 1.387 9.91 3.77 13.96 5.077 8.635 14.68 14.158 24.97 14.158 15.126 0 28.24-10.98 28.24-27.614 0-9.127-3.707-15.526-7.386-19.633-3.016-3.382-6.015-5.217-6.918-5.785zm7.627 7.34c4.117 5.15 6.213 11.23 6.213 18.077 0 3.968-.755 7.712-2.245 11.148-1.414 3.25-3.444 6.13-6.053 8.56-5.15 4.806-12.062 7.45-19.475 7.45-3.67 0-7.265-.698-10.692-2.086-3.372-1.36-6.398-3.297-9.016-5.774-5.532-5.225-8.57-12.257-8.57-19.8 0-6.716 2.18-12.695 6.483-17.753 3.288-3.865 6.836-6.007 8.196-6.743.67-.363 1.285-.69 1.89-.997 1.892-.97 3.68-1.89 6.14-3.818 1.312-.997 2.71-2.58 3.305-6.585 2.077 2.468 4.48 5.234 6.314 6.426 1.63 1.08 3.307 1.835 4.918 2.562 1.527.69 3.11 1.406 4.676 2.403l.056.037c4.62 2.84 7.06 5.896 7.86 6.892z"/><path opacity=".5" fill="#fff" d="M497.98 468.678c.874 2.58.753 3.893.753 4.452 0 .56-.307 2.077-1.313 2.832-.438.317-.568.568-.568.624 0 .25.568.438.568 1.006 0 .69-.317 2.077-3.642 5.393-3.325 3.316-8.103 6.278-11.8 8.103-3.698 1.826-5.468 1.686-5.97.81s.185-2.83 2.514-5.392l9.667-6.278 9.164-6.398.503-2.44"/><path fill="#fff" d="M497.98 468.613c-.57 4.145-1.826 5.393-3.512 6.715-2.83 2.133-5.588 3.446-6.212 3.763-1.63.82-7.535 4.08-10.608 8.784-.94 1.444 0 2.012.186 2.133.187.12 2.33.372 6.9-2.385 4.574-2.757 6.595-4.387 9.175-7.078 1.377-1.444 1.573-2.263 1.573-2.636 0-.438-.316-.624-.82-.754-.25-.065-.316-.187 0-.373.317-.186 1.622-.82 1.938-1.07.318-.25 1.827-1.257 1.882-2.887.065-1.63-.056-2.766-.503-4.21zm-14.112 45.628c.065-4.898 4.648-9.472 10.422-9.536 7.348-.065 12.424 7.283 16.13 7.208 3.14-.064 9.166-6.212 12.118-6.212 3.14 0 4.014 3.26 4.014 5.206 0 1.938-.623 5.458-2.133 7.656-1.51 2.198-2.44 3.008-4.2 2.888-2.264-.187-6.78-7.21-9.67-7.35-3.64-.12-11.547 7.6-17.75 7.6-3.763 0-4.9-.567-6.147-1.378-1.92-1.312-2.85-3.315-2.785-6.08z"/></svg>
diff --git a/maintenance-page.tpl.php b/maintenance-page.tpl.php
deleted file mode 100644
index f1b240f55a73fd8b3e0d1f3405a54c3cfacedac5..0000000000000000000000000000000000000000
--- a/maintenance-page.tpl.php
+++ /dev/null
@@ -1,104 +0,0 @@
-<?php
-?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" 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>
-	<div id="header">
-		<div id="header-wrapper">
-			<?php if ($logo): ?> 
-				<div id="logo-wrapper">
-					<div class="logo">
-						<a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a>
-					</div>
-				</div><!-- end logo wrapper -->
-			<?php endif; ?>
-			<?php if ($site_name || $site_slogan) : ?>
-				<div id="branding-wrapper">
-					<?php if ($site_name) : ?>
-						<h2 class="site-name"><a href="<?php print $base_path ?>" title="<?php print $site_name ?>"><?php print $site_name ?></a></h2>
-					<?php endif; ?>
-					<?php if ($site_slogan) : ?>
-						<div class='site-slogan'>
-							<?php print $site_slogan; ?>
-						</div>
-					<?php endif; ?>
-				</div><!-- end branding wrapper -->
-			<?php endif; ?>
-
-			<?php if ($feed_icons): ?>
-				<div class="feed-wrapper">
-					<?php print $feed_icons; ?>
-				</div>
-			<?php endif; ?>
-
-			<?php if (!$is_admin): ?>
-				<div id="authorize">
-					<ul>
-						<?php global $user; 
-							if ($user->uid != 0) { 
-								print '<li class="first">' .t('Logged in as '). '<a href="' .url('user/'.$user->uid). '">' .$user->name. '</a></li>'; 
-								print '<li><a href="' .url('user/logout'). '">' .t('Logout'). '</a></li>'; } 
-							else { 
-								print '<li class="first"><a href="' .url('user'). '">' .t('Login'). '</a></li>'; 
-								print '<li><a href="' .url('user/register'). '">' .t('Register'). '</a></li>'; } 
-						?>
-					</ul>
-				</div>
-			<?php endif; ?>
-
-		</div><!-- end header-wrapper -->
-	</div> <!-- /header -->
-	
-	<div style="clear:both"></div>
-	
-	<div id="menu">
-		<div id="rounded-menu-left"></div>
-		<div id="rounded-menu-right"></div>
-	</div> <!-- end menu -->
-
-	<div style="clear:both"></div>
-
-	<div id="slideshow-wrapper">
-		<div class="slideshow-inner">
-			<div id="slideshow-preface">
-				<?php if ($title): ?>
-					<div id="preface">
-						<h1 class="title" id="page-title">
-							<?php print $title; ?>
-						</h1>
-					</div><!-- end preface -->
-				<?php endif; ?>
-			</div>
-			<?php if ($content): ?>
-				<div id="slideshow-bottom">
-					<div id="content-maintenance">
-						<?php print $content; ?>
-					</div>
-				</div>
-			<?php endif; ?>
-			<div class="slideshow">
-				<img src="<?php print $base_path . $directory; ?>/images/slideshows/sea.jpg" width="950" height="355" alt="slideshow 1"/>
-				<img src="<?php print $base_path . $directory; ?>/images/slideshows/noon.jpg" width="950" height="355" alt="slideshow 2"/>
-				<img src="<?php print $base_path . $directory; ?>/images/slideshows/snow.jpg" width="950" height="355" alt="slideshow 3"/>
-			</div>
-		</div>
-	</div>
-	
-	<div style="clear:both"></div>
-	
-	<?php if ($show_messages) { print $messages; }; ?>
-
-	<div style="clear:both"></div>
-	
-	<div id="notice"><p>Theme by <a href="http://www.danetsoft.com">Danetsoft</a> and <a href="http://www.danpros.com">Danang Probo Sayekti</a> inspired by <a href="http://www.maksimer.no">Maksimer</a></p></div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/maintenance.css b/maintenance.css
deleted file mode 100644
index 1d4f8d449ab06d27417c3a7a6613c3b24ecfe2f0..0000000000000000000000000000000000000000
--- a/maintenance.css
+++ /dev/null
@@ -1,28 +0,0 @@
-
-#content-maintenance {
-font-size:1.6em;
-color:#002054;
-display:block;
-float:right;
-line-height:1.2em;
-margin:20px;
-}
-
-#preface .title {
-margin: 20px;
-color:#fff;
-display:block;
-float:left;
-}
-
-div.messages {
-width:950px;
-margin:20px auto;
-position:relative;
-padding:0;
-}
-
-div.messages ul {
-padding:10px 10px 10px 50px;
-}
-
diff --git a/node.tpl.php b/node.tpl.php
deleted file mode 100644
index b333f0a4c550f1a3e664079143c680e6a66f8922..0000000000000000000000000000000000000000
--- a/node.tpl.php
+++ /dev/null
@@ -1,118 +0,0 @@
-<?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.
- * - $display_submitted: Whether submission information should be displayed.
- * - $submitted: Submission information created from $name and $date during
- *   template_preprocess_node().
- * - $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()
- */
-?>
-<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
-	<?php print render($title_prefix); ?>
-		<?php if (!$page): ?>
-			<h2<?php print $title_attributes; ?> class="title">
-				<a href="<?php print $node_url; ?>"><?php print $title; ?></a>
-			</h2>
-		<?php endif; ?>
-	<?php print render($title_suffix); ?>
-	<?php if ($display_submitted): ?>
-		<div class="meta submitted">
-			<?php print $user_picture; ?>
-				<?php
-					print t('published by !username on !datetime',
-					array('!username' => $name, '!datetime' => $date));
-				?>
-		</div>
-	<?php endif; ?>
-	<div class="content clearfix"<?php print $content_attributes; ?>>
-		<?php
-			hide($content['comments']);
-			hide($content['links']);
-			print render($content);
-		?>
-	</div>
-	<?php
-		if ($teaser || !empty($content['comments']['comment_form'])) {
-			unset($content['links']['comment']['#links']['comment-add']);
-		}
-		
-		// Only display the wrapper div if there are links.
-		$links = render($content['links']);
-		if ($links):
-	?>
-		<div class="links">
-			<?php print $links; ?>
-		</div>
-	<?php endif; ?>
-	<?php print render($content['comments']); ?>
-</div>
\ No newline at end of file
diff --git a/page.tpl.php b/page.tpl.php
deleted file mode 100644
index 052e4bfd5842531b8bfcea9b593054ac1bc20b9c..0000000000000000000000000000000000000000
--- a/page.tpl.php
+++ /dev/null
@@ -1,354 +0,0 @@
-<?php
-/**
- * @file
- * Default theme implementation to display Danland page.
- *
- * The doctype, html, head and body tags are not in this template. Instead they
- * can be found in the html.tpl.php template normally located in the
- * modules/system folder.
- *
- * 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. themes/danland.
- * - $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.
- * - $hide_site_name: TRUE if the site name has been toggled off on the theme
- *   settings page. If hidden, the "element-invisible" class is added to make
- *   the site name visually hidden, but still accessible.
- * - $hide_site_slogan: TRUE if the site slogan has been toggled off on the
- *   theme settings page. If hidden, the "element-invisible" class is added to
- *   make the site slogan visually hidden, but still accessible.
- *
- * 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['search_box']: Items for the search box.
- * - $page['superfish_menu']: Items for the superfish menu.
- * - $page['slideshow']: Items for the slideshow.
- * - $page['preface']: Items for the preface top region / set only displayed on frontpage.
- * - $page['highlighted']: Items for the highlighted region.
- * - $page['preface_first']: Items for the preface first region.
- * - $page['preface_middle']: Items for the preface middle region.
- * - $page['preface_last']: Items for the preface last region.
- * - $page['sidebar_first']: Items for the left sidebar / sidebar first.
- * - $page['sidebar_second']: Items for the right sidebar / sidebar second.
- * - $page['content_top']: Items for the content top region.
- * - $page['help']: Dynamic help text, mostly for admin pages.
- * - $page['content']: The main content of the current page / content middle.
- * - $page['content_bottom']: Items for the content bottom region.
- * - $page['bottom_first']: Items for the bottom first region.
- * - $page['bottom_middle']: Items for the bottom middle region.
- * - $page['bottom_last']: Items for the bottom last region.
- * - $page['bottom_1']: Items for the bottom 1 region.
- * - $page['bottom_2']: Items for the bottom 2 region.
- * - $page['bottom_3']: Items for the bottom 3 region.
- * - $page['bottom_4']: Items for the bottom 4 region.
- * - $page['footer']: Items for the footer region.
- *
- * @see template_preprocess()
- * @see template_preprocess_page()
- * @see template_process()
- */
-?>
-<div <?php print danland_page_class($page['sidebar_first'], $page['sidebar_second']); ?>>
-	<div id="header">
-		<div id="header-wrapper">
-			<?php if ($logo): ?> 
-				<div id="logo-wrapper">
-					<div class="logo">
-						<a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a>
-					</div>
-				</div><!-- end logo wrapper -->
-			<?php endif; ?>
-			<?php if ($site_name || $site_slogan) : ?>
-				<div id="branding-wrapper">
-					<?php if ($site_name) : ?>
-						<?php if ($is_front) : ?>
-							<h1 class="site-name"><a href="<?php print $base_path ?>" title="<?php print $site_name ?>"><?php print $site_name ?></a></h1>
-						<?php endif; ?>
-						<?php if (!$is_front) : ?>
-							<h2 class="site-name"><a href="<?php print $base_path ?>" title="<?php print $site_name ?>"><?php print $site_name ?></a></h2>
-						<?php endif; ?>
-					<?php endif; ?>
-					<?php if ($site_slogan) : ?>
-						<div class='site-slogan'>
-							<?php print $site_slogan; ?>
-						</div> <!-- end site-slogan -->
-					<?php endif; ?>
-				</div><!-- end branding wrapper -->
-			<?php endif; ?>
-			<?php if ($page['search_box']): ?>
-				<div id="search-box">
-					<?php print render ($page['search_box']); ?>
-				</div> <!--  end search-box -->
-			<?php endif; ?>
-			<?php if ($feed_icons): ?>
-				<div class="feed-wrapper">
-					<?php print $feed_icons; ?>
-				</div> <!-- end RSS -->
-			<?php endif; ?>
-			<?php if (!$is_admin): ?>
-				<div id="authorize">
-					<ul>
-						<?php global $user; 
-							if ($user->uid != 0) { 
-								print '<li class="first">' .t('Logged in as '). '<a href="' .url('user/'.$user->uid). '">' .$user->name. '</a></li>'; 
-								print '<li><a href="' .url('user/logout'). '">' .t('Logout'). '</a></li>'; } 
-							else { 
-								print '<li class="first"><a href="' .url('user'). '">' .t('Login'). '</a></li>'; 
-								print '<li><a href="' .url('user/register'). '">' .t('Register'). '</a></li>'; } 
-						?>
-					</ul>
-				</div> <!-- end login / register -->
-			<?php endif; ?>
-		</div> <!-- end header-wrapper -->
-	</div> <!-- header -->
-	
-	<div style="clear:both"></div>
-	
-	<div id="menu">
-		<div id="rounded-menu-left"></div>
-			<?php if ($main_menu || $page['superfish_menu']): ?>
-				<div id="<?php print $main_menu ? 'nav' : 'superfish' ; ?>">
-					<?php 
-						if ($main_menu) {
-							print theme('links__system_main_menu', array('links' => $main_menu));
-						}
-						elseif (!empty($page['superfish_menu'])) {
-							print render ($page['superfish_menu']);
-						} 
-					?>
-				</div> <!-- end primary / superfish -->
-			<?php endif; ?>
-		<div id="rounded-menu-right"></div>
-	</div> <!-- end menu -->
-	
-	<div style="clear:both"></div>
-
-	<?php if($is_front): ?>
-		<div id="slideshow-wrapper">
-			<div class="slideshow-inner">
-				<?php if ($page['preface']): ?>
-					<div id="slideshow-preface">
-						<div id="preface">
-							<?php print render ($page['preface']); ?>
-						</div> <!-- end preface -->
-					</div>
-				<?php endif; ?>
-				<?php if ($page['highlighted']) : ?>
-					<div id="slideshow-bottom">
-						<div id="mission">
-							<?php print render ($page['highlighted']); ?>
-						</div>
-					</div> <!-- end mission / highlighted -->
-				<?php endif; ?>
-				<?php if ($page['slideshow']) : ?>
-					<div class="slideshow">
-						<?php print render ($page['slideshow']); ?>
-					</div> <!-- end slideshow -->
-				<?php endif; ?>
-				<?php if (!$page['slideshow']) : ?>
-					<div class="slideshow">
-						<!-- GP start header rotation -->
-						<?php
-							$mask = '/\.(?:jp[e]?g|gif|png)$/i';
-							$files = file_scan_directory(drupal_get_path('theme', 'danland') . '/images/slideshows', $mask);
-							foreach ($files as $filename => $data) {
-						?>
-							<img src="<?php print $filename; ?>" width="950" height="355" alt="slideshow"/>
-						<?php } ?>
-						<!-- end header rotation -->
-					</div> <!-- end slideshow -->
-				<?php endif; ?>
-			</div>
-		</div>
-	<?php endif; ?>
-
-	<?php if($page['preface_first'] || $page['preface_middle'] || $page['preface_last']) : ?>
-		<div style="clear:both"></div> <!-- Do not touch -->
-		<div id="preface-wrapper" class="in<?php print (bool) $page['preface_first'] + (bool) $page['preface_middle'] + (bool) $page['preface_last']; ?>">
-			<?php if($page['preface_first']) : ?>
-				<div class="column A">
-					<?php print render ($page['preface_first']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['preface_middle']) : ?>
-				<div class="column B">
-					<?php print render ($page['preface_middle']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['preface_last']) : ?>
-				<div class="column C">
-					<?php print render ($page['preface_last']); ?>
-				</div>
-			<?php endif; ?>
-			<div style="clear:both"></div>
-		</div> <!-- end preface first etc. -->
-	<?php endif; ?>
-
-	<div style="clear:both"></div>
-
-	<div id="wrapper">
-		<?php if ($page['sidebar_first']): ?>
-			<div id="sidebar-left" class="column sidebar">
-				<div class="section">
-					<?php print render($page['sidebar_first']); ?>
-				</div>
-			</div> <!-- end sidebar-first -->
-		<?php endif; ?>
-		<div id="content">
-			<a id="main-content"></a>
-			<?php if ($page['content_top']) : ?>
-				<div class="content-top">
-					<?php print render ($page['content_top']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if (!$is_front) print $breadcrumb; ?>
-			<?php if ($show_messages) { print $messages; }; ?>
-      		<?php print render($title_prefix); ?>
-      		<?php if ($title): ?>
-        		<h1 class="title" id="page-title">
-					<?php print $title; ?>
-        		</h1>
-			<?php endif; ?>
-      		<?php print render($title_suffix); ?>
-      		<?php if ($tabs): ?>
-        		<div class="tabs">
-          			<?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 if ($page['content']) : ?>
-				<div class="content-middle">
-					<?php print render ($page['content']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if ($page['content_bottom']) : ?>
-				<div class="content-bottom">
-					<?php print render ($page['content_bottom']); ?>
-				</div>
-			<?php endif; ?>
-		</div> <!-- end content -->
-		<?php if ($page['sidebar_second']): ?>
-			<div id="sidebar-right" class="column sidebar">
-				<div class="section">
-					<?php print render($page['sidebar_second']); ?>
-				</div>
-			</div> <!-- end sidebar-second -->
-		<?php endif; ?>
-		<div style="clear:both"></div>
-	</div> <!-- end wrapper -->
-
-	<?php if($page['bottom_first'] || $page['bottom_middle'] || $page['bottom_last']) : ?>
-		<div style="clear:both"></div> <!-- Do not touch -->
-		<div id="bottom-teaser" class="in<?php print (bool) $page['bottom_first'] + (bool) $page['bottom_middle'] + (bool) $page['bottom_last']; ?>">
-			<?php if($page['bottom_first']) : ?>
-				<div class="column A">
-					<?php print render ($page['bottom_first']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_middle']) : ?>
-				<div class="column B">
-					<?php print render ($page['bottom_middle']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_last']) : ?>
-				<div class="column C">
-					<?php print render ($page['bottom_last']); ?>
-				</div>
-			<?php endif; ?>
-			<div style="clear:both"></div>
-		</div> <!-- end bottom first etc. -->
-	<?php endif; ?>
-
-	<?php if($page['bottom_1'] || $page['bottom_2'] || $page['bottom_3'] || $page['bottom_4']) : ?>
-		<div style="clear:both"></div> <!-- Do not touch -->
-		<div id="bottom-wrapper" class="in<?php print (bool) $page['bottom_1'] + (bool) $page['bottom_2'] + (bool) $page['bottom_3'] + (bool) $page['bottom_4']; ?>">
-			<?php if($page['bottom_1']) : ?>
-				<div class="column A">
-					<?php print render ($page['bottom_1']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_2']) : ?>
-				<div class="column B">
-					<?php print render ($page['bottom_2']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_3']) : ?>
-				<div class="column C">
-					<?php print render ($page['bottom_3']); ?>
-				</div>
-			<?php endif; ?>
-			<?php if($page['bottom_4']) : ?>
-				<div class="column D">
-					<?php print render ($page['bottom_4']); ?>
-				</div>
-			<?php endif; ?>
-			<div style="clear:both"></div>
-		</div> <!-- end bottom -->
-	<?php endif; ?>
-
-	<div style="clear:both"></div>
-
-	<div id="footer-wrapper">
-		<?php if($page['footer']): ?>
-			<div id="footer">
-				<?php print render ($page['footer']); ?>
-			</div> <!-- end footer -->
-		<?php endif; ?>
-		
-		<?php if($secondary_menu) : ?>
-			<div id="subnav-wrapper">
-				<?php print theme('links__system_secondary_menu', array('links' => $secondary_menu, 'attributes' => array('id' => 'subnav', 'class' => array('links', 'clearfix')))); ?>
-			</div> <!-- end secondary menu -->
-		<?php endif; ?>
-	</div> <!-- end footer wrapper -->
-	
-	<div style="clear:both"></div>
-	
-	<div id="notice"><p>Theme by <a href="http://www.danetsoft.com">Danetsoft</a> and <a href="http://www.danpros.com">Danang Probo Sayekti</a> inspired by <a href="http://www.maksimer.no">Maksimer</a></p></div>
-</div>
diff --git a/screenshot.png b/screenshot.png
index acff3c9e04cd0923f2e91250ad35bde848f6ca59..0b474a4bcd9408a1c5eb14941c20ae9686198ced 100644
Binary files a/screenshot.png and b/screenshot.png differ
diff --git a/scripts/hoverIntent.js b/scripts/hoverIntent.js
deleted file mode 100644
index 91da57b24489ddfff62798ad06759308be3d60ea..0000000000000000000000000000000000000000
--- a/scripts/hoverIntent.js
+++ /dev/null
@@ -1,84 +0,0 @@
-(function($){
-	/* hoverIntent by Brian Cherne */
-	$.fn.hoverIntent = function(f,g) {
-		// default configuration options
-		var cfg = {
-			sensitivity: 7,
-			interval: 100,
-			timeout: 0
-		};
-		// override configuration options with user supplied object
-		cfg = $.extend(cfg, g ? { over: f, out: g } : f );
-
-		// instantiate variables
-		// cX, cY = current X and Y position of mouse, updated by mousemove event
-		// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
-		var cX, cY, pX, pY;
-
-		// A private function for getting mouse position
-		var track = function(ev) {
-			cX = ev.pageX;
-			cY = ev.pageY;
-		};
-
-		// A private function for comparing current and previous mouse position
-		var compare = function(ev,ob) {
-			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
-			// compare mouse positions to see if they've crossed the threshold
-			if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
-				$(ob).unbind("mousemove",track);
-				// set hoverIntent state to true (so mouseOut can be called)
-				ob.hoverIntent_s = 1;
-				return cfg.over.apply(ob,[ev]);
-			} else {
-				// set previous coordinates for next time
-				pX = cX; pY = cY;
-				// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
-				ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
-			}
-		};
-
-		// A private function for delaying the mouseOut function
-		var delay = function(ev,ob) {
-			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
-			ob.hoverIntent_s = 0;
-			return cfg.out.apply(ob,[ev]);
-		};
-
-		// A private function for handling mouse 'hovering'
-		var handleHover = function(e) {
-			// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
-			var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
-			while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }
-			if ( p == this ) { return false; }
-
-			// copy objects to be passed into t (required for event object to be passed in IE)
-			var ev = jQuery.extend({},e);
-			var ob = this;
-
-			// cancel hoverIntent timer if it exists
-			if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }
-
-			// else e.type == "onmouseover"
-			if (e.type == "mouseover") {
-				// set "previous" X and Y position based on initial entry point
-				pX = ev.pageX; pY = ev.pageY;
-				// update "current" X and Y position based on mousemove
-				$(ob).bind("mousemove",track);
-				// start polling interval (self-calling timeout) to compare mouse coordinates over time
-				if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}
-
-			// else e.type == "onmouseout"
-			} else {
-				// unbind expensive mousemove event
-				$(ob).unbind("mousemove",track);
-				// if hoverIntent state is true, then call the mouseOut function after the specified delay
-				if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
-			}
-		};
-
-		// bind the function to the two event listeners
-		return this.mouseover(handleHover).mouseout(handleHover);
-	};
-	
-})(jQuery);
\ No newline at end of file
diff --git a/scripts/jquery.cycle.all.js b/scripts/jquery.cycle.all.js
deleted file mode 100644
index a1574a327f2730d4bb0d66c41f61fa0ce9a95405..0000000000000000000000000000000000000000
--- a/scripts/jquery.cycle.all.js
+++ /dev/null
@@ -1,1310 +0,0 @@
-/*!
- * jQuery Cycle Plugin (with Transition Definitions)
- * Examples and documentation at: http://jquery.malsup.com/cycle/
- * Copyright (c) 2007-2010 M. Alsup
- * Version: 2.86 (05-APR-2010)
- * Dual licensed under the MIT and GPL licenses:
- * http://www.opensource.org/licenses/mit-license.php
- * http://www.gnu.org/licenses/gpl.html
- * Requires: jQuery v1.2.6 or later
- */
-
-jQuery(document).ready(function($) {
-    $('.slideshow').cycle({
-		fx: 'fade' , timeout: 8000, delay: 2000});
-});
-
-;(function($) {
-
-var ver = '2.86';
-
-// if $.support is not defined (pre jQuery 1.3) add what I need
-if ($.support == undefined) {
-	$.support = {
-		opacity: !($.browser.msie)
-	};
-}
-
-function debug(s) {
-	if ($.fn.cycle.debug)
-		log(s);
-}		
-function log() {
-	if (window.console && window.console.log)
-		window.console.log('[cycle] ' + Array.prototype.join.call(arguments,' '));
-};
-
-// the options arg can be...
-//   a number  - indicates an immediate transition should occur to the given slide index
-//   a string  - 'pause', 'resume', 'toggle', 'next', 'prev', 'stop', 'destroy' or the name of a transition effect (ie, 'fade', 'zoom', etc)
-//   an object - properties to control the slideshow
-//
-// the arg2 arg can be...
-//   the name of an fx (only used in conjunction with a numeric value for 'options')
-//   the value true (only used in first arg == 'resume') and indicates
-//	 that the resume should occur immediately (not wait for next timeout)
-
-$.fn.cycle = function(options, arg2) {
-	var o = { s: this.selector, c: this.context };
-
-	// in 1.3+ we can fix mistakes with the ready state
-	if (this.length === 0 && options != 'stop') {
-		if (!$.isReady && o.s) {
-			log('DOM not ready, queuing slideshow');
-			$(function() {
-				$(o.s,o.c).cycle(options,arg2);
-			});
-			return this;
-		}
-		// is your DOM ready?  http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
-		log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)'));
-		return this;
-	}
-
-	// iterate the matched nodeset
-	return this.each(function() {
-		var opts = handleArguments(this, options, arg2);
-		if (opts === false)
-			return;
-
-		opts.updateActivePagerLink = opts.updateActivePagerLink || $.fn.cycle.updateActivePagerLink;
-		
-		// stop existing slideshow for this container (if there is one)
-		if (this.cycleTimeout)
-			clearTimeout(this.cycleTimeout);
-		this.cycleTimeout = this.cyclePause = 0;
-
-		var $cont = $(this);
-		var $slides = opts.slideExpr ? $(opts.slideExpr, this) : $cont.children();
-		var els = $slides.get();
-		if (els.length < 2) {
-			log('terminating; too few slides: ' + els.length);
-			return;
-		}
-
-		var opts2 = buildOptions($cont, $slides, els, opts, o);
-		if (opts2 === false)
-			return;
-
-		var startTime = opts2.continuous ? 10 : getTimeout(opts2.currSlide, opts2.nextSlide, opts2, !opts2.rev);
-
-		// if it's an auto slideshow, kick it off
-		if (startTime) {
-			startTime += (opts2.delay || 0);
-			if (startTime < 10)
-				startTime = 10;
-			debug('first timeout: ' + startTime);
-			this.cycleTimeout = setTimeout(function(){go(els,opts2,0,!opts2.rev)}, startTime);
-		}
-	});
-};
-
-// process the args that were passed to the plugin fn
-function handleArguments(cont, options, arg2) {
-	if (cont.cycleStop == undefined)
-		cont.cycleStop = 0;
-	if (options === undefined || options === null)
-		options = {};
-	if (options.constructor == String) {
-		switch(options) {
-		case 'destroy':
-		case 'stop':
-			var opts = $(cont).data('cycle.opts');
-			if (!opts)
-				return false;
-			cont.cycleStop++; // callbacks look for change
-			if (cont.cycleTimeout)
-				clearTimeout(cont.cycleTimeout);
-			cont.cycleTimeout = 0;
-			$(cont).removeData('cycle.opts');
-			if (options == 'destroy')
-				destroy(opts);
-			return false;
-		case 'toggle':
-			cont.cyclePause = (cont.cyclePause === 1) ? 0 : 1;
-			checkInstantResume(cont.cyclePause, arg2, cont);
-			return false;
-		case 'pause':
-			cont.cyclePause = 1;
-			return false;
-		case 'resume':
-			cont.cyclePause = 0;
-			checkInstantResume(false, arg2, cont);
-			return false;
-		case 'prev':
-		case 'next':
-			var opts = $(cont).data('cycle.opts');
-			if (!opts) {
-				log('options not found, "prev/next" ignored');
-				return false;
-			}
-			$.fn.cycle[options](opts);
-			return false;
-		default:
-			options = { fx: options };
-		};
-		return options;
-	}
-	else if (options.constructor == Number) {
-		// go to the requested slide
-		var num = options;
-		options = $(cont).data('cycle.opts');
-		if (!options) {
-			log('options not found, can not advance slide');
-			return false;
-		}
-		if (num < 0 || num >= options.elements.length) {
-			log('invalid slide index: ' + num);
-			return false;
-		}
-		options.nextSlide = num;
-		if (cont.cycleTimeout) {
-			clearTimeout(cont.cycleTimeout);
-			cont.cycleTimeout = 0;
-		}
-		if (typeof arg2 == 'string')
-			options.oneTimeFx = arg2;
-		go(options.elements, options, 1, num >= options.currSlide);
-		return false;
-	}
-	return options;
-	
-	function checkInstantResume(isPaused, arg2, cont) {
-		if (!isPaused && arg2 === true) { // resume now!
-			var options = $(cont).data('cycle.opts');
-			if (!options) {
-				log('options not found, can not resume');
-				return false;
-			}
-			if (cont.cycleTimeout) {
-				clearTimeout(cont.cycleTimeout);
-				cont.cycleTimeout = 0;
-			}
-			go(options.elements, options, 1, 1);
-		}
-	}
-};
-
-function removeFilter(el, opts) {
-	if (!$.support.opacity && opts.cleartype && el.style.filter) {
-		try { el.style.removeAttribute('filter'); }
-		catch(smother) {} // handle old opera versions
-	}
-};
-
-// unbind event handlers
-function destroy(opts) {
-	if (opts.next)
-		$(opts.next).unbind(opts.prevNextEvent);
-	if (opts.prev)
-		$(opts.prev).unbind(opts.prevNextEvent);
-	
-	if (opts.pager || opts.pagerAnchorBuilder)
-		$.each(opts.pagerAnchors || [], function() {
-			this.unbind().remove();
-		});
-	opts.pagerAnchors = null;
-	if (opts.destroy) // callback
-		opts.destroy(opts);
-};
-
-// one-time initialization
-function buildOptions($cont, $slides, els, options, o) {
-	// support metadata plugin (v1.0 and v2.0)
-	var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
-	if (opts.autostop)
-		opts.countdown = opts.autostopCount || els.length;
-
-	var cont = $cont[0];
-	$cont.data('cycle.opts', opts);
-	opts.$cont = $cont;
-	opts.stopCount = cont.cycleStop;
-	opts.elements = els;
-	opts.before = opts.before ? [opts.before] : [];
-	opts.after = opts.after ? [opts.after] : [];
-	opts.after.unshift(function(){ opts.busy=0; });
-
-	// push some after callbacks
-	if (!$.support.opacity && opts.cleartype)
-		opts.after.push(function() { removeFilter(this, opts); });
-	if (opts.continuous)
-		opts.after.push(function() { go(els,opts,0,!opts.rev); });
-
-	saveOriginalOpts(opts);
-
-	// clearType corrections
-	if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg)
-		clearTypeFix($slides);
-
-	// container requires non-static position so that slides can be position within
-	if ($cont.css('position') == 'static')
-		$cont.css('position', 'relative');
-	if (opts.width)
-		$cont.width(opts.width);
-	if (opts.height && opts.height != 'auto')
-		$cont.height(opts.height);
-
-	if (opts.startingSlide)
-		opts.startingSlide = parseInt(opts.startingSlide);
-
-	// if random, mix up the slide array
-	if (opts.random) {
-		opts.randomMap = [];
-		for (var i = 0; i < els.length; i++)
-			opts.randomMap.push(i);
-		opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;});
-		opts.randomIndex = 1;
-		opts.startingSlide = opts.randomMap[1];
-	}
-	else if (opts.startingSlide >= els.length)
-		opts.startingSlide = 0; // catch bogus input
-	opts.currSlide = opts.startingSlide || 0;
-	var first = opts.startingSlide;
-
-	// set position and zIndex on all the slides
-	$slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) {
-		var z = first ? i >= first ? els.length - (i-first) : first-i : els.length-i;
-		$(this).css('z-index', z)
-	});
-
-	// make sure first slide is visible
-	$(els[first]).css('opacity',1).show(); // opacity bit needed to handle restart use case
-	removeFilter(els[first], opts);
-
-	// stretch slides
-	if (opts.fit && opts.width)
-		$slides.width(opts.width);
-	if (opts.fit && opts.height && opts.height != 'auto')
-		$slides.height(opts.height);
-
-	// stretch container
-	var reshape = opts.containerResize && !$cont.innerHeight();
-	if (reshape) { // do this only if container has no size http://tinyurl.com/da2oa9
-		var maxw = 0, maxh = 0;
-		for(var j=0; j < els.length; j++) {
-			var $e = $(els[j]), e = $e[0], w = $e.outerWidth(), h = $e.outerHeight();
-			if (!w) w = e.offsetWidth || e.width || $e.attr('width')
-			if (!h) h = e.offsetHeight || e.height || $e.attr('height');
-			maxw = w > maxw ? w : maxw;
-			maxh = h > maxh ? h : maxh;
-		}
-		if (maxw > 0 && maxh > 0)
-			$cont.css({width:maxw+'px',height:maxh+'px'});
-	}
-
-	if (opts.pause)
-		$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});
-
-	if (supportMultiTransitions(opts) === false)
-		return false;
-
-	// apparently a lot of people use image slideshows without height/width attributes on the images.
-	// Cycle 2.50+ requires the sizing info for every slide; this block tries to deal with that.
-	var requeue = false;
-	options.requeueAttempts = options.requeueAttempts || 0;
-	$slides.each(function() {
-		// try to get height/width of each slide
-		var $el = $(this);
-		this.cycleH = (opts.fit && opts.height) ? opts.height : ($el.height() || this.offsetHeight || this.height || $el.attr('height') || 0);
-		this.cycleW = (opts.fit && opts.width) ? opts.width : ($el.width() || this.offsetWidth || this.width || $el.attr('width') || 0);
-
-		if ( $el.is('img') ) {
-			// sigh..  sniffing, hacking, shrugging...  this crappy hack tries to account for what browsers do when
-			// an image is being downloaded and the markup did not include sizing info (height/width attributes);
-			// there seems to be some "default" sizes used in this situation
-			var loadingIE	= ($.browser.msie  && this.cycleW == 28 && this.cycleH == 30 && !this.complete);
-			var loadingFF	= ($.browser.mozilla && this.cycleW == 34 && this.cycleH == 19 && !this.complete);
-			var loadingOp	= ($.browser.opera && ((this.cycleW == 42 && this.cycleH == 19) || (this.cycleW == 37 && this.cycleH == 17)) && !this.complete);
-			var loadingOther = (this.cycleH == 0 && this.cycleW == 0 && !this.complete);
-			// don't requeue for images that are still loading but have a valid size
-			if (loadingIE || loadingFF || loadingOp || loadingOther) {
-				if (o.s && opts.requeueOnImageNotLoaded && ++options.requeueAttempts < 100) { // track retry count so we don't loop forever
-					log(options.requeueAttempts,' - img slide not loaded, requeuing slideshow: ', this.src, this.cycleW, this.cycleH);
-					setTimeout(function() {$(o.s,o.c).cycle(options)}, opts.requeueTimeout);
-					requeue = true;
-					return false; // break each loop
-				}
-				else {
-					log('could not determine size of image: '+this.src, this.cycleW, this.cycleH);
-				}
-			}
-		}
-		return true;
-	});
-
-	if (requeue)
-		return false;
-
-	opts.cssBefore = opts.cssBefore || {};
-	opts.animIn = opts.animIn || {};
-	opts.animOut = opts.animOut || {};
-
-	$slides.not(':eq('+first+')').css(opts.cssBefore);
-	if (opts.cssFirst)
-		$($slides[first]).css(opts.cssFirst);
-
-	if (opts.timeout) {
-		opts.timeout = parseInt(opts.timeout);
-		// ensure that timeout and speed settings are sane
-		if (opts.speed.constructor == String)
-			opts.speed = $.fx.speeds[opts.speed] || parseInt(opts.speed);
-		if (!opts.sync)
-			opts.speed = opts.speed / 2;
-		
-		var buffer = opts.fx == 'shuffle' ? 500 : 250;
-		while((opts.timeout - opts.speed) < buffer) // sanitize timeout
-			opts.timeout += opts.speed;
-	}
-	if (opts.easing)
-		opts.easeIn = opts.easeOut = opts.easing;
-	if (!opts.speedIn)
-		opts.speedIn = opts.speed;
-	if (!opts.speedOut)
-		opts.speedOut = opts.speed;
-
-	opts.slideCount = els.length;
-	opts.currSlide = opts.lastSlide = first;
-	if (opts.random) {
-		if (++opts.randomIndex == els.length)
-			opts.randomIndex = 0;
-		opts.nextSlide = opts.randomMap[opts.randomIndex];
-	}
-	else
-		opts.nextSlide = opts.startingSlide >= (els.length-1) ? 0 : opts.startingSlide+1;
-
-	// run transition init fn
-	if (!opts.multiFx) {
-		var init = $.fn.cycle.transitions[opts.fx];
-		if ($.isFunction(init))
-			init($cont, $slides, opts);
-		else if (opts.fx != 'custom' && !opts.multiFx) {
-			log('unknown transition: ' + opts.fx,'; slideshow terminating');
-			return false;
-		}
-	}
-
-	// fire artificial events
-	var e0 = $slides[first];
-	if (opts.before.length)
-		opts.before[0].apply(e0, [e0, e0, opts, true]);
-	if (opts.after.length > 1)
-		opts.after[1].apply(e0, [e0, e0, opts, true]);
-
-	if (opts.next)
-		$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1)});
-	if (opts.prev)
-		$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1)});
-	if (opts.pager || opts.pagerAnchorBuilder)
-		buildPager(els,opts);
-
-	exposeAddSlide(opts, els);
-
-	return opts;
-};
-
-// save off original opts so we can restore after clearing state
-function saveOriginalOpts(opts) {
-	opts.original = { before: [], after: [] };
-	opts.original.cssBefore = $.extend({}, opts.cssBefore);
-	opts.original.cssAfter  = $.extend({}, opts.cssAfter);
-	opts.original.animIn	= $.extend({}, opts.animIn);
-	opts.original.animOut   = $.extend({}, opts.animOut);
-	$.each(opts.before, function() { opts.original.before.push(this); });
-	$.each(opts.after,  function() { opts.original.after.push(this); });
-};
-
-function supportMultiTransitions(opts) {
-	var i, tx, txs = $.fn.cycle.transitions;
-	// look for multiple effects
-	if (opts.fx.indexOf(',') > 0) {
-		opts.multiFx = true;
-		opts.fxs = opts.fx.replace(/\s*/g,'').split(',');
-		// discard any bogus effect names
-		for (i=0; i < opts.fxs.length; i++) {
-			var fx = opts.fxs[i];
-			tx = txs[fx];
-			if (!tx || !txs.hasOwnProperty(fx) || !$.isFunction(tx)) {
-				log('discarding unknown transition: ',fx);
-				opts.fxs.splice(i,1);
-				i--;
-			}
-		}
-		// if we have an empty list then we threw everything away!
-		if (!opts.fxs.length) {
-			log('No valid transitions named; slideshow terminating.');
-			return false;
-		}
-	}
-	else if (opts.fx == 'all') {  // auto-gen the list of transitions
-		opts.multiFx = true;
-		opts.fxs = [];
-		for (p in txs) {
-			tx = txs[p];
-			if (txs.hasOwnProperty(p) && $.isFunction(tx))
-				opts.fxs.push(p);
-		}
-	}
-	if (opts.multiFx && opts.randomizeEffects) {
-		// munge the fxs array to make effect selection random
-		var r1 = Math.floor(Math.random() * 20) + 30;
-		for (i = 0; i < r1; i++) {
-			var r2 = Math.floor(Math.random() * opts.fxs.length);
-			opts.fxs.push(opts.fxs.splice(r2,1)[0]);
-		}
-		debug('randomized fx sequence: ',opts.fxs);
-	}
-	return true;
-};
-
-// provide a mechanism for adding slides after the slideshow has started
-function exposeAddSlide(opts, els) {
-	opts.addSlide = function(newSlide, prepend) {
-		var $s = $(newSlide), s = $s[0];
-		if (!opts.autostopCount)
-			opts.countdown++;
-		els[prepend?'unshift':'push'](s);
-		if (opts.els)
-			opts.els[prepend?'unshift':'push'](s); // shuffle needs this
-		opts.slideCount = els.length;
-
-		$s.css('position','absolute');
-		$s[prepend?'prependTo':'appendTo'](opts.$cont);
-
-		if (prepend) {
-			opts.currSlide++;
-			opts.nextSlide++;
-		}
-
-		if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg)
-			clearTypeFix($s);
-
-		if (opts.fit && opts.width)
-			$s.width(opts.width);
-		if (opts.fit && opts.height && opts.height != 'auto')
-			$slides.height(opts.height);
-		s.cycleH = (opts.fit && opts.height) ? opts.height : $s.height();
-		s.cycleW = (opts.fit && opts.width) ? opts.width : $s.width();
-
-		$s.css(opts.cssBefore);
-
-		if (opts.pager || opts.pagerAnchorBuilder)
-			$.fn.cycle.createPagerAnchor(els.length-1, s, $(opts.pager), els, opts);
-
-		if ($.isFunction(opts.onAddSlide))
-			opts.onAddSlide($s);
-		else
-			$s.hide(); // default behavior
-	};
-}
-
-// reset internal state; we do this on every pass in order to support multiple effects
-$.fn.cycle.resetState = function(opts, fx) {
-	fx = fx || opts.fx;
-	opts.before = []; opts.after = [];
-	opts.cssBefore = $.extend({}, opts.original.cssBefore);
-	opts.cssAfter  = $.extend({}, opts.original.cssAfter);
-	opts.animIn	= $.extend({}, opts.original.animIn);
-	opts.animOut   = $.extend({}, opts.original.animOut);
-	opts.fxFn = null;
-	$.each(opts.original.before, function() { opts.before.push(this); });
-	$.each(opts.original.after,  function() { opts.after.push(this); });
-
-	// re-init
-	var init = $.fn.cycle.transitions[fx];
-	if ($.isFunction(init))
-		init(opts.$cont, $(opts.elements), opts);
-};
-
-// this is the main engine fn, it handles the timeouts, callbacks and slide index mgmt
-function go(els, opts, manual, fwd) {
-	// opts.busy is true if we're in the middle of an animation
-	if (manual && opts.busy && opts.manualTrump) {
-		// let manual transitions requests trump active ones
-		debug('manualTrump in go(), stopping active transition');
-		$(els).stop(true,true);
-		opts.busy = false;
-	}
-	// don't begin another timeout-based transition if there is one active
-	if (opts.busy) {
-		debug('transition active, ignoring new tx request');
-		return;
-	}
-
-	var p = opts.$cont[0], curr = els[opts.currSlide], next = els[opts.nextSlide];
-
-	// stop cycling if we have an outstanding stop request
-	if (p.cycleStop != opts.stopCount || p.cycleTimeout === 0 && !manual)
-		return;
-
-	// check to see if we should stop cycling based on autostop options
-	if (!manual && !p.cyclePause &&
-		((opts.autostop && (--opts.countdown <= 0)) ||
-		(opts.nowrap && !opts.random && opts.nextSlide < opts.currSlide))) {
-		if (opts.end)
-			opts.end(opts);
-		return;
-	}
-
-	// if slideshow is paused, only transition on a manual trigger
-	var changed = false;
-	if ((manual || !p.cyclePause) && (opts.nextSlide != opts.currSlide)) {
-		changed = true;
-		var fx = opts.fx;
-		// keep trying to get the slide size if we don't have it yet
-		curr.cycleH = curr.cycleH || $(curr).height();
-		curr.cycleW = curr.cycleW || $(curr).width();
-		next.cycleH = next.cycleH || $(next).height();
-		next.cycleW = next.cycleW || $(next).width();
-
-		// support multiple transition types
-		if (opts.multiFx) {
-			if (opts.lastFx == undefined || ++opts.lastFx >= opts.fxs.length)
-				opts.lastFx = 0;
-			fx = opts.fxs[opts.lastFx];
-			opts.currFx = fx;
-		}
-
-		// one-time fx overrides apply to:  $('div').cycle(3,'zoom');
-		if (opts.oneTimeFx) {
-			fx = opts.oneTimeFx;
-			opts.oneTimeFx = null;
-		}
-
-		$.fn.cycle.resetState(opts, fx);
-
-		// run the before callbacks
-		if (opts.before.length)
-			$.each(opts.before, function(i,o) {
-				if (p.cycleStop != opts.stopCount) return;
-				o.apply(next, [curr, next, opts, fwd]);
-			});
-
-		// stage the after callacks
-		var after = function() {
-			$.each(opts.after, function(i,o) {
-				if (p.cycleStop != opts.stopCount) return;
-				o.apply(next, [curr, next, opts, fwd]);
-			});
-		};
-
-		debug('tx firing; currSlide: ' + opts.currSlide + '; nextSlide: ' + opts.nextSlide);
-		
-		// get ready to perform the transition
-		opts.busy = 1;
-		if (opts.fxFn) // fx function provided?
-			opts.fxFn(curr, next, opts, after, fwd, manual && opts.fastOnEvent);
-		else if ($.isFunction($.fn.cycle[opts.fx])) // fx plugin ?
-			$.fn.cycle[opts.fx](curr, next, opts, after, fwd, manual && opts.fastOnEvent);
-		else
-			$.fn.cycle.custom(curr, next, opts, after, fwd, manual && opts.fastOnEvent);
-	}
-
-	if (changed || opts.nextSlide == opts.currSlide) {
-		// calculate the next slide
-		opts.lastSlide = opts.currSlide;
-		if (opts.random) {
-			opts.currSlide = opts.nextSlide;
-			if (++opts.randomIndex == els.length)
-				opts.randomIndex = 0;
-			opts.nextSlide = opts.randomMap[opts.randomIndex];
-			if (opts.nextSlide == opts.currSlide)
-				opts.nextSlide = (opts.currSlide == opts.slideCount - 1) ? 0 : opts.currSlide + 1;
-		}
-		else { // sequence
-			var roll = (opts.nextSlide + 1) == els.length;
-			opts.nextSlide = roll ? 0 : opts.nextSlide+1;
-			opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;
-		}
-	}
-	if (changed && opts.pager)
-		opts.updateActivePagerLink(opts.pager, opts.currSlide, opts.activePagerClass);
-	
-	// stage the next transition
-	var ms = 0;
-	if (opts.timeout && !opts.continuous)
-		ms = getTimeout(curr, next, opts, fwd);
-	else if (opts.continuous && p.cyclePause) // continuous shows work off an after callback, not this timer logic
-		ms = 10;
-	if (ms > 0)
-		p.cycleTimeout = setTimeout(function(){ go(els, opts, 0, !opts.rev) }, ms);
-};
-
-// invoked after transition
-$.fn.cycle.updateActivePagerLink = function(pager, currSlide, clsName) {
-   $(pager).each(function() {
-       $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);
-   });
-};
-
-// calculate timeout value for current transition
-function getTimeout(curr, next, opts, fwd) {
-	if (opts.timeoutFn) {
-		// call user provided calc fn
-		var t = opts.timeoutFn(curr,next,opts,fwd);
-		while ((t - opts.speed) < 250) // sanitize timeout
-			t += opts.speed;
-		debug('calculated timeout: ' + t + '; speed: ' + opts.speed);
-		if (t !== false)
-			return t;
-	}
-	return opts.timeout;
-};
-
-// expose next/prev function, caller must pass in state
-$.fn.cycle.next = function(opts) { advance(opts, opts.rev?-1:1); };
-$.fn.cycle.prev = function(opts) { advance(opts, opts.rev?1:-1);};
-
-// advance slide forward or back
-function advance(opts, val) {
-	var els = opts.elements;
-	var p = opts.$cont[0], timeout = p.cycleTimeout;
-	if (timeout) {
-		clearTimeout(timeout);
-		p.cycleTimeout = 0;
-	}
-	if (opts.random && val < 0) {
-		// move back to the previously display slide
-		opts.randomIndex--;
-		if (--opts.randomIndex == -2)
-			opts.randomIndex = els.length-2;
-		else if (opts.randomIndex == -1)
-			opts.randomIndex = els.length-1;
-		opts.nextSlide = opts.randomMap[opts.randomIndex];
-	}
-	else if (opts.random) {
-		opts.nextSlide = opts.randomMap[opts.randomIndex];
-	}
-	else {
-		opts.nextSlide = opts.currSlide + val;
-		if (opts.nextSlide < 0) {
-			if (opts.nowrap) return false;
-			opts.nextSlide = els.length - 1;
-		}
-		else if (opts.nextSlide >= els.length) {
-			if (opts.nowrap) return false;
-			opts.nextSlide = 0;
-		}
-	}
-
-	var cb = opts.onPrevNextEvent || opts.prevNextClick; // prevNextClick is deprecated
-	if ($.isFunction(cb))
-		cb(val > 0, opts.nextSlide, els[opts.nextSlide]);
-	go(els, opts, 1, val>=0);
-	return false;
-};
-
-function buildPager(els, opts) {
-	var $p = $(opts.pager);
-	$.each(els, function(i,o) {
-		$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);
-	});
-	opts.updateActivePagerLink(opts.pager, opts.startingSlide, opts.activePagerClass);
-};
-
-$.fn.cycle.createPagerAnchor = function(i, el, $p, els, opts) {
-	var a;
-	if ($.isFunction(opts.pagerAnchorBuilder)) {
-		a = opts.pagerAnchorBuilder(i,el);
-		debug('pagerAnchorBuilder('+i+', el) returned: ' + a);
-	}
-	else
-		a = '<a href="#">'+(i+1)+'</a>';
-		
-	if (!a)
-		return;
-	var $a = $(a);
-	// don't reparent if anchor is in the dom
-	if ($a.parents('body').length === 0) {
-		var arr = [];
-		if ($p.length > 1) {
-			$p.each(function() {
-				var $clone = $a.clone(true);
-				$(this).append($clone);
-				arr.push($clone[0]);
-			});
-			$a = $(arr);
-		}
-		else {
-			$a.appendTo($p);
-		}
-	}
-
-	opts.pagerAnchors =  opts.pagerAnchors || [];
-	opts.pagerAnchors.push($a);
-	$a.bind(opts.pagerEvent, function(e) {
-		e.preventDefault();
-		opts.nextSlide = i;
-		var p = opts.$cont[0], timeout = p.cycleTimeout;
-		if (timeout) {
-			clearTimeout(timeout);
-			p.cycleTimeout = 0;
-		}
-		var cb = opts.onPagerEvent || opts.pagerClick; // pagerClick is deprecated
-		if ($.isFunction(cb))
-			cb(opts.nextSlide, els[opts.nextSlide]);
-		go(els,opts,1,opts.currSlide < i); // trigger the trans
-//		return false; // <== allow bubble
-	});
-	
-	if ( ! /^click/.test(opts.pagerEvent) && !opts.allowPagerClickBubble)
-		$a.bind('click.cycle', function(){return false;}); // suppress click
-	
-	if (opts.pauseOnPagerHover)
-		$a.hover(function() { opts.$cont[0].cyclePause++; }, function() { opts.$cont[0].cyclePause--; } );
-};
-
-// helper fn to calculate the number of slides between the current and the next
-$.fn.cycle.hopsFromLast = function(opts, fwd) {
-	var hops, l = opts.lastSlide, c = opts.currSlide;
-	if (fwd)
-		hops = c > l ? c - l : opts.slideCount - l;
-	else
-		hops = c < l ? l - c : l + opts.slideCount - c;
-	return hops;
-};
-
-// fix clearType problems in ie6 by setting an explicit bg color
-// (otherwise text slides look horrible during a fade transition)
-function clearTypeFix($slides) {
-	debug('applying clearType background-color hack');
-	function hex(s) {
-		s = parseInt(s).toString(16);
-		return s.length < 2 ? '0'+s : s;
-	};
-	function getBg(e) {
-		for ( ; e && e.nodeName.toLowerCase() != 'html'; e = e.parentNode) {
-			var v = $.css(e,'background-color');
-			if (v.indexOf('rgb') >= 0 ) {
-				var rgb = v.match(/\d+/g);
-				return '#'+ hex(rgb[0]) + hex(rgb[1]) + hex(rgb[2]);
-			}
-			if (v && v != 'transparent')
-				return v;
-		}
-		return '#ffffff';
-	};
-	$slides.each(function() { $(this).css('background-color', getBg(this)); });
-};
-
-// reset common props before the next transition
-$.fn.cycle.commonReset = function(curr,next,opts,w,h,rev) {
-	$(opts.elements).not(curr).hide();
-	opts.cssBefore.opacity = 1;
-	opts.cssBefore.display = 'block';
-	if (w !== false && next.cycleW > 0)
-		opts.cssBefore.width = next.cycleW;
-	if (h !== false && next.cycleH > 0)
-		opts.cssBefore.height = next.cycleH;
-	opts.cssAfter = opts.cssAfter || {};
-	opts.cssAfter.display = 'none';
-	$(curr).css('zIndex',opts.slideCount + (rev === true ? 1 : 0));
-	$(next).css('zIndex',opts.slideCount + (rev === true ? 0 : 1));
-};
-
-// the actual fn for effecting a transition
-$.fn.cycle.custom = function(curr, next, opts, cb, fwd, speedOverride) {
-	var $l = $(curr), $n = $(next);
-	var speedIn = opts.speedIn, speedOut = opts.speedOut, easeIn = opts.easeIn, easeOut = opts.easeOut;
-	$n.css(opts.cssBefore);
-	if (speedOverride) {
-		if (typeof speedOverride == 'number')
-			speedIn = speedOut = speedOverride;
-		else
-			speedIn = speedOut = 1;
-		easeIn = easeOut = null;
-	}
-	var fn = function() {$n.animate(opts.animIn, speedIn, easeIn, cb)};
-	$l.animate(opts.animOut, speedOut, easeOut, function() {
-		if (opts.cssAfter) $l.css(opts.cssAfter);
-		if (!opts.sync) fn();
-	});
-	if (opts.sync) fn();
-};
-
-// transition definitions - only fade is defined here, transition pack defines the rest
-$.fn.cycle.transitions = {
-	fade: function($cont, $slides, opts) {
-		$slides.not(':eq('+opts.currSlide+')').css('opacity',0);
-		opts.before.push(function(curr,next,opts) {
-			$.fn.cycle.commonReset(curr,next,opts);
-			opts.cssBefore.opacity = 0;
-		});
-		opts.animIn	   = { opacity: 1 };
-		opts.animOut   = { opacity: 0 };
-		opts.cssBefore = { top: 0, left: 0 };
-	}
-};
-
-$.fn.cycle.ver = function() { return ver; };
-
-// override these globally if you like (they are all optional)
-$.fn.cycle.defaults = {
-	fx:			  'fade', // name of transition effect (or comma separated names, ex: 'fade,scrollUp,shuffle')
-	timeout:	   4000,  // milliseconds between slide transitions (0 to disable auto advance)
-	timeoutFn:     null,  // callback for determining per-slide timeout value:  function(currSlideElement, nextSlideElement, options, forwardFlag)
-	continuous:	   0,	  // true to start next transition immediately after current one completes
-	speed:		   1000,  // speed of the transition (any valid fx speed value)
-	speedIn:	   null,  // speed of the 'in' transition
-	speedOut:	   null,  // speed of the 'out' transition
-	next:		   null,  // selector for element to use as event trigger for next slide
-	prev:		   null,  // selector for element to use as event trigger for previous slide
-//	prevNextClick: null,  // @deprecated; please use onPrevNextEvent instead
-	onPrevNextEvent: null,  // callback fn for prev/next events: function(isNext, zeroBasedSlideIndex, slideElement)
-	prevNextEvent:'click.cycle',// event which drives the manual transition to the previous or next slide
-	pager:		   null,  // selector for element to use as pager container
-	//pagerClick   null,  // @deprecated; please use onPagerEvent instead
-	onPagerEvent:  null,  // callback fn for pager events: function(zeroBasedSlideIndex, slideElement)
-	pagerEvent:	  'click.cycle', // name of event which drives the pager navigation
-	allowPagerClickBubble: false, // allows or prevents click event on pager anchors from bubbling
-	pagerAnchorBuilder: null, // callback fn for building anchor links:  function(index, DOMelement)
-	before:		   null,  // transition callback (scope set to element to be shown):	 function(currSlideElement, nextSlideElement, options, forwardFlag)
-	after:		   null,  // transition callback (scope set to element that was shown):  function(currSlideElement, nextSlideElement, options, forwardFlag)
-	end:		   null,  // callback invoked when the slideshow terminates (use with autostop or nowrap options): function(options)
-	easing:		   null,  // easing method for both in and out transitions
-	easeIn:		   null,  // easing for "in" transition
-	easeOut:	   null,  // easing for "out" transition
-	shuffle:	   null,  // coords for shuffle animation, ex: { top:15, left: 200 }
-	animIn:		   null,  // properties that define how the slide animates in
-	animOut:	   null,  // properties that define how the slide animates out
-	cssBefore:	   null,  // properties that define the initial state of the slide before transitioning in
-	cssAfter:	   null,  // properties that defined the state of the slide after transitioning out
-	fxFn:		   null,  // function used to control the transition: function(currSlideElement, nextSlideElement, options, afterCalback, forwardFlag)
-	height:		  'auto', // container height
-	startingSlide: 0,	  // zero-based index of the first slide to be displayed
-	sync:		   1,	  // true if in/out transitions should occur simultaneously
-	random:		   0,	  // true for random, false for sequence (not applicable to shuffle fx)
-	fit:		   0,	  // force slides to fit container
-	containerResize: 1,	  // resize container to fit largest slide
-	pause:		   0,	  // true to enable "pause on hover"
-	pauseOnPagerHover: 0, // true to pause when hovering over pager link
-	autostop:	   0,	  // true to end slideshow after X transitions (where X == slide count)
-	autostopCount: 0,	  // number of transitions (optionally used with autostop to define X)
-	delay:		   0,	  // additional delay (in ms) for first transition (hint: can be negative)
-	slideExpr:	   null,  // expression for selecting slides (if something other than all children is required)
-	cleartype:	   !$.support.opacity,  // true if clearType corrections should be applied (for IE)
-	cleartypeNoBg: false, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
-	nowrap:		   0,	  // true to prevent slideshow from wrapping
-	fastOnEvent:   0,	  // force fast transitions when triggered manually (via pager or prev/next); value == time in ms
-	randomizeEffects: 1,  // valid when multiple effects are used; true to make the effect sequence random
-	rev:		   0,	 // causes animations to transition in reverse
-	manualTrump:   true,  // causes manual transition to stop an active transition instead of being ignored
-	requeueOnImageNotLoaded: true, // requeue the slideshow if any image slides are not yet loaded
-	requeueTimeout: 250,  // ms delay for requeue
-	activePagerClass: 'activeSlide', // class name used for the active pager link
-	updateActivePagerLink: null // callback fn invoked to update the active pager link (adds/removes activePagerClass style)
-};
-
-})(jQuery);
-
-
-/*!
- * jQuery Cycle Plugin Transition Definitions
- * This script is a plugin for the jQuery Cycle Plugin
- * Examples and documentation at: http://malsup.com/jquery/cycle/
- * Copyright (c) 2007-2008 M. Alsup
- * Version:	 2.72
- * Dual licensed under the MIT and GPL licenses:
- * http://www.opensource.org/licenses/mit-license.php
- * http://www.gnu.org/licenses/gpl.html
- */
-(function($) {
-
-//
-// These functions define one-time slide initialization for the named
-// transitions. To save file size feel free to remove any of these that you
-// don't need.
-//
-$.fn.cycle.transitions.none = function($cont, $slides, opts) {
-	opts.fxFn = function(curr,next,opts,after){
-		$(next).show();
-		$(curr).hide();
-		after();
-	};
-}
-
-// scrollUp/Down/Left/Right
-$.fn.cycle.transitions.scrollUp = function($cont, $slides, opts) {
-	$cont.css('overflow','hidden');
-	opts.before.push($.fn.cycle.commonReset);
-	var h = $cont.height();
-	opts.cssBefore ={ top: h, left: 0 };
-	opts.cssFirst = { top: 0 };
-	opts.animIn	  = { top: 0 };
-	opts.animOut  = { top: -h };
-};
-$.fn.cycle.transitions.scrollDown = function($cont, $slides, opts) {
-	$cont.css('overflow','hidden');
-	opts.before.push($.fn.cycle.commonReset);
-	var h = $cont.height();
-	opts.cssFirst = { top: 0 };
-	opts.cssBefore= { top: -h, left: 0 };
-	opts.animIn	  = { top: 0 };
-	opts.animOut  = { top: h };
-};
-$.fn.cycle.transitions.scrollLeft = function($cont, $slides, opts) {
-	$cont.css('overflow','hidden');
-	opts.before.push($.fn.cycle.commonReset);
-	var w = $cont.width();
-	opts.cssFirst = { left: 0 };
-	opts.cssBefore= { left: w, top: 0 };
-	opts.animIn	  = { left: 0 };
-	opts.animOut  = { left: 0-w };
-};
-$.fn.cycle.transitions.scrollRight = function($cont, $slides, opts) {
-	$cont.css('overflow','hidden');
-	opts.before.push($.fn.cycle.commonReset);
-	var w = $cont.width();
-	opts.cssFirst = { left: 0 };
-	opts.cssBefore= { left: -w, top: 0 };
-	opts.animIn	  = { left: 0 };
-	opts.animOut  = { left: w };
-};
-$.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) {
-	$cont.css('overflow','hidden').width();
-	opts.before.push(function(curr, next, opts, fwd) {
-		$.fn.cycle.commonReset(curr,next,opts);
-		opts.cssBefore.left = fwd ? (next.cycleW-1) : (1-next.cycleW);
-		opts.animOut.left = fwd ? -curr.cycleW : curr.cycleW;
-	});
-	opts.cssFirst = { left: 0 };
-	opts.cssBefore= { top: 0 };
-	opts.animIn   = { left: 0 };
-	opts.animOut  = { top: 0 };
-};
-$.fn.cycle.transitions.scrollVert = function($cont, $slides, opts) {
-	$cont.css('overflow','hidden');
-	opts.before.push(function(curr, next, opts, fwd) {
-		$.fn.cycle.commonReset(curr,next,opts);
-		opts.cssBefore.top = fwd ? (1-next.cycleH) : (next.cycleH-1);
-		opts.animOut.top = fwd ? curr.cycleH : -curr.cycleH;
-	});
-	opts.cssFirst = { top: 0 };
-	opts.cssBefore= { left: 0 };
-	opts.animIn   = { top: 0 };
-	opts.animOut  = { left: 0 };
-};
-
-// slideX/slideY
-$.fn.cycle.transitions.slideX = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$(opts.elements).not(curr).hide();
-		$.fn.cycle.commonReset(curr,next,opts,false,true);
-		opts.animIn.width = next.cycleW;
-	});
-	opts.cssBefore = { left: 0, top: 0, width: 0 };
-	opts.animIn	 = { width: 'show' };
-	opts.animOut = { width: 0 };
-};
-$.fn.cycle.transitions.slideY = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$(opts.elements).not(curr).hide();
-		$.fn.cycle.commonReset(curr,next,opts,true,false);
-		opts.animIn.height = next.cycleH;
-	});
-	opts.cssBefore = { left: 0, top: 0, height: 0 };
-	opts.animIn	 = { height: 'show' };
-	opts.animOut = { height: 0 };
-};
-
-// shuffle
-$.fn.cycle.transitions.shuffle = function($cont, $slides, opts) {
-	var i, w = $cont.css('overflow', 'visible').width();
-	$slides.css({left: 0, top: 0});
-	opts.before.push(function(curr,next,opts) {
-		$.fn.cycle.commonReset(curr,next,opts,true,true,true);
-	});
-	// only adjust speed once!
-	if (!opts.speedAdjusted) {
-		opts.speed = opts.speed / 2; // shuffle has 2 transitions
-		opts.speedAdjusted = true;
-	}
-	opts.random = 0;
-	opts.shuffle = opts.shuffle || {left:-w, top:15};
-	opts.els = [];
-	for (i=0; i < $slides.length; i++)
-		opts.els.push($slides[i]);
-
-	for (i=0; i < opts.currSlide; i++)
-		opts.els.push(opts.els.shift());
-
-	// custom transition fn (hat tip to Benjamin Sterling for this bit of sweetness!)
-	opts.fxFn = function(curr, next, opts, cb, fwd) {
-		var $el = fwd ? $(curr) : $(next);
-		$(next).css(opts.cssBefore);
-		var count = opts.slideCount;
-		$el.animate(opts.shuffle, opts.speedIn, opts.easeIn, function() {
-			var hops = $.fn.cycle.hopsFromLast(opts, fwd);
-			for (var k=0; k < hops; k++)
-				fwd ? opts.els.push(opts.els.shift()) : opts.els.unshift(opts.els.pop());
-			if (fwd) {
-				for (var i=0, len=opts.els.length; i < len; i++)
-					$(opts.els[i]).css('z-index', len-i+count);
-			}
-			else {
-				var z = $(curr).css('z-index');
-				$el.css('z-index', parseInt(z)+1+count);
-			}
-			$el.animate({left:0, top:0}, opts.speedOut, opts.easeOut, function() {
-				$(fwd ? this : curr).hide();
-				if (cb) cb();
-			});
-		});
-	};
-	opts.cssBefore = { display: 'block', opacity: 1, top: 0, left: 0 };
-};
-
-// turnUp/Down/Left/Right
-$.fn.cycle.transitions.turnUp = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,true,false);
-		opts.cssBefore.top = next.cycleH;
-		opts.animIn.height = next.cycleH;
-	});
-	opts.cssFirst  = { top: 0 };
-	opts.cssBefore = { left: 0, height: 0 };
-	opts.animIn	   = { top: 0 };
-	opts.animOut   = { height: 0 };
-};
-$.fn.cycle.transitions.turnDown = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,true,false);
-		opts.animIn.height = next.cycleH;
-		opts.animOut.top   = curr.cycleH;
-	});
-	opts.cssFirst  = { top: 0 };
-	opts.cssBefore = { left: 0, top: 0, height: 0 };
-	opts.animOut   = { height: 0 };
-};
-$.fn.cycle.transitions.turnLeft = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,false,true);
-		opts.cssBefore.left = next.cycleW;
-		opts.animIn.width = next.cycleW;
-	});
-	opts.cssBefore = { top: 0, width: 0  };
-	opts.animIn	   = { left: 0 };
-	opts.animOut   = { width: 0 };
-};
-$.fn.cycle.transitions.turnRight = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,false,true);
-		opts.animIn.width = next.cycleW;
-		opts.animOut.left = curr.cycleW;
-	});
-	opts.cssBefore = { top: 0, left: 0, width: 0 };
-	opts.animIn	   = { left: 0 };
-	opts.animOut   = { width: 0 };
-};
-
-// zoom
-$.fn.cycle.transitions.zoom = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,false,false,true);
-		opts.cssBefore.top = next.cycleH/2;
-		opts.cssBefore.left = next.cycleW/2;
-		opts.animIn	   = { top: 0, left: 0, width: next.cycleW, height: next.cycleH };
-		opts.animOut   = { width: 0, height: 0, top: curr.cycleH/2, left: curr.cycleW/2 };
-	});
-	opts.cssFirst = { top:0, left: 0 };
-	opts.cssBefore = { width: 0, height: 0 };
-};
-
-// fadeZoom
-$.fn.cycle.transitions.fadeZoom = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,false,false);
-		opts.cssBefore.left = next.cycleW/2;
-		opts.cssBefore.top = next.cycleH/2;
-		opts.animIn	= { top: 0, left: 0, width: next.cycleW, height: next.cycleH };
-	});
-	opts.cssBefore = { width: 0, height: 0 };
-	opts.animOut  = { opacity: 0 };
-};
-
-// blindX
-$.fn.cycle.transitions.blindX = function($cont, $slides, opts) {
-	var w = $cont.css('overflow','hidden').width();
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts);
-		opts.animIn.width = next.cycleW;
-		opts.animOut.left   = curr.cycleW;
-	});
-	opts.cssBefore = { left: w, top: 0 };
-	opts.animIn = { left: 0 };
-	opts.animOut  = { left: w };
-};
-// blindY
-$.fn.cycle.transitions.blindY = function($cont, $slides, opts) {
-	var h = $cont.css('overflow','hidden').height();
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts);
-		opts.animIn.height = next.cycleH;
-		opts.animOut.top   = curr.cycleH;
-	});
-	opts.cssBefore = { top: h, left: 0 };
-	opts.animIn = { top: 0 };
-	opts.animOut  = { top: h };
-};
-// blindZ
-$.fn.cycle.transitions.blindZ = function($cont, $slides, opts) {
-	var h = $cont.css('overflow','hidden').height();
-	var w = $cont.width();
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts);
-		opts.animIn.height = next.cycleH;
-		opts.animOut.top   = curr.cycleH;
-	});
-	opts.cssBefore = { top: h, left: w };
-	opts.animIn = { top: 0, left: 0 };
-	opts.animOut  = { top: h, left: w };
-};
-
-// growX - grow horizontally from centered 0 width
-$.fn.cycle.transitions.growX = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,false,true);
-		opts.cssBefore.left = this.cycleW/2;
-		opts.animIn = { left: 0, width: this.cycleW };
-		opts.animOut = { left: 0 };
-	});
-	opts.cssBefore = { width: 0, top: 0 };
-};
-// growY - grow vertically from centered 0 height
-$.fn.cycle.transitions.growY = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,true,false);
-		opts.cssBefore.top = this.cycleH/2;
-		opts.animIn = { top: 0, height: this.cycleH };
-		opts.animOut = { top: 0 };
-	});
-	opts.cssBefore = { height: 0, left: 0 };
-};
-
-// curtainX - squeeze in both edges horizontally
-$.fn.cycle.transitions.curtainX = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,false,true,true);
-		opts.cssBefore.left = next.cycleW/2;
-		opts.animIn = { left: 0, width: this.cycleW };
-		opts.animOut = { left: curr.cycleW/2, width: 0 };
-	});
-	opts.cssBefore = { top: 0, width: 0 };
-};
-// curtainY - squeeze in both edges vertically
-$.fn.cycle.transitions.curtainY = function($cont, $slides, opts) {
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,true,false,true);
-		opts.cssBefore.top = next.cycleH/2;
-		opts.animIn = { top: 0, height: next.cycleH };
-		opts.animOut = { top: curr.cycleH/2, height: 0 };
-	});
-	opts.cssBefore = { left: 0, height: 0 };
-};
-
-// cover - curr slide covered by next slide
-$.fn.cycle.transitions.cover = function($cont, $slides, opts) {
-	var d = opts.direction || 'left';
-	var w = $cont.css('overflow','hidden').width();
-	var h = $cont.height();
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts);
-		if (d == 'right')
-			opts.cssBefore.left = -w;
-		else if (d == 'up')
-			opts.cssBefore.top = h;
-		else if (d == 'down')
-			opts.cssBefore.top = -h;
-		else
-			opts.cssBefore.left = w;
-	});
-	opts.animIn = { left: 0, top: 0};
-	opts.animOut = { opacity: 1 };
-	opts.cssBefore = { top: 0, left: 0 };
-};
-
-// uncover - curr slide moves off next slide
-$.fn.cycle.transitions.uncover = function($cont, $slides, opts) {
-	var d = opts.direction || 'left';
-	var w = $cont.css('overflow','hidden').width();
-	var h = $cont.height();
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,true,true,true);
-		if (d == 'right')
-			opts.animOut.left = w;
-		else if (d == 'up')
-			opts.animOut.top = -h;
-		else if (d == 'down')
-			opts.animOut.top = h;
-		else
-			opts.animOut.left = -w;
-	});
-	opts.animIn = { left: 0, top: 0 };
-	opts.animOut = { opacity: 1 };
-	opts.cssBefore = { top: 0, left: 0 };
-};
-
-// toss - move top slide and fade away
-$.fn.cycle.transitions.toss = function($cont, $slides, opts) {
-	var w = $cont.css('overflow','visible').width();
-	var h = $cont.height();
-	opts.before.push(function(curr, next, opts) {
-		$.fn.cycle.commonReset(curr,next,opts,true,true,true);
-		// provide default toss settings if animOut not provided
-		if (!opts.animOut.left && !opts.animOut.top)
-			opts.animOut = { left: w*2, top: -h/2, opacity: 0 };
-		else
-			opts.animOut.opacity = 0;
-	});
-	opts.cssBefore = { left: 0, top: 0 };
-	opts.animIn = { left: 0 };
-};
-
-// wipe - clip animation
-$.fn.cycle.transitions.wipe = function($cont, $slides, opts) {
-	var w = $cont.css('overflow','hidden').width();
-	var h = $cont.height();
-	opts.cssBefore = opts.cssBefore || {};
-	var clip;
-	if (opts.clip) {
-		if (/l2r/.test(opts.clip))
-			clip = 'rect(0px 0px '+h+'px 0px)';
-		else if (/r2l/.test(opts.clip))
-			clip = 'rect(0px '+w+'px '+h+'px '+w+'px)';
-		else if (/t2b/.test(opts.clip))
-			clip = 'rect(0px '+w+'px 0px 0px)';
-		else if (/b2t/.test(opts.clip))
-			clip = 'rect('+h+'px '+w+'px '+h+'px 0px)';
-		else if (/zoom/.test(opts.clip)) {
-			var top = parseInt(h/2);
-			var left = parseInt(w/2);
-			clip = 'rect('+top+'px '+left+'px '+top+'px '+left+'px)';
-		}
-	}
-
-	opts.cssBefore.clip = opts.cssBefore.clip || clip || 'rect(0px 0px 0px 0px)';
-
-	var d = opts.cssBefore.clip.match(/(\d+)/g);
-	var t = parseInt(d[0]), r = parseInt(d[1]), b = parseInt(d[2]), l = parseInt(d[3]);
-
-	opts.before.push(function(curr, next, opts) {
-		if (curr == next) return;
-		var $curr = $(curr), $next = $(next);
-		$.fn.cycle.commonReset(curr,next,opts,true,true,false);
-		opts.cssAfter.display = 'block';
-
-		var step = 1, count = parseInt((opts.speedIn / 13)) - 1;
-		(function f() {
-			var tt = t ? t - parseInt(step * (t/count)) : 0;
-			var ll = l ? l - parseInt(step * (l/count)) : 0;
-			var bb = b < h ? b + parseInt(step * ((h-b)/count || 1)) : h;
-			var rr = r < w ? r + parseInt(step * ((w-r)/count || 1)) : w;
-			$next.css({ clip: 'rect('+tt+'px '+rr+'px '+bb+'px '+ll+'px)' });
-			(step++ <= count) ? setTimeout(f, 13) : $curr.css('display', 'none');
-		})();
-	});
-	opts.cssBefore = { display: 'block', opacity: 1, top: 0, left: 0 };
-	opts.animIn	   = { left: 0 };
-	opts.animOut   = { left: 0 };
-};
-
-})(jQuery);
diff --git a/scripts/superfish.js b/scripts/superfish.js
deleted file mode 100644
index 290c9c47b76dbb80428d198b3b48c8290d15bd20..0000000000000000000000000000000000000000
--- a/scripts/superfish.js
+++ /dev/null
@@ -1,130 +0,0 @@
-/*
- * 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
- */
-
- jQuery(document).ready(function($) {
-    $("#superfish ul.menu").superfish({ 
-            delay:       100,                           
-            animation:   {opacity:'show',height:'show'},  
-            speed:       'fast',                          
-            autoArrows:  true,                           
-            dropShadows: true                   
-        });
-  });
-
-;(function($){
-	$.fn.superfish = function(op){
-
-		var sf = $.fn.superfish,
-			c = sf.c,
-			$arrow = $(['<span class="',c.arrowClass,'"> &#187;</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,		// true disables hoverIntent detection
-		onInit		: function(){}, // callback functions
-		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);
diff --git a/style.css b/style.css
deleted file mode 100644
index 47cd0e2025eea607b2616dd764e62563cfaa8ca6..0000000000000000000000000000000000000000
--- a/style.css
+++ /dev/null
@@ -1,1730 +0,0 @@
-
-/* Body
--------------------------------------------------------------- */
-
-body {
-background:url(images/body-bg.png) repeat-x #fff;
-font-size: 84%;
-font-family: Arial, Helvetica, sans-serif;
-color: #000;
-margin: 0;
-padding: 0;
-line-height: 1.5em;
-}
-
-/* Text elements
--------------------------------------------------------------- */
-
-tr.odd td, tr.even td {
-padding: 0.5em;
-}
-
-a {
-text-decoration: none;
-}
-
-a:link {
-color: #005a8c;/*#e87e17*/
-text-decoration: none;
-}
-
-a:visited {
-color: #005a8c;/*#e87e17*/
-text-decoration: none;
-}
-
-a:hover {
-color:#cc6600;
-}
-
-blockquote {
-background: url(images/bq-tl.png) no-repeat left top;
-padding-left: 30px;
-margin-left: 10px;
-font-style:italic;
-}
-
-cite {
-background: url(images/bq-tl.png) no-repeat left top;
-clear: both;
-display: block;
-font-style: italic;
-padding-left: 30px;
-margin-left: 10px;
-}
-
-code, tt, pre {
-background-color:#EDF1F3;
-font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
-font-size:0.9em;
-line-height:1.2em;
-}
-
-/* Headings
--------------------------------------------------------------- */
-
-h1 {
-font-size: 1.6em;
-}
-
-h2 {
-font-size: 1.5em;
-  
-}
-
-h3 {
-font-size: 1.3em;
-}
-
-h4 {
-font-size: 1.2em;
-}
-
-h5 {
-font-size: 1.1em;
-}
-
-h6 {
-font-size: 1em;
-}
-
-h1,h2,h3,h4,h5,h6 {
-padding:0;
-margin:0;
-}
-
-/* Header regions
--------------------------------------------------------------- */
-
-#skip-link {
-left: 50%;
-margin-left: -5.25em;
-margin-top: 0;
-position: absolute;
-width: auto !important;
-z-index: 50;
-}
-
-#skip-link a, #skip-link a:link, #skip-link a:visited {
-display: block;
-position: absolute;
-text-decoration: none;
-top: -10000px;
-width: 1px;
-height: 1px;
-}
-
-#header {
-height: 66px;
-position: relative;
-width: 950px;
-margin: 0 auto;
-}
-
-#logo-wrapper {
-float: left;
-}
-
-.logo {
-margin-top: 10px;
-margin-left: 15px;
-}
-
-.logo IMG {
-height:50px;
-}
-
-#branding-wrapper {
-float: left;
-margin-top: 25px;
-}
-
-.site-name {
-display: inline; 
-font-weight: bold;
-font-size: 25px;
-margin-left: 15px;
-position: relative;
-font-family: Verdana, Tahoma;
-font-style: italic;
-}
-
-.site-slogan {
-display: inline;                       
-font-weight: bold;
-position: relative;
-margin-left: 10px;
-font-family: Verdana, Tahoma;
-}
-
-#header-wrapper #search-box {
-margin: 4px 14px;
-position: absolute;
-right: 0;
-top: 30px;
-white-space: nowrap;
-}
-
-#header-wrapper #search-box input.form-text {
-width: 10em;
-}
-
-/* Primary menu + Superfish
--------------------------------------------------------------- */
-
-#menu {
-height: 35px;
-background:url(images/menu-bg.png) repeat-x;
-width:952px;
-margin: 0 auto;
-}
-
-#nav {
-height: 35px;
-background:url(images/menu-bg.png) repeat-x;
-float:left;
-}
-
-#nav li {
-float:left;
-background:url(images/menu-separator.png) no-repeat right top;
-height:35px;
-padding:0 1px 0 0;
-}
-
-#nav li a{
-color:#fff;
-text-decoration:none;
-font-size:12px;
-padding:7px 29px 0 29px;
-display:inline-block;
-font-weight:bold;
-height:25px;
-text-transform:uppercase;
-}
-
-#nav li a:hover {
-background:transparent url(images/menu-hover-bg.png) repeat-x;
-}
-
-#nav li.active-trail a {
-background:transparent url(images/menu-hover-bg.png) repeat-x;
-}
-
-#rounded-menu-left {
-height: 35px;
-background:transparent url(images/menu-left-bg.png) no-repeat;
-float:left;
-width:1px;
-line-height:0;
-font-size:0;
-}
-
-#rounded-menu-right {
-height: 35px;
-background:url(images/menu-right-bg.png) no-repeat;
-float:right;
-width:14px;
-line-height:0;
-font-size:0;
-}
-
-#nav ul, #nav ul li.leaf {
-list-style-image:none;
-list-style:none;
-}
-
-#nav ul, #nav .block ul, #nav ol {
-margin:0;
-padding:0;
-}
-
-/* Superfish
--------------------------------------------------------------- */
-
-#superfish {
-height:35px; 
-float:left;
-}
-
-#superfish .contextual-links-region {
-float: left;
-z-index:6;
-}
-
-#superfish h2 {
-height: 0;
-overflow: hidden;
-position: absolute;
-}
-
-#superfish .menu, #superfish .menu * {
-margin:0;
-padding:0;
-list-style:none;
-}
-
-#superfish .menu {
-line-height:1.0;
-}
-
-#superfish .menu ul {
-position:absolute;
-top:-999em;
-width:13em;
-}
-
-#superfish .menu ul li {
-width:100%;
-}
-
-#superfish .menu li:hover {
-visibility:inherit;
-}
-
-#superfish .menu li {
-float:left;
-position:relative;
-}
-
-#superfish .menu a {
-display:block;
-position:relative;
-}
-
-#superfish .menu li:hover ul,
-#superfish .menu li.sfHover ul {
-left:0;
-top:32px;
-z-index:99;
-}
-
-#superfish ul.menu li:hover li ul,
-#superfish ul.menu li.sfHover li ul {
-top:-999em;
-}
-
-#superfish ul.menu li li:hover ul,
-#superfish ul.menu li li.sfHover ul {
-left:13em;
-top:0;
-}
-
-#superfish ul.menu li li:hover li ul,
-#superfish ul.menu li li.sfHover li ul {
-top:-999em;
-}
-
-#superfish ul.menu li li li:hover ul,
-#superfish ul.menu li li li.sfHover ul {
-left:13em;
-top:0;
-}
-
-#superfish .menu {
-float:left;
-margin-bottom:1em;
-}
-
-#superfish .menu a {
-padding:.75em 1em;
-text-decoration:none;
-}
-
-#superfish .menu a.sf-with-ul {
-padding-right:2.25em;
-min-width:1px;
-}
-
-#superfish .menu a, #superfish .menu a:visited  {
-color:#fff;
-text-decoration:none;
-font-size:12px;
-font-weight:bold;
-text-transform:uppercase;
-padding-right:30px;
-padding-left:30px;
-padding-top:11px;
-}
-
-#superfish .menu li {
-background: transparent;
-}
-
-#superfish .menu li li {
-background: #3b6999;
-}
-
-#superfish .menu li li li {
-background: #3b6999;
-top: 0px;
-}
-
-#superfish .menu li:hover, #superfish .menu li.sfHover,
-#superfish .menu a:focus, #superfish .menu a:hover, #superfish .menu a:active {
-outline:0;
-}
-
-#superfish .menu li:hover, 
-#superfish .menu li.sfHover,
-#superfish .menu a:focus, 
-#superfish .menu a:hover, 
-#superfish .menu a:active {
-z-index:10;
-}
-
-#superfish .menu li:hover {
-background:transparent url(images/menu-hover-bg.png) repeat-x;
-}
-
-#superfish .menu li.active-trail {
-background:transparent url(images/menu-hover-bg.png) repeat-x;
-}
-
-#superfish .menu li.active-trail li {
-background: #3b6999;
-}
-
-#superfish .menu li li:hover {
-background: #3b6999;
-}
-
-#superfish .menu li li li:hover {
-background: #3b6999;
-}
-
-.sf-sub-indicator {
-position:absolute;
-display:block;
-right:.75em;
-top:1.05em;
-width:10px;
-height:10px;
-text-indent:-999em;
-overflow:hidden;
-background:url(images/arrows-ffffff.png) no-repeat -10px -100px;
-}
-a > .sf-sub-indicator { 
-top:.8em;
-background-position: 0 -100px;
-}
-
-a:focus > .sf-sub-indicator,
-a:hover > .sf-sub-indicator,
-a:active > .sf-sub-indicator,
-li:hover > a > .sf-sub-indicator,
-li.sfHover > a > .sf-sub-indicator {
-background-position: -10px -100px;
-}
-
-#superfish .menu ul .sf-sub-indicator { background-position:  -10px 0; }
-#superfish .menu ul a > .sf-sub-indicator { background-position:  0 0; }
-#superfish .menu ul a:focus > .sf-sub-indicator,
-#superfish .menu ul a:hover > .sf-sub-indicator,
-#superfish .menu ul a:active > .sf-sub-indicator,
-#superfish .menu ul li:hover > a > .sf-sub-indicator,
-#superfish .menu ul li.sfHover > a > .sf-sub-indicator {
-background-position: -10px 0;
-}
-
-#superfish .sf-shadow ul {
-background:	url(images/shadow.png) no-repeat bottom right;
-padding: 0 8px 9px 0;
-}
-
-#superfish .sf-shadow ul.sf-shadow-off {
-background: transparent;
-}
-
-/* slideshow + Preface top + Slideshow
--------------------------------------------------------------- */
-
-#slideshow-wrapper{
-width:100%;
-background: transparent url(images/slideshow-shadow.png) no-repeat center bottom;
-height:420px;
-margin-bottom:-45px;
-margin-top:14px;
-}
-
-.slideshow-inner{
-width:950px;
-margin:0 auto;
-height:355px;
-position:relative;
-z-index:1;
-overflow: hidden;
-}
-
-#slideshow-preface {
-float:left;
-position:absolute;
-text-align:left;
-z-index:4;
-}
-
-.slideshow {
-width:950px;
-height:355px;
-position:relative;
-z-index:2;
-overflow: hidden;
-}
-
-.slideshow .block-title {
-height: 0;
-overflow: hidden;
-position: absolute;
-}
-
-#preface {
-margin: 20px;
-font-size:1.2em;
-color:#fff;
-display:block;
-float:left;
-}
-
-#preface .contextual-links a{
-text-decoration:none;
-}
-
-#preface .block-title {
-margin-top:20px;
-}
-
-#preface .region {
-margin:20px 0;
-}
-
-#preface a {
-color:#fff;
-text-decoration:underline;
-}
-
-#preface a:hover {
-text-decoration:none;
-}
-
-#slideshow-bottom{
-width:950px;
-float:left;
-background:url(images/mission-bg.png) no-repeat center bottom;
-min-height:65px;
-position:absolute;
-bottom:0;
-left:0;
-text-align:right;
-z-index:3;
-}
-
-/* Preface first + Preface middle + Preface last regions
--------------------------------------------------------------- */
-
-#preface-wrapper {
-width:950px;
-margin:5px auto 0;
-}
-
-#preface-wrapper .column {
-float: left;
-}
-
-#preface-wrapper.in1 .column {
-width: 100%;
-}
-
-#preface-wrapper.in2 .column {
-width: 50%;
-}
-
-#preface-wrapper.in3 .column {
-width: 33.3%;
-}
-
-#preface-wrapper .block {
-margin: 0 15px;
-}
-
-#preface-wrapper .block-title {
-margin-top:15px;
-}
-
-#preface-wrapper .region {
-margin:15px 0;
-}
-
-#mission {
-font-size:1.6em;
-color:#002054;
-display:block;
-float:right;
-line-height:1.2em;
-}
-
-#mission .contextual-links {
-font-size: 84%;
-}
-
-#mission .block-title {
-margin-top:20px;
-}
-
-#mission .region {
-margin:20px;
-}
-
-/* Content regions
--------------------------------------------------------------- */
-
-#wrapper {
-width:950px;
-margin: 15px auto 0;
-}
-
-#content {
-width: 100%;
-float: left;
-}
-
-/* Sidebar regions
--------------------------------------------------------------- */
-
-#layout-type-1 #sidebar-left {
-width: 26%;
-float: left;
-font-size:12px;	
-}
-
-#layout-type-2 #sidebar-left {
-width: 21%;
-float: left;
-margin-right: 2%;
-font-size:12px;	
-}
-
-.one-sidebar #content{
-width: 69%;
-margin-left: 25px;
-float: left;
-}
-
-.two-sidebars #content{
-width: 54%;
-float: left;
-}
-
-#layout-type-1 #sidebar-right {
-width: 26%;
-float: right;
-font-size:12px;	      
-}
-
-#layout-type-2 #sidebar-right {
-width: 21%;
-float: right;
-font-size:12px;	      
-}
-
-#sidebar-left h2.block-title,
-#sidebar-right h2.block-title {
-background: #e6e6e6;
-margin:0;
-padding-top: 5px;
-padding-bottom: 5px;
-padding-left: 10px;
-padding-right: 10px;
-font-size: 1.3em;
-}
-
-#sidebar-left .content,
-#sidebar-right .content {
-padding: 5px 15px;
-}
-
-.sidebar .block {
-background-color: #f4f4f4;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-margin:0 0 15px;
-}
-
-.sidebar tbody {
-border: none;
-}
-.sidebar tr.even,
-.sidebar tr.odd {
-background: none;
-}
-
-/* Misc.
--------------------------------------------------------------- */
-
-#help {
-font-size: 0.9em;
-margin-bottom: 1em;
-}
-
-.error {
-border-color: red;
-}
-
-.terms {
-background-repeat: no-repeat;
-margin-left: 18px;
-margin-bottom: 5px;
-}
-
-#notice {
-font-size: 10px;
-text-align:center;
-margin-bottom: -10px;
-}
-
-table {
-width:100%;
-}
-
-div.contextual-links-wrapper {
-font-size:100%;
-}
-
-/* Nodes
--------------------------------------------------------------- */
-
-#first-time {
-margin-bottom:10px;
-}
-
-.node {
-border-bottom: 1px solid #bbb;
-margin: 20px 0;
-padding-bottom:15px;
-}
-
-.content-top{
-border-bottom: 1px solid #bbb;
-border-right: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-background-color: #f4f4f4;
-margin:0 0 20px;
-}
-
-.content-top .block-title {
-margin-top:15px;
-}
-
-.content-top .region {
-margin:15px;
-}
-
-.content-middle .block-system {
-margin:0;
-}
-
-.content-middle .block-block {
-margin:0;
-}
-
-.content-middle .block-block .block-title{
-margin-top:15px;
-}
-
-.content-middle .block-block .content {
-margin:15px 0;
-}
-
-.content-bottom {
-border-bottom: 1px solid #bbb;
-border-right: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-background-color: #f4f4f4;
-margin:20px 0 0;
-}
-
-.content-bottom .block-title {
-margin-top:15px;
-}
-
-.content-bottom .region {
-margin:15px;
-}
-
-.title, .title a {
-margin: 0 auto;
-line-height: 1.2em;
-}
-
-.node .content, .comment .content {
-margin: .5em 0 .5em;
-}
-
-.node .taxonomy {
-color: #999;
-font-size: 0.9em;
-padding-left: 1em;
-}
-
-.node .user-picture, .comment .user-picture {
-float: right;
-margin-left: 10px;
-}
-
-.node .user-picture img, .comment .user-picture img {
-width:60px;
-}
-
-.node-book .links {
-padding-top:5px;
-}
-
-.preview .node, .preview .comment{
-background-color: #f4f4f4;;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-padding: 0.8em;
-}
-
-.submitted {
-font-size: 0.9em;
-color: #999;
-}
-
-.submitted a:hover {
-text-decoration: underline;
-}
-
-.node-sticky {
-padding: 1em;
-background-color: #f4f4f4;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-margin:0;
-}
-
-.messages {
-background-color: #f4f4f4;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-padding: 0.3em;
-margin-bottom: 1em;
-}
-
-.breadcrumb {
-background-color: #f4f4f4;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-margin-bottom: 1em;
-padding: 0.3em 10px;
-}
-
-.field-type-taxonomy-term-reference .field-label, .field-type-taxonomy-term-reference .field-items, .field-type-taxonomy-term-reference .field-item {
-display:inline;
-float:left;
-font-weight:normal;
-padding-right:10px;
-}
-
-.field-type-taxonomy-term-reference {
-display:inline-block;
-}
-
-/* Comments
--------------------------------------------------------------- */
-
-.comment {
-background-color: #f4f4f4;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-padding: 1em;
-margin: 1em 0;
-}
-
-.comment .title {
-line-height: 1.2em;
-}
-
-.comment .new {
-text-align: right;
-font-weight: normal;
-float: right;
-color: red;
-margin:.5em;
-}
-
-/* Aggregator
--------------------------------------------------------------- */
-
-.feed-item-body {
-border-bottom: 1px solid #bbb;
-padding-bottom: 1em;
-}
-
-#aggregator .feed-source {
-background-color: #f4f4f4;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-padding: 0.8em;
-}
-
-#aggregator h1 .title{
-border-bottom: 1px solid #bbb;
-}
-
-#aggregator h2 {
-padding-top: 10px;
-}
-
-#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
-color: #999;
-font-style: italic;
-}
-
-.feed-item-title {
-font-size: 1.4em;
-}
-
-#aggregator h3 a:hover {
-text-decoration: none;
-}
-
-.feed-item-meta .feed-item-source {
-font-size: 0.9em;
-}
-
-.feed-item-meta .feed-item-date {
-font-size: 0.9em;
-color: #999;
-}
-
-/* Forums
--------------------------------------------------------------- */
-
-#forum {
-margin-bottom:20px;
-}
-
-#forum table {
-width: 100%;
-}
-
-#forum td {
-padding: 0.5em;
-}
-
-#forum td.container {
-background-color: #e6e6e6;
-}
-
-#forum ul.links a {
-background-repeat: no-repeat;
-padding-left: 20px;
-padding-bottom: 5px;
-}
-
-#forum ul.links li.forum a {
-background-image:url(images/post.png);
-}
-
-#forum ul.links li.login a {
-background-image:url(images/lock.png);
-}
-
-#forum td.statistics, #forum td.settings, #forum td.pager {
-height: 1em;
-border: 1px solid #bbb;
-}
-
-#forum td .links {
-padding-top: 0.7em;
-}
-
-.block-forum h3 {
-margin-bottom: .5em;
-}
-
-dl dd {
-margin: 0 0 .5em 1em;
-}
-
-tr.odd {
-background-color:#f4f4f4;
-}
-
-tr.even {
-background-color:#fcfcfc;
-}
-
-th {
-text-align:left;
-background: #E6E6E6;
-}
-
-tr td, tr th {
-border:1px solid #bbb;
-padding: 0 6px;
-}
-
-/* Tracker + Profile
--------------------------------------------------------------- */
-
-#tracker table {
-width: 100%;
-}
-
-#tracker td {
-padding: 0.5em;
-}
-
-.profile {
-clear: both;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-padding: .8em;
-margin: 1em 0em;
-background-color: #f4f4f4;;
-}
-
-.profile h3 {
-margin-bottom:10px;
-}
-
-.form-item, .form-actions {
-margin-bottom: 1em!important;
-margin-top: 1em!important;
-}
-
-/* Admin
--------------------------------------------------------------- */
-
-div.admin-panel .body {
-background: #f4f4f4;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-}
-
-div.admin-panel h3 {
-background-color: #e6e6e6;;
-border-right: 1px solid #bbb;
-border-bottom: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-padding: 5px 8px 5px;
-margin: 0;
-}
-
-div.admin {
-padding-top: 0;
-}
-
-div.admin .left,
-div.admin .right {
-margin-left: 1%;
-margin-right: 1%;
-}
-
-/* Poll
--------------------------------------------------------------- */
-
-.poll .bar {
-background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
-border: solid #f0f0f0;
-border-width: 1px 1px 1px;
-}
-
-.poll .bar .foreground {
-background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
-}
-
-/* Lists + Links + Pager
--------------------------------------------------------------- */
-
-ul, .block ul, ol {
-margin: 0.5em 0 1em;
-padding: 0 0 0 1.5em;
-}
-
-ul, ul li.leaf {
-list-style-image: url(images/menu-leaf.png);
-}
-
-ol {
-  list-style-image: none;
-}
-
-ul.menu, .item-list ul {
-margin: 0.35em 0 0 -0.5em;
-}
-
-ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
-margin: 0.15em 0 0.15em .5em;
-padding-bottom: .1em;
-}
-
-ul li.expanded {
-list-style-image: url(images/menu-expanded.png);
-}
-
-ul li.collapsed {
-list-style-image: url(images/menu-collapsed.png); /* LTR */
-}
-
-ul li.leaf a, ul li.expanded a, ul li.collapsed a {
-display: block;
-}
-
-ul.inline li {
-background: none;
-margin: 0;
-padding: 0 1em 0 0;
-}
-
-ol.task-list {
-margin-left: 0;
-list-style-type: none;
-list-style-image: none;
-}
-
-ol.task-list li {
-padding: 0.5em 1em 0.5em 2em;
-}
-
-ol.task-list li.active {
-background: transparent url(images/task-list.png) no-repeat 3px 50%;
-}
-
-ol.task-list li.done {
-color: #393;
-background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%;
-}
-
-ol.task-list li.active {
-margin-right: 1em;
-}
-
-fieldset ul.clearfix li {
-margin: 0;
-padding: 0;
-background-image: none;
-}
-
-#user-login-form {
-text-align: center;
-}
-
-#user-login-form ul {
-text-align: left;
-}
-
-ul.links li, ul.inline li {
-background-image: none;
-}
-
-.links li {
-margin: 0;
-padding: 0;
-}
-
-.tabs li {
-margin: 0;
-padding: 0;
-background-image: none;
-}
-
-li.expanded {
-list-style-image:none;
-list-style-type:none;
-margin:0.15em 0 0.15em 0.5em;
-}
-
-div.links ul.links a {
-background-repeat: no-repeat;
-padding-left: 20px;
-}
-
-div.comment ul.links a {
-background-repeat: no-repeat;
-padding-left: 20px;
-}
-
-div.links ul.links li.comment_forbidden a {
-padding:0;
-margin:0;
-}
-
-div.links ul.links li.comment_forbidden {
-padding:0;
-margin:0;
-}
-
-div.comment ul.links li.comment_forbidden a {
-padding:0;
-margin:0;
-}
-
-div.comment ul.links li.comment_forbidden {
-padding:0;
-margin:0;
-}
-
-div.links ul.links li.comment_forbidden span {
-background-repeat: no-repeat;
-padding-left: 20px;
-padding-right:20px;
-}
-
-div.comment ul.links li.comment_forbidden span {
-background-repeat: no-repeat;
-padding-left: 20px;
-padding-right:20px;
-}
-
-div.links ul.links li.comment-add a {
-background-image: url(images/commentadd.png);
-}
-
-div.links ul.links li.comment-comments a {
-background-image: url(images/comments.png);
-}
-
-div.links ul.links li.comment-new-comments a {
-background-image: url(images/comments.png);
-}
-
-div.comment ul.links li.comment-edit a {
-background-image: url(images/commentedit.png);
-}
-
-div.comment ul.links li.comment-delete a {
-background-image: url(images/commentdelete.png);
-}
-
-div.comment ul.links li.comment-reply a {
-background-image: url(images/commentadd.png);
-}
-
-div.links ul.links li.node-readmore a {
-background-image: url(images/readmore.png);
-}
-
-div.links ul.links li.blog_usernames_blog a {
-background-image: url(images/user.png);
-}
-
-div.links ul.links li.comment_forbidden span {
-background-image:url(images/lock.png);
-}
-
-div.comment ul.links li.comment_forbidden span {
-background-image:url(images/lock.png);
-}
-
-div.links ul.links li.upload_attachments a {
-background-image: url(images/photo.png);
-}
-
-div.links ul.links li.book_printer a{
-background-image:url(images/print.png);
-}
-
-div.links ul.links li.book_add_child a{
-background-image:url(images/add.png);
-}
-
-ul.pager li.pager-current {
-background-color:#005a8c;
-color:#FFFFFF;
-padding-left:4px;
-padding-right:4px;
-padding-top:1px;
-padding-bottom:1px;
-}
-
-.item-list .pager li {
-padding:0px;
-}
-
-.item-list .pager li a{
-padding-left:4px;
-padding-right:4px;
-padding-top:1px;
-padding-bottom:1px;
-background-color: #f4f4f4;;
-}
-
-.item-list .pager li a:hover {
-background-color:#005a8c;
-color:#FFFFFF;
-}
-
-ul.links li,
-ul.inline li {
-margin-left: 0;
-margin-right: 0;
-padding-left: 0;
-padding-right: 1em;
-background-image: none;
-}
-
-.node .links,
-.comment .links {
-text-align: left;
-padding-left: 0;
-padding-top:5px;
-}
-
-ul.primary li a {
-background-color:#f4f4f4;
-border-color:#ccc;
-border-style:solid solid none;
-border-width:1px;
-height:auto;
-margin-right:0.5em;
-padding:0 1em;
-text-decoration:none;
-}
-
-.book-navigation .menu {
-border-top:1px solid #bbb;
-margin:0;
-padding:10px 20px;
-}
-
-.book-navigation .page-links {
-border-bottom:1px solid #bbb;
-border-top:1px solid #bbb;
-padding:0.5em;
-text-align:center;
-}
-
-.filter-wrapper {
-border:1px solid #bbb;
-border-top:none;
-}
-
-.search-advanced {
-border:1px solid #bbb;
-}
-
-.compose-tips {
-margin-top:10px;
-}
-
-#user-login-form .openid-links li, #user-login .openid-links li {
-list-style-image: none!important;
-}
-
-/* Login + Register + RSS
--------------------------------------------------------------- */
-
-#authorize { 
-float: right;
-margin: 5px 10px 0;
-}
-
-#authorize ul { 
-display: inline;
-}
-
-#authorize ul li { 
-margin: 0 10px 0 0; 
-padding: 0 0 0 10px; 
-display: inline; 
-list-style: none;  
-border-left: 1px #5a5a5a solid;
-background-image: none;
-}
-
-#authorize ul li.first { 
-border: 0;
-}
-
-#authorize ul li, #authorize ul li a { 
-font-size: 12px; 
-line-height: 13px; 
-}
-
-.feed-wrapper {
-float:right;
-margin-top:7px;
-margin-right:20px;
-}
-
-/* Bottom teaser
--------------------------------------------------------------- */
-
-#bottom-teaser {
-width:950px;
-margin: 15px auto 0;
-}
-
-#bottom-teaser .column {
-float: left;
-}
-
-#bottom-teaser.in1 .column {
-width: 100%;
-}
-
-#bottom-teaser.in2 .column {
-width: 50%;
-}
-
-#bottom-teaser.in3 .column {
-width: 33.3%;
-}
-
-#bottom-teaser .block {
-margin: 0 15px;
-}
-
-#bottom-teaser .block-title {
-margin-top:15px;
-}
-
-#bottom-teaser .region {
-margin:15px 0;
-}
-
-
-/* Bottom region
--------------------------------------------------------------- */
-
-#bottom-wrapper {
-background-color: #f4f4f4;;
-border-right: 1px solid #bbb;
-border-left: 1px solid #ddd;
-border-top: 1px solid #ddd;
-margin: 20px auto 0;
-text-align: left;
-width: 950px;
-position: relative;
-}
-
-#bottom-wrapper .column {
-float: left;
-}
-
-#bottom-wrapper.in1 .column {
-width: 100%;
-}
-
-#bottom-wrapper.in2 .column {
-width: 50%;
-}
-
-#bottom-wrapper.in3 .column {
-width: 33.3%;
-}
-
-#bottom-wrapper.in4 .column {
-width: 25%;
-}
-
-#bottom-wrapper .block {
-margin:0 15px;
-}
-
-#bottom-wrapper .block-title {
-margin-top:15px;
-font-size: 1.3em;
-}
-
-#bottom-wrapper .region {
-margin:15px 0;
-}
-
-/* Footer region
--------------------------------------------------------------- */
-
-#footer-wrapper {
-width: 950px;
-margin: 0 auto;
-position: relative;
-border-top: 1px solid #bbb;
-padding:10px 0 0;
-}
-
-#footer{
-width: 950px;
-font-size: 12px;
-}
-
-#footer .block-title {
-margin-top:15px;
-}
-
-#footer .region {
-margin:15px 0;
-}
-
-/* Secondary menu
--------------------------------------------------------------- */
-
-#subnav {
-font-size: 12px;
-}
-
-#subnav li {
-}
-
-#subnav li a {
-font-weight:normal;
-}
-
-#subnav li a:hover {
-color: #cc6600;
-}
-
-#subnav-wrapper {
-text-align:right;
-}
-
-#subnav-wrapper ul { 
-display: inline;
-}
-
-#subnav-wrapper ul li {  
-display: inline; 
-list-style: none;  
-background-image: none;
-padding-left: 5px;
-}
-
-#subnav-wrapper ul li,#subnav-wrapper ul li a { 
-font-size: 12px; 
-line-height: 13px; 
-}
-
-/* Overlay
--------------------------------------------------------------- */
-
-.overlay #header, .overlay #menu, .overlay .block-block, .overlay #bottom-teaser, .overlay #bottom-wrapper, .overlay #footer-wrapper {
-display:none;
-}
-
-.overlay #wrapper {
-width:98%;
-}
-
-.theme-info ul {
-list-style-image:none;
-}
-
-/* =Responsive Structure
------------------------------------------------ */
-/* Smaller than standard 960 (devices and browsers) */
-@media screen and (max-width: 960px) {
-  /*  ipad */
-  #preface-wrapper, #wrapper, #bottom-wrapper, #footer, #footer-wrapper, #header, #menu, #bottom-teaser, .slideshow-inner, #slideshow-bottom, .slideshow  {
-    width: 708px;
-  }
-  /* Simplify the basic layout */
-  #wrapper #content {
-    margin: 0;
-    width: 100%;
-	background-color: #fff;
-  }
-  #wrapper #sidebar-right {
-    float: none;
-    margin: 0;
-    width: auto;
-  }
-  #header-wrapper #search-box {
-	display: none;
-  }
-  #slideshow-wrapper {
-	display: none;
-  }
-  #authorize {
-	display: none;
-  }
-  /* Menu */
-  #menu {
-    padding: 14px 0;
-	background: none;
-	height: auto;
-	}
-  #superfish .menu a, #superfish .menu a:visited{
-	color: #163763;
-	background: #FFF;
-    font-size: 105%;
-	}
-  #rounded-menu-left, #rounded-menu-right{
-  display: none;
-  }
-  #superfish{
-	float: none;
-	height: auto;
-  }
-  a > .sf-sub-indicator{
-	display: none;
-  }
-  #superfish .menu li{
-      text-align: left;
-  }
-  iframe {
-	display: none;
-  }
-  body, input, textarea {
-    font-size: 110%;
-  }
-  #header-middle .logo-name {
-    font-size: 110%;
-    line-height: 20px;
-	padding-left: 5px;
-  }
-  #header-middle .logo-text {
-    font-size: 105%;
-    line-height: 25px;
-	padding-left: 5px;
-  }
-  #sidebar-side-1 #sidebar-right
-  {
-    font-size: 105%;
-  }
-  #block-menu-secondary-links ul.menu li a
-  {
-	font-size: 105%;
-	line-height: 105%;
-  }
-  #subnav-wrapper ul li, #subnav-wrapper ul li a
-  {
-	font-size: 105%;
-	line-height: 105%;
-  }
-  #footer-wrapper #subnav-wrapper {
-	background: none;
-  }
-}
-
-@media screen and (max-width: 767px) {
-  /*  small tablet */
-  #preface-wrapper, #wrapper, #bottom-wrapper, #footer, #footer-wrapper, #header, #menu, #bottom-teaser, .slideshow-inner, #slideshow-bottom, .slideshow  {
-  width: 480px;
-  }
-  /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
-  body {
-      padding: 0;
-  }
-  body, input, textarea {
-    font-size: 120%;
-  }
-  #superfish .menu a, #superfish .menu a:visited{
-    font-size: 110%;
-  }
-  #header-middle {
-	padding-top: 1px;
-	padding-left: 1px;
-  }
-  #header-middle .logo-name {
-    font-size: 120%;
-    line-height: 20px;
-	padding-left: 5px;
-  }
-  #header-middle .logo-text {
-    font-size: 110%;
-    line-height: 30px;
-	padding-left: 5px;
-  }
-  #sidebar-side-1 #sidebar-right
-  {
-    font-size: 110%;
-  }
-  #block-menu-secondary-links ul.menu li a
-  {
-	font-size: 110%;
-	line-height: 110%;
-  }
-  #subnav-wrapper ul li, #subnav-wrapper ul li a
-  {
-	font-size: 110%;
-	line-height: 110%;
-  }
-
-
-  /* Floated content doesn't work well at this size */
-  .alignleft,
-  .alignright {
-    float: none;
-    margin-left: 0;
-    margin-right: 0;
-  }
-}
-@media screen and (max-width: 479px) {
-  /*  iphone */
-  #preface-wrapper, #wrapper, #bottom-wrapper, #footer, #footer-wrapper, #header, #menu, #bottom-teaser, .slideshow-inner, #slideshow-bottom, .slideshow  {
-  width: 320px;
-  }
-  body, input, textarea {
-    font-size: 130%;
-  }
-  #superfish .menu a, #superfish .menu a:visited{
-    font-size: 120%;
-  }
-  #header-middle {
-	padding-top: 1px;
-	padding-left: 1px;
-  }
-  #header-middle .logo-text {
-    font-size: 115%;
-    line-height: 32px;
-	padding-left: 5px;
-	width: auto;
-  }
-  #sidebar-side-1 #sidebar-right
-  {
-    font-size: 115%;
-  }
-  #block-menu-secondary-links ul.menu li a
-  {
-	font-size: 115%;
-	line-height: 115%;
-  }
-  #subnav-wrapper ul li, #subnav-wrapper ul li a
-  {
-	font-size: 115%;
-	line-height: 115%;
-  }
-  .sidebars-1 #content{
-	padding-left: 5px;
-  }
-  input[type="text"] {
-    width: 98%;
-  }
-}
-@media screen and (max-width: 319px) {
-  /* small phone */
-  #preface-wrapper, #wrapper, #bottom-wrapper, #footer, #footer-wrapper, #header, #menu, #bottom-teaser, .slideshow-inner, #slideshow-bottom, .slideshow  {
-  width: 100%;
-  }
-  #wrapper {
-    margin-top: 0;
-  }
-  #header {
-    border-top: none;
-  }
-  input[type="text"] {
-    width: 98%;
-  }
-}
diff --git a/style.ie6.css b/style.ie6.css
deleted file mode 100644
index e99efaac01c2652d0778d461f6c36a0057a6dda0..0000000000000000000000000000000000000000
--- a/style.ie6.css
+++ /dev/null
@@ -1,12 +0,0 @@
-
-#content {
-overflow:hidden;
-}
-
-#bottom-wrapper.in2 .column {
-width: 49%;
-}
-
-#bottom-wrapper.in4 .column {
-width: 24%;
-}
\ No newline at end of file
diff --git a/template.php b/template.php
deleted file mode 100644
index f512c8601d79a9506a5fdd0c397ce545b74ef7b6..0000000000000000000000000000000000000000
--- a/template.php
+++ /dev/null
@@ -1,39 +0,0 @@
-<?php
-function danland_page_class($sidebar_first, $sidebar_second) {
-	if ($sidebar_first && $sidebar_second) {
-		$id = 'layout-type-2';	
-	}
-	else if ($sidebar_first || $sidebar_second) {
-		$id = 'layout-type-1';
-	}
-
-	if(isset($id)) {
-		print ' id="'. $id .'"';
-	}
-}
-
-function danland_preprocess_html(&$vars) {
-  // Add conditional CSS for IE6.
-  drupal_add_css(path_to_theme() . '/style.ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'IE 6', '!IE' => FALSE), 'preprocess' => FALSE));
-
-  $viewport = array(
-    '#tag' => 'meta',
-    '#attributes' => array(
-      'property' => 'viewport',
-      'content' => 'width = device-width, initial-scale = 1',
-    ),
-  );
-  drupal_add_html_head($viewport, 'viewport');
-}
-
-function danland_preprocess_maintenance_page(&$variables) {
-  if (!$variables['db_is_active']) {
-    unset($variables['site_name']);
-  }
-  drupal_add_css(drupal_get_path('theme', 'danland') . '/maintenance.css');
-  drupal_add_js(drupal_get_path('theme', 'danland') . '/scripts/jquery.cycle.all.js');
-}
-
-if (drupal_is_front_page()) {
-  drupal_add_js(drupal_get_path('theme', 'danland') . '/scripts/jquery.cycle.all.js');
-}
diff --git a/templates/block--system-branding-block.html.twig b/templates/block--system-branding-block.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..bb8fb2222da86587cebc35ad6bcf54f72fb93406
--- /dev/null
+++ b/templates/block--system-branding-block.html.twig
@@ -0,0 +1,46 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @file
+ * Danland's theme implementation for a branding block.
+ *
+ * Each branding element variable (logo, name, slogan) is only available if
+ * enabled in the block configuration.
+ *
+ * Available variables:
+ * - site_logo: Logo for site as defined in Appearance or theme settings.
+ * - site_name: Name for site as defined in Site information settings.
+ * - site_slogan: Slogan for site as defined in Site information settings.
+ */
+#}
+{% set attributes = attributes.addClass('site-branding') %}
+{% block content %}
+  {% if site_logo %}
+    <div id="logo-wrapper">
+      <div class="logo">
+        <a href="{{ path('<front>') }}" title="{{ site_name }}" rel="home" id="logo">
+          <img src="{{ site_logo }}" alt="{{ site_name }}" />
+        </a>
+      </div>
+    </div><!-- end logo wrapper -->
+  {% endif %}
+  
+  {% if site_name or site_slogan %}
+    <div id="branding-wrapper">
+    {% if site_name %}
+      {% if is_front %}
+        <h1 class="site-name">
+          <a href="{{ path('<front>') }}" title="{{ site_name }}">{{ site_name }}</a>
+        </h1>
+      {% else %}
+        <h2 class="site-name">
+          <a href="{{ path('<front>') }}" title="{{ site_name }}">{{ site_name }}</a>
+        </h2>
+      {% endif %}
+    {% endif %}
+    {% if site_slogan %}
+      <div class='site-slogan'>{{ site_slogan }}</div>
+    {% endif %}
+    </div><!-- end branding wrapper -->
+  {% endif %}
+{% endblock %}
diff --git a/templates/block.html.twig b/templates/block.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..51394c7aaada18d1f6606edfef092a2625d34a88
--- /dev/null
+++ b/templates/block.html.twig
@@ -0,0 +1,48 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - module: The module that provided this block plugin.
+ *   - cache: The cache settings.
+ *   - Block plugin specific settings will also be stored here.
+ * - block - The full block entity.
+ *   - label_hidden: The hidden block title value if the block was
+ *     configured to hide the title ('label' is empty in this case).
+ *   - module: The module that generated the block.
+ *   - delta: An ID for the block, unique within each module.
+ *   - region: The block region embedding the current block.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  <div{{ content_attributes.addClass('content') }}>
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </div>
+</div>
diff --git a/templates/breadcrumb.html.twig b/templates/breadcrumb.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..37551bdad7f368fc4e57526588052d3e36e7ddf4
--- /dev/null
+++ b/templates/breadcrumb.html.twig
@@ -0,0 +1,27 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a breadcrumb trail.
+ *
+ * Available variables:
+ * - breadcrumb: Breadcrumb trail items.
+ *
+ * @ingroup themeable
+ */
+#}
+{% if breadcrumb %}
+  <nav role="navigation" aria-labelledby="system-breadcrumb" class="breadcrumb">
+    <h2 class="visually-hidden">{{ 'Breadcrumb'|t }}</h2>
+    <ol>
+      {% for item in breadcrumb %}
+        <li>
+          {% if item.url %}
+            <a href="{{ item.url }}">{{ item.text }}</a>
+          {% else %}
+            {{ item.text }}
+          {% endif %}
+        </li>
+      {% endfor %}
+    </ol>
+  </nav>
+{% endif %}
\ No newline at end of file
diff --git a/templates/comment.html.twig b/templates/comment.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..e171406042a41fedd1af1933b2576f5d3522d457
--- /dev/null
+++ b/templates/comment.html.twig
@@ -0,0 +1,111 @@
+{#
+/**
+ * @file
+ * Theme override for comments.
+ *
+ * Available variables:
+ * - author: Comment author. Can be a link or plain text.
+ * - content: The content-related items for the comment display. Use
+ *   {{ content }} to print them all, or print a subset such as
+ *   {{ content.field_example }}. Use the following code to temporarily suppress
+ *   the printing of a given child element:
+ *   @code
+ *   {{ content|without('field_example') }}
+ *   @endcode
+ * - 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.
+ * - permalink: Comment permalink.
+ * - submitted: Submission information created from author and created
+ *   during template_preprocess_comment().
+ * - user_picture: The comment author's profile picture.
+ * - status: Comment status. Possible values are:
+ *   unpublished, published, or preview.
+ * - title: Comment title, linked to the comment.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class may contain one or more of the following classes:
+ *   - comment: The current template type; e.g., 'theming hook'.
+ *   - by-anonymous: Comment by an unregistered user.
+ *   - by-{entity-type}-author: Comment by the author of the parent entity,
+ *     eg. by-node-author.
+ *   - preview: When previewing a new or edited comment.
+ *   The following applies only to viewers who are registered users:
+ *   - unpublished: An unpublished comment visible only to administrators.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - content_attributes: List of classes for the styling of the comment content.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - threaded: A flag indicating whether the comments are threaded or not.
+ *
+ * These variables are provided to give context about the parent comment (if
+ * any):
+ * - comment_parent: Full parent comment entity (if any).
+ * - parent_author: Equivalent to author for the parent comment.
+ * - parent_created: Equivalent to created for the parent comment.
+ * - parent_changed: Equivalent to changed for the parent comment.
+ * - parent_title: Equivalent to title for the parent comment.
+ * - parent_permalink: Equivalent to permalink for the parent comment.
+ * - parent: A text string of parent comment submission information created from
+ *   'parent_author' and 'parent_created' during template_preprocess_comment().
+ *   This information is presented to help screen readers follow lengthy
+ *   discussion threads. You can hide this from sighted users using the class
+ *   visually-hidden.
+ *
+ * These two variables are provided for context:
+ * - comment: Full comment object.
+ * - entity: Entity the comments are attached to.
+ *
+ * @see template_preprocess_comment()
+ */
+#}
+{% if threaded %}
+  {{ attach_library('classy/indented') }}
+{% endif %}
+{%
+  set classes = [
+    'comment',
+    'js-comment',
+    status != 'published' ? status,
+    comment.owner.anonymous ? 'by-anonymous',
+    author_id and author_id == commented_entity.getOwnerId() ? 'by-' ~ commented_entity.getEntityTypeId() ~ '-author',
+  ]
+%}
+<article{{ attributes.addClass(classes) }}>
+  {#
+    Hide the "new" indicator by default, let a piece of JavaScript ask the
+    server which comments are new for the user. Rendering the final "new"
+    indicator here would break the render cache.
+  #}
+  <mark class="hidden" data-comment-timestamp="{{ new_indicator_timestamp }}"></mark>
+
+  <footer class="comment-meta">
+    {{ user_picture }}
+    <p class="comment-submitted">{{ submitted }}</p>
+
+    {#
+      Indicate the semantic relationship between parent and child comments for
+      accessibility. The list is difficult to navigate in a screen reader
+      without this information.
+    #}
+    {% if parent %}
+      <p class="parent visually-hidden">{{ parent }}</p>
+    {% endif %}
+
+    {{ permalink }}
+  </footer>
+
+  <div{{ content_attributes.addClass('content') }}>
+    {% if title %}
+      {{ title_prefix }}
+      <h3{{ title_attributes }}>{{ title }}</h3>
+      {{ title_suffix }}
+    {% endif %}
+    {{ content }}
+  </div>
+</article>
diff --git a/templates/field--node--field-tags.html.twig b/templates/field--node--field-tags.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..b6f558eff8a168c08590c7e304d68861d641be7a
--- /dev/null
+++ b/templates/field--node--field-tags.html.twig
@@ -0,0 +1,47 @@
+{#
+/**
+ * @file
+ * Danland theme override for taxonomy term fields.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the label.
+ * - label: The label for the field.
+ * - content_attributes: HTML attributes for the content.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ */
+#}
+{%
+  set classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+    'clearfix',
+  ]
+%}
+{%
+  set title_classes = [
+    'field_label',
+    label_display == 'inline' ? 'inline',
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {% if not label_hidden %}
+    <span{{ title_attributes.addClass(title_classes) }}><strong>{{ label }}:</strong></span>
+  {% endif %}
+  <ul class="links inline field_items">
+    {% for item in items %}
+      <li{{ item.attributes }}>{{ item.content }}</li>
+    {% endfor %}
+  </ul>
+</div>
diff --git a/templates/form--search-block-form.html.twig b/templates/form--search-block-form.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..68847fc0c8fc7b2186b118621bd2a1ff6147ece1
--- /dev/null
+++ b/templates/form--search-block-form.html.twig
@@ -0,0 +1,15 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a 'form' element.
+ *
+ * Available variables:
+ * - attributes: A list of HTML attributes for the wrapper element.
+ * - children: The child elements of the form.
+ *
+ * @see template_preprocess_form()
+ */
+#}
+<form{{ attributes.addClass('search-form', 'search-block-form') }}>
+  {{ children }}
+</form>
diff --git a/templates/links.html.twig b/templates/links.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..7d033a6058abf0b1e66f80656c1a1579e29b4318
--- /dev/null
+++ b/templates/links.html.twig
@@ -0,0 +1,58 @@
+{#
+/**
+ * @file
+ * Theme override for a set of links.
+ *
+ * Available variables:
+ * - attributes: Attributes for the UL containing the list of links.
+ * - links: Links to be output.
+ *   Each link will have the following elements:
+ *   - title: The link text.
+ *   - href: The link URL. If omitted, the 'title' is shown as a plain text
+ *     item in the links list. If 'href' is supplied, the entire link is passed
+ *     to l() as its $options parameter.
+ *   - attributes: (optional) HTML attributes for the anchor, or for the <span>
+ *     tag if no 'href' is supplied.
+ *   - link_key: The link CSS class.
+ * - heading: (optional) A heading to precede the links.
+ *   - text: The heading text.
+ *   - level: The heading level (e.g. 'h2', 'h3').
+ *   - attributes: (optional) A keyed list of attributes for the heading.
+ *   If the heading is a string, it will be used as the text of the heading and
+ *   the level will default to 'h2'.
+ *
+ *   Headings should be used on navigation menus and any list of links that
+ *   consistently appears on multiple pages. To make the heading invisible use
+ *   the 'visually-hidden' CSS class. Do not use 'display:none', which
+ *   removes it from screen readers and assistive technology. Headings allow
+ *   screen reader and keyboard only users to navigate to or skip the links.
+ *   See http://juicystudio.com/article/screen-readers-display-none.php and
+ *   http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ *
+ * @see template_preprocess_links()
+ */
+#}
+{% if links -%}
+  {%- if heading -%}
+    {%- if heading.level -%}
+      <{{ heading.level }}{{ heading.attributes }}>{{ heading.text }}</{{ heading.level }}>
+    {%- else -%}
+      <h2{{ heading.attributes }}>{{ heading.text }}</h2>
+    {%- endif -%}
+  {%- endif -%}
+  <div class="links">
+  <ul{{ attributes }}>
+    {%- for key, item in links -%}
+      <li{{ item.attributes.addClass(key|clean_class) }}>
+        {%- if item.link -%}
+          {{ item.link }}
+        {%- elseif item.text_attributes -%}
+          <span{{ item.text_attributes }}>{{ item.text }}</span>
+        {%- else -%}
+          {{ item.text }}
+        {%- endif -%}
+      </li>
+    {%- endfor -%}
+  </ul>
+  </div>
+{%- endif %}
diff --git a/templates/menu-local-tasks.html.twig b/templates/menu-local-tasks.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..77ebc63cbe8e5f491580049126b5db47d7474c3e
--- /dev/null
+++ b/templates/menu-local-tasks.html.twig
@@ -0,0 +1,21 @@
+{#
+/**
+ * @file
+ * Theme override to display primary and secondary local tasks.
+ *
+ * Available variables:
+ * - primary: HTML list items representing primary tasks.
+ * - secondary: HTML list items representing primary tasks.
+ *
+ * Each item in these variables (primary and secondary) can be individually
+ * themed in menu-local-task.html.twig.
+ */
+#}
+{% if primary %}
+  <h2 class="visually-hidden">{{ 'Primary tabs'|t }}</h2>
+  <ul class="tabs primary">{{ primary }}</ul>
+{% endif %}
+{% if secondary %}
+  <h2 class="visually-hidden">{{ 'Secondary tabs'|t }}</h2>
+  <ul class="tabs secondary">{{ secondary }}</ul>
+{% endif %}
diff --git a/templates/menu.html.twig b/templates/menu.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..3d1dea7e94618ac5547f145b5e89f9ea4bc7d70d
--- /dev/null
+++ b/templates/menu.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ *   - attributes: HTML attributes for the menu item.
+ *   - below: The menu item child items.
+ *   - title: The menu link title.
+ *   - url: The menu link url, instance of \Drupal\Core\Url
+ *   - localized_options: Menu link localized options.
+ *   - is_expanded: TRUE if the link has visible children within the current
+ *     menu tree.
+ *   - is_collapsed: TRUE if the link has children within the current menu tree
+ *     that are not currently visible.
+ *   - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+  We call a macro which calls itself to render the full tree.
+  @see http://twig.sensiolabs.org/doc/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+  {% import _self as menus %}
+  {% if items %}
+    {% if menu_level == 0 %}
+      <ul{{ attributes.addClass('menu') }}>
+    {% else %}
+      <ul class="menu">
+    {% endif %}
+    {% for item in items %}
+      {%
+        set classes = [
+          'menu-item',
+          item.is_expanded ? 'menu-item--expanded expanded',
+          item.is_collapsed ? 'menu-item--collapsed collapsed',
+          item.in_active_trail ? 'menu-item--active-trail active-trail',
+        ]
+      %}
+      <li{{ item.attributes.addClass(classes) }}>
+        {{ link(item.title, item.url) }}
+        {% if item.below %}
+          {{ menus.menu_links(item.below, attributes, menu_level + 1) }}
+        {% endif %}
+      </li>
+    {% endfor %}
+    </ul>
+  {% endif %}
+{% endmacro %}
diff --git a/templates/node.html.twig b/templates/node.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..bcc83d77ffbeb033a8e45305fa32721ff5a1ca1b
--- /dev/null
+++ b/templates/node.html.twig
@@ -0,0 +1,100 @@
+{#
+/**
+ * @file
+ * Theme override to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+     Only "getter" methods (method names starting with "get", "has", or "is")
+     and a few common methods such as "id" and "label" are available. Calling
+     other methods (such as node.delete) will result in an exception.
+ * - label: The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: Themed creation date field.
+ * - author_name: Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ *   rendered twice on a page this is invalid CSS for example: two lists
+ *   in different view modes.
+ */
+#}
+{%
+  set classes = [
+    'node',
+    'node--type-' ~ node.bundle|clean_class,
+    node.isPromoted() ? 'node--promoted',
+    node.isSticky() ? 'node--sticky',
+    not node.isPublished() ? 'node--unpublished',
+    view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
+  ]
+%}
+<article{{ attributes.addClass(classes) }}>
+
+  {{ title_prefix }}
+  {% if not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer>
+      {{ author_picture }}
+      <div{{ author_attributes.addClass('submitted') }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+    <div{{ content_attributes.addClass('content') }}>
+      {{ content }}
+    </div>
+
+</article>
diff --git a/templates/page.html.twig b/templates/page.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..03e346682508f5341a80e8bdf521b26c5fc622b4
--- /dev/null
+++ b/templates/page.html.twig
@@ -0,0 +1,237 @@
+{# #}
+<div{{ danland_layout }}>
+
+  <div id="header">
+    <div id="header-wrapper">
+
+      {{ page.header }}
+
+      {% if page.search_box %}
+        <div id="search-box">
+          {{ page.search_box }}
+        </div><!-- /search-box -->
+      {% endif %}
+
+      {% if feed_icons %}
+        <div class="feed-wrapper">
+          {{ feed_icons }}
+        </div>
+      {% endif %}
+      
+    </div><!-- end header-wrapper -->
+  </div> <!-- /header -->
+
+  <div style="clear:both"></div>
+
+  <div id="menu">
+    <div id="rounded-menu-left"></div>
+      {% if page.primary_menu %}
+        <div id="nav">
+          {{ page.primary_menu }}
+        </div>
+      {% endif %}
+    <div id="rounded-menu-right"></div>
+  </div> <!-- end menu -->
+
+  <div style="clear:both"></div>
+
+  {% if is_front %}
+    <div id="slideshow-wrapper">
+      <div class="slideshow-inner">
+        {% if page.preface %}
+          <div id="slideshow-preface">
+            <div id="preface">
+              {{ page.preface }}
+            </div><!-- end preface -->
+          </div>
+        {% endif %}
+        {% if page.highlighted %}
+          <div id="slideshow-bottom">
+            <div id="mission">{{ page.highlighted }}</div>
+          </div>
+        {% endif %}
+        {% if page.slideshow %}
+          <div class="slideshow">
+            {{ page.slideshow }}
+          </div>
+		{% else %}
+          <div class="slideshow">
+            {% for key, file in files %}
+              <img src="{{ key }}" width="100%" height="100%" alt="slideshow 1"/>
+            {% endfor %}
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  {% endif %}
+
+  {% if page.preface_first or page.preface_middle or page.preface_last %}
+    <div style="clear:both"></div>
+    <div id="preface-wrapper" {{ danland_preface}}>
+      {% if page.preface_first %}
+        <div class="column A">
+          {{ page.preface_first }}
+        </div>
+      {% endif %}
+      {% if page.preface_middle %}
+        <div class="column B">
+          {{ page.preface_middle }}
+        </div>
+      {% endif %}
+      {% if page.preface_last %}
+        <div class="column C">
+          {{ page.preface_last }}
+        </div>
+      {% endif %}
+      <div style="clear:both"></div>
+    </div>
+  {% endif %}
+
+  <div style="clear:both"></div>
+
+  <div id="wrapper">
+
+    {% if page.sidebar_first %}
+      <div id="sidebar-left" class="column sidebar">
+        <div class="section">
+          {{ page.sidebar_first }}
+        </div>
+      </div> <!-- end sidebar-first -->
+    {% endif %}
+    
+    <div id="content">
+
+      <a id="main-content"></a>
+      {% if page.content_top %}
+        <div class="content-top">
+          {{ page.content_top }}
+        </div>
+      {% endif %}
+      
+      {{ page.breadcrumb }}
+      
+      {{ page.messages }}
+      
+      {{ title_prefix }}
+      
+      {% if title %}
+        <h1 class="title" id="page-title">
+          {{ title }}
+        </h1>
+      {% endif %}
+      
+      {{ title_suffix }}
+      
+      {% if tabs %}
+        <div class="tabs">
+          {{ tabs }}
+        </div>
+      {% endif %}
+      
+      {{ page.help }}
+      
+      {% if action_links %}
+        <ul class="action-links">
+          {{ action_links }}
+        </ul>
+      {% endif %}
+      
+      {% if page.content %}
+        <div class="content-middle">
+          {{ page.content }}
+        </div>
+      {% endif %}
+      
+      {% if page.content_bottom %}
+        <div class="content-bottom">
+          {{ page.content_bottom }}
+        </div>
+      {% endif %}
+      
+    </div> <!-- end content -->
+
+    {% if page.sidebar_second %}
+      <div id="sidebar-right" class="column sidebar">
+        <div class="section">
+          {{ page.sidebar_second }}
+        </div>
+      </div> <!-- end sidebar-second -->
+    {% endif %}
+
+    <div style="clear:both"></div>
+
+  </div> <!-- end wrapper -->
+
+
+  {% if page.bottom_first or page.bottom_middle or page.bottom_last %}
+    <div style="clear:both"></div>
+    <div id="bottom-teaser" {{ danland_bottom_a }}>
+      {% if page.bottom_first %}
+        <div class="column A">
+          {{ page.bottom_first }}
+        </div>
+      {% endif %}
+      {% if page.bottom_middle %}
+        <div class="column B">
+          {{ page.bottom_middle }}
+        </div>
+      {% endif %}
+      {% if page.bottom_last %}
+        <div class="column C">
+          {{ page.bottom_last }}
+        </div>
+      {% endif %}
+      <div style="clear:both"></div>
+    </div> <!-- end bottom first etc. -->
+  {% endif %}
+
+
+  {% if page.bottom_1 or page.bottom_2 or page.bottom_3 or page.bottom_4 %}
+    <div style="clear:both"></div><!-- Do not touch -->
+    <div id="bottom-wrapper" {{ danland_bottom_b }}>
+      {% if page.bottom_1 %}
+        <div class="column A">
+          {{ page.bottom_1 }}
+        </div>
+      {% endif %}
+      {% if page.bottom_2 %}
+        <div class="column B">
+          {{ page.bottom_2 }}
+        </div>
+      {% endif %}
+      {% if page.bottom_3 %}
+        <div class="column C">
+          {{ page.bottom_3 }}
+        </div>
+      {% endif %}
+      {% if page.bottom_4 %}
+        <div class="column D">
+          {{ page.bottom_4 }}
+        </div>
+      {% endif %}
+      <div style="clear:both"></div>
+    </div><!-- end bottom -->
+  {% endif %}
+
+  <div style="clear:both"></div>
+
+  <div id="footer-wrapper">
+    {% if page.footer %}
+      <div id="footer">
+        {{ page.footer }}
+      </div>
+    {% endif %}
+    {% if page.secondary_menu %}
+      <div id="secondary-menu">
+        {{ page.secondary_menu }}
+      </div>
+    {% endif %}
+  </div> <!-- end footer wrapper -->
+
+  <div style="clear:both"></div>
+
+  <div id="notice">
+    <p>Theme by <a href="http://www.danetsoft.com">Danetsoft</a> and <a href="http://www.danpros.com">Danang Probo Sayekti</a> inspired by <a href="http://www.maksimer.no">Maksimer</a></p>
+  </div>
+  
+</div>
\ No newline at end of file
diff --git a/templates/region.html.twig b/templates/region.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..e8185e232b84648873f0716052a0f5d5082fc50a
--- /dev/null
+++ b/templates/region.html.twig
@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * Theme override to display a region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region div.
+ * - region: The name of the region variable as defined in the theme's
+ *   .info.yml file.
+ *
+ * @see template_preprocess_region()
+ */
+#}
+{%
+  set classes = [
+    'region',
+    'region-' ~ region,
+  ]
+%}
+{% if content %}
+  <div{{ attributes.addClass(classes) }}>
+    {{ content }}
+  </div>
+{% endif %}
diff --git a/templates/status-messages.html.twig b/templates/status-messages.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..42ddfa5f30403ba90e68e3f89083edfa3fa3ae2b
--- /dev/null
+++ b/templates/status-messages.html.twig
@@ -0,0 +1,57 @@
+{#
+/**
+ * @file
+ * Theme override for status messages.
+ *
+ * Displays status, error, and warning messages, grouped by type.
+ *
+ * An invisible heading identifies the messages for assistive technology.
+ * Sighted users see a colored box. See http://www.w3.org/TR/WCAG-TECHS/H69.html
+ * for info.
+ *
+ * Add an ARIA label to the contentinfo area so that assistive technology
+ * user agents will better describe this landmark.
+ *
+ * Available variables:
+ * - message_list: List of messages to be displayed, grouped by type.
+ * - status_headings: List of all status types.
+ * - display: (optional) May have a value of 'status' or 'error' when only
+ *   displaying messages of that specific type.
+ * - attributes: HTML attributes for the element, including:
+ *   - class: HTML classes.
+ */
+#}
+{{ attach_library('classy/messages') }}
+{% block messages %}
+{% for type, messages in message_list %}
+  {%
+    set classes = [
+      'messages',
+      'messages-' ~ type,
+      type,
+    ]
+  %}
+  <div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes.addClass(classes)|without('role', 'aria-label') }}>
+    {% if type == 'error' %}
+      <div role="alert">
+    {% endif %}
+      {% if status_headings[type] %}
+        <h2 class="visually-hidden">{{ status_headings[type] }}</h2>
+      {% endif %}
+      {% if messages|length > 1 %}
+        <ul class="messages-list">
+          {% for message in messages %}
+            <li class="messages__item">{{ message }}</li>
+          {% endfor %}
+        </ul>
+      {% else %}
+        {{ messages|first }}
+      {% endif %}
+    {% if type == 'error' %}
+      </div>
+    {% endif %}
+  </div>
+  {# Remove type specific classes. #}
+  {{ attributes.removeClass(classes) }}
+{% endfor %}
+{% endblock messages %}
diff --git a/templates/user.html.twig b/templates/user.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..df0bdc36f36ab23646d1b1c7034b0e7d7c3182ec
--- /dev/null
+++ b/templates/user.html.twig
@@ -0,0 +1,23 @@
+{#
+/**
+ * @file
+ * Theme override to present all user data.
+ *
+ * This template is used when viewing a registered user's page,
+ * e.g., example.com/user/123. 123 being the user's ID.
+ *
+ * Available variables:
+ * - content: A list of content items. Use 'content' to print all content, or
+ *   print a subset such as 'content.field_example'. Fields attached to a user
+ *   such as 'user_picture' are available as 'content.user_picture'.
+ * - attributes: HTML attributes for the container element.
+ * - user: A Drupal User entity.
+ *
+ * @see template_preprocess_user()
+ */
+#}
+<article{{ attributes.addClass('profile-link') }}>
+  {% if content %}
+    {{- content -}}
+  {% endif %}
+</article>